指标完成

WXL

2023-12-21 0d7443623155fa14136d9a18ebd30dd203e4bb82

 src/views/repositoryai/intention/index.vue

@@ -89,20 +89,26 @@
                />
              </el-form-item>
              <el-form-item label="标签" prop="sickness">
                <el-cascader
                  v-model="queryParams.sickness"
                  :options="optionss"
                  :props="propss"
                  clearable
                ></el-cascader>
                <el-select v-model="queryParams.tag" placeholder="请选择">
                  <el-option
                    v-for="item in dynamicTags"
                    :key="item.tagid"
                    :label="item.tagname"
                    :value="item.tagid"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="适用方式" prop="shape">
                <el-cascader
                  v-model="queryParams.shapevalue"
                  :options="optionss"
                  :props="propss"
                  clearable
                ></el-cascader>
                <el-select v-model="queryParams.value" placeholder="请选择">
                  <el-option
                    v-for="item in mode"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="指标类型" prop="classify">
                <el-select
@@ -178,81 +184,104 @@

              <!-- <el-col :span="1.5"> </el-col> -->
            </el-row>
            <!-- <right-toolbar
          :showSearch.sync="showSearch"
          @queryTable="getList"
          :columns="columns"
        ></right-toolbar> -->

            <el-table
              v-loading="loading"
              :data="userList"
              :border="true"
              :data="targetList"
              @selection-change="handleSelectionChange"
            >
              <el-table-column type="selection" width="50" align="center" />
              <el-table-column
                label="序号"
                align="center"
                key="userId"
                prop="userId"
                key="targetID"
                prop="targetID"
              />
              <el-table-column
                label="值类型"
                align="center"
                key="userName"
                prop="userName"
                key="isenable"
                prop="isenable"
                :show-overflow-tooltip="true"
              />
              >
                <template slot-scope="scope">
                  <dict-tag :options="valuetype" :value="scope.row.isenable" />
                </template>
              </el-table-column>
              <el-table-column
                label="指标名称"
                align="center"
                key="nickName"
                prop="nickName"
                key="targetname"
                prop="targetname"
                :show-overflow-tooltip="true"
              />
              >
              </el-table-column>

              <el-table-column
                label="正常值范围"
                align="center"
                key="scope"
                prop="scope"
                width="400"
              />
                key="warndown"
                prop="warndown"
                width="200"
              >
                <template slot-scope="scope">
                  <span>{{ scope.row.warnup }}~{{ scope.row.warndown }}</span>
                </template>
              </el-table-column>
              <el-table-column
                label="指标描述"
                align="center"
                key="aphonenumber"
                prop="aphonenumber"
                width="400"
                key="targetdesc"
                prop="targetdesc"
                width="200"
              /><el-table-column
                label="适用方式"
                align="center"
                key="bphonenumbers"
                prop="bphonenumbers"
                key="suitWay"
                prop="suitWay"
                width="120"
              />
              >
                <template slot-scope="scope">
                  <dict-tag :options="mode" :value="scope.row.suitWay" />
                </template>
              </el-table-column>
              <el-table-column
                label="适用疾病"
                align="center"
                key="bphonenumber"
                prop="bphonenumber"
                key="suitDisease"
                prop="suitDisease"
                width="120"
              />
              >
                <template slot-scope="scope">
                  <el-button
                    size="medium"
                    type="text"
                    @click="illnessUpdate(scope.row)"
                    v-hasPermi="['system:user:edit']"
                    ><span class="button-textxg"
                      ><i class="el-icon-date"></i>详情</span
                    ></el-button
                  >
                </template>
              </el-table-column>
              <el-table-column
                label="语言"
                align="center"
                key="cphonenumber"
                prop="cphonenumber"
                key="language"
                prop="language"
                width="120"
              />
              <el-table-column label="是否启用" align="center" key="status">
              <el-table-column
                label="是否可用"
                align="center"
                key="isAvailable"
                prop="isAvailable"
              >
                <template slot-scope="scope">
                  <el-switch
                    v-model="scope.row.status"
                    active-value="0"
                    inactive-value="1"
                    @change="handleStatusChange(scope.row)"
                  ></el-switch>
                  <dict-tag
                    :options="qyoptions"
                    :value="scope.row.isAvailable"
                  />
                </template>
              </el-table-column>

