WXL
2024-05-31 49fcdb7178dffc69769e2fb8cb6a03e204cb1e68
src/views/repositoryai/intention/index.vue
@@ -13,56 +13,46 @@
          class="input-with-select"
          size="medium "
        >
          <el-button
            @click="sidecolumnss"
            slot="append"
            icon="el-icon-search"
          ></el-button>
        </el-input>
      </div>
      <div class="bottom-fl">
        <el-menu
          default-active="3"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          @select="handleSelect"
        >
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>分类一</span>
            </template>
            <el-menu-item index="1-1">选项1</el-menu-item>
            <el-menu-item index="1-2">选项2</el-menu-item>
            <el-menu-item index="1-3">选项3</el-menu-item>
            <el-menu-item index="1-4">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title">
              <i class="el-icon-menu"></i>
              <span>分类二</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
            <el-menu-item index="2-2">选项2</el-menu-item>
            <el-menu-item index="2-3">选项3</el-menu-item>
          </el-submenu>
          <el-submenu index="3">
            <template slot="title">
              <i class="el-icon-document"></i>
              <span>分类三</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
          <el-submenu index="4">
            <template slot="title">
              <i class="el-icon-setting"></i>
              <span>分类四</span>
            </template>
            <el-menu-item index="2-1">选项1</el-menu-item>
          </el-submenu>
        </el-menu>
      <div class="head-container" style="margin-top: 20px">
        <el-tree
          :data="deptOptions"
          :props="defaultProps"
          :expand-on-click-node="false"
          :filter-node-method="filterNode"
          ref="tree"
          node-key="id"
          default-expand-all
          highlight-current
          @node-click="handleNodeClick"
        >
          <span class="custom-tree-node" slot-scope="{ node, data }">
            <span>{{ node.label }}</span>
            <span v-if="data.id > 0">
              <el-button
                type="text"
                icon="el-icon-delete"
                circle
                size="mini"
                @click="() => remove(node, data)"
              >
              </el-button>
            </span>
            <span v-if="data.id > 0">
              <el-button
                type="text"
                circle
                size="mini"
                @click="() => altertag(node, data)"
                ><span class="button-textxg"
                  ><i class="el-icon-edit-outline"></i
                ></span>
              </el-button>
            </span>
          </span>
        </el-tree>
      </div>
    </div>
    <!-- 右侧数据 -->
@@ -193,19 +183,24 @@
              <el-table-column type="selection" width="50" align="center" />
              <el-table-column
                label="序号"
                fixed
                align="center"
                key="targetID"
                prop="targetID"
                key="id"
                prop="id"
              />
              <el-table-column
                label="值类型"
                fixed
                align="center"
                key="isenable"
                prop="isenable"
                key="valueType"
                prop="valueType"
                :show-overflow-tooltip="true"
              >
                <template slot-scope="scope">
                  <dict-tag :options="valuetype" :value="scope.row.isenable" />
                  <dict-tag
                    :options="valuetypelb"
                    :value="scope.row.valueType"
                  />
                </template>
              </el-table-column>
              <el-table-column
@@ -287,6 +282,7 @@
              <el-table-column
                label="操作"
                fixed="right"
                align="center"
                width="200"
                class-name="small-padding fixed-width"
@@ -360,14 +356,39 @@
                <el-form-item label="版本号" prop="deptId">
                  <el-input
                    v-model="indexform.version"
                    placeholder="请输入指标种类"
                    placeholder="默认1.0"
                    maxlength="40"
                  />
                </el-form-item>
              </el-col>
            </el-row>
            <!-- deptOptions -->
            <el-row v-if="!measurement">
              <el-col :span="12">
              <el-col :span="8">
                <el-form-item label="指标分类">
                  <el-select
                    v-model="indexform.assortid"
                    size="medium"
                    filterable
                    placeholder="请选择分类"
                  >
                    <el-option-group
                      v-for="group in deptOptions"
                      :key="group.id"
                      :label="group.indexAssortName"
                    >
                      <el-option
                        v-for="item in group.ivrLibaTargetAssortList"
                        :key="item.id"
                        :label="item.indexAssortName"
                        :value="item.id"
                      >
                      </el-option>
                    </el-option-group>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="语言" prop="deptId">
                  <el-select
                    v-model="indexform.language"
