WXL (wul)
昨天 52fcab294f28efd0fb6fcacdd3bfd039fbc1d1a9
src/components/Assistant/index.vue
@@ -195,7 +195,6 @@
        <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">
@@ -244,14 +243,19 @@
                <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>
@@ -1019,6 +1023,40 @@
</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;