@@ -312,7 +341,7 @@
          append-to-body
        >
          <el-form
            ref="form"
            ref="indexform"
            :model="indexform"
            :rules="rules"
            label-width="100px"
@@ -321,7 +350,7 @@
              <el-col :span="12">
                <el-form-item label="指标名称" prop="deptId">
                  <el-input
                    v-model="indexform.name"
                    v-model="indexform.targetname"
                    placeholder="请输入指标种类"
                    maxlength="40"
                  />
@@ -330,7 +359,7 @@
              <el-col :span="12">
                <el-form-item label="版本号" prop="deptId">
                  <el-input
                    v-model="indexform.versions"
                    v-model="indexform.version"
                    placeholder="请输入指标种类"
                    maxlength="40"
                  />
@@ -354,9 +383,9 @@
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否可用" prop="deptId">
                <el-form-item label="是否可用" prop="isAvailable">
                  <el-select
                    v-model="indexform.useofstate"
                    v-model="indexform.isAvailable"
                    placeholder="请选择"
                  >
                    <el-option
@@ -371,9 +400,9 @@
            </el-row>
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="指标描述" prop="nickName">
                <el-form-item label="指标描述" prop="targetdesc">
                  <el-input
                    v-model="indexform.nickName"
                    v-model="indexform.targetdesc"
                    placeholder="请输入指标描述"
                    maxlength="40"
                  />
@@ -382,14 +411,14 @@
            <el-form-item label="标签" prop="desc" v-if="!measurement">
              <div class="xinz-inf">
                <el-tag
                  :key="tag"
                  :key="tag.tagname"
                  type="success"
                  v-for="tag in dynamicTags"
                  closable
                  :disable-transitions="false"
                  @close="handleClose(tag)"
                  @close="handleClosetag(tag)"
                >
                  {{ tag }}
                  {{ tag.tagname }}
                </el-tag>
                <el-select
                  v-model="inputValue"
@@ -402,7 +431,7 @@
                >
                  <el-option
                    v-for="item in optionstag"
                    :key="item.tagname"
                    :key="item.tagid"
                    :label="item.tagname"
                    :value="item.tagname"
                  >
@@ -420,18 +449,19 @@
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="值类型">
                  <el-radio-group v-model="indexform.resource">
                    <el-radio label="选项"></el-radio>
                    <el-radio label="文本"></el-radio>
                    <el-radio label="数值"></el-radio>
                  <el-radio-group v-model="indexform.isenable">
                    <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>
            <el-row v-if="!measurement">
                </el-form-item>
              </el-col></el-row
            >
            <!-- <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="适用疾病" prop="userName">
                  <el-select
                    v-model="indexform.useofstate"
                    v-model="indexform.suitDisease"
                    placeholder="请选择"
                  >
                    <el-option
@@ -442,17 +472,14 @@
                    ></el-option>
                  </el-select>
                </el-form-item> </el-col
            ></el-row>
            ></el-row> -->

            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="适用方式" prop="email">
                  <el-select
                    v-model="indexform.useofstate"
                    placeholder="请选择"
                  >
                  <el-select v-model="indexform.suitWay" placeholder="请选择">
                    <el-option
                      v-for="index in qyoptions"
                      v-for="index in mode"
                      :key="index.value"
                      :label="index.label"
                      :value="index.value"
@@ -466,20 +493,20 @@
                <el-table-column
                  label="序号"
                  align="center"
                  key="userid"
                  prop="userid"
                  key="guid"
                  prop="guid"
                  width="50"
                />
                <el-table-column
                  label="指标选项"
                  align="center"
                  key="nickName"
                  prop="nickName"
                  key="targetvalue"
                  prop="targetvalue"
                  :show-overflow-tooltip="true"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.nickName"
                      v-model="scope.row.targetvalue"
                      placeholder="请输入内容"
                    ></el-input>
                  </template>
