| | |
| | | <el-form-item label="病区"> |
| | | <el-input v-model="smsForm.leavehospitaldistrictname"></el-input> |
| | | </el-form-item> |
| | | <!-- 短信发送对话框 - 模板选择区域(增强版) --> |
| | | <el-form-item label="选择模板"> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="7"> |
| | |
| | | <el-option |
| | | v-for="tmpl in filteredTemplateOptions" |
| | | :key="tmpl.templetid" |
| | | :label="`【${tmpl.templetno}】${tmpl.templetname}`" |
| | | :label="tmpl.templetname" |
| | | :value="tmpl.templetid" |
| | | > |
| | | <span style="float: left">{{ tmpl.templetname }}</span> |
| | | <span style="float: right; color: #909399; font-size: 12px"> |
| | | {{ tmpl.deptName || "通用" }} / |
| | | {{ tmpl.wardName || "全部" }} |
| | | </span> |
| | | <div class="template-option-content"> |
| | | <div class="template-option-text"> |
| | | {{ tmpl.templetcontent || "暂无内容" }} |
| | | </div> |
| | | <div class="template-option-meta"> |
| | | <span>{{ tmpl.deptName || "通用" }}</span> |
| | | <span class="meta-separator">/</span> |
| | | <span>{{ tmpl.wardName || "全部" }}</span> |
| | | </div> |
| | | </div> |
| | | </el-option> |
| | | </el-select> |
| | | </el-col> |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .wide-template-popper { |
| | | width: 420px !important; /* 进一步加宽,适应内容展示 */ |
| | | } |
| | | |
| | | .template-option-content { |
| | | padding: 8px 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 6px; |
| | | } |
| | | |
| | | .template-option-text { |
| | | font-size: 13px; |
| | | color: #303133; |
| | | line-height: 1.6; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 3; /* 最多显示3行 */ |
| | | -webkit-box-orient: vertical; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | word-break: break-all; |
| | | } |
| | | |
| | | .template-option-meta { |
| | | font-size: 12px; |
| | | color: #909399; |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 4px; |
| | | } |
| | | |
| | | .meta-separator { |
| | | color: #dcdfe6; |
| | | } |
| | | .float-ball { |
| | | position: fixed; |
| | | z-index: 9999; |