@@ -382,7 +403,7 @@
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="12">
              <el-col :span="8">
                <el-form-item label="是否可用" prop="isAvailable">
                  <el-select
                    v-model="indexform.isAvailable"
@@ -449,7 +470,7 @@
            <el-row v-if="!measurement">
              <el-col :span="24">
                <el-form-item label="值类型">
                  <el-radio-group v-model="indexform.isenable">
                  <el-radio-group v-model="indexform.valueType">
                    <el-radio :label="1">选项</el-radio>
                    <el-radio :label="2">文本</el-radio>
                    <el-radio :label="3">数值</el-radio>
@@ -457,22 +478,6 @@
                </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.suitDisease"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="index in qyoptions"
                      :key="index.value"
                      :label="index.label"
                      :value="index.value"
                    ></el-option>
                  </el-select>
                </el-form-item> </el-col
            ></el-row> -->
            <el-row v-if="!measurement">
              <el-col :span="24">
@@ -488,92 +493,58 @@
                </el-form-item>
              </el-col>
            </el-row>
            <el-card class="box-card" style="margin-bottom: 20px">
              <el-table v-loading="loading" :data="testuserList">
                <el-table-column
                  label="序号"
                  align="center"
                  key="guid"
                  prop="guid"
                  width="50"
                />
                <el-table-column
                  label="指标选项"
                  align="center"
                  key="targetvalue"
                  prop="targetvalue"
                  :show-overflow-tooltip="true"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.targetvalue"
                      placeholder="请输入内容"
                    ></el-input>
                  </template>
                </el-table-column>
                <el-table-column
                  label="解析规则"
                  align="center"
                  key="targetregex"
                  prop="targetregex"
                  width="460"
                  :show-overflow-tooltip="true"
                >
                  <template slot-scope="scope">
                    <el-input
                      v-model="scope.row.targetregex"
                      placeholder="请输入内容"
                    ></el-input>
                  </template>
                </el-table-column>
                <el-table-column
                  label="操作"
                  align="center"
                  width="200"
                  class-name="small-padding fixed-width"
                >
                  <template slot-scope="scope">
                    <el-button
                      @click="addoption(scope.row)"
                      type="success"
                      icon="el-icon-circle-plus-outline"
                      circle
                    ></el-button>
                    <el-button
                      type="danger"
                      icon="el-icon-delete"
                      circle
                      @click="deloption(scope.row)"
                    ></el-button>
                    <el-button
                      @click="syioption(scope.row)"
                      type="primary"
                      icon="el-icon-top"
                      circle
                    ></el-button>
                    <el-button
                      @click="xiayioption(scope.row)"
                      type="primary"
                      icon="el-icon-bottom"
                      circle
                    ></el-button>
                  </template>
                </el-table-column>
              </el-table>
            <el-card
              class="box-card"
              style="margin-bottom: 20px"
              v-if="indexform.valueType == 1"
            >
              <Regular
                :TargetoptionList="testuserList"
                :intent="false"
                @addoption="addoption"
                @deloption="deloption"
                @syioption="syioption"
                @xiayioption="xiayioption"
              />
            </el-card>
            <div v-if="indexform.valueType == 2">
              <el-form-item label="收集信息">
                <el-input
                  type="textarea"
                  :rows="2"
                  placeholder="填入收集信息"
                  v-model="indexform.reply"
                  maxlength="50"
                  show-word-limit
                >
                </el-input
              ></el-form-item>
            </div>
            <div v-if="indexform.valueType == 3">
              <el-form-item label="收集信息">
                <el-input
                  type="text"
                  placeholder="填入收集信息"
                  v-model="indexform.reply"
                >
                </el-input
              ></el-form-item>
            </div>
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="测试输入" prop="nickName">
                  <el-input
                    v-model="testvalue"
                    v-model="indexform.content"
                    placeholder="请输入测试内容"
                    maxlength="40"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-button type="success">开始测试</el-button>
                <el-button type="success" @click="testtagerlist"
                  >开始测试</el-button
                >
              </el-col>
            </el-row>
          </el-form>
