cloud-web-corejs 1.0.54-dev.10 → 1.0.54-dev.101

package/src/views/bd/setting/form_template/mixins/wf_list.js

@@ -0,0 +1,434 @@
+import tableForm from "@base/components/table/tableForm.vue";
+import editView from "@base/views/bd/setting/form_template/edit.vue";
+import itemList from "@base/views/bd/setting/form_template/itemList.vue";
+import formScriptList from "@base/views/bd/setting/form_script/form_list.vue";
+import indexUtil from "@base/utils";
+import {getBdFlag} from "@base/api/user";
+import designer from "@base/views/user/form/vform/designer.vue";
+import {getJsxBtnList, getJsxStatus} from "@base/views/bd/setting/utils/index";
+
+let modules = {};
+modules = {
+  name: 'bd_form_template:list',
+  components: {
+    tableForm,
+    editView,
+    itemList,
+    formScriptList,
+    designer
+  },
+  data() {
+    return {
+      isFullscreen: false,
+      formDesTabs: 'first',
+      activeName: 'second',
+      dataId: 0,
+      showEdit: false,
+      vxeOption: {},
+      formData: {
+        menuKindCode: null,
+        menuKindName: null
+      },
+      showDesingerDialog: false,
+      formCode: null,
+      formName: null,
+      templateId: null,
+      currentFormTemplate: null,
+
+      showItemEdit: false,
+      showParamEdit: false,
+      vxeOption1: {},
+      editId: '',
+      itemEditId: '',
+      pRow: null,
+      currentRow: {},
+      serviceId: null,
+      itemServiceId: null,
+
+      showWfDialog: false,
+      wfUrl: '',
+      ph: '',
+      dialogActiveName: 'first',
+      showFunctionScriptList: false,
+      showUserDialog: false,
+      wfAssignData: [],
+      wfAssignCallback: null,
+      wfAssignMulti: true,
+
+      showPositionDialog: false,
+      wfAssignPositionData: [],
+      wfAssignPositionCallback: null,
+
+      showFormTemplateDialog: false,
+      wfAssignFormTemplateCallback: null,
+
+      showScriptDescriptionDialog: false,
+      showWfDiyAttributeEdit: false,
+
+      showFtHistoryDialog: false,
+      operateFtHistory: null,
+
+      defaultProps: {
+        label: 'name', //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
+        children: [],
+        isLeaf: 'leaf'
+      },
+      showItemView: false,
+
+      currentFormType: {},
+      editFormTypeId: null,
+      showFormTypeDialog: false,
+      showFormScriptList: false,
+      addProjectTagOption: {
+        url: USER_PREFIX + `/formTemplate/saveTag`,
+        tableDatas: () => {
+          return this.$refs["table-m1"].getCheckboxRecords(true);
+        },
+        reqData: (tagDatas, tableDatas) => {
+          let sids = tableDatas.map(item => item.sid);
+          let tagCodes = tagDatas.map(item => item.tagCode);
+          let reqData = {
+            tagCodes,
+            sids
+          };
+          return reqData;
+        },
+        callback: () => {
+          this.searchEvent()
+        }
+      },
+      deleteProjectTagOption: {
+        url: USER_PREFIX + `/formTemplate/deleteTag`,
+        tableDatas: () => {
+          return this.$refs["table-m1"].getCheckboxRecords(true);
+        },
+        reqData: (tagDatas, tableDatas) => {
+          let sids = tableDatas.map(item => item.sid);
+          let tagCodes = tagDatas.map(item => item.tagCode);
+          let reqData = {
+            tagCodes,
+            sids
+          };
+          return reqData;
+        },
+        callback: () => {
+          this.searchEvent()
+        }
+      },
+      showProjectTagDialog3: false,
+      checkTags: [],
+      isDev: true,
+      menuKindAuth: {},
+      showTree: false,
+
+      showWfObjConfigDialog: false,
+      formTemplate: null,
+      showMenuKindDialog: false,
+      showCompanyInfoDialog: false,
+
+      showBatchWfObjConfigDialog: false,
+      formTemplates: []
+    };
+  },
+  computed: {
+    currentMenuKindId() {
+      return this.currentFormType?.id || null
+    },
+    currentMenuKindName() {
+      return this.currentFormType?.name || null
+    }
+  },
+  watch: {
+    formDesTabs(val) {
+      if (this.showFormScriptList == false && val == 'second') {
+        this.showFormScriptList = true;
+      }
+    }
+  },
+  mounted() {
+    this.getBdEnv();
+    this.initTableList();
+    this.initWfWinParam();
+  },
+  methods: {
+    searchEvent() {
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    resetEvent() {
+      this.formData = {};
+      this.checkTags = [];
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    openEditDialog(row) {
+      let formCode = row?.formCode || null;
+      /*this.dataId = !id || typeof id == 'object' ? 0 : id;
+      this.activeName = 'first';
+      this.showItemEdit = false;
+      this.$openEditView('showEdit');*/
+      if (!formCode) {
+        this.dataId = formCode;
+        this.activeName = 'first';
+        this.$openEditView('showEdit');
+      } else {
+        this.$refs.xTabs.openEditTab(row);
+      }
+
+    },
+    openDesingerDialog(row, callback) {
+      this.formCode = row.formCode;
+      this.formName = row.formName;
+      this.currentFormTemplate = row;
+      this.isFullscreen = false;
+      this.showDesingerDialog = true;
+      this.designerSaveCallback = callback ?? null;
+    },
+    openDesingerDialogByChild({row, callback}) {
+      this.openDesingerDialog(row, callback)
+    },
+    reflushTemplateList() {
+      this.searchEvent();
+      this.designerSaveCallback && this.designerSaveCallback();
+    },
+    handleFullscreen() {
+      let isFullscreen = this.isFullscreen;
+      if (!isFullscreen) {
+        indexUtil.addClass(document.body, "hideMenu");
+      } else {
+        indexUtil.removeClass(document.body, "hideMenu");
+      }
+      this.isFullscreen = !isFullscreen;
+    },
+    openFtHistoryDialog(row) {
+      this.operateFtHistory = row;
+      this.showFtHistoryDialog = true;
+    },
+    confirmFtHistoryDialog(row) {
+      this.searchEvent();
+    },
+    closeFormDesignwinEvent(done) {
+      this.$baseConfirm(this.$t1('请确认"已保存"报表模板，是否继续关闭？')).then(() => {
+        indexUtil.removeClass(document.body, "hideMenu");
+        done && done();
+      });
+    },
+    getSearchParam() {
+      return {
+        ...this.formData
+      };
+    },
+    initTableList() {
+      let that = this;
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-m1',
+        tableName: 'bd_form_template_list-m2',
+        path: USER_PREFIX + '/formTemplate/listPageWf',
+        param: () => {
+          return this.getSearchParam();
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: this.$t1('模板名称'),
+            field: 'formName',
+            width: 250,
+            fixed: 'left'
+          },
+          {
+            title: this.$t1('模板编码'),
+            field: 'formCode',
+            width: 250
+          },
+          {field: 'menuKindName', title: this.$t1('表单分类'), width: 200},
+          {field: 'serviceName', title: this.$t1('服务名'), width: 150},
+          {field: 'objTypeName', title: this.$t1('默认流程单据类型名称'), width: 200},
+          {field: 'companyNames', title: this.$t1('组织名称'), width: 250},
+          {
+            title: this.$t1('更新时间'),
+            field: 'modifyDate',
+            width: 150
+          },
+          {
+            title: this.$t1('创建时间'),
+            field: 'createDate',
+            width: 150
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row}) => {
+                return getJsxBtnList([
+                  {
+                    iconName: "iconfont icon-liuchengguanli-shejiqi_liucheng",
+                    content: this.$t1('设置组织流程单据类型'),
+                    onclick: () => {
+                      this.openWfObjConfigDialog(row);
+                    }
+                  }
+                ]);
+              }
+            }
+          }
+        ],
+        searchColumns: [
+          {title: this.$t1('模板名称'), field: "formName", type: "input", common: true},
+          {title: this.$t1('模板编码'), field: "formCode", type: "input", common: true},
+          {title: this.$t1('组织名称'), field: "companyNames", type: "input", common: true},
+          {title: this.$t1('表单分类'), field: "menuKindName", type: "input", common: true, slot: "menuKindName"},
+
+        ],
+        config: {},
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.vxeOption = opts;
+        this.showTree = true;
+      });
+    },
+    chooseCellM1(row) {
+      this.currentRow = row;
+      this.showItemView = true;
+    },
+    openWfDesignDialog(actModelId) {
+      //wfType 0:单据流程，1：场景流程
+      let serviceId = this.currentRow.serviceName;
+      this.wfUrl = WEB_PREFIX + '/activiti-explorer/modeler.html?wfType=0&serviceId=' + serviceId + '&modelId=' + actModelId;
+      this.dialogActiveName = 'first';
+      this.showWfDialog = true;
+    },
+    closeDesignwinEvent(done) {
+      this.$baseConfirm(this.$t1('请确认"已保存"流程模板，是否继续关闭？')).then(() => {
+        this.showWfDialog = false;
+        // this.showDesingerDialog = false;
+      });
+    },
+    initWfWinParam() {
+      this.initCloseWfDesignWin();
+      this.initWinUserDialog();
+      this.initWinPositionDialog();
+      this.initSysParamForWf();
+      this.initWinFormTemplateDialog();
+      this.initWinScriptDescriptionDialog();
+    },
+    initCloseWfDesignWin() {
+      window.closeWfDesignWin = () => {
+        this.showWfDialog = false;
+      };
+    },
+    initWinUserDialog() {
+      window.openAssignUserDialog = opts => {
+        this.wfAssignMulti = opts.multi;
+        this.wfAssignData = opts.data || [];
+        this.wfAssignCallback = opts.callback;
+        this.showUserDialog = true;
+      };
+    },
+    confirmUser(rows) {
+      this.wfAssignCallback(rows);
+    },
+    initWinPositionDialog() {
+      window.openAssignPositionDialog = opts => {
+        this.wfAssignPositionData = opts.data || [];
+        this.wfAssignPositionCallback = opts.callback;
+        this.showPositionDialog = true;
+      };
+    },
+    initSysParamForWf() {
+      let webPrefix = WEB_PREFIX;
+      let baseApi = process.env.VUE_APP_BASE_API;
+      window.sysParamForWf = {
+        webPrefix,
+        baseApi
+      }
+    },
+    confirmPosition(rows) {
+      this.wfAssignPositionCallback(rows);
+    },
+    initWinFormTemplateDialog() {
+      window.openAssignFormTemplateDialog = opts => {
+        this.wfAssignFormTemplateCallback = opts.callback;
+        this.showFormTemplateDialog = true;
+      };
+    },
+    confirmFormTemplate(rows) {
+      this.wfAssignFormTemplateCallback(rows);
+    },
+    initWinScriptDescriptionDialog() {
+      window.openScriptDescriptionDialog = opts => {
+        this.showScriptDescriptionDialog = true;
+      };
+    },
+    handleFormDesignClose() {
+      this.formDesTabs = 'first';
+      this.showFormScriptList = false;
+    },
+    openProjectTagDialog3() {
+      this.showProjectTagDialog3 = true;
+    },
+    confirmProjectTagDialog3(rows) {
+      this.checkTags = rows;
+    },
+    getTabNames() {
+      return this.checkTags.map(item => item.tagName).join(",");
+    },
+    jsonImport() {
+      this.$jsonImport({
+        saveUrl: USER_PREFIX + '/form_develop/importFormTemplate',
+        showResult: true,
+        resultColumns: [
+          {title: this.$t1('模板名称'), field: "formName", type: "input", common: true},
+          {title: this.$t1('模板编码'), field: "formCode", type: "input", common: true},
+        ],
+        callback: () => {
+          this.searchEvent();
+        }
+      });
+    },
+    jsonExport() {
+      this.$jsonExport({
+        targetRef: "table-m1",
+        url: USER_PREFIX + "/form_develop/exportFormTemplate",
+        abcEnabled: true,
+        editAuth: this.currentFormType.editAuth,
+        selectTypeAuth: this.currentFormType.selectTypeAuth
+      })
+    },
+    getBdEnv() {
+      getBdFlag({
+        success: res => {
+          this.isDev = res.objx == 1
+        }
+      });
+    },
+    openWfObjConfigDialog(row) {
+      this.formTemplate = row;
+      this.showWfObjConfigDialog = true;
+
+    },
+    confirmWfObjConfigDialog() {
+      this.searchEvent();
+    },
+    confirmInsertMenuKind(rows) {
+      if (rows.length) {
+        let row = rows[0];
+        this.formData.menuKindCode = row.menuKindCode;
+        this.formData.menuKindName = row.name;
+      }
+    },
+    openBatchWfObjConfigDialog() {
+      let checkRows = this.$refs['table-m1'].getCheckboxRecords(true);
+      if (!checkRows.length) {
+        this.$baseAlert(this.$t1('请选择需要处理的数据'));
+        return;
+      }
+      this.formTemplates = checkRows;
+      this.showBatchWfObjConfigDialog = true;
+    },
+    confirmBatchWfObjConfigDialog() {
+      this.searchEvent()
+    }
+  }
+};
+export default modules

