1

李喆(开发组)

2025-07-07 feef9ead9a7917ce17c4f7941ce9da0877906e70

1

 src/views/wel/index.vue

@@ -25,26 +25,24 @@
        <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 == 60" icon="el-icon-pie-chart" type="primary" @click="upgrade(row)" placeholder="升级" title="升级"></el-button>
        <el-button :size="size" text v-if="row.nodeType == 60 && !isSM" icon="el-icon-position" type="primary" @click="downsend(row)" placeholder="下发" title="下发"></el-button>
      </template>
    </avue-crud>
    <el-dialog :title="modalTitle" append-to-body v-model="modalBox">
      <avue-form :option="modalOption" v-model="modalForm" @submit="modalSubmit" @reset-change="modalCancel"/>
    </el-dialog>
    <el-dialog title="上传文件" append-to-body v-model="uploadmodalBox">
      <avue-form :option="uploadmodalOption" v-model="uploadmodalForm" @submit="uploadmodalSubmit" @reset-change="uploadmodalCancel" :upload-before="uploadBefore" :upload-after="uploadAfter">
        <template #filelist>
          <div v-for="item in fileList" v-if="fileList.length > 0">
      <avue-form :option="uploadmodalOption" v-model="uploadmodalForm" @submit="uploadmodalSubmit" @reset-change="uploadmodalCancel" :upload-before="uploadBefore" :upload-after="uploadAfter"></avue-form>
    </el-dialog>
    <avue-tabs :option="tabsOption" @change="tabsHandleChange" style="margin-top: 30px;" v-if="isShowTabs"></avue-tabs>
      <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'">
          <div v-for="item in fileList" v-if="fileList.length > 0" class="fileListStyle">
            <span>{{item.name}}</span>
            <span class="delFile" @click="delFile(item)">X</span>
          </div>
        </template>
      </avue-form>
    </el-dialog>

    <avue-tabs :option="tabsOption" @change="tabsHandleChange" style="margin-top: 30px;"></avue-tabs>
      <avue-form v-if="tabsType === 'tab1'" :option="tabsFormOption" v-model="tabsForm"></avue-form>
      <span v-else-if="tabsType === 'tab2'">版本信息</span>
      <span v-else-if="tabsType === 'tab3'">文件内容</span>
      </template>
  </basic-container>
</template>

@@ -53,6 +51,9 @@
export default {
  data() {
    return {
      isSM: false,  //是否是涉密网 ，工控网5个，涉密网4个
      isShowTabs: true,
      nodeTypeList: [],
      fileList: [],
      tabsType: "tab1",
      tabsOption: {},
@@ -88,7 +89,7 @@
        column: [
          {
            label: '节点类型',
            prop: 'nodeType',
            prop: 'nodeTypeName',
            disabled: true,
            placeholder: " "
          },
@@ -121,13 +122,6 @@
            prop: 'updateTime',
            disabled: true,
            placeholder: " "
          },
          {
            label: '节点全路径',
            prop: '',
            disabled: true,
            placeholder: " ",
            span: 24
          }
        ]
      },
@@ -166,11 +160,6 @@
            hide: true
          },
          {
            label: '全路径',
            prop: 'abc',
            span: 24
          },
          {
            label: '备注',
            prop: 'remark',
            type: "textarea",
@@ -204,7 +193,7 @@
          {
            label: '目录',
            prop: 'name',
            width: '300'
            width: '360'
          },
          {
            label: '版本',
@@ -274,20 +263,11 @@
            label: '选择文件',
            prop: 'uploadFile',
            type: 'upload',
            data: {nodeId: this.tabsForm.id}, 
            data: {nodeId: this.id}, 
            action: "",
            showFileList: false,
            span: 24,
            action: "/blade-mdm/program/ncfile/upload"
          },
          {
            label: '文件列表',
            prop: 'filelist'
          },
          {
            label: '全路径',
            prop: 'abc',
            span: 24
          },
          {
            label: '备注',
@@ -305,6 +285,12 @@
    }
  },
  methods: {
    downsend(row) {

    },
    uploadAfter() {
      this.getFile(this.id);
    },
    upgrade(row) {  //升级
      this.loading = true;
      var obj = {id: row.id}
@@ -327,7 +313,8 @@
        params: obj,
      }).then(
        resp => {
          this.getFile(this.uploadmodalForm.id);
          this.loading = false;
          this.getFile(this.id);
        }
      );
    },
@@ -335,28 +322,35 @@
      done();
      //nodeId: this.tabsForm.id
    },
    uploadAfter(res,done,loading,column) {
      this.getFile(column.data.nodeId);
    },
    rowClick(row) {
      this.tabsForm = row;
      this.id = row.id;
      this.isShowTabs = false;
      this.nodeTypeList.forEach(item=> {
        if(item.dictKey == row.nodeType) {
          this.tabsForm.nodeTypeName = item.dictValue;
        }
      })
      if(this.tabsForm.nodeType < 60) {
        this.tabsOption = this.tabsOption1;
      }else {
        this.tabsOption = this.tabsOption2;
        //获取文件list
        this.getFile(row.id);
      }
      this.$nextTick(()=> {
        this.tabsType = 'tab1';
        this.isShowTabs = true;
      })
    },
    tabsHandleChange(tabs) {
      this.tabsType = tabs.prop;
    },
    showUpload(row) {
      this.uploadmodalForm = row;
      //获取文件list
      this.getFile(row.id);
      this.uploadmodalBox = true;
    },
    getFile(id) {
      this.loading = true;
      var obj = {nodeId: id}
      axios({
        url: '/blade-mdm/program/ncfile/list-by-node',
@@ -369,7 +363,8 @@
      );
    },
    uploadmodalSubmit(row,done) {
      
      this.uploadmodalBox = false;
      done();
    },
    rowDel(row, index, done) {
      done(row);
@@ -503,6 +498,11 @@
        res => {
          this.data = res.data.data;
          this.tabsForm = res.data.data[0];  //节点信息
          this.nodeTypeList.forEach(item=> {
            if(item.dictKey == this.data[0].nodeType) {
              this.tabsForm.nodeTypeName = item.dictValue;
            }
          })
          this.loading = false;
        }
      );
@@ -510,6 +510,18 @@
  },
  mounted() {
    this.tabsOption = this.tabsOption1;
    //获取nodetype
    axios({url: '/blade-system/dict-biz/dictionary?code=nc_node_type',method: 'get'}).then(res => {
        this.nodeTypeList = res.data.data;
      }
    );
    //判断版本  0:涉密网，1:工控网；//工控网5个，涉密网4个
    axios({url: '/blade-system/param/detail?paramKey=networkType',method: 'get'}).then(res => {
        if(res.data.data.paramValue === "0") {
          this.isSM = true;
        }
      }
    );
    //查看内容
    // this.loading = true;
    // var obj = {id: "1940982493963415554"}
@@ -535,4 +547,8 @@
  margin-left: 12px;
  cursor: pointer;
}
.fileListStyle {
  margin-left: 10px;
  margin-top: 12px;
}
</style>