WXL
2024-09-05 df59cae6f3c73605a3f3b4055fdca5b4dabde2c2
src/views/repositoryai/intention/index.vue
@@ -104,7 +104,7 @@
                  placeholder="请选择"
                >
                  <el-option
                    v-for="(item, index) in qyoptions"
                    v-for="(item, index) in askvaluetype"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
@@ -190,14 +190,14 @@
                label="指标类型"
                fixed
                align="center"
                key="scriptType"
                prop="scriptType"
                key="valueType"
                prop="valueType"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="scope">
                  <dict-tag
                    :options="valuetypelb"
                    :value="scope.row.scriptType"
                    :value="scope.row.valueType"
                  />
                </template>
              </el-table-column>
@@ -338,6 +338,10 @@
            :rules="rules"
            label-width="100px"
          >
            <div class="headline">
              <div class="basics">基础信息</div>
            </div>
            <el-divider></el-divider>
            <el-row v-if="!measurement">
              <el-col :span="12">
                <el-form-item label="指标名称" prop="targetname">
@@ -401,17 +405,13 @@
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否可用" prop="isAvailable">
                  <el-select
                    v-model="indexform.isAvailable"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="index in qyoptions"
                      :key="index.value"
                      :label="index.label"
                      :value="index.value"
                    ></el-option>
                  </el-select>
                  <el-radio-group v-model="indexform.isAvailable">
                    <el-radio
                      v-for="(item, index) in usable"
                      :label="item.value"
                      >{{ item.label }}</el-radio
                    >
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
@@ -421,11 +421,18 @@
                  <el-input
                    v-model="indexform.targetdesc"
                    placeholder="请输入指标描述"
                    id="targetdesc"
                    @focus="currentInputId = 'targetdesc'"
                    maxlength="40"
                  />
                </el-form-item> </el-col
            ></el-row>
            <el-form-item label="标签" prop="desc" v-if="!measurement">
            <!-- <el-form-item label="插入填空" prop="scriptContent">
              <div style="display: flex; margin-bottom: 10px">
                <div class="tsgname" @click="tsgnameto">插入填空</div>
              </div>
            </el-form-item> -->
            <el-form-item label="标签" prop="dynamicTags" v-if="!measurement">
              <div class="xinz-inf">
                <el-tag
                  :key="tag.tagname"
@@ -465,7 +472,19 @@
            </el-form-item>
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="值类型">
                <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="indexform.valueType">
                    <el-radio :label="1">选项</el-radio>
                    <el-radio :label="2">文本</el-radio>
@@ -476,11 +495,14 @@
            >
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="题目类型">
                  <el-radio-group v-model="indexform.scriptType">
                <el-form-item label="题目类型" prop="scriptType">
                  <el-radio-group
                    @input="Changtype"
                    v-model="indexform.scriptType"
                  >
                    <el-radio :label="1">单选</el-radio>
                    <el-radio :label="2">多选</el-radio>
                    <el-radio :label="3">填空</el-radio>
                    <!-- <el-radio :label="3">填空</el-radio> -->
                    <el-radio :label="4">问答</el-radio>
                  </el-radio-group>
                </el-form-item>
@@ -490,24 +512,20 @@
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="适用场景" prop="suitWayList">
                  <el-select
                    class="el-select1"
                    v-model="indexform.suitWayList"
                    multiple
                    @change="changeselect"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="index in mode"
                      :key="index.value"
                      :label="index.label"
                      :value="index.value"
                    ></el-option>
                  </el-select>
                  <el-checkbox-group v-model="indexform.suitWayList">
                    <el-checkbox v-for="item in mode" :label="item.value">{{
                      item.label
                    }}</el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
              </el-col>
            </el-row>
            <div v-if="indexform.scriptType == 1 || indexform.scriptType == 2">
              <div class="headline">
                <div class="basics">选项设置</div>
              </div>
              <el-divider></el-divider>
            </div>
            <el-card
              class="box-card"
              style="margin-bottom: 20px"