@@ -642,66 +613,48 @@
      </span>
    </el-dialog>
    <!-- 添加类别弹框 -->
    <el-dialog
      :title="amendtag ? '修改类别' : '新增类别'"
      width="30%"
      :visible.sync="dialogFormVisible"
    >
    <el-dialog title="新增类别" width="30%" :visible.sync="dialogFormVisible">
      <div style="text-align: center; margin-bottom: 20px">
        <el-radio-group v-model="radio">
          <el-radio-button label="主分类"></el-radio-button>
          <el-radio-button label="子分类"></el-radio-button>
        </el-radio-group>
      </div>
      <el-divider></el-divider>
      <el-form :model="classifyform">
        <el-form-item label="请选择指标大类">
          <el-select v-model="classifyform.broadheading" placeholder="请选择">
        <el-form-item label="请选择问题大类" v-if="radio == '子分类'">
          <el-select v-model="classifyform.pid" placeholder="请选择">
            <el-option
              v-for="item in editableTabs"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              v-for="item in deptOptions"
              :key="item.id"
              :label="item.indexAssortName"
              :value="item.id"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          :label="amendtag ? '请输入新的类别名称' : '请输入类别名称'"
        >
        <el-form-item label="请输入类别名称">
          <el-input
            v-model="classifyform.categoryname"
            v-model="classifyform.indexAssortName"
            autocomplete="off"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button @click="getDeptTree()">取 消</el-button>
        <el-button type="primary" @click="submitsidecolumn">确 定</el-button>
      </div>
    </el-dialog>
    <!-- 删除类别确认框 -->
    <el-dialog title="警告" :visible.sync="deleteVisible" width="40%">
      <div style="font-size: 20px; color: rgb(247, 76, 76)">
        是否确认删除分类:[<span>{{ deletefenl }}</span
        >]?
      </div>
      <div style="font-size: 20px">
        此操作会将该类别下所有模块转移至[未分类],是否继续删除此分类?
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="deleteVisible = false">取 消</el-button>
        <el-button type="primary" @click="deletefenlei">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import {
  listUser,
  getUser,
  delUser,
  addUser,
  updateUser,
} from "@/api/system/user";
import {
  gettargetInfo,
  particulartarget,
  gettargetInfoedit,
  testtagerlist,
  addtarget,
  deletetarget,
  getillnesslist,
@@ -709,9 +662,14 @@
  getillness,
  deltargetillness,
  addtargetillness,
  selectIvrLibaTargetAssortList,
  addtreeselectIvrLibaTargetAssort,
  edittreeselectIvrLibaTargetAssort,
  delselectIvrLibaTargetAssort,
} from "@/api/AiCentre/index";
import { getToken } from "@/utils/auth";
import Treeselect from "@riophae/vue-treeselect";
import Regular from "@/components/Regular"; //正则组件
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import { listtag } from "@/api/system/label";
import store from "@/store";
@@ -719,7 +677,7 @@
export default {
  name: "questionnaire",
  dicts: ["sys_normal_disable", "sys_user_sex"],
  components: { Treeselect },
  components: { Treeselect, Regular },
  data() {
    return {
      topactiveName: "Local", //顶部选择
@@ -743,6 +701,7 @@
      dialogFormVisible: false, //修改添加类别弹框
      deleteVisible: false, //分类删除弹框
      deletefenl: "高血压", //删除项
      radio: "主分类",
      testvalue: "",
      testgovalue: "",
      classifyform: {
@@ -765,6 +724,11 @@
      indexform: {},
      numberlb: 22,
      numberlbs: 2,
      deptOptions: [],
      defaultProps: {
        children: "ivrLibaTargetAssortList",
        label: "indexAssortName",
      },
      sidecolumnform: {}, //添加类别表单
      dialogFormVisible: false, //添加类别弹框
      sidecolumnval: "", //类别搜索
@@ -781,54 +745,35 @@
      mode: [],
      optionstag: [],
      targetoptionList: [],
      //类别列表
      editableTabs: [
        {
          title: "指标分类一",
          number: "1",
        },
        {
          title: "指标分类二",
          number: "2",
        },
        {
          title: "指标分类三",
          number: "2",
        },
        {
          title: "指标分类四",
          number: "2",
        },
        {
          title: "指标分类五",
          number: "2",
        },
      ],
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        userName: undefined,
        phonenumber: undefined,
        status: undefined,
        deptId: undefined,
        IDnumber: undefined,
      },
      valuetypelb: [],
      // 表单校验
      rules: {},
    };
  },
  watch: {},
  watch: {
    // 根据名称筛选部门树
    sidecolumnval(val) {
      console.log(val);
      this.$refs.tree.filter(val);
    },
  },
  created() {
    // 初始化数据
    this.getList();
    this.gettabList();
    this.getDeptTree();
    this.mode = store.getters.mode;
    this.valuetype = store.getters.valuetype;
    this.valuetypelb = store.getters.valuetypelb;
    this.languagelist = store.getters.languagelist;
    this.qyoptions = store.getters.usable;
  },
  methods: {
    /** 查询指标列表 */
    getList() {
@@ -840,35 +785,15 @@
        this.loading = false;
      });
    },
    processElement(element) {
      // 返回一个新的对象,将element对象的属性isoperation设置为1
      return { ...element, isoperation: 1 };
    },
    // 返回数组中指定元素的索引
    getIndexInArray(arr, obj) {
      // 返回数组中指定元素的索引
      return arr.indexOf(obj);
    },
    // 添加、修改类别
    submitsidecolumn() {
      if (this.amendtag) {
        this.classifyform.tagcategoryid = this.idds;
        // toamendtagcategory(this.addDateRange(this.classifyform)).then(
        //   (response) => {
        //     console.log(response);
        //     this.gitclasify();
        //   }
        // );
      } else {
        // addtagcategory(this.addDateRange(this.classifyform)).then(
        //   (response) => {
        //     console.log(response);
        //     this.gitclasify();
        //   }
        // );
      }
      this.classifyform = {
        categoryname: "",
      };
      this.idds = "";
      this.dialogFormVisible = false;
    },
    //删除分类
    deletefenlei(row) {
@@ -886,20 +811,10 @@
      }
    },
    // 侧边--------------
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    // 疾病-----------------------
    illnessUpdate(row) {
      this.illnessVisible = true;
      this.indexid = row.targetID;
      this.indexid = row.id;
      this.illnesslistapi = [];
      const illnessqueryParams = {
        pageNum: 1,
@@ -909,7 +824,7 @@
        console.log(response);
        this.optionsillness = response.rows;
      });
      getillness({ outid: row.targetID, type: 1 }).then((res) => {
      getillness({ outid: row.id, type: 1 }).then((res) => {
        this.illnesslist = res.rows;
        console.log(res);
      });
@@ -921,7 +836,6 @@
      }
    },
    remoteMethod(value) {
      console.log(value);
      const illnessqueryParams = {
        pageNum: 1,
        pageSize: 100,
@@ -963,7 +877,7 @@
        deltargetillness(this.illnesslistapi.join(",")).then((res) => {});
      }
      this.illnessVisible = false;
      this.$modal.msgSuccess("编辑疾病成功");
      this.$modal.msgSuccess("编辑成功");
    },
    // 标签-----------------
