1

李喆(开发组)

2025-06-23 9f3b73f1fe34319b605879f9c336161f5b1654af

1

 src/views/wel/index.vue

@@ -13,24 +13,78 @@
      @refresh-change="refreshChange"
      @on-load="onLoad"
      @tree-load="treeLoad"
      @row-del="rowDel"
      @row-save="rowSave"
      @row-update="rowUpdate"
      @row-del="rowDel"
    >
      <template #menu="{row, size}">
        <el-button :size="size"
                  text
                  type="primary"
                  @click="handleAdd(row)">新增子级</el-button>
      <template #name="{ row }">
        <span>{{row.name}}</span>
        <el-button :size="size" text icon="el-icon-setting" type="primary" placeholder="修改" @click="showEdit(row)"></el-button>
        <el-button :size="size" text icon="el-icon-delete" type="primary" @click="showDel(row)" placeholder="删除"></el-button>
        <el-button :size="size" text icon="el-icon-document-add" type="primary" @click="showAdd(row)" placeholder="新增子级"></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>
  </basic-container>
</template>

<script>

export default {
  data() {
    return {
      selectedColumn: {},
      modalForm: {},
      modalOption: {
        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: 'abc',
            hide: true
          },
          {
            label: '节点名称',
            prop: 'name',
            hide: true
          },
          {
            label: '节点描述',
            prop: 'abc',
            hide: true
          },
          {
            label: '全路径',
            prop: 'abc',
            hide: true,
            span: 24
          },
          {
            label: '备注',
            prop: 'remark',
            type: "textarea",
            hide: true,
            span: 24
          }
        ]
      },
      modalBox: false,
      modalTitle: "",
      id: "",
      parentId:1,
      search: {
@@ -47,107 +101,56 @@
        lazy: true,
        rowKey: 'id',
        addBtn: false,
        // editBtn: false,
        // delBtn: false,
        // labelWidth: 120,
        // emptyBtn: false,
        // searchSpan: 8,
        editBtn: false,
        delBtn: false,
        fit: true,
        menu: false,
        column: [
          {
            label: '目录',
            prop: 'name',
            width: '200',
            display: false
            width: '300'
          },
          {
            label: '版本',
            prop: '',
            display: false
            prop: 'abc'
          },
          {
            label: '版次',
            prop: '',
            display: false
            prop: 'abc'
          },
          {
            label: '描述',
            prop: '',
            display: false
            prop: 'abc'
          },
          {
            label: '类型',
            prop: 'nodeType',
            display: false
            prop: 'nodeType'
          },
          {
            label: '设备',
            prop: '',
            display: false
            prop: 'abc'
          },
          {
            label: '固化状态',
            prop: '',
            display: false
            prop: 'abc'
          },
          {
            label: '锁定状态',
            prop: '',
            display: false
            prop: 'abc'
          },
          {
            label: '流程状态',
            prop: '',
            display: false
            prop: 'abc'
          },
          {
            label: '测试程序',
            prop: '',
            display: false
            prop: 'abc'
          },
          {
            label: '创建人',
            prop: 'createUser',
            display: false
          },
          {
            label: '节点类型',
            prop: 'modalSelect',
            type: 'select',
            dicUrl: '/blade-system/dict-biz/dictionary?code=nc_node_type',
            props: {
              label: 'dictValue',
              value: 'dictKey',
            },
            hide: true
          },
          {
            label: '设备（机床）',
            prop: '',
            hide: true
          },
          {
            label: '节点名称',
            prop: 'name',
            hide: true
          },
          {
            label: '节点描述',
            prop: '',
            hide: true
          },
          {
            label: '全路径',
            prop: '',
            hide: true,
            span: 24
          },
          {
            label: '备注',
            prop: 'remark',
            type: "textarea",
            hide: true,
            span: 24
            width: '180'
          }
        ],
      },
@@ -155,24 +158,65 @@
    };
  },
  methods: {
    rowDel (row, index, done) {
      // alert(1);
      // done(row);
    rowDel(row, index, done) {
      console.log(done);
      done(row);
    },
    rowSave(row, done) {  //新增子节点
      console.log(row,123)
      // row.parentId = 1;
      // row.id = 9;
      // console.log(row,11)
      // done(row);
    rowSave (row, done) {
      console.log(done,1111);
      done(row);
    },
    rowUpdate (row, index, done) {
      //alert(3);
      //done(row);
      console.log(done,222);
      done(row);
    },
    handleAdd (row) {  //新增子节点
      this.id = row.id;
      this.$refs.crud.rowAdd();
    showEdit(row,done) {
      this.modalTitle = "修改";
      this.modalBox = true;
      return;
    },
    showDel(row) {
      //调用接口
      this.loading = true;
      axios({
        url: '/blade-mdm/program/node/remove',
        method: 'post',
        params: {id: row.id},
      }).then(
        res => {
          this.loading = false;
          this.$refs.crud.rowDel(row);
        }
      );
    },
    showAdd (row) {  //新增子节点
      this.modalTitle = "新增子节点";
      this.selectedColumn.nodeType = String(Number(row.nodeType) + 10);
      this.selectedColumn.parentId = row.id;
      this.selectedColumn.name = "";
      this.selectedColumn.id = "";
      this.modalForm = this.selectedColumn;
      this.modalBox = true;
    },
    modalSubmit(row) {  //新增子节点保存
      //调用接口
      this.loading = true;
      axios({
        url: '/blade-mdm/program/node/save',
        method: 'post',
        data: this.modalForm,
      }).then(
        res => {
          //this.$refs.crud.rowSave(this.modalForm);
          this.onLoad();
          this.$refs.crud.refreshTable();
          this.modalBox = false;
          this.loading = false;
        }
      );
    },
    modalCancel() {
      this.modalBox = false;
    },
    treeLoad (tree, treeNode, resolve) {
      // setTimeout(() => {
@@ -204,26 +248,6 @@
          this.loading = false;
        }
      );
      // this.data =   [{
      //     id: this.parentId,
      //     parentId: this.parentId,
      //     date: '2016-05-02',
      //     name: '王小虎',
      //     address: 'hhh',
      //     hasChildren: true
      //   },
      //   {
      //     id: 7,
      //     parentId: 7,
      //     date: '2016-05-02',
      //     name: '王小虎',
      //     address: 'hhh',
      //     hasChildren: false
      //   }]
      //   this.loading = false;
    },
    handleEdit(row,index) {
      
    },
    currentChange(current) {
      this.mypage.current = current;