@@ -523,16 +541,32 @@
                @xiayioption="xiayioption"
              />
            </el-card>
            <div v-if="indexform.scriptType == 3">
            <!-- <div v-if="indexform.scriptType == 3">
              <el-form-item label="收集信息">
                <el-input
                  type="text"
                  placeholder="填入收集信息"
                  v-model="indexform.reply"
                >
                </el-input
              ></el-form-item>
                <el-card class="box-card">
                  <div v-for="item in testuserList" style="margin-bottom: 10px">
                    <el-input
                      type="text"
                      placeholder="填入收集信息"
                      v-model="indexform.optiondesc"
                    >
                      <el-button
                        slot="append"
                        @click="deloption(item)"
                        type="danger"
                        icon="el-icon-delete"
                        circle
                      ></el-button>
                      <span slot="prepend">{{ "(" + item.orderno + ")" }}</span>
                    </el-input>
                  </div>
                </el-card>
              </el-form-item>
            </div> -->
            <div class="headline">
              <div class="basics">指标测试</div>
            </div>
            <el-divider></el-divider>
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="测试输入" prop="nickName">
@@ -707,6 +741,7 @@
      radio: "主分类",
      testvalue: "",
      testgovalue: "",
      creatype: "", //指标临时类型
      hasValue: true,
      classifyform: {
        categoryname: "",
@@ -745,17 +780,17 @@
      illnesslist: [],
      illnesslistapi: [],
      optionsillness: [],
      qyoptions: [],
      mode: [],
      optionstag: [],
      targetoptionList: [],
      Temporarytype: "",
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      valuetypelb: [],
      askvaluetype: [],
      // 表单校验
      rules: {
@@ -766,10 +801,25 @@
          { required: true, message: "指标分类不能为空", trigger: "blur" },
        ],
        language: [
          { required: true, message: "指标语言不能为空", trigger: "blur" },
          { required: true, message: "语言不能为空", trigger: "blur" },
        ],
        isAvailable: [
          { required: true, message: "指标语言不能为空", trigger: "blur" },
          { required: true, message: "可用状态不能为空", trigger: "blur" },
        ],
        targetdesc: [
          { required: true, message: "指标描述不能为空", trigger: "blur" },
        ],
        dynamicTags: [
          { required: true, message: "标签不能为空", trigger: "blur" },
        ],
        valueType: [
          { required: true, message: "值类型不能为空", trigger: "blur" },
        ],
        scriptType: [
          { required: true, message: "题目类型不能为空", trigger: "blur" },
        ],
        suitWayList: [
          { required: true, message: "适用场景不能为空", trigger: "blur" },
        ],
      },
    };