@@ -1004,6 +918,7 @@
              isoperation: 1,
            };
          }
          console.log(tagvalue);
          this.indexform.baseTagList.push(tagvalue);
          this.dynamicTags.push(tagvalue);
          console.log(this.indexform.baseTagList);
@@ -1020,10 +935,15 @@
    addoption() {
      const objvakue = {
        guid: 1,
        targetid: this.indexform.targetid,
        id: this.indexform.id,
        targettype: this.indexform.targettype,
        targetvalue: "贫血",
        targetregex: "(?!不.*|没.*|未.*)^.*([贫平凭血]|贫血|评学|评学),10",
        targetvalue: "",
        targetregex: "",
        targetregex2: "",
        dynamiccruxs: [],
        nodynamiccruxs: [],
        dynamiccruxsJson: "",
        nodynamiccruxsJson: "",
      };
      this.testuserList.push(objvakue);
      // this.indexform.targetoptionList.push(objvakue);
@@ -1058,22 +978,117 @@
        return {
          guid: index + 1,
          targetvalue: item.targetvalue,
          targetregex2: item.targetregex2,
          targetregex: item.targetregex,
          targetoptionid: item.targetoptionid,
          targetid: this.indexform.targetid,
          id: this.indexform.id,
          targettype: this.indexform.targettype,
          isoperation: item.targetoptionid ? 2 : 1,
          categoryName: item.categoryName,
          language: item.language,
          dynamiccruxs: item.dynamiccruxs,
          nodynamiccruxs: item.nodynamiccruxs,
          dynamiccruxsJson: item.dynamiccruxsJson,
          nodynamiccruxsJson: item.nodynamiccruxsJson,
        };
      });
      console.log(this.testuserList);
    },
    // ---------------------
    //搜索类别
    sidecolumnss() {},
    // 切换共享/本地
    tophandleClick() {},
    /** 查询部门下拉树结构 */
    getDeptTree() {
      selectIvrLibaTargetAssortList({}).then((res) => {
        this.deptOptions = res.rows;
        this.dialogFormVisible = false;
      });
    },
    // 筛选节点
    filterNode(value, data) {
      if (!value) return true;
      return data.indexAssortName.indexOf(value) !== -1;
    },
    // 添加类别树
    submitsidecolumn() {
      if (this.classifyform.id) {
        edittreeselectIvrLibaTargetAssort(this.classifyform).then((res) => {
          this.getDeptTree();
          this.$modal.msgSuccess("修改成功");
          this.classifyform = {};
          this.dialogFormVisible = false;
        });
        return;
      }
      let calssvalue = {};
      if (
        this.classifyform.pid &&
        this.classifyform.indexAssortName &&
        this.radio == "子分类"
      ) {
        const index = this.deptOptions.findIndex(
          (obj) => obj.id == this.classifyform.pid
        );
        calssvalue = this.deptOptions[index];
        console.log(calssvalue);
        calssvalue.ivrLibaTargetAssortList.push(this.classifyform);
      } else if (this.radio == "主分类" && this.classifyform.indexAssortName) {
        this.classifyform.pid = null;
        this.classifyform.ivrLibaTargetAssortList = [];
      } else {
        return this.$modal.msgError("请填写完整信息");
      }
      addtreeselectIvrLibaTargetAssort(this.classifyform).then((res) => {
        this.getDeptTree();
        this.$modal.msgSuccess("新增成功");
        this.classifyform = {};
        this.dialogFormVisible = false;
      });
    },
    remove(a, b) {
      if (b.pid) {
        this.$modal
          .confirm('是否确认删除分类项为"' + b.indexAssortName + '"的数据项?')
          .then(function () {
            return delselectIvrLibaTargetAssort(b.id);
          })
          .then(() => {
            this.getDeptTree();
            this.$modal.msgSuccess("删除成功");
          })
          .catch(() => {});
      } else {
        this.$modal
          .confirm(
            '是否确认删除一级分类"' +
              b.indexAssortName +
              '"?删除后其下分类将归类‘未分类’'
          )
          .then(() => {
            return delselectIvrLibaTargetAssort(b.id);
          })
          .then(() => {
            this.getDeptTree();
            this.$modal.msgSuccess("删除成功");
          })
          .catch(() => {});
      }
    },
    altertag(a, b) {
      this.dialogFormVisible = true;
      if (!b.pid) {
        this.radio = "主分类";
      } else {
        this.radio = "子分类";
      }
      this.classifyform = b;
      this.dialogFormVisible = true;
    },
    handleNodeClick(data) {
      this.queryParams.assortid = data.id;
      this.getList();
    },
    // 取消按钮
    cancel() {
      this.indexopen = false;
@@ -1084,7 +1099,7 @@
    reset() {
      this.indexform = {
        suitWay: undefined,
        targetID: undefined,
        id: undefined,
        targetdesc: undefined,
        baseTagList: [],
        targetoptionList: [],
@@ -1100,13 +1115,16 @@
    resetQuery() {
      this.dateRange = [];
      this.resetForm("queryForm");
      this.queryParams.deptId = undefined;
      this.queryParams = {
        pageNum: 1,
        pageSize: 10,
      };
      this.$refs.tree.setCurrentKey(null);
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map((item) => item.targetID);
      this.ids = selection.map((item) => item.id);
      this.single = selection.length != 1;
      this.multiple = !selection.length;
    },
@@ -1121,11 +1139,15 @@
      this.dynamicTags = [];
      this.testuserList = [
        {
          guid: 1,
          isoperation: 1,
          targettype: "1",
          targetvalue: "",
          targetregex: "",
          targetregex2: "",
          isoperation: 1,
          dynamiccruxs: [],
          nodynamiccruxs: [],
          dynamiccruxsJson: "",
          nodynamiccruxsJson: "",
        },
      ];
      this.indexopen = true;
@@ -1137,8 +1159,24 @@
      console.log(row);
      this.title = "指标详情";
      this.indexform = row;
      if (!row.targetoptionList[0]) {
        row.targetoptionList = [
          {
            targettype: "1",
            targetvalue: "",
            targetregex: "",
            targetregex2: "",
            isoperation: 1,
            dynamiccruxs: [],
            nodynamiccruxs: [],
            dynamiccruxsJson: "",
            nodynamiccruxsJson: "",
          },
        ];
      }
      this.dynamicTags = row.baseTagList.map(this.processElement);
      this.testuserList = row.targetoptionList;
      this.testvalue = "";
      this.indexopen = true;
      this.measurement = false;
    },
@@ -1158,12 +1196,19 @@
    /** 更新/修改提交按钮 */
    submitForm: function () {
      // this.indexform.targetoptionList=[]
      this.indexform.targetoptionList = this.indexform.targetoptionList.map(
        (res) => {
          res.isoperation = 2;
          return res;
        }
      );
      this.$refs["indexform"].validate((valid) => {
        this.indexform.targetoptionList = this.testuserList.concat(
          this.targetoptionList
        );
        if (valid) {
          if (this.indexform.targetID != undefined) {
          if (!this.indexform.version) this.indexform.version = "1.0";
          if (this.indexform.id != undefined) {
            this.indexform.isoperation = 2;
            gettargetInfoedit(this.indexform).then((response) => {
              this.$modal.msgSuccess("修改成功");
@@ -1182,9 +1227,24 @@
        }
      });
    },
    // 测试表单
    testtagerlist() {
      if (this.indexform.content) {
        let data = this.indexform;
        data.targetoptionList = this.testuserList.concat(this.targetoptionList);
        testtagerlist(data).then((res) => {
          this.$modal.msgSuccess("测试成功");
          this.testgovalue = res.msg;
          this.getList();
        });
      } else {
        this.$modal.msgError("请填写测试内容");
        return;
      }
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const userIds = row.targetID || this.ids;
      const userIds = row.id || this.ids;
      this.$modal
        .confirm('是否确认删除指标名称为"' + row.targetname + '"的数据项?')
        .then(function () {
@@ -1259,7 +1319,7 @@
  margin-top: 20px;
  margin: 20px;
  padding: 30px;
  background: #edf1f7;
  background: #fff;
  border: 1px solid #dcdfe6;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
    0 0 6px 0 rgba(0, 0, 0, 0.04);
@@ -1340,6 +1400,40 @@
    font-size: 20px;
  }
}
::v-deep .el-tree-node__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 46px;
  font-size: 20px;
  cursor: pointer;
}
::v-deep .el-tree {
  position: relative;
  cursor: default;
  border-radius: 5px;
  background: #eff8fe;
  color: #606266;
  border: 1px solid #bbe1fa;
  // border: 1px solid #dcdfe6;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
    0 0 6px 0 rgba(0, 0, 0, 0.04);
}
::v-deep
  .el-tree--highlight-current
  .el-tree-node.is-current
  > .el-tree-node__content {
  background-color: #7799fb;
  color: #fff;
}
::v-deep .el-button--mini.is-circle {
  padding: 7px;
  margin: 0;
  color: red;
}
.button-text {
  color: rgb(70, 204, 238);
}