修改文字

yangys

2025-08-09 e02fc11eae8978cb4b33cf8541697efae5eadaed

 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,16 +15,33 @@
      @tree-load="treeLoad"
      @row-click="rowClick"
    >
      <template #menu-left>
        <el-button :size="size" type="primary" @click="showAdd()">新增根节点</el-button>
      <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> -->
      <template #name="{ row }">
        <span>{{row.name}}</span>
        <el-button :size="size" text v-if="row.nodeType != 70" icon="el-icon-setting" type="primary" placeholder="修改" @click="showEdit(row)" title="修改"></el-button>
        <el-button :size="size" text icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="删除" title="删除"></el-button>
        <el-button :size="size" text v-if="row.nodeType < 60" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="新增子级" title="新增子级"></el-button>
        <el-button :size="size" text v-if="row.nodeType == 60" icon="el-icon-upload" type="primary" @click="showUpload(row)" placeholder="文件上传" title="文件上传"></el-button>
        <el-button :size="size" text v-if="row.nodeType == 70" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="升版" title="升版"></el-button>
        <el-button :size="size" text v-if="row.nodeType != 10" icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="删除" title="删除"></el-button>
        <el-button :size="size" text v-if="row.nodeType != 60 && row.nodeType != 70" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="新增子级" title="新增子级"></el-button>
        <el-button :size="size" text v-if="row.nodeType == 60 || row.nodeType == 50" icon="el-icon-upload" type="primary" @click="showUpload(row)" placeholder="文件上传" title="文件上传"></el-button>
        <!-- 涉密网才有 -->
        <el-button :size="size" text v-if="row.nodeType == 70 && isSM" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="升版" title="升版"></el-button>
        <!-- 工控网才有 -->
        <el-button :size="size" text v-if="row.nodeType == 70 && !isSM" icon="el-icon-position" type="primary" @click="downsend(row)" placeholder="下发" title="下发"></el-button>
      </template>
@@ -47,23 +64,44 @@
    <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>
    <template v-else-if="tabsType == 'tab4'">
        <avue-crud :addBtn="false" :option="tabsFormOption4" :data="tabsForm4" ref="crud4" @selection-change="selectionChange">
          <template #menu-left>
            <el-button :size="size" type="primary" @click="comparison" :disabled="selectionList.length != 2">对比</el-button>
          </template>
        </avue-crud>
    </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>
    </el-dialog>
  </basic-container>
  <!-- 文件对比 -->
  <el-drawer title="文件对比" append-to-body v-model="diffBox" size="100%" class="code-box">
      <div>
          <code-diff :old-string="this.content1" :new-string="this.content2" output-format="side-by-side" :hideStat="true" :filename="codeDiffFileName1" :newFilename="codeDiffFileName2"/>
      </div>
  </el-drawer>
</template>

<script>

import { ElMessage } from 'element-plus';
export default {
  data() {
    return {
      diffBox: false,
      content1: "",
      content2: "",
      codeDiffFileName1: "",
      codeDiffFileName2: "",
      selectionList: [],
      targetRow: {},
      upgradeModal: false,
      file: null,
      fileContent: "",
      isSM: false,  //是否是涉密网 ，工控网5个，涉密网4个
      isSM: true,  //是否是涉密网 ，工控网5个，涉密网4个
      isShowTabs: true,
      nodeTypeList: [],
      fileList: [],
@@ -104,6 +142,10 @@
          icon: 'el-icon-warning',
          label: '文件内容',
          prop: 'tab3'
        }, {
          icon: 'el-icon-warning',
          label: '历史记录',
          prop: 'tab4'
        }]
      },
      tabsFormOption: {
@@ -141,8 +183,14 @@
            placeholder: " "
          },
          {
            label: '最后修改时间',
            label: '修改时间',
            prop: 'updateTime',
            disabled: true,
            placeholder: " "
          },
          {
            label: '备注',
            prop: 'remark',
            disabled: true,
            placeholder: " "
          }
