| | |
| | | <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; |