@@ -787,9 +837,9 @@
    this.gettabList();
    this.getDeptTree();
    this.mode = store.getters.mode;
    this.valuetypelb = store.getters.askvaluetype;
    this.askvaluetype = store.getters.askvaluetype;
    this.valuetypelb = store.getters.valuetypelb;
    this.languagelist = store.getters.languagelist;
    this.qyoptions = store.getters.askvaluetype;
    this.usable = store.getters.usable;
  },
  methods: {
@@ -832,7 +882,65 @@
        this.deletefenl = row.title;
      }
    },
    // 便捷标签插入填空
    tsgnameto(row) {
      let inputValueArr = "";
      let value = this.testuserList.length + 1;
      let el = document.querySelector("#" + this.currentInputId);
      //el.selectionStart; 这就是当前光标所在的位置(字符串中字符的index)
      if (this.currentInputId == "targetdesc") {
        inputValueArr = this.indexform.targetdesc.split("");
      } else {
        return;
      }
      //将输入框内容切成数组,方便后续操作
      // inputValueArr = this.inputValue.split("");
      // 拿到选中文字的长度(后续可以用来替换选中的文字)
      let selectLength = el.selectionEnd - el.selectionStart;
      // 将要插入/替换的文字插入/替换(value.name是要插入/替换的字符串)
      inputValueArr.splice(
        el.selectionStart,
        selectLength,
        "__" + value + "__"
      );
      this.testuserList.push({
        orderno: value,
        optiondesc: "",
        isoperation: 1,
      });
      // 把数组重新转换为字符串并赋值
      inputValueArr = inputValueArr.join("");
      console.log(inputValueArr);
      if (this.currentInputId == "targetdesc") {
        this.indexform.targetdesc = inputValueArr;
      } else {
        return;
      }
    },
    Changtype(item) {
      console.log(this.testuserList);
      console.log(item, "选项变更的处理");
      if (item == 3 && this.testuserList[0].targetvalue) {
        this.$modal
          .confirm("更改类型为填空后选项将清空是否继续?")
          .then(() => {
            this.testuserList = [];
            this.Temporarytype = this.indexform.scriptType;
          })
          .catch(() => {
            this.indexform.scriptType = this.Temporarytype;
          });
      } else if (item == 3) {
        this.testuserList = [];
        this.Temporarytype = this.indexform.scriptType;
      }
      {
        this.Temporarytype = this.indexform.scriptType;
      }
    },
    // 疾病-----------------------
    illnessUpdate(row) {
      this.illnessVisible = true;
@@ -983,10 +1091,17 @@
        console.log(this.targetoptionList, "aaaa.targetoptionList");
        this.testuserList.splice(index, 1); // 从索引位置删除一个元素
        this.sortFn();
        if (this.indexform.scriptType == 3) {
          this.$modal.msgWarning(
            "填空项已删除请手动删除题目内容中对应的填空项"
          );
        }
      } else {
        console.log("未找到该对象");
      }
    },
    syioption(row) {
      const index = this.getIndexInArray(this.testuserList, row);
      const item = this.testuserList.splice(index, 1)[0]; // 移除指定索引处的元素,并保存到item变量中
@@ -1018,6 +1133,7 @@
          targetoptionid: item.targetoptionid,
          isabnormal: item.isabnormal,
          picturePath: item.picturePath,
          optiondesc: item.optiondesc,
        };
      });
      console.log(this.testuserList);
@@ -1164,6 +1280,7 @@
      this.indexform = {
        ivrLibaTargetTagList: [],
        targetoptionList: [],
        suitWayList: [],
      };
      this.dynamicTags = [];
      this.testuserList = [
@@ -1173,6 +1290,7 @@
          targetregex: "",
          targetregex2: "",
          isoperation: 1,
          isabnormal:0,
          picturePath: "",
          dynamiccruxs: [],
          nodynamiccruxs: [],
@@ -1190,6 +1308,7 @@
      this.indexform = {};
      this.indexform = row;
      this.indexform.scriptType = Number(row.scriptType);
      this.Temporarytype = this.indexform.scriptType;
      if (!row.targetoptionList[0]) {
        row.targetoptionList = [
          {
@@ -1198,6 +1317,7 @@
            targetregex: "",
            targetregex2: "",
            isoperation: 1,
            orderno: 1,
            dynamiccruxs: [],
            nodynamiccruxs: [],
            dynamiccruxsJson: "",
@@ -1391,6 +1511,29 @@
    display: center !important;
  }
}
.tsgname {
  width: 90px;
  margin-right: 10px;
  text-align: center;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  background: #66c18c;
  color: #ffff;
  font-size: 18px;
  border-radius: 5px;
}
.tsgname:hover {
  background: #20894d;
}
.headline {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  border-left: 4px solid #41a1be;
  padding-left: 5px;
  margin: 15px 0;
}
.qrcode-dialo {
  text-align: center;
  //   display: flex;
@@ -1410,9 +1553,6 @@
    width: 300px;
    height: 400px;
  }
}
.el-select {
  width: 40%;
}
::v-deep.el-tabs--left,
.el-tabs--right {