Source/plt-web/plt-web-ui/src/views/authority/secure/machineClassification/index.vue

@@ -15,7 +15,7 @@
            </el-button>
            <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadClickHandler">导入
            </el-button>
            <el-button class="smallBtn" plain size="small" type="primary"
            <el-button plain size="small" type="primary"
                       @click="checkViewClickHandler">查看使用范围
            </el-button>
          </div>
@@ -23,7 +23,7 @@
          <div style="height:  calc(100vh - 280px);">
            <avue-tree :data="treeData" :option="treeOption" @node-click="nodeClick">
          <span slot-scope="{ node, data }" class="el-tree-node__label">
           <span style="font-size: 15px">
           <span>
              <i class="el-icon-s-promotion"></i>
                {{ (node || {}).label }}
            </span>
@@ -41,52 +41,82 @@

  </el-container>
</template>

<script>
export default {
  name: "index"
}
  data() {
    return {
      form: {},
      data: [
        {
          name: "张三",
          sex: "男",
          showType:'Ludc'
        },
      ],
      option: {
        column: [
          {
            label: "姓名",
            prop: "name",
          },
          {
            label: "性别",
            prop: "sex",
            type: "select",
            dicData: [
              {
                label: "男",
                value: 0,
              },
              {
                label: "女",
                value: 1,
              },
            ],
          },
          {
            label: '源对象',
            prop: 'showType',
            type: 'select',
            cascader: ['linkType', 'templateId', 'SubUILayout', 'searchObjType', 'queryTemplateName'],
            placeholder: "请输入内容",
            dicUrl: '/api/uiManagerController/getBtmDatasByPage?page=1&limit=-1',
            filterable: true,
            props: {
              label: 'name',
              value: 'name',
              desc: 'label'
            },
            rules: [
              {
                required: true,
                message: '请选择内容',
                trigger: 'change'
              }
            ],
          },
        ],
      },
    };
  },
  methods: {
    beforeOpen(done, type) {
      this.$alert(`我是${type}`, {
        confirmButtonText: "确定",
        callback: (action) => {
          if (["view", "edit"].includes(type)) {
            // 查看和编辑逻辑
            this.form.showType = 'Ludc';
          } else {
            //新增逻辑
            this.form.name = "初始化赋值";
            this.form.sex = 0;
            this.form.showType = 'Ludc';
          }
          done();
        },
      });
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep {
  .el-scrollbar__wrap {
    overflow: auto !important;
  }
  .headerCon{
    .el-button{
      width: 82px;
    }
  }
}

.headerCon {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;

  .el-button + .el-button {
    margin-left: 5px;
  }

  .el-button {
    margin-top: 5px;
  }
}

.headerCon > .el-button:nth-child(4) {
  margin-left: 0;
}

.headerCon > .el-button:nth-child(7) {
  margin-left: 0;
}


.smallBtn {
  width: 82px;
  text-align: center;
  padding-left: 4.5px;
}

</style>