@@ -487,14 +514,14 @@
                <el-table-column
                  label="解析规则"
                  align="center"
                  key="aphonenumber"
                  prop="aphonenumber"
                  key="targetregex"
                  prop="targetregex"
                  width="460"
                  :show-overflow-tooltip="true"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.aphonenumber"
                      v-model="scope.row.targetregex"
                      placeholder="请输入内容"
                    ></el-input>
                  </template>
@@ -560,12 +587,60 @@
            </el-input>
          </div>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="submitForm">确 定</el-button>
            <el-button @click="cancel">取 消</el-button>
            <el-button type="primary" @click="submitForm">保 存</el-button>
            <el-button @click="cancel">关 闭</el-button>
          </div>
        </el-dialog>
      </div>
    </div>
    <!-- 添加疾病对话框 -->
    <el-dialog title="指标疾病" :visible.sync="illnessVisible" width="50%">
      <div>
        <div class="xinz-infs">
          <el-tag
            :key="item.icd10name"
            type="warning"
            v-for="item in illnesslist"
            closable
            :disable-transitions="false"
            @close="handleCloseillness(item)"
          >
            {{ item.icd10name }}
          </el-tag>
          <el-select
            v-model="inputValue"
            v-if="inputVisible"
            @change="illnessConfirm"
            :remote-method="remoteMethod"
            filterable
            remote
            allow-create
            default-first-option
            placeholder="请选择/查询"
            :loading="loading"
          >
            <el-option
              v-for="item in optionsillness"
              :key="item.icdid"
              :label="item.icdname"
              :value="item.icdid"
            >
            </el-option>
          </el-select>
          <el-button
            v-else
            class="button-new-tag"
            size="small"
            @click="showInput"
            >+ 新增疾病</el-button
          >
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="illnessVisible = false">取 消</el-button>
        <el-button type="primary" @click="confirmillness">确 定</el-button>
      </span>
    </el-dialog>
    <!-- 添加类别弹框 -->
    <el-dialog
      :title="amendtag ? '修改类别' : '新增类别'"
@@ -576,7 +651,7 @@
        <el-form-item label="请选择指标大类">
          <el-select v-model="classifyform.broadheading" placeholder="请选择">
            <el-option
              v-for="item in optionss"
              v-for="item in editableTabs"
              :key="item.value"
              :label="item.label"
              :value="item.value"
@@ -623,10 +698,23 @@
  addUser,
  updateUser,
} from "@/api/system/user";
import {
  gettargetInfo,
  particulartarget,
  gettargetInfoedit,
  addtarget,
  deletetarget,
  getillnesslist,
  illnesslistget,
  getillness,
  deltargetillness,
  addtargetillness,
} from "@/api/AiCentre/index";
import { getToken } from "@/utils/auth";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import { listtag } from "@/api/system/label";
import store from "@/store";

export default {
  name: "questionnaire",
@@ -646,10 +734,10 @@
      // 显示搜索条件
      showSearch: true,
      measurement: false,
      languagelist: [],
      indexid: null,
      // 总条数
      total: 0,
      namequestionnaire: "",
      haoquestionnaire: "",
      idds: "",
      amendtag: false, //是否修改类别
      dialogFormVisible: false, //修改添加类别弹框
@@ -661,39 +749,8 @@
        categoryname: "",
      }, //类别表单
      // 表格数据
      userList: [
        {
          userid: 1,
          userName: "血常规、尿常规",
          nickName: "贫血",
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
          bphonenumber: "选择",
          cphonenumber: "普通话",
        },
      ],
      testuserList: [
        {
          userid: 1,
          nickName: "贫血",
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
        },
        {
          userid: 2,
          nickName: "正常",
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
        },
        {
          userid: 55,
          nickName: "非正常",
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
        },
        {
          userid: 4,
          nickName: "a正常",
          aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
          status: "0",
        },
      ],
      targetList: null,
      testuserList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