package/src/views/bd/setting/form_template/wfObjConfigDialog.vue

@@ -0,0 +1,254 @@
+<template>
+  <el-dialog
+    :title="'设置组织流程单据类型（'+formTemplate.formName+'）'"
+    :append-to-body="true"
+    :modal-append-to-body="true"
+    :close-on-click-modal="false"
+    :visible.sync="dialogVisible"
+    :modal="false"
+    custom-class="dialog-style list-dialog dialog-checkbox pd_0"
+    width="1200px"
+    @close="closeDialog"
+    v-el-drag-dialog
+    v-el-dialog-center
+  >
+    <div class="cont">
+      <div id="containt">
+        <el-form ref="editForm" :model="formData">
+          <div class="grid-height" style="height: 500px">
+            <vxe-grid
+              class="is-pointer"
+              ref="table-m1"
+              :data="formData.wfObjConfigDTOs"
+              v-bind="vxeOption"
+              @resizable-change="$vxeTableUtil.onColumnWitchChange"
+              @custom="$vxeTableUtil.customHandle"
+            >
+              <template #form>
+                <div class="clearfix screen-btns">
+                  <div class="fl">
+                    <vxe-button status="primary" class="button-sty" icon="el-icon-plus"
+                                @click="openCompanyDialog">
+                      新增
+                    </vxe-button>
+                    <span class="button-sty tips">{{ $t1('选择表单所在的组织，填写组织对应的流程单据类型数据。') }}</span>
+                  </div>
+                </div>
+              </template>
+              <template #objTypeName="{row,rowIndex}">
+                <el-form-item :prop="'wfObjConfigDTOs.'+rowIndex+'.objTypeName'"
+                              :rules="[{ required: true, trigger: 'blur' }]">
+                  <el-input v-model="row.objTypeName" clearable></el-input>
+                </el-form-item>
+              </template>
+              <template #operate="{row}">
+                <a
+                  href="javascript:void(0);"
+                  class="a-link"
+                  @click="openEditDialog(row.id)"
+                >
+                  <el-tooltip :enterable="false" effect="dark" :content="$t2('查看','common.view')" placement="top"
+                              popper-class="tooltip-skin">
+                    <i class="el-icon-edit"/>
+                  </el-tooltip>
+                </a>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-form>
+      </div>
+    </div>
+    <span slot="footer" class="dialog-footer">
+			<el-button type="primary" plain class="button-sty" @click="closeDialog">
+				<i class="el-icon-close el-icon"></i>
+				取 消
+			</el-button>
+			<el-button type="primary" @click="saveData" class="button-sty">
+				<i class="el-icon-check el-icon"></i>
+				确 定
+			</el-button>
+		</span>
+    <companyInfoDialog v-if="showCompanyInfoDialog" :visiable.sync="showCompanyInfoDialog"
+                       @confirm="confirmCompanyDialog" :multi="true" :allCompany="true"/>
+  </el-dialog>
+</template>
+<script>
+import companyInfoDialog from "@base/views/user/company_info/dialog.vue";
+import fileObjNotifyEdit from "@base/components/fileLibrary/fileObjNotifyEdit.vue";
+
+export default {
+  components: {fileObjNotifyEdit, companyInfoDialog},
+  props: ['formTemplate'],
+  data() {
+    return {
+      dialogVisible: true,
+      formData: {
+        objTypeCode: null,
+        wfObjConfigDTOs: []
+      },
+      operateIndex: 0,
+      showCompanyInfoDialog: false,
+      vxeOption: {}
+    }
+  },
+  created() {
+
+  },
+  mounted() {
+    this.formData.objTypeCode = this.formTemplate.objTypeCode;
+    this.getListByObjTypeCode();
+    this.initTableList()
+  },
+  methods: {
+    getListByObjTypeCode(callback) {
+      let formTemplate = this.formTemplate
+      this.$http({
+        url: `/${formTemplate.serviceName}/wf_obj_config/listByObjTypeCode`,
+        method: `post`,
+        data: {
+          stringOne: formTemplate.objTypeCode
+        },
+        isLoading: true,
+        success: res => {
+          let rows = res.objx || [];
+          this.formData.wfObjConfigDTOs = rows;
+          callback && callback(rows)
+        }
+      });
+    },
+    saveData() {
+      this.$refs.editForm.$baseValidate(valid => {
+        if (valid) {
+          this.$baseConfirm(this.$t1('您确定要保存吗？')).then(() => {
+            var url = `/${this.formTemplate.serviceName}/wf_obj_config/saveUpdates`;
+            this.$http({
+              url: url,
+              method: `post`,
+              data: this.formData,
+              isLoading: true,
+              success: res => {
+                this.$message({
+                  message: res.content,
+                  type: 'success',
+                  duration: 1000
+                });
+                this.getListByObjTypeCode(rows => {
+                  this.$emit('confirm', rows)
+                  this.closeDialog();
+                })
+              }
+            });
+          });
+        }
+      });
+    },
+    addItem() {
+      let formTemplate = this.formTemplate;
+      let row = {
+        objTypeCode: formTemplate.objTypeCode,
+        objTypeName: formTemplate.objTypeName,
+        serviceId: formTemplate.serviceName,
+        url: "form",
+        companyCode: null,
+        companyName: null
+      }
+      this.formData.wfObjConfigDTOs.push(row);
+    },
+    closeDialog() {
+      this.dialogVisible = false;
+      this.$emit("update:visiable", false);
+    },
+    openCompanyDialog() {
+      this.showCompanyInfoDialog = true;
+    },
+    confirmCompanyDialog(rows) {
+      if (rows.length) {
+        let row = rows[0];
+        let formTemplate = this.formTemplate;
+        let companyCodes = this.formData.wfObjConfigDTOs.map(item => item.companyCode)
+        let items = rows.filter(item => !companyCodes.includes(item.companyCode)).map(item => {
+          return {
+            objTypeCode: formTemplate.objTypeCode,
+            objTypeName: formTemplate.objTypeName,
+            serviceId: formTemplate.serviceName,
+            url: "form",
+            companyCode: row.companyCode,
+            companyName: row.companyName
+          }
+        })
+        this.formData.wfObjConfigDTOs.push(...items);
+      }
+    },
+    initTableList() {
+      let that = this;
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-m1',
+        tableName: 'user_form_template-wfObj-list-m1',
+        config: {
+          height: "auto"
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: this.$t1('单据类型名称'),
+            field: 'objTypeName',
+            width: 250,
+            slots: {
+              default: "objTypeName"
+            }
+          },
+          {
+            title: this.$t1('组织名称'),
+            field: 'companyName',
+            width: 200,
+          },
+          {
+            title: this.$t1('单据类型编码'),
+            field: 'objTypeCode',
+            width: 200
+          },
+          {
+            title: this.$t1('服务名'),
+            field: 'serviceId',
+            width: 150
+          },
+          {
+            width: 100,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row, rowIndex, $table}) => {
+                return [
+                  <a
+                    href="javascript:void(0);"
+                    class="a-link"
+                    onClick={() => {
+                      this.formData.wfObjConfigDTOs.splice(rowIndex, 1)
+                    }}
+                  >
+                    <el-tooltip enterable={false} effect="dark" content="删除" placement="top"
+                                popper-class="tooltip-skin">
+                      <i class="el-icon-delete"/>
+                    </el-tooltip>
+                  </a>
+                ];
+              }
+            }
+          }
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.vxeOption = opts;
+      });
+      // this.initData();
+    },
+  }
+}
+</script>
+
+
+<style scoped>
+
+</style>