1

李喆(开发组)

2025-07-04 ed323a0c8ebbf8c7693fa8d5084f579f23da553b

1

 src/views/wel/index.vue

@@ -22,22 +22,29 @@
        <span>{{row.name}}</span>
        <el-button :size="size" text 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 < 70" icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="新增子级" title="新增子级"></el-button>
        <el-button :size="size" text v-if="row.nodeType == 70" 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-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>
      </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"/>
      <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">
            <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"/>
    <span v-else-if="tabsType === 'tab2'">版本信息</span>

      <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>
  </basic-container>
</template>

@@ -46,8 +53,10 @@
export default {
  data() {
    return {
      fileList: [],
      tabsType: "tab1",
      tabsOption: {
      tabsOption: {},
      tabsOption1: {
        column: [{
          icon: 'el-icon-info',
          label: '节点信息',
@@ -56,6 +65,21 @@
          icon: 'el-icon-warning',
          label: '版本信息',
          prop: 'tab2',
        }]
      },
      tabsOption2: {
        column: [{
          icon: 'el-icon-info',
          label: '节点信息',
          prop: 'tab1',
        }, {
          icon: 'el-icon-warning',
          label: '版本信息',
          prop: 'tab2',
        }, {
          icon: 'el-icon-warning',
          label: '文件内容',
          prop: 'tab3'
        }]
      },
      tabsFormOption: {
@@ -109,44 +133,6 @@
      },
      tabsForm: {},
      uploadmodalBox: false,
      uploadmodalOption: {
        submitText: "保存",
        emptyText: "取消",
        menuPosition: "right",
        column: [
          {
            label: '节点类型',
            prop: 'nodeType',
            type: 'select',
            dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type',
            props: {
              label: 'dictValue',
              value: 'dictKey',
            },
            disabled: true
          },
          {
            label: '选择文件',
            prop: 'abcd',
            type: 'upload',
            data: "{a:123}",
            action: "",
            showFileList: false,
            span: 24
          },
          {
            label: '全路径',
            prop: 'abc',
            span: 24
          },
          {
            label: '备注',
            prop: 'remark',
            type: "textarea",
            span: 24
          }
        ]
      },
      uploadmodalForm: {},
      selectedColumn: {},
      modalForm: {},
@@ -266,16 +252,121 @@
      data: [],
    };
  },
  computed: {
    uploadmodalOption() {
      return {
        submitText: "保存",
        emptyText: "取消",
        menuPosition: "right",
        column: [
          {
            label: '节点类型',
            prop: 'nodeType',
            type: 'select',
            dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type',
            props: {
              label: 'dictValue',
              value: 'dictKey',
            },
            disabled: true
          },
          {
            label: '选择文件',
            prop: 'uploadFile',
            type: 'upload',
            data: {nodeId: this.tabsForm.id}, 
            action: "",
            showFileList: false,
            span: 24,
            action: "/blade-mdm/program/ncfile/upload"
          },
          {
            label: '文件列表',
            prop: 'filelist'
          },
          {
            label: '全路径',
            prop: 'abc',
            span: 24
          },
          {
            label: '备注',
            prop: 'remark',
            type: "textarea",
            span: 24
          }
        ]
      }
    }
  },
  watch: {
    uploadmodalBox(old) {
      this.onLoad();
    }
  },
  methods: {
    upgrade(row) {  //升级
      this.loading = true;
      var obj = {id: row.id}
      axios({
        url: '/blade-mdm/program/ncfile/upgrade-process-edition',
        method: 'post',
        data: obj,
      }).then(
        resp => {
          this.$message.success('升级成功');
        }
      );
    },
    delFile(item) {
      this.loading = true;
      var obj = {id: item.id}
      axios({
        url: '/blade-mdm/program/ncfile/remove',
        method: 'post',
        params: obj,
      }).then(
        resp => {
          this.getFile(this.uploadmodalForm.id);
        }
      );
    },
    uploadBefore(file,done,loading,column) {
      done();
      //nodeId: this.tabsForm.id
    },
    uploadAfter(res,done,loading,column) {
      this.getFile(column.data.nodeId);
    },
    rowClick(row) {
      this.tabsForm = row;
      if(this.tabsForm.nodeType < 60) {
        this.tabsOption = this.tabsOption1;
      }else {
        this.tabsOption = this.tabsOption2;
      }
    },
    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',
        method: 'get',
        params: obj,
      }).then(
        resp => {
          this.fileList = resp.data.data;
        }
      );
    },
    uploadmodalSubmit(row,done) {
      
@@ -315,7 +406,7 @@
      })
    },
    showAdd (row) {  //新增子节点
      if(row.nodeType == 70) {
      if(row.nodeType == 60) {
        return;
      }
      this.modalTitle = "新增子节点";
@@ -417,6 +508,21 @@
      );
    }
  },
  mounted() {
    this.tabsOption = this.tabsOption1;
    //查看内容
    // this.loading = true;
    // var obj = {id: "1940982493963415554"}
    // axios({
    //   url: '/blade-mdm/program/ncfile/content',
    //   method: 'get',
    //   params: obj,
    // }).then(
    //   res => {
        
    //   }
    // );
  }
};
</script>

@@ -424,4 +530,9 @@
.el-form-item__label {
  width: 120px!important;
}
.delFile {
  color: red;
  margin-left: 12px;
  cursor: pointer;
}
</style>