1

lzhe

2025-07-27 85f924d6838b3746caa44a68c116c08bf27ae371

 src/views/wel/index.vue

@@ -4,7 +4,7 @@
      :addBtn="false"
      :option="option"
      :table-loading="loading"
      :data="data"
      :data="treeData"
      ref="crud"
      v-model:search="search"
      v-model:page="mypage"
@@ -15,6 +15,22 @@
      @tree-load="treeLoad"
      @row-click="rowClick"
    >
      <template #search>
        <el-row :gutter="24">
          <el-col :span="6">
            <el-input v-model="search.name" placeholder="请输入节点名称" clearable/>
          </el-col>
          <el-col :span="6">
            <el-select v-model="search.nodeType" placeholder="请输入节点类型" clearable>
              <el-option v-for="item in nodeTypeList" :key="item.dictValue" :label="item.dictValue" :value="item.dictKey"/>
            </el-select>
          </el-col>
          <el-col :span="6">
            <el-button type="primary" @click="searchTree"><el-icon class="el-icon--right" style="margin-right: 6px;"><Search /></el-icon>搜索</el-button>
            <el-button :icon="Delete" @click="setClearTree"><el-icon class="el-icon--right" style="margin-right: 6px;"><Delete /></el-icon>清空</el-button>
          </el-col>
        </el-row>
      </template>
      <template #menu-left>
        <el-button :size="size" type="primary" @click="showAdd()">新增根节点</el-button>
      </template>
@@ -48,7 +64,7 @@
    <avue-form v-if="tabsType == 'tab1'" :option="tabsFormOption" v-model="tabsForm"></avue-form>
    <span v-else-if="tabsType == 'tab2'">版本信息</span>
    <template v-else-if="tabsType == 'tab3'">
        {{fileContent}}
        <div v-html="convertToHtml(fileContent)"></div>
    </template>
    <el-dialog title="升版" append-to-body v-model="upgradeModal" width="500">
      <avue-form :option="upgradeModalOption" v-model="upgradeModalForm" @submit="upgradeSubmit" @reset-change="upgradeCancel"></avue-form>
@@ -61,6 +77,7 @@
export default {
  data() {
    return {
      targetRow: {},
      upgradeModal: false,
      file: null,
      fileContent: "",
@@ -216,8 +233,8 @@
      id: "",
      parentId:1,
      search: {
        keyword: "",
        machineGroupCode: ""
        name: "",
        nodeType: ""
      },
      loading: true,
      mypage: {
@@ -226,11 +243,13 @@
        total: 0,
      },
      option: {
        highlightCurrentRow: true,
        rowKey: "id",
        treeProps: {
          children: "children",
          hasChildren: 'hasChildren',
        },
        defaultExpandAll: false,
        lazy: true,
        rowKey: 'id',
        addBtn: false,
@@ -238,6 +257,8 @@
        delBtn: false,
        fit: true,
        menu: false,
        searchBtn: false,
        emptyBtn: false,
        column: [
          {
            label: '目录',
@@ -274,7 +295,23 @@
          },
          {
            label: '流程状态',
            prop: 'abc'
            prop: 'flowStatus',
               formatter: (val, value, label) => {
                  if(val.nodeType != '70'){
                     //非程序节点
                     return '';
                  }else{
                     if(value==0||value==null){
                        return '未启动';
                     }else if(value == 1){
                        return '审批中';
                     }else if(value == 2){
                        return '已通过';
                     }else{
                        return '未定义';
                     }
                  }
               },
          },
          {
            label: '测试程序',
@@ -287,7 +324,7 @@
          }
        ],
      },
      data: [],
      treeData: [],
      upData: []
    };
  },
@@ -431,6 +468,68 @@
    }
  },
  methods: {
    convertToHtml(text) {
        return text.replace(/\r\n/g, '<br>');
    },
    removeHasChildren(treeData) {  //查询时候使用，删掉hasChildren 
      return treeData.map(node => {
        if (node.children && node.children.length > 0) {
          node.children = this.removeHasChildren(node.children);
        }
        // 删除当前节点的 hasChildren 属性
        const { hasChildren, ...rest } = node;
        return rest;
      });
    },
     // 递归查找目标行（name="机床1"）
    findTargetRow(data, targetName) {
      for (const item of data) {
        if (item.name === targetName) {
          return item; // 找到目标行
        }
        if (item.children && item.children.length > 0) {
          const found = this.findTargetRow(item.children, targetName);
          if (found) return found; // 在子节点中找到
        }
      }
      return null; // 未找到
    },
    highlightTargetRow() {  // 高亮目标行
      const targetName = this.search.name;
      this.targetRow = this.findTargetRow(this.treeData, targetName);
      if (this.targetRow && this.$refs.crud) {
        this.$refs.crud.setCurrentRow(this.targetRow); // 高亮目标行
      }
    },
    searchTree() {
      axios({
        url: '/blade-mdm/program/node/search-list',
        method: 'get',
        params: this.search,
      }).then(res => {
        this.option.defaultExpandAll = true;
        this.treeData = this.removeHasChildren(res.data.data);
        this.$nextTick(() => {
          this.highlightTargetRow();  // 设置当前行高亮
          this.tabsForm = this.targetRow;  //tabs节点信息
          this.nodeTypeList.forEach(item=> {
            if(item.dictKey == this.tabsForm.nodeType) {
              this.tabsForm.nodeTypeName = item.dictValue;
            }
          })
        })
        if(this.treeData.length == 0) {
          return;
        }
      });
    },
    setClearTree() {
      this.option.defaultExpandAll = false;
      this.treeData = [];
      this.$nextTick(()=> {
        this.onLoad();
      })
    },
    upgradeSubmit(row,done) {  //升版
      axios({
        url: '/blade-mdm/program/ncfile/upgrade-process-edition',
@@ -679,7 +778,7 @@
        res => {
          var children = res.data.data || [];
          if(parentId == 0) {
            this.data = [...children];
            this.treeData = [...children];
          }else {
            this.$refs.crud.$refs.table.store.states.lazyTreeNodeMap.value[parentId] = [...children];
          }
@@ -726,13 +825,13 @@
      }).then(
        res => {
          this.loading = false;
          this.data = res.data.data;
          if(this.data.length == 0) {
          this.treeData = res.data.data;
          if(this.treeData.length == 0) {
            return;
          }
          this.tabsForm = res.data.data[0];  //节点信息
          this.nodeTypeList.forEach(item=> {
            if(item.dictKey == this.data[0].nodeType) {
            if(item.dictKey == this.treeData[0].nodeType) {
              this.tabsForm.nodeTypeName = item.dictValue;
            }
          })
@@ -768,4 +867,19 @@
  margin-left: 10px;
  margin-top: 12px;
}
.highlight-row {
  background-color: #f0f7ff !important; /* 浅蓝色背景 */
  font-weight: bold; /* 加粗文字 */
}
 
/* 如果需要悬停效果 */
.highlight-row:hover {
  background-color: #e6f0ff !important;
}
</style>
<style>
  .highlight-row {
    background-color: #f0f7ff;
    font-weight: bold;
  }
</style>