@@ -159,7 +207,7 @@
        menuPosition: "right",
        column: [
          {
            label: '节点类型',
            label: '节点类型1',
            prop: 'nodeType',
            labelWidth: "120",
            type: 'select',
@@ -209,8 +257,8 @@
      id: "",
      parentId:1,
      search: {
        keyword: "",
        machineGroupCode: ""
        name: "",
        nodeType: ""
      },
      loading: true,
      mypage: {
@@ -218,12 +266,30 @@
        current: 1,
        total: 0,
      },
      tabsFormOption4: {
        rowKey: "id",
        selection: true,
        addBtn: false,
        editBtn: false,
        delBtn: false,
        searchBtn: false,
        emptyBtn: false,
        menu: false,
        column: [
          {label: '版本号',prop: 'versionNumber'},
          {label: '创建时间',prop: 'createTime'},
          {label: '创建人',prop: 'createUserName'},
        ]
      },
      tabsForm4: {},
      option: {
        highlightCurrentRow: true,
        rowKey: "id",
        treeProps: {
          children: "children",
          hasChildren: 'hasChildren',
        },
        defaultExpandAll: false,
        lazy: true,
        rowKey: 'id',
        addBtn: false,
@@ -231,6 +297,8 @@
        delBtn: false,
        fit: true,
        menu: false,
        searchBtn: false,
        emptyBtn: false,
        column: [
          {
            label: '目录',
@@ -239,11 +307,29 @@
          },
          {
            label: '版本',
            prop: 'abc'
            prop: 'versionNumber',
         formatter: (val, value, label) => {
               if(val.nodeType == '60'){
               if(value==-1){
                  return '';
               }else{
                  return value;
               }
            }else{
               return '';
            }
         }
          },
          {
            label: '版次',
            prop: 'abc'
            prop: 'processEdition',
         formatter: (val, value, label) => {
               if(val.nodeType == '60'){
               return value;
            }else{
               return '';
            }
         }
          },
          {
            label: '描述',
@@ -257,17 +343,40 @@
            label: '设备',
            prop: 'machineCode'
          },
          {
            label: '固化状态',
            prop: 'abc'
          },
		  
          {
            label: '锁定状态',
            prop: 'abc'
            prop: 'isLocked',
         formatter: (val, value, label) => {
               if(val.nodeType == '60' || val.nodeType == '70'){
               if(value==1){
                  return '已锁定';
               }else{
                  return '未锁定';
               }
            }
         }
			      
          },
          {
            label: '流程状态',
            prop: 'abc'
            prop: 'flowStatus',
               formatter: (val, value, label) => {
                  if(val.nodeType != '60'){
                     //非程序节点
                     return '';
                  }else{
                     if(value==0||value==null){
                        return '未启动';
                     }else if(value == 1){
                        return '审批中';
                     }else if(value == 2){
                        return '已通过';
                     }else{
                        return '未定义';
                     }
                  }
               },
          },
          {
            label: '测试程序',
@@ -280,7 +389,7 @@
          }
        ],
      },
      data: [],
      treeData: [],
      upData: []
    };
  },
@@ -315,25 +424,53 @@
            },
            dicFormatter(res) {
              return res.data.records;
            }
            },
            rules: [
              {
                required: true,
                message: '请输入设备编号',
                trigger: 'blur'
              }
            ]
          },
          {
            label: '零组件号/图号',
            prop: 'drawingNo',
            labelWidth: "120"
            labelWidth: "120",
            rules: [
              {
                required: true,
                message: '请输入零组件号/图号',
                trigger: 'blur'
              }
            ]
          },
          {
            label: '工序',
            prop: 'processName',
            labelWidth: "120"
            labelWidth: "120",
            rules: [
              {
                required: true,
                message: '请输入工序',
                trigger: 'blur'
              }
            ]
          },
          {
            label: '工序版本',
            prop: 'processEdition',
            labelWidth: "120"
            labelWidth: "120",
            rules: [
              {
                required: true,
                message: '请输入工序版本',
                trigger: 'blur'
              }
            ]
          },
          {
            label: '节点分类',
            label: '文件分类',
            prop: 'category',
            labelWidth: "120",
            type: 'select',
@@ -341,7 +478,14 @@
            props: {
              label: 'dictValue',
              value: 'dictKey',
            }
            },
            rules: [
              {
                required: true,
                message: '请选择文件分类',
                trigger: 'change'
              }
            ]
          },
          {
            label: '选择文件',
@@ -353,10 +497,22 @@
            showFileList: false,
            span: 24,
            tip: "请上传文件，将在提交时统一处理",
            action: "/blade-mdm/program/ncfile/upload"
            action: "/blade-mdm/program/ncfile/upload",
            rules: [
              {
                validator: (rule, value, callback) => {
                  if (this.fileList.length === 0) {
                    callback(new Error('请上传文件'));
                  } else {
                    callback();
                  }
                },
                trigger: 'blur'
              }
            ]
          },
          {
            label: '文件列表',
            label: '已上传文件',
            prop: 'fileList',
            labelWidth: "120"
          },
@@ -377,6 +533,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',
@@ -441,6 +659,9 @@
      var formData = new FormData();
      formData.append('file', this.file);
      formData.append('nodeId', this.id);
      if(this.isRepeatUpload) {
        formData.append('cofirm','1');
      }
      Object.keys(this.uploadmodalForm).forEach(key => {
        formData.append(key, this.uploadmodalForm[key]);
      });
