WXL
2024-07-26 b14bdee1aaf639dd14440b42c6a0ce2e12549ee7
src/views/knowledge/questionbank/particulars/index.vue
@@ -5,15 +5,12 @@
        <el-form :inline="true" :model="topicobj" class="demo-form-inline">
          <div class="headline">
            题目设置详情
            <span style="margin-left: 30px"
              ><el-button type="primary" @click="Saveproblem"
                >保 存</el-button
              > </span
            ><span style="margin-left: 30px"
              ><el-button type="success" round @click="drawer = true"
                >+选择指标</el-button
              ></span
            >
            <span style="float: right; margin-right: 30px"
              ><el-button type="success" @click="Saveproblem">预览</el-button>
            </span>
            <span style="float: right; margin-right: 30px"
              ><el-button type="primary" @click="Saveproblem">保 存</el-button>
            </span>
          </div>
          <div style="margin-left: 8%">
            <el-row :gutter="10">
@@ -213,14 +210,14 @@
              <el-form-item label="标签" prop="desc">
                <div class="xinz-inf">
                  <el-tag
                    :key="tag"
                    :key="tag.tagname"
                    type="success"
                    v-for="tag in dynamicTags"
                    closable
                    :disable-transitions="false"
                    @close="handleClosetag(tag)"
                  >
                    {{ tag }}
                    {{ tag.tagname }}
                  </el-tag>
                  <el-select
                    v-model="inputValue"
@@ -228,6 +225,7 @@
                    @change="handleInputConfirm"
                    filterable
                    remote
                    allow-create
                    reserve-keyword
                    default-first-option
                    :remote-method="remoteMethodtag"
@@ -296,11 +294,21 @@
              </el-form-item>
            </el-row>
          </div>
          <div v-if="topicobj.scriptType != 3">
          <div v-if="topicobj.scriptType != 3 && topicobj.scriptType != 4">
            <div class="headline">
              选项设置<span style="margin-left: 30px"
                ><el-button type="primary" round @click="addoption"
                  >+新增</el-button
                ></span
              >
              <span style="margin-left: 30px"
                >选中指标:<el-tag type="success" effect="dark">{{
                  topicobj.targetname ? topicobj.targetname : "未选择"
                }}</el-tag></span
              >
              <span style="margin-left: 30px"
                ><el-button type="success" round @click="gettargetInfo"
                  >+选择指标</el-button
                ></span
              >
            </div>
@@ -400,7 +408,7 @@
      </el-card>
    </div>
    <el-drawer
      title="添加选项"
      title="选择指标"
      :visible.sync="drawer"
      custom-class="demo-drawer"
      size="50%"
@@ -506,6 +514,7 @@
    return {
      topicobj: {
        svyLibScriptOptions: [],
        svyLibScriptTagList: [],
      },
      headers: {
        Authorization: "Bearer " + getToken(),
@@ -572,7 +581,7 @@
  created() {
    this.gettabList();
    this.getissueinfo();
    this.gettargetInfo();
    // this.gettargetInfo();
    this.mode = store.getters.mode;
    this.languagelist = store.getters.languagelist;
    this.usable = store.getters.usable;
@@ -584,6 +593,9 @@
    // 公共方法---------------
    getIndexInArray(arr, obj) {
      return arr.indexOf(obj);
    },
    processElement(element) {
      return { ...element, isoperation: 1 };
    },
    // 递归扁平化
    flattenArray(arr) {
@@ -614,7 +626,9 @@
      }
      getissuelist({ id: this.id }).then((res) => {
        this.topicobj = res.rows[0];
        this.dynamicTags = this.topicobj.tag.split(",");
        this.dynamicTags = this.topicobj.svyLibScriptTagList.map(
          this.processElement
        );
        this.suitwaylist = this.topicobj.suitway.split(",");
        this.variablelist = JSON.parse(this.topicobj.otherdata)
          ? JSON.parse(this.topicobj.otherdata)
@@ -631,9 +645,11 @@
      });
    },
    gettargetInfo() {
      this.queryParams.scriptType = this.topicobj.scriptType;
      gettargetInfo(this.queryParams).then((res) => {
        this.targetList = res.rows;
        this.total = res.total;
        this.drawer = true;
      });
    },
    // 新增或修改详情
@@ -646,8 +662,10 @@
          return item;
        }
      );
      this.topicobj.targetoptions = this.topicobj.svyLibScriptOptions
        .map((item) => item.optioncontent)
        .join(", ");
      this.topicobj.otherdata = JSON.stringify(this.variablelist);
      this.topicobj.tag = this.dynamicTags.join(",");
      this.topicobj.suitway = this.suitwaylist.join(",");
      if (this.id) {
        this.topicobj.isoperation = 2;
@@ -727,16 +745,12 @@
    },
    Saveproblem() {
      if (this.topicobj.scoretype == 1) {
        console.log(321);
        this.Scorejudgment();
      } else {
        this.compileissue();
      }
    },
    // 删除标签
    handleClose(tag) {
      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
    },
    // 删除选项
    deletexuanx(row) {
      const index = this.getIndexInArray(
@@ -765,10 +779,11 @@
        )
        .then(() => {
          console.log(row);
          console.log(this.topicobj);
          this.topicobj.scriptTopic = row.targetname;
          this.topicobj.valueType = row.valueType;
          this.topicobj.scriptContent = row.targetdesc;
          this.topicobj.targetid = row.id;
          this.topicobj.targetname = row.targetname;
          this.topicobj.isavailable = "0";
          this.topicobj.language = "普通话";
          this.topicobj.svyLibScriptOptions = [];
@@ -792,14 +807,16 @@
        tagcategoryid: "0",
      };
      listtag(tagqueryParams).then((response) => {
        console.log(response);
        console.log(response, "待选标签");
        this.optionstag = response.rows;
      });
    },
    handleClosetag(tag) {
      console.log(tag);
      console.log(this.dynamicTags.indexOf(tag));
      const lindex = this.dynamicTags.indexOf(tag);
      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
      this.topicobj.svyLibScriptTagList[lindex].delFlag = 1;
    },
    handleInputConfirm() {
      let tagvalue = {};
@@ -821,7 +838,8 @@
            };
          }
          // this.dynamicTags.push(tagvalue);
          this.dynamicTags.push(tagvalue.tagname);
          this.topicobj.svyLibScriptTagList.push(tagvalue);
          this.dynamicTags.push(tagvalue);
        });
      }
      this.inputVisible = false;
@@ -905,7 +923,6 @@
      //el.selectionStart; 这就是当前光标所在的位置(字符串中字符的index)
      if (this.currentInputId == "scriptContent") {
        inputValueArr = this.topicobj.scriptContent.split("");
        console.log(123);
      } else if (this.currentInputId == "nomatchtext") {
        inputValueArr = this.topicobj.nomatchtext.split("");
      } else if (this.currentInputId == "sliencetext") {
@@ -1009,10 +1026,14 @@
    handleChange(item, response, file, fileList) {
      console.log(response);
      if (response.code == 200) {
        console.log(item);
        let index = this.topicobj.svyLibScriptOptions.findIndex(
          (obj) => obj.id == item.id && obj.name == item.name
          (obj) => obj.optioncontent == item.optioncontent
        );
        console.log(index);
        this.topicobj.svyLibScriptOptions[index].picturePath = response.url;
        console.log(this.topicobj.svyLibScriptOptions[index]);
        this.$forceUpdate();
      } else {
        this.$message.error("图片插入失败");
      }