测试完成

WXL (wul)

20 小时以前 d93ed5c5aadcf3d49f824339c26ebfac911be06d

 src/views/knowledge/questionnaire/compilequer/index.vue

@@ -261,9 +261,9 @@
                >
                  <el-option
                    class="ruleFormaa"
                    v-for="item in belongDepts"
                    :key="item.deptCode"
                    :label="item.deptName"
                    v-for="item in flatArray"
                    :key="item.id"
                    :label="item.label"
                    :value="item.deptCode"
                  >
                  </el-option>
@@ -280,14 +280,14 @@
                  size="medium"
                  multiple
                  filterable
                  placeholder="请选择科室"
                  placeholder="请选择病区"
                >
                  <el-option
                    class="ruleFormaa"
                    v-for="item in belongWards"
                    :key="item.districtCode"
                    :label="item.districtName"
                    :value="item.districtCode"
                    v-for="item in flatArray"
                    :key="item.id"
                    :label="item.label"
                    :value="item.deptCode"
                  >
                  </el-option>
                </el-select> </el-form-item
@@ -310,7 +310,7 @@
              >下一步</el-button
            >
            <el-button type="info" @click="closeFm('ruleForm')">关闭</el-button>
            <el-button @click="Departmenttreatment('ruleForm')"
            <el-button @click="toExamine('ruleForm')"
              >保存问卷基础信息</el-button
            >
          </el-form-item>