@@ -713,52 +770,17 @@
      sidecolumnval: "", //类别搜索
      indexopen: false, //弹框展示否
      inputVisible: false,
      illnessVisible: false, //指标疾病弹框
      inputValue: "",
      propss: { multiple: true },
      dynamicTags: ["标签一", "标签二", "标签三"],
      languagelist: [
        {
          value: 1,
          label: "普通话",
        },
        {
          value: 2,
          label: "粤语",
        },
        {
          value: 3,
          label: "英语",
        },
      ], //语言列表
      qyoptions: [
        {
          value: 1,
          label: "可用",
        },
        {
          value: 2,
          label: "停用",
        },
      ],
      optionss: [
        {
          value: 1,
          label: "类型一",
        },
        {
          value: 2,
          label: "类型二",
        },
        {
          value: 3,
          label: "类型三",
        },
        {
          value: 4,
          label: "类型四",
        },
      ],
      optionstag:[],
      dynamicTags: [],
      illnesslist: [],
      illnesslistapi: [],
      optionsillness: [],
      qyoptions: [],
      mode: [],
      optionstag: [],
      targetoptionList: [],
      //类别列表
      editableTabs: [
        {
@@ -792,78 +814,34 @@
        deptId: undefined,
        IDnumber: undefined,
      },
      // 列信息
      columns: [
        { key: 0, label: `用户编号`, visible: true },
        { key: 1, label: `用户名称`, visible: true },
        { key: 2, label: `用户昵称`, visible: true },
        { key: 3, label: `部门`, visible: true },
        { key: 4, label: `手机号码`, visible: true },
        { key: 5, label: `状态`, visible: true },
        { key: 6, label: `创建时间`, visible: true },
      ],

      // 表单校验
      rules: {
        userName: [
          { required: true, message: "用户名称不能为空", trigger: "blur" },
          {
            min: 2,
            max: 20,
            message: "用户名称长度必须介于 2 和 20 之间",
            trigger: "blur",
          },
        ],
        nickName: [
          { required: true, message: "用户昵称不能为空", trigger: "blur" },
        ],
        password: [
          { required: true, message: "用户密码不能为空", trigger: "blur" },
          {
            min: 5,
            max: 20,
            message: "用户密码长度必须介于 5 和 20 之间",
            trigger: "blur",
          },
        ],
        email: [
          {
            type: "email",
            message: "请输入正确的邮箱地址",
            trigger: ["blur", "change"],
          },
        ],
        phonenumber: [
          {
            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
            message: "请输入正确的手机号码",
            trigger: "blur",
          },
        ],
        IDnumber: [
          {
            pattern:
              /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/,
            message: "请输入正确的身份证号码",
            trigger: "blur",
          },
        ],
      },
      rules: {},
    };
  },
  watch: {},
  created() {
    this.getList();
    this.gettabList();
    this.mode = store.getters.mode;
    this.valuetype = store.getters.valuetype;
    this.languagelist = store.getters.languagelist;
    this.qyoptions = store.getters.usable;
  },

  methods: {
    /** 查询用户列表 */
    /** 查询指标列表 */
    getList() {
      //   this.loading = true;
      listUser().then((response) => {
        console.log(response);
        console.log(this.userList);
      this.loading = true;
      gettargetInfo(this.queryParams).then((res) => {
        this.targetList = res.rows;
        this.total = res.total;
        console.log(this.targetList);
        this.loading = false;
      });
    },
    processElement(element) {
      return { ...element, isoperation: 1 };
    },
    getIndexInArray(arr, obj) {
      return arr.indexOf(obj);
@@ -907,21 +885,7 @@
        this.deletefenl = row.title;
      }
    },
    // 题目状态修改
    handleStatusChange(row) {
      let text = row.status === "0" ? "启用" : "停用";
      this.$modal
        .confirm('确认要"' + text + '""' + row.userName + '"用户吗？')
        .then(function () {
          return changeUserStatus(row.userId, row.status);
        })
        .then(() => {
          this.$modal.msgSuccess(text + "成功");
        })
        .catch(function () {
          row.status = row.status === "0" ? "1" : "0";
        });
    },

    // 侧边--------------
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
@@ -932,6 +896,76 @@
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    // 疾病-----------------------
    illnessUpdate(row) {
      this.illnessVisible = true;
      this.indexid = row.targetID;
      this.illnesslistapi = [];
      const illnessqueryParams = {
        pageNum: 1,
        pageSize: 100,
      };
      getillnesslist(illnessqueryParams).then((response) => {
        console.log(response);
        this.optionsillness = response.rows;
      });
      getillness({ outid: row.targetID, type: 1 }).then((res) => {
        this.illnesslist = res.rows;
        console.log(res);
      });
    },
    handleCloseillness(tag) {
      this.illnesslist.splice(this.illnesslist.indexOf(tag), 1);
      if (tag.id) {
        this.illnesslistapi.push(tag.id);
      }
    },
    remoteMethod(value) {
      console.log(value);
      const illnessqueryParams = {
        pageNum: 1,
        pageSize: 100,
        icdname: value,
      };
      this.loading = true;
      setTimeout(() => {
        this.loading = false;
        getillnesslist(illnessqueryParams).then((response) => {
          this.optionsillness = response.rows;
        });
      }, 200);
    },
    illnessConfirm(item) {
      let opeavalue = {};
      let tagname = this.inputValue;
      illnesslistget(item).then((res) => {
        opeavalue = res.data;
        opeavalue.outid = this.indexid;
        opeavalue.type = "1";
        opeavalue.icd10id = opeavalue.icdid;
        opeavalue.icd10name = opeavalue.icdname;
        opeavalue.icd10code = opeavalue.icdcode;
        if (tagname) {
          this.illnesslist.push(opeavalue);
        }
      });
      console.log(this.illnesslist);
      this.inputVisible = false;
      this.inputValue = "";
    },
    confirmillness() {
      this.illnesslist.forEach((item, index) => {
        if (!item.id) {
          addtargetillness(item).then((res) => {});
        }
      });
      if (this.illnesslistapi.length) {
        deltargetillness(this.illnesslistapi.join(",")).then((res) => {});
      }
      this.illnessVisible = false;
      this.$modal.msgSuccess("编辑疾病成功");
    },

    // 标签-----------------
    gettabList() {
      const tagqueryParams = {
@@ -944,13 +978,37 @@
        this.optionstag = response.rows;
      });
    },
    handleClose(tag) {
    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.indexform.baseTagList[lindex].isoperation = 3;
    },
    handleInputConfirm() {
      let inputValue = this.inputValue;
      if (inputValue) {
        this.dynamicTags.push(inputValue);
      let tagvalue = {};
      let tagname = this.inputValue;
      if (tagname) {
        listtag({
          pageNum: 1,
          pageSize: 1000,
          tagcategoryid: "0",
          tagname: tagname,
        }).then((res) => {
          if (res.rows[0]) {
            tagvalue = res.rows[0];
            tagvalue.isoperation = 1;
          } else {
            tagvalue = {
              tagname: tagname,
              isoperation: 1,
            };
          }
          this.indexform.baseTagList.push(tagvalue);
          this.dynamicTags.push(tagvalue);
          console.log(this.indexform.baseTagList);
          console.log(this.dynamicTags);
        });
      }
      this.inputVisible = false;
      this.inputValue = "";
@@ -960,16 +1018,23 @@
    },
    //测试表单 --------------------------
    addoption() {
      this.testuserList.push({
        userid: 1,
        nickName: "贫血",
        aphonenumber: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
      });
      const objvakue = {
        guid: 1,
        targetid: this.indexform.targetid,
        targettype: this.indexform.targettype,
        targetvalue: "贫血",
        targetregex: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
      };
      this.testuserList.push(objvakue);
      // this.indexform.targetoptionList.push(objvakue);
      console.log(this.testuserList);
      this.sortFn();
    },
    deloption(item) {
      const index = this.testuserList.indexOf(item);
      if (index !== -1) {
        this.testuserList[index].isoperation = 3;
        this.targetoptionList.push(this.testuserList[index]);
        this.testuserList.splice(index, 1); // 从索引位置删除一个元素
        this.sortFn();
      } else {
@@ -991,14 +1056,20 @@
    sortFn() {
      this.testuserList = this.testuserList.map((item, index) => {
        return {
          userid: index + 1,
          nickName: item.nickName,
          aphonenumber: item.aphonenumber,
          guid: index + 1,
          targetvalue: item.targetvalue,
          targetregex: item.targetregex,
          targetoptionid: item.targetoptionid,
          targetid: this.indexform.targetid,
          targettype: this.indexform.targettype,
          isoperation: item.targetoptionid ? 2 : 1,
          categoryName: item.categoryName,
          language: item.language,
        };
      });
      console.log(this.testuserList);
    },
// ---------------------
    // ---------------------
    //搜索类别
    sidecolumnss() {},
    // 切换共享/本地
@@ -1011,21 +1082,14 @@

    // 表单重置
    reset() {
      this.form = {
        userId: undefined,
        deptId: undefined,
        userName: undefined,
        nickName: undefined,
        password: undefined,
        phonenumber: undefined,
        email: undefined,
        sex: undefined,
        status: "0",
        remark: undefined,
        postIds: [],
        roleIds: [],
      this.indexform = {
        suitWay: undefined,
        targetID: undefined,
        targetdesc: undefined,
        baseTagList: [],
        targetoptionList: [],
      };
      this.resetForm("form");
      this.resetForm("indexform");
    },
    /** 搜索按钮操作 */
    handleQuery() {
@@ -1042,7 +1106,7 @@
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map((item) => item.userId);
      this.ids = selection.map((item) => item.targetID);
      this.single = selection.length != 1;
      this.multiple = !selection.length;
    },
@@ -1050,21 +1114,39 @@
    handleAdd() {
      this.reset();
      this.title = "新增指标";
      this.indexform = {
        baseTagList: [],
        targetoptionList: [],
      };
      this.dynamicTags = [];
      this.testuserList = [
        {
          guid: 1,
          isoperation: 1,
          targettype: "1",
          targetvalue: "",
          targetregex: "",
        },
      ];
      this.indexopen = true;
      this.measurement=false;
      this.measurement = false;
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      console.log(row);
      this.title = "指标详情";
      this.indexform = row;
      this.dynamicTags = row.baseTagList.map(this.processElement);
      this.testuserList = row.targetoptionList;
      this.indexopen = true;
      this.measurement=false;
      this.measurement = false;
    },
    handlemeasurement(row) {
      this.reset();
      this.title = "指标详情";
      this.indexopen = true;
      this.measurement=true;
      this.measurement = true;
    },
    // 修改分类弹框
    popoveramend(tagcategoryid) {
@@ -1075,16 +1157,23 @@

    /** 更新/修改提交按钮 */
    submitForm: function () {
      this.$refs["form"].validate((valid) => {
      // this.indexform.targetoptionList=[]
      this.$refs["indexform"].validate((valid) => {
        this.indexform.targetoptionList = this.testuserList.concat(
          this.targetoptionList
        );
        if (valid) {
          if (this.form.userId != undefined) {
            updateUser(this.form).then((response) => {
          if (this.indexform.targetID != undefined) {
            this.indexform.isoperation = 2;
            gettargetInfoedit(this.indexform).then((response) => {
              this.$modal.msgSuccess("修改成功");
              this.indexopen = false;
              this.getList();
            });
          } else {
            addUser(this.form).then((response) => {
            this.indexform.targettype = "1";
            this.indexform.isoperation = 1;
            gettargetInfoedit(this.indexform).then((response) => {
              this.$modal.msgSuccess("新增成功");
              this.indexopen = false;
              this.getList();
@@ -1095,11 +1184,11 @@
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const userIds = row.userId || this.ids;
      const userIds = row.targetID || this.ids;
      this.$modal
        .confirm('是否确认删除用户编号为"' + userIds + '"的数据项？')
        .confirm('是否确认删除指标名称为"' + row.targetname + '"的数据项？')
        .then(function () {
          return delUser(userIds);
          return deletetarget(userIds);
        })
        .then(() => {
          this.getList();
@@ -1139,6 +1228,29 @@
    vertical-align: bottom;
  }
}
.xinz-infs {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;

  line-height: 48px;

  .el-tag + .el-tag {
    margin-left: 10px;
  }
  .button-new-tag {
    margin-left: 10px;
    height: 32px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .input-new-tag {
    width: 90px;
    margin-left: 10px;
    vertical-align: bottom;
  }
}
.sidecolumn {
  width: 300px;
  min-height: 100vh;