@@ -449,11 +670,33 @@
        url: '/blade-mdm/program/ncfile/upload',
        method: 'post',
        data: formData,
      }).then(
        res => {
      }).then(res => {
          this.loading = false;
          this.uploadmodalBox = false;
          this.addLocalTreeNode(row.id);  //重新加载下一级
          if(res.data.code == 2) {
            this.$confirm('文件名已存在，确定上传吗?', '提示', {
              distinguishCancelAndClose: true,
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(() => {
              this.isRepeatUpload = true;
              this.uploadmodalSubmit(row,done);
            }).catch(action => {
              this.isRepeatUpload = false;
              this.$message({
                type: 'info',
                message:'取消上传'
              })
            });
          }else if(res.data.success) {
            this.isRepeatUpload = false;
            this.uploadmodalBox = false;
            this.$message({type: 'success',message: '操作成功!'});
            this.addLocalTreeNode(row.id);  //重新加载下一级
          }else {
            this.isRepeatUpload = false;
            alert(1)
          }
          done();
        }
      );
@@ -467,12 +710,17 @@
          this.tabsForm.nodeTypeName = item.dictValue;
        }
      })
      if(this.tabsForm.nodeType < 70) {
      if(this.tabsForm.nodeType != 70) {
        this.tabsOption = this.tabsOption1;
      }else {
        this.tabsOption = this.tabsOption2;
        //获取文件list
        this.getFile(row.id);
        //获取历史记录
        this.getHistory(row.id);
        //清空对比记录
        this.content1 = "";
        this.content2 = "";
      }
      this.$nextTick(()=> {
        this.tabsType = 'tab1';
@@ -482,7 +730,7 @@
    tabsHandleChange(tabs) {
      this.tabsType = tabs.prop;
    },
    showUpload(row) {//获取文件内容
    showUpload(row) {//获取附件内容（暂时没用）
      this.fileList = [];
      this.uploadmodalForm = row;
      this.loading = true;
@@ -494,7 +742,6 @@
      }).then(
        res => {
          this.loading = false;
          this.fileList = res.data.data;
          this.uploadmodalBox = true;
        }
      );
@@ -511,6 +758,39 @@
          this.fileContent = res.data.data;
        }
      );
    },
    getHistory(id) {  //查看历史记录
      this.loading = true;
      axios({
        url: '/blade-mdm/program/node/history-by-nodeid',
        method: 'get',
        params: {id},
      }).then(
        res => {
          this.loading = false;
          this.tabsForm4 = res.data.data;
        }
      );
    },
    comparison() { //对比
      this.loading = true;
      axios({
        url: '/blade-mdm/program/node/compare-content',
        method: 'get',
        params: {id1:this.selectionList[0].id,id2:this.selectionList[1].id},
      }).then(
        res => {
          this.loading = false;
          this.content1 = res.data.data.content1;
          this.content2 = res.data.data.content2;
          this.codeDiffFileName1 = this.selectionList[0].versionNumber;
          this.codeDiffFileName2 = this.selectionList[1].versionNumber;
          this.diffBox = true;
        }
      );
    },
    selectionChange(list) {
      this.selectionList = list;
    },
    showEdit(row,done) {
      this.modalTitle = "修改";
@@ -540,14 +820,20 @@
    showAdd (row) {  //新增子节点
      if(!row) {
        this.modalTitle = "新增根节点";
        this.modalForm.nodeType = "10";
        this.modalForm.nodeType = this.nodeTypeList[0].dictKey;
        this.modalForm.parentId = 0;
      }else {
        if(row.nodeType == 60) {
        if(row.nodeType == 60) { //程序包
          return;
        }
        var defalutNodeType = "";  //下一级节点类型
        for(var i=0;i<this.nodeTypeList.length;i++) {
          if(row.nodeType == this.nodeTypeList[i].dictKey) {
            defalutNodeType = this.nodeTypeList[i+1].dictKey;
          }
        }
        this.modalTitle = "新增子节点";
        this.selectedColumn.nodeType = String(Number(row.nodeType) + 10);
        this.selectedColumn.nodeType = defalutNodeType;
        this.selectedColumn.parentId = row.id;
        this.selectedColumn.name = "";
        this.selectedColumn.id = "";
@@ -601,7 +887,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];
          }
@@ -648,13 +934,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;
            }
          })
@@ -669,13 +955,13 @@
        this.nodeTypeList = res.data.data;
      }
    );
    //判断版本  0:涉密网，1:工控网；//工控网5个，涉密网4个  
    axios({url: '/blade-mdm/system/param/getValue?paramKey=networkType',method: 'get'}).then(res => {
        if(res.data.data === "0") {
          this.isSM = true;
        }
      }
    );
    //判断版本  0:涉密网，1:工控网；//工控网5个，涉密网4个  ,工控网取消
    // axios({url: '/blade-mdm/system/param/getValue?paramKey=networkType',method: 'get'}).then(res => {
    //     if(res.data.data === "0") {
    //       this.isSM = true;
    //     }
    //   }
    // );
  }
};
</script>
@@ -690,4 +976,22 @@
  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;
  }
  .code-box .el-drawer__header {
    margin-bottom: 0;
  }
</style>