@@ -435,7 +435,6 @@
                  align="center"
                  key="nextScriptno"
                  prop="nextScriptno"
                  :show-overflow-tooltip="true"
                >
                  <template slot-scope="scope">
                    <span>{{
@@ -544,12 +543,32 @@
                  <el-col :span="12">
                    <el-form-item
                      label="问题分值"
                      v-if="topicobj.scoretype == 1"
                      v-if="ruleForm.scoreType == 1"
                    >
                      <el-input
                        v-model="topicobj.score"
                        placeholder="请输入题号"
                      ></el-input>
                    </el-form-item>

                    <el-form-item prop="valueType">
                      <template #label>
                        结果类型
                        <el-tooltip
                          class="item"
                          effect="light"
                          content="本类型为结果收集类型；选项用于指向性题目如是否等；文本适用复杂情况；数值用于收集数值型数据"
                          placement="top-start"
                        >
                          <i class="el-icon-warning-outline"></i>
                        </el-tooltip>
                        <!-- 在标签后插入红色星号 -->
                      </template>
                      <el-radio-group v-model="topicobj.valueType">
                        <el-radio :label="1">选项</el-radio>
                        <el-radio :label="2">文本</el-radio>
                        <el-radio :label="3">数值</el-radio>
                      </el-radio-group>
                    </el-form-item>
                  </el-col>
                </el-row>
@@ -567,10 +586,10 @@
                    </el-form-item></el-col
                  >
                  <el-col :span="12"
                    ><el-form-item label="是否可用">
                      <el-radio-group v-model="topicobj.isenable">
                    ><el-form-item label="是否隐藏">
                      <el-radio-group v-model="topicobj.ishide">
                        <el-radio
                          v-for="(item, index) in usable"
                          v-for="(item, index) in hides"
                          :label="item.value"
                          >{{ item.label }}</el-radio
                        >
@@ -583,8 +602,8 @@
                  v-if="topicobj.scriptType == 1"
                >
                  <el-radio-group v-model="topicobj.branchFlag">
                    <el-radio :label="1">是</el-radio>
                    <el-radio :label="0">否</el-radio>
                    <el-radio label="1">是</el-radio>
                    <el-radio label="0">否</el-radio>
                  </el-radio-group>
                </el-form-item>
                <el-form-item label="选中提示" v-if="topicobj.scriptType != 1">
@@ -606,7 +625,7 @@
                    v-for="item in topicobj.svyLibTemplateTargetoptions"
                  >
                    <el-row :gutter="5">
                      <el-col :span="16"
                      <el-col :span="12"
                        ><el-form-item label="选项名称">
                          <el-input
                            type="text"
@@ -616,9 +635,9 @@
                          >
                          </el-input> </el-form-item
                      ></el-col>
                      <el-col :span="8">
                      <el-col :span="12">
                        <el-form-item
                          v-if="topicobj.scoretype == 1"
                          v-if="ruleForm.scoreType == 1"
                          label="选项分值"
                        >
                          <el-input
@@ -631,17 +650,17 @@
                          </el-input>
                        </el-form-item>
                        <el-form-item
                          v-else-if="topicobj.scoretype == 2"
                          v-else-if="ruleForm.scoreType == 2"
                          label="ABC等级"
                        >
                          <el-radio-group v-model="item.score">
                            <el-radio label="A">A</el-radio>
                            <el-radio label="B">B</el-radio>
                            <el-radio label="C">C</el-radio>
                            <el-radio :label="1">A</el-radio>
                            <el-radio :label="2">B</el-radio>
                            <el-radio :label="3">C</el-radio>
                          </el-radio-group>
                        </el-form-item>
                        <el-form-item
                          v-else-if="topicobj.scoretype == 3"
                          v-else-if="ruleForm.scoreType == 3"
                          label="优良等级"
                        >
                          <el-radio-group v-model="item.score">
@@ -652,13 +671,75 @@
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row :gutter="10">
                      <el-form-item label="异常提醒">
                        <el-radio-group v-model="item.isabnormal">
                          <el-radio :label="1">是</el-radio>
                          <el-radio :label="0">否</el-radio>
                        </el-radio-group>
                    <el-row>
                      <el-form-item label="关联服务">
                        <div
                          v-if="item.sendTaskname"
                          class="service-tag-container"
                        >
                          <el-tag
                            type="success"
                            closable
                            @close="removeService(item)"
                            class="service-tag"
                          >
                            <i class="el-icon-connection service-icon"></i>
                            {{ item.sendTaskname }}
                          </el-tag>
                        </div>
                        <div v-else class="service-add-btn">
                          <el-button
                            type="success"
                            size="small"
                            icon="el-icon-plus"
                            @click="openServiceDialog(item)"
                            class="add-service-btn"
                          >
                            选择任务
                          </el-button>
                        </div>
                      </el-form-item>
                    </el-row>
                    <el-row :gutter="10">
                      <el-col :span="11">
                        <!-- 修改：异常提醒部分 -->
                        <el-form-item label="异常提醒">
                          <el-select
                            v-model="item.isabnormal"
                            placeholder="请选择状态"
                          >
                            <el-option
                              :value="0"
                              label="正常"
                              :style="{ color: '#67C23A' }"
                            >
                              <span style="color: #67c23a">● 正常</span>
                            </el-option>
                            <el-option
                              :value="1"
                              label="异常"
                              :style="{ color: '#E6A23C' }"
                            >
                              <span style="color: #e6a23c">● 异常</span>
                            </el-option>
                            <el-option
                              :value="2"
                              label="警告"
                              :style="{ color: '#F56C6C' }"
                            >
                              <span style="color: #f56c6c">● 警告</span>
                            </el-option>
                          </el-select>
                        </el-form-item>
                      </el-col>
                      <el-col :span="11">
                        <el-form-item label="是否选中收集附加信息">
                          <el-radio-group v-model="item.appendflag">
                            <el-radio label="1">是</el-radio>
                            <el-radio label="0">否</el-radio>
                          </el-radio-group>
                        </el-form-item>
                      </el-col>
                    </el-row>
                    <el-row :gutter="10" v-if="topicobj.branchFlag == 1">
                      <el-col :span="20"
@@ -692,7 +773,9 @@
                            <el-image
                              style="width: 100px; height: 100px"
                              :src="item.picturePath"
                              :preview-src-list="[...item.picturePath]"
                              :preview-src-list="
                                item.picturePath ? [item.picturePath] : []
                              "
                            >
                            </el-image>
                          </div>
@@ -748,9 +831,7 @@
        >
        <el-button type="primary" @click="laststep()">上一步</el-button>
        <el-button type="info" @click="closeFm('ruleForm')">关闭</el-button>
        <el-button @click="Departmenttreatment('ruleForm')"
          >保存问题数据</el-button
        >
        <el-button @click="toExamine('ruleForm')">保存问题数据</el-button>
      </div>
      <!-- 问卷预览 -->
      <div v-if="Editprogress == 3">
@@ -982,7 +1063,7 @@
                    <el-col :span="12">
                      <el-form-item label="评价类型">
                        <el-select
                          v-model="indexform.scoretype"
                          v-model="indexform.scoreType"
                          placeholder="请选择分类"
                        >
                          <el-option
@@ -1131,7 +1212,7 @@
                      ></el-col>
                      <el-col :span="11">
                        <el-form-item
                          v-if="indexform.scoretype == 1"
                          v-if="indexform.scoreType == 1"
                          label="分值"
                        >
                          <el-input
@@ -1143,17 +1224,17 @@
                          </el-input>
                        </el-form-item>
                        <el-form-item
                          v-else-if="indexform.scoretype == 2"
                          v-else-if="indexform.scoreType == 2"
                          label="ABC等级"
                        >
                          <el-radio-group v-model="item.score">
                            <el-radio label="A">A</el-radio>
                            <el-radio label="B">B</el-radio>
                            <el-radio label="C">C</el-radio>
                            <el-radio :label="1">A</el-radio>
                            <el-radio :label="2">B</el-radio>
                            <el-radio :label="3">C</el-radio>
                          </el-radio-group>
                        </el-form-item>
                        <el-form-item
                          v-else-if="indexform.scoretype == 3"
                          v-else-if="indexform.scoreType == 3"
                          label="优良等级"
                        >
                          <el-radio-group v-model="item.score">
@@ -1166,7 +1247,7 @@

                      <el-col
                        :span="2"
                        :offsset="indexform.scoretype == 4 ? 11 : 0"
                        :offsset="indexform.scoreType == 4 ? 11 : 0"
                      >
                        <el-button
                          type="danger"
@@ -1213,7 +1294,9 @@
                          <el-image
                            style="width: 100px; height: 100px"
                            :src="item.picturePath"
                            :preview-src-list="[...item.picturePath]"
                            :preview-src-list="
                              item.picturePath ? [item.picturePath] : []
                            "
                          >
                          </el-image>
                        </div>
@@ -1227,6 +1310,144 @@
        </el-tabs>
      </div>
    </el-drawer>
    <!-- 选择任务弹窗 -->
    <el-dialog
      title="选择任务"
      :visible.sync="serviceDialogVisible"
      width="50%"
    >
      <div>
        <el-form
          :model="topqueryParams"
          ref="queryForm"
          size="small"
          :inline="true"
          label-width="98px"
        >
          <el-form-item label="任务名称">
            <el-input
              v-model="topqueryParams.taskName"
              @keyup.enter.native="handleQuery"
            ></el-input>
          </el-form-item>
          <el-form-item label="任务类型" prop="status">
            <el-select
              v-model="topqueryParams.serviceType"
              placeholder="请选择服务类型"
            >
              <el-option
                v-for="item in taskoptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <el-table
          :data="filteredServiceList"
          v-loading="taskloading"
          @selection-change="handleServiceSelectionChange"
        >
          <el-table-column type="selection" width="55"></el-table-column>
          <el-table-column
            label="任务名称"
            fixed
            align="center"
            key="taskName"
            prop="taskName"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="任务描述"
            align="center"
            key="taskDesc"
            prop="taskDesc"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="服务项目"
            align="center"
            key="templatename"
            prop="templatename"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="总任务/已随访"
            align="center"
            key="nickName"
            width="120"
            prop="nickName"
          >
            <template slot-scope="scope">
              <span
                >{{
                  scope.row.wfs || scope.row.wfs == 0
                    ? scope.row.wfs + scope.row.yfs
                    : ""
                }}/{{ scope.row.yfs }}</span
              >
            </template>
          </el-table-column>
          <el-table-column
            label="是否长期任务"
            align="center"
            key="longTask"
            prop="longTask"
          >
            <template slot-scope="scope">
              <span>{{ scope.row.longTask ? "长期任务" : "非长期" }}</span>
            </template>
          </el-table-column>

          <el-table-column
            label="状态"
            align="center"
            key="sendState"
            prop="sendState"
          >
            <template slot-scope="scope">
              <dict-tag
                :options="dict.type.task_status"
                :value="scope.row.sendState"
              />
            </template>
          </el-table-column>

          <el-table-column
            label="创建人"
            align="center"
            key="createBy"
            prop="createBy"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="创建时间"
            sortable
            align="center"
            prop="createTime"
          >
            <template slot-scope="scope">
              <span>{{ formatTime(scope.row.createTime) }}</span>
            </template>
          </el-table-column>
        </el-table>
        <pagination
          v-show="tasktotal > 0"
          :total="tasktotal"
          :page.sync="topqueryParams.pageNum"
          :limit.sync="topqueryParams.pageSize"
          @pagination="gettaskList"
        />
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="serviceDialogVisible = false">取消</el-button>
        <el-button type="primary" @click="confirmServiceSelection"
          >确定</el-button
        >
      </span>
    </el-dialog>
    <!-- 添加适用疾病窗口 -->
    <Optional-Form
      ref="child"
@@ -1248,25 +1469,21 @@
  depthospgetsonlist,
  getQtemplateobj,
  compileQtemplate,
  Qtemplateinfo,
  compileissue,
  delQtemplateinfo,
  Followupinfo,
  issueinfo,
  getissuelist,
  depthospgetsondel,
  deltargetillness,
  addtargetillness,
  getillnesslist,
  illnesslistget,
  getTasklist,
  getillness,
} from "@/api/AiCentre/index";
import OptionalForm from "@/components/OptionalForm"; //正则组件
import { getToken } from "@/utils/auth";
import { deptTreeSelect } from "@/api/system/user";

export default {
  name: "Questionnaireinfo",

  dicts: ["sys_normal_disable", "sys_user_sex", "task_status"],
  components: { OptionalForm },

  data() {
@@ -1289,12 +1506,44 @@
      dialogVisiblepatient: false, //适用疾病窗口
      inputValue: "",
      topicobj: {},
      topqueryParams: {
        pageNum: 1,
        pageSize: 10,
        type: 3,
      },
      tasktotal: 0,
      taskloading: false,
      taskoptions: [
        {
          value: 4,
          label: "宣教关怀",
          raw: {
            cssClass: "",
            listClass: "",
          },
        },
        {
          value: 5,
          label: "复诊通知",
          raw: {
            cssClass: "",
            listClass: "",
          },
        },
      ],
      // 总条数
      total: 1,
      serviceDialogVisible: false, // 选择任务弹窗显示控制
      serviceSearch: "", // 任务搜索关键词
      serviceList: [], // 任务列表
      filteredServiceList: [],
      selectedService: null, // 选中的任务
      currentOptionItem: null, // 当前正在设置的任务选项项
      ruleForm: {
        svyTemplateLibScripts: [],
        tempDetpRelevances: [],
        svyLibTemplateTagList: [],
        suitway: [],
        scoreType: "4",
        isenable: "0",
        longTemp: "0",
@@ -1383,6 +1632,7 @@
      illnessVisible: false, //指标疾病弹框
      Operateit: true,
      deptOptions: [],
      flatArray: [],
      optionsillness: [],
      delScriptVOList: [],
      illnesslistapi: [],
@@ -1399,6 +1649,10 @@
      usable: [
        { value: "0", label: "可用" },
        { value: "1", label: "停用" },
      ],
      hides: [
        { value: 0, label: "正常" },
        { value: 1, label: "隐藏" },
      ],
      longtype: [
        { value: "0", label: "普通任务" },
@@ -1435,6 +1689,7 @@
        this.ruleForm.svyLibTemplateTagList.filter(
          (item) => item.isoperation != 3
        );
      if (this.ruleForm.suitway)
        this.ruleForm.suitway = this.ruleForm.suitway.split(",");
      this.delScriptVOList = [];
      this.tempDetpRelevanceslistform = [];
@@ -1445,6 +1700,7 @@
  created() {
    this.getissueinfo();
    this.gettabList();
    this.getDeptTree();
    this.mode = store.getters.Askmode;
    this.languagelist = store.getters.languagelist;
    this.usable = store.getters.usable;
@@ -1455,8 +1711,6 @@
    this.appraiselist = store.getters.appraiselist;
    this.belongWards = store.getters.belongWards;
    this.belongDepts = store.getters.belongDepts;
    console.log(this.belongWards, "belongWards");
    console.log(this.belongDepts, "belongDepts");

    // this.test();
  },
@@ -1518,7 +1772,9 @@
          this.dynamicTags = this.ruleForm.svyLibTemplateTagList.map(
            this.processElement
          );
          this.ruleForm.suitway = this.ruleForm.suitway.split(",");
          console.log(this.dynamicTags, "this.dynamicTags");
          if (this.ruleForm.suitway)
            this.ruleForm.suitway = this.ruleForm.suitway.split(",");
        });
        getillness({ outid: this.id, type: 5 }).then((res) => {
          this.illnesslist = res.rows;
@@ -1536,21 +1792,49 @@
      });
      this.tempDetpRelevanceslist = [];
      this.tempbelongWards = [];

      depthospgetsonlist(this.queryParamsdept).then((res) => {
        if (res.code == 200) {
          let arr = res.rows;
          arr.forEach((item) => {
            if (item.deptType == 1) {
              this.deptlist.push(item);
              this.tempDetpRelevanceslist.push(item.deptCode);
            } else if (item.deptType == 2) {
              this.hosplist.push(item);
              this.tempbelongWards.push(item.deptCode);
            }
          });
        }
      if (this.queryParamsdept.tempid) {
        depthospgetsonlist(this.queryParamsdept).then((res) => {
          if (res.code == 200) {
            let arr = res.rows;
            arr.forEach((item) => {
              if (item.deptType == 1) {
                this.deptlist.push(item);
                this.tempDetpRelevanceslist.push(item.deptCode);
              } else if (item.deptType == 2) {
                this.hosplist.push(item);
                this.tempbelongWards.push(item.deptCode);
              }
            });
          }
        });
      }
    },
    // 获取科室树
    getDeptTree() {
      // 科室列表
      deptTreeSelect().then((response) => {
        this.deptOptions = response.data;
        this.flatArray = this.flattenArray(response.data);
      });
    },
    flattenArray(multiArray) {
      let result = [];

      // 递归函数，用于将多级数组转换为一维数组，只包含最底层的元素
      function flatten(element) {
        // 如果当前元素有子元素，继续递归
        if (element.children && element.children.length > 0) {
          element.children.forEach((child) => flatten(child));
        } else {
          // 克隆元素以避免修改原始数据
          let item = JSON.parse(JSON.stringify(element));
          result.push(item); // 将最底层的元素添加到结果数组
        }
      }

      // 从顶层元素开始递归
      multiArray.forEach((element) => flatten(element));
      return result; // 返回只包含最底层元素的一维数组
    },
    submitForm(formName) {
      this.$modal.loading("正在修正保存数据，请稍候...");
@@ -1560,6 +1844,25 @@
      if (!this.ruleForm.categoryid) {
        this.ruleForm.categoryid = -1;
      }
      // 题目保存处理
      //   提交
      this.ruleForm.svyTemplateLibScripts.forEach((res) => {
        if (!res.isoperation) {
          res.isoperation = 2;
        }
        res.ivrLibaScriptTargetoptionList = res.svyLibTemplateTargetoptions.map(
          (item) => {
            if (!item.isoperation) {
              item.isoperation = 2;
              item.templateID = this.ruleForm.id;
            }
            return item;
          }
        );
      });
      this.delScriptVOList.forEach((item) => {
        this.ruleForm.svyTemplateLibScripts.push(item);
      });
      if (this.id) {
        this.ruleForm.isoperation = 2;
        this.ruleForm.tempDetpRelevances = null;
@@ -1569,6 +1872,7 @@
          this.putbelongDepts();
          this.$modal.closeLoading();
          this.$router.go(-1);
          // window.location.reload();
        });
      } else {
        this.ruleForm.isoperation = 1;
@@ -1585,11 +1889,46 @@
        });
      }
    },
    // 题目校验
    toExamine() {
      // 遍历题目集合
      for (let i = 0; i < this.ruleForm.svyTemplateLibScripts.length; i++) {
        const question = this.ruleForm.svyTemplateLibScripts[i];

        // 如果 scriptType 为 4，则跳过当前题目
        if (question.scriptType === 4) {
          continue;
        }
        // 获取当前题目的选项集合
        const options = question.svyLibTemplateTargetoptions;

        // 创建一个 Set 来存储选项名称，用于检测重复
        const optionNames = new Set();

        // 遍历选项集合
        for (let j = 0; j < options.length; j++) {
          const option = options[j];
          const optionContent = option.optioncontent;

          // 如果选项名称已经存在于 Set 中，说明重复
          if (optionNames.has(optionContent)) {
            this.$message.error(
              `题目 ${question.id} 的选项名称 "${optionContent}" 重复`
            );
            return false; // 返回 false 表示校验失败
          }
          // 将选项名称添加到 Set 中
          optionNames.add(optionContent);
        }
      }

      // 如果所有题目都校验通过，返回 true
      console.log("所有题目校验通过，选项名称无重复");
      this.Departmenttreatment();
    },

    // 科室/院区处理
    Departmenttreatment() {
      console.log(this.tempDetpRelevanceslist, "tempDetpRelevanceslist");
      console.log(this.deptlist, "deptlist");
      console.log(this.hosplist, "deptlist");
      this.tempDetpRelevanceslist.forEach((item) => {
        console.log(item);
        let result = this.deptlist.some((obj) => obj.deptCode == item);
@@ -1607,9 +1946,6 @@
      });
      this.tempbelongWards.forEach((item) => {
        let result = this.hosplist.some((obj) => obj.deptCode == item);

        console.log(this.result, "resulthhh");

        if (!result) {
          this.tempbelongWardsform.push({
            deptType: 2,
@@ -1620,11 +1956,6 @@
          });
        }
      });
      console.log(this.tempbelongWardsform, "tempbelongWardsform");
      console.log(
        this.tempDetpRelevanceslistform,
        "tempDetpRelevanceslistform"
      );

      // return
      setTimeout(() => {
@@ -1649,13 +1980,69 @@
      let result = this.hosplist
        .filter((item) => item.deptCode == row)
        .map((item) => item.id);
        if (result.length) {
          depthospgetsondel(result).then((res) => {
            if (res.code) {
            }
          });
        }
      if (result.length) {
        depthospgetsondel(result).then((res) => {
          if (res.code) {
          }
        });
      }
    },
    // ---------------选项任务绑定
    openServiceDialog(item) {
      this.gettaskList();
      this.currentOptionItem = item;
    },
    gettaskList() {
      getTasklist(this.topqueryParams).then((response) => {
        this.filteredServiceList = response.rows;
        this.tasktotal = response.total;
        this.serviceDialogVisible = true;
        this.$forceUpdate();
        this.taskloading = false;
      });
    },
    handleQuery() {
      this.topqueryParams.pageNum = 1;
      this.gettaskList();
    },
    // 新增方法：加载任务列表
    loadServiceList() {
      // 这里调用API获取任务列表
      // 示例数据，实际使用时需要调用相应的API
      this.serviceList = [
        { id: 1, taskName: "随访任务1", taskType: "常规随访" },
        { id: 2, taskName: "健康评估任务", taskType: "健康评估" },
        { id: 3, taskName: "用药提醒任务", taskType: "用药管理" },
      ];
    },

    // 新增方法：处理任务选择变化
    handleServiceSelectionChange(selection) {
      this.selectedService = selection.length > 0 ? selection[0] : null;
    },

    // 新增方法：确认选择任务
    confirmServiceSelection() {
      console.log(this.selectedService);
      console.log(this.currentOptionItem);

      if (this.selectedService && this.currentOptionItem) {
        this.currentOptionItem.sendTaskname = this.selectedService.taskName;
        this.currentOptionItem.sendTaskid = this.selectedService.taskid;
        this.serviceDialogVisible = false;
        this.serviceSearch = "";
        this.selectedService = null;
      } else {
        this.$message.warning("请选择一个任务");
      }
    },

    // 新增方法：移除关联服务
    removeService(item) {
      item.sendTaskname = "";
      item.sendTaskid = "";
    },
    // ------------------------
    // 下一步
    nextstep() {
      if (this.Editprogress <= 2) {
@@ -1686,7 +2073,7 @@
    // 获取问题列表
    getaddtopiclist() {
      this.drawer = true;
      this.queryParams.scoretype = this.ruleForm.scoreType;
      this.queryParams.scoreType = this.ruleForm.scoreType;
      getissuelist(this.queryParams).then((res) => {
        this.loading = false;
        this.userList = res.rows;
@@ -1696,7 +2083,9 @@
    },
    // 新增问题
    addtopic(row) {
      console.log(row);
      row.isoperation = 1;
      row.scriptid = row.id;
      row.svyLibScriptOptions.forEach((item) => {
        item.isoperation = 1;
      });
@@ -1875,6 +2264,12 @@
    },
    // 保存科室/病区
    putbelongDepts(id) {
      this.tempDetpRelevanceslistform.forEach((item) => {
        if (!item.tempid) item.tempid = id;
      });
      this.tempbelongWardsform.forEach((item) => {
        if (!item.tempid) item.tempid = id;
      });
      if (this.tempDetpRelevanceslistform.length > 0) {
        depthospgetson(this.tempDetpRelevanceslistform).then((res) => {
          if (res.code == 200) {
@@ -2300,7 +2695,10 @@
  display: flex;
  .presentation-left {
    width: 45%;
    // height: 500px;
    max-height: 80vh;
    padding: 0 20px;
    font-size: 18px;
    overflow: auto;
    .button-textxg {
      color: #024df0;
    }
@@ -2320,7 +2718,7 @@
  }
  .presentation-right {
    width: 55%;
    max-height: 688px;
    max-height: 80vh;
    padding: 0 20px;
    font-size: 18px;
    overflow: auto;
@@ -2350,6 +2748,135 @@
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
    0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.service-tag-container {
  display: inline-block;

  .service-tag {
    margin-right: 10px;
    max-width: 220px;
    height: 32px;
    line-height: 30px;
    padding: 0 12px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #e1f3d8;
    background: linear-gradient(135deg, #f0f9eb, #e1f3d8);
    box-shadow: 0 2px 4px rgba(103, 194, 58, 0.1);
    transition: all 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;

    &:hover {
      transform: translateY(-1px);
      box-shadow: 0 4px 8px rgba(103, 194, 58, 0.15);
      border-color: #b3e19d;
    }

    .service-icon {
      margin-right: 4px;
      font-size: 12px;
    }

    ::v-deep .el-icon-close {
      margin-left: 6px;
      font-size: 12px;
      color: #67c23a;
      background-color: #f0f9eb;
      border-radius: 50%;
      width: 16px;
      height: 16px;
      line-height: 16px;

      &:hover {
        background-color: #67c23a;
        color: white;
      }
    }
  }
}

.service-add-btn {
  display: inline-block;

  .add-service-btn {
    height: 32px;
    padding: 0 16px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 500;
    background: linear-gradient(135deg, #67c23a, #85ce61);
    border: none;
    box-shadow: 0 2px 4px rgba(103, 194, 58, 0.2);
    transition: all 0.3s ease;

    &:hover {
      transform: translateY(-1px);
      box-shadow: 0 4px 8px rgba(103, 194, 58, 0.3);
      background: linear-gradient(135deg, #5daf34, #7ac252);
    }

    &:active {
      transform: translateY(0);
      box-shadow: 0 2px 4px rgba(103, 194, 58, 0.2);
    }

    i {
      margin-right: 4px;
      font-size: 12px;
    }
  }
}

// 响应式设计
@media (max-width: 768px) {
  .service-tag-container .service-tag {
    max-width: 180px;
    font-size: 13px;
    padding: 0 10px;
  }

  .service-add-btn .add-service-btn {
    padding: 0 12px;
    font-size: 13px;
  }
}

// 添加动画效果
@keyframes tagFadeIn {
  from {
    opacity: 0;
    transform: scale(0.8) translateY(-5px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.service-tag {
  animation: tagFadeIn 0.3s ease-out;
}

// 为整个选项区域添加统一样式
.topicxq {
  .service-tag-container,
  .service-add-btn {
    margin: 8px 0;
  }
}

// 确保在表单中的正确布局
.el-form-item {
  .el-form-item__content {
    .service-tag-container,
    .service-add-btn {
      vertical-align: middle;
    }
  }
}
.custom-width {
  width: 100px; /* 设置宽度样式 */
}