Source/ProjectWeb/src/components/dynamic-components/dynamic-button.vue

@@ -5,7 +5,7 @@
    <el-button v-for="item in basicButtonList.top"
               v-if="LocationType === 'top'"
               :key="item.oid" :icon="item.icon"
               :type="item.type" plain
               :type="item.paramVOS.buttonType || 'primary'" plain
               size="small"
               @click="buttonClick(item)">
      {{ item.name }}
@@ -13,13 +13,13 @@

    <el-button v-for="item in basicButtonList.menu"
               v-if="LocationType === 'menu'"
               :key="item.oid" :icon="item.icon"
               :type="item.type" plain
               :key="item.oid" :icon="item.paramVOS.icon"
               :type="item.paramVOS.buttonType || 'primary'" plain
               size="small"
               @click="buttonClick(item)">
               @click="buttonClick(item,scope)">
      {{ item.name }}
    </el-button>
    <dynamic-form :visible.sync="visible" :title="formName" ></dynamic-form>
<!--    <dynamic-form :title="formName" :visible.sync="visible"></dynamic-form>-->
  </div>
</template>

@@ -36,196 +36,26 @@
    LocationType: {
      type: String,
    },
    scope:{
      type:Object,
    },
    butttonList:{
      type:Array
    }
  },
  data() {
    return {
      visible:false,
      formName:'',
      butttonList: [
        {
          actionVO: {
            actionCls: "",
            actionUsedType: "business",
            bsUrl: "null",
            createTime: "2013-11-01 15:17:45.000",
            creator: "eddieliu",
            csClass: "plm.uif.actions.client.AddAction",
            description: "创建业务对象",
            id: "add",
            lastModifier: "developer",
            lastModifyTime: "2013-11-01 15:17:45.000",
            licensors: null,
            name: "创建",
            oid: "65274704-5557-231C-E3EA-0B32B9BD5A0B"
          },
          type: 'primary',
          menu: false,
          areaType: "tab",
          authorization: true,
          children: null,
          createTime: "2022-07-18 17:29:10.000",
          creator: "developer",
          csUrl: "plm.uif.actions.client.AddAction",
          description: "",
          displayMode: "textandimage",
          hidden: false,
          iconPath: "",
          id: "add",
          lastModifier: "developer",
          lastModifyTime: "2022-07-18 17:29:10.000",
          name: "新增",
          oid: "DD34108A-5978-334C-7A2A-45F2EE158B1D",
          orderNum: 1,
          paramVOS: {
            form: "DepartmentProcessReviewForm",
            context: "EditDepartmentProcessReview",
            type: "processreview",
            initvalue: "reviewtype=department"
          },
          pkComponent: "D99AD59E-563F-AB7A-F307-794B929114CD",
          pkParentOid: "",
          url: "null"
        },
        {
          actionVO: {
            actionCls: "",
            actionUsedType: "business",
            bsUrl: "BaseEditAction#doAction",
            createTime: "2013-11-09 10:32:41.000",
            creator: "eddieliu",
            csClass: "plm.uif.actions.client.EditAction",
            description: "修改业务对象",
            id: "edit",
            lastModifier: "developer",
            lastModifyTime: "2013-11-09 10:32:41.000",
            licensors: null,
            name: "修改",
            oid: "F8534EFE-130B-0CB3-D477-2AC7B19B7DC4"
          },
          type: 'text',
          icon: "el-icon-edit",
          menu: true,
          areaType: "tab",
          authorization: true,
          children: null,
          createTime: "2022-07-18 17:29:10.000",
          creator: "developer",
          csUrl: "plm.uif.actions.client.EditAction",
          description: "",
          displayMode: "textandimage",
          hidden: false,
          iconPath: "",
          id: "edit",
          lastModifier: "developer",
          lastModifyTime: "2022-07-18 17:29:10.000",
          name: "修改",
          oid: "F50F37CE-26FF-8BC1-F87A-FFD9CFA8CE57",
          orderNum: 2,
          paramVOS: {
            form: "DepartmentProcessReviewForm",
            checkNotOperation: "${lcstatus}=Auditing&${lcstatus}=Waiting"
          },
          pkComponent: "D99AD59E-563F-AB7A-F307-794B929114CD",
          pkParentOid: "",
          url: "BaseEditAction#doAction"
        },
        {
          actionVO: {
            actionCls: "",
            actionUsedType: "business",
            bsUrl: "BaseDeleteAction",
            createTime: "2013-11-09 10:33:08.000",
            creator: "1",
            csClass: "plm.uif.actions.client.DeleteAction",
            description: "删除业务对象",
            id: "del",
            lastModifier: "developer",
            lastModifyTime: "2013-11-09 10:33:08.000",
            licensors: null,
            name: "删除",
            oid: "2655E9F0-014B-DFEC-6F92-A6D1C51FDA19"
          },
          type: 'text',
          icon: "el-icon-delete",
          menu: true,
          areaType: "tab",
          authorization: true,
          children: null,
          createTime: "2022-07-18 17:29:10.000",
          creator: "developer",
          csUrl: "plm.uif.actions.client.DeleteAction",
          description: "",
          displayMode: "textandimage",
          hidden: false,
          iconPath: "",
          id: "del",
          lastModifier: "developer",
          lastModifyTime: "2022-07-18 17:29:10.000",
          name: "删除",
          oid: "A8914C35-721B-A1E3-1EEE-3A9196DF5EC9",
          orderNum: 3,
          paramVOS: {
            owner: "true",
            checkNotOperation: "${lcstatus}=Auditing&${lcstatus}=Waiting",
            state: "Editing"
          },
          pkComponent: "D99AD59E-563F-AB7A-F307-794B929114CD",
          pkParentOid: "",
          url: "BaseDeleteAction"
        },
        {
          actionVO: {
            actionCls: "",
            actionUsedType: "business",
            bsUrl: "BaseStartWorkflowAction#doAction",
            createTime: "2014-03-17 10:14:40.000",
            creator: "developer",
            csClass: "plm.uif.actions.client.LaunchWorkFlowAction",
            description: "启动流程",
            id: "launchworkflow",
            lastModifier: "developer",
            lastModifyTime: "2014-03-17 10:14:40.000",
            licensors: null,
            name: "启动流程",
            oid: "56FE9470-AA2B-403B-F029-0A120FC94536"
          },
          areaType: "tab",
          authorization: true,
          children: null,
          createTime: "2022-07-18 17:29:10.000",
          creator: "developer",
          csUrl: "plm.uif.actions.client.LaunchWorkFlowAction",
          description: "",
          displayMode: "textandimage",
          hidden: false,
          iconPath: "",
          id: "launchworkflow",
          lastModifier: "developer",
          lastModifyTime: "2022-07-18 17:29:10.000",
          name: "审签",
          oid: "9963FA86-F146-FBD3-2AC2-51A7AAAAB825",
          orderNum: 4,
          paramVOS: {
            owner: "true",
            autoSubmitFirst: "false",
            flowtemplates: "工艺评审审签流程",
            state: "Editing",
            type: "processreview"
          },
          pkComponent: "D99AD59E-563F-AB7A-F307-794B929114CD",
          pkParentOid: "",
          url: "BaseStartWorkflowAction#doAction"
        },
      ]
      visible: false,
      formName: '',
    }
  },
  computed: {
    basicButtonList() {
      const basicColumn = this.butttonList.filter(item => item.id !== 'launchworkflow'); // 首先过滤出来基础表单事件的按钮

      // const basicColumn = this.butttonList.filter(item => item.id !== 'launchworkflow'); // 首先过滤出来基础表单事件的按钮
      const basicColumn = this.butttonList;
      if (this.type === 'table') {
        const top = basicColumn.filter(item => !item.menu); // 过滤出来表格上面区域展示的按钮
        const menu = basicColumn.filter(item => item.menu); // 过滤出来操作栏展示的按钮
        const top = basicColumn.filter(item => item.paramVOS.location === 'top' || func.isEmpty(item.paramVOS.location)); // 过滤出来表格上面区域展示的按钮
        const menu = basicColumn.filter(item => item.paramVOS.location === 'menu'); // 过滤出来操作栏展示的按钮
        return {
          top: top,
          menu: menu
@@ -235,9 +65,7 @@
  },
  methods: {
    buttonClick(item) {
      this.$emit('buttonClick', item.id)
      this.visible = true;
      this.formName = item.name;
      this.$emit('buttonClick',this.scope,item)
    }
  }
}