cloud-web-corejs 1.0.28 → 1.0.30

package/src/views/bd/setting/bd_attach_setting/mixins/list.js

@@ -0,0 +1,219 @@
+import tableForm from "@base/components/table/tableForm.vue";
+import editView from "@base/views/bd/setting/bd_attach_setting/edit.vue";
+import {treeScollx} from "@base/utils/global";
+
+let modules = {};
+modules = {
+  name: 'bd_attach_setting:list',
+  components: {
+    tableForm,
+    editView
+  },
+  created() {
+  },
+  async mounted() {
+    treeScollx({target: this, type: 'default'});
+    this.initTableList();
+  },
+  data() {
+    return {
+      activeName: 'second',
+      dataId: 0,
+      showEdit: false,
+      vxeOption: {},
+      checkRows: [],
+      szTaMbIds: [],
+      formData: {},
+      defaultProps: {
+        label: 'name', //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
+        children: [],
+        isLeaf: 'leaf'
+      },
+      showItemView: false,
+      showMenuKindDialog: false,
+      currentFormType: {},
+      menuKindAuth: {},
+      showTree: false
+    };
+  },
+  computed: {
+    currentMenuKindId() {
+      return this.currentFormType?.id || null
+    },
+    currentMenuKindName() {
+      return this.currentFormType?.name || null
+    }
+  },
+  methods: {
+    searchEvent() {
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    resetEvent() {
+      this.formData = {};
+      this.checkTags = [];
+      this.$refs['table-m1'].commitProxy('reload');
+    },
+    openEditDialog(row) {
+      /*this.dataId = !id || typeof id == 'object' ? 0 : id;
+      this.activeName = 'first';
+      this.$openEditView('showEdit');*/
+
+      let dataId = row?.id || 0;
+      if (!dataId) {
+        this.dataId = dataId;
+        this.activeName = 'first';
+        this.$openEditView('showEdit');
+      } else {
+        this.$refs.xTabs.openEditTab(row);
+      }
+    },
+    getSearchParam() {
+      let currentFormType = this.currentFormType || {}
+      return {
+        ...this.formData,
+        type: "importTemplate",
+        menuKindCode: currentFormType.menuKindCode || null
+      }
+    },
+    initTableList() {
+      let that = this;
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-m1',
+        tableName: 'bd_attach_setting_list-m1',
+        path: USER_PREFIX + '/bd_attach_setting/listPage',
+        param: () => {
+          return this.getSearchParam()
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: '模板文件名称',
+            field: 'name',
+            width: 180,
+            fixed: 'left'
+          },
+          {
+            title: '模板文件编码',
+            field: 'code',
+            width: 180
+          },
+          {title: '表单分类', field: 'menuKindName', width: 150},
+          {
+            title: this.$t1('备注'),
+            field: 'remark',
+            width: 250
+          },
+          {
+            field: 'createDate',
+            title: this.$t1('创建时间'),
+            width: 150
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row}) => {
+                return [
+                  <div>
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        this.openEditDialog(row);
+                      }}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content={this.$t1('查看')} placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-edit"/>
+                      </el-tooltip>
+                    </a>
+                  </div>
+                ];
+              }
+            }
+          }
+        ],
+        searchColumns: [
+          {
+            title: "表单分类",
+            field: "menuKindName",
+            type: "input",
+            common: true,
+            disabled: true,
+            defaultValueEnabled: false,
+            slot: "menuKindName"
+          },
+          {title: "模板文件名称", field: "name", type: "input", common: true},
+          {title: "模板文件编码", field: "code", type: "input", common: true},
+          {title: this.$t1('备注'), field: "remark", type: "input", common: true},
+        ],
+        config: {
+          proxyConfig: {
+            autoLoad: false
+          }
+        },
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.vxeOption = opts;
+        this.showTree = true;
+      });
+    },
+    handleNodeClick(data, node, v) {
+      this.handleNodeData(node)
+      this.$forceUpdate();
+      this.searchEvent();
+    },
+    // 异步树叶子节点懒加载逻辑
+    loadNode(node, resolve) {
+      let id = node && node.data && node.data.id ? node.data.id || '' : 0;
+      let param = {enabled: true};
+      let url = !id ? USER_PREFIX + '/menuKind/getAllList' : USER_PREFIX + '/menuKind/getChildren';
+      this.$http({
+          aes:true,
+        url: url,
+        method: 'post',
+        data: {
+          parent: id,
+          enabled: true
+        },
+        success: res => {
+          let rows = res.objx || [];
+          rows.forEach(value => {
+            value.leaf = !value.hasChild;
+          });
+          if (node.level === 0) {
+            if (rows.length > 0) {
+              this.$nextTick(() => {
+                let firstNode = node.childNodes[0];
+                if (rows[0].hasChild) {
+                  firstNode.expand();
+                }
+                this.$refs.tree.setCurrentKey(firstNode.data);
+                this.handleNodeClick(firstNode.data, firstNode, this)
+              });
+            }
+          }
+          resolve(rows);
+        }
+      });
+    },
+    handleNodeData(node) {
+      this.currentFormType = node ? node.data : null;
+      this.currentNode = node;
+    },
+    confirmInsertMenuKind(rows) {
+      this.$baseReload();
+    },
+    moveClick() {
+      this.szTaMbIds = [];
+      this.$refs["table-m1"].getCheckboxRecords(true).map((item) => {
+        this.szTaMbIds.push(item.id);
+      });
+      this.showMenuKindDialog = true;
+    }
+  }
+};
+export default modules

package/src/views/bd/setting/form_script/dialog.vue

@@ -38,7 +38,7 @@
                     <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
                                 plain>{{$t1('重置')}}
                     </vxe-button>
-                    <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">搜索
+                    <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">{{ $t1('搜索') }}
                     </vxe-button>
                   </div>
                 </div>
@@ -112,144 +112,10 @@
 </template>
 
 <script>
-import {selectDialogMixins} from '@base/mixins/selectDialog/index.js';
-import editView from "./edit.vue";
+import mixin from "./mixins/dialog";
 
 export default {
   name: 'formScriptDialog',
-  components: {editView},
-  props: ['visiable', 'multi', 'rows', 'param', 'title'],
-  mixins: [selectDialogMixins],
-  created() {
-    this.initSetting();
-  },
-  mounted() {
-    this.initTableM1();
-  },
-  data() {
-    var that = this;
-    return {
-      showDialog: true,
-      falseValue: false,
-      selectMulti: true,
-      formData: {},
-      vxeOption: {},
-      activeName: 'second',
-      showEdit: false,
-      dataId: null,
-      showTabs: false
-    };
-  },
-  methods: {
-    initTableM1() {
-      let that = this;
-      let tableOption = {
-        vue: this,
-        tableRef: 'table-m1',
-        tableName: 'user_form_script_dialog-m1',
-        path: USER_PREFIX + '/formScript/listPage',
-        param: () => {
-          return {
-            scriptType: 0,
-            ...this.formData,
-            ...this.param
-          };
-        },
-        config: {
-          checkboxConfig: {
-            checkStrictly: true,
-            showHeader: this.selectMulti,
-            trigger: 'row'
-          }
-        },
-        columns: [
-          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
-          {
-            title: '脚本名称',
-            field: 'scriptName',
-            width: 180,
-            fixed: 'left'
-          },
-          {
-            title: '脚本编码',
-            field: 'scriptCode',
-            width: 180
-          },
-          {
-            title: '脚本说明',
-            field: 'scriptRemark',
-            width: 250
-          },
-          {
-            field: 'transactions',
-            title: '开启事务',
-            width: 150,
-            slots: {
-              default: ({row}) => {
-                if (row.transactions == 1) {
-                  return [<div class="txt-status">是</div>];
-                } else {
-                  return [<div class="txt-status s-3">否</div>];
-                }
-              }
-            }
-          },
-          {
-            field: 'sid',
-            title: '唯一标识',
-            width: 250
-          },
-          {
-            field: 'createDate',
-            title: this.$t1('创建时间'),
-            width: 150
-          },
-          {
-            width: 47,
-            fixed: 'right',
-            title: '',
-            sortable: false,
-            slots: {
-              default: ({row}) => {
-                return [
-                  <div>
-                    <a
-                      href="javascript:void(0);"
-                      class="a-link"
-                      onclick={() => {
-                        this.openEditDialog(row);
-                      }}
-                    >
-                      <el-tooltip enterable={false} effect="dark" content={ this.$t1('查看') } placement="top"
-                                  popper-class="tooltip-skin">
-                        <i class="el-icon-edit"/>
-                      </el-tooltip>
-                    </a>
-                  </div>
-                ];
-              }
-            }
-          }
-        ]
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
-        this.vxeOption = opts;
-      });
-    },
-    openEditDialog(row) {
-      /*this.dataId = !id || typeof id == 'object' ? 0 : id;
-      this.activeName = 'first';
-      this.$openEditView('showEdit');*/
-
-      let dataId = row?.id || 0;
-      if (!dataId) {
-        this.dataId = dataId;
-        this.activeName = 'first';
-        this.$openEditView('showEdit');
-      } else {
-        this.$refs.xTabs.openEditTab(row);
-      }
-    },
-  }
+  mixins: [mixin]
 };
 </script>

package/src/views/bd/setting/form_script/edit.vue

@@ -4,7 +4,7 @@
       <div class="d-header clearfix">
         <div class="fl">
           <i class="el-icon-info"/>
-          {{ dataId ? $t1('查看') : $t1('新增') }} 表单脚本
+          {{ dataId ? $t1('查看表单脚本') : $t1('新增表单脚本') }}
         </div>
         <div class="fr">
           <el-form>
@@ -101,134 +101,10 @@
 </template>
 
 <script>
-import {getBdFlag} from "@base/api/user";
-import preformDialog from "@base/views/bd/setting/form_template/preformDialog.vue";
-import formOplogTable from "@base/components/formOplog/index.vue";
+import mixin from "./mixins/edit";
 
 export default {
   name: 'user_form_scriptEdit',
-  props: {
-    _dataId: [String, Number],
-    readonly: Boolean,
-    scriptType: {
-      type: Number,
-      default: 0
-    },
-    formCode: {
-      type: String,
-      default: null
-    }
-  },
-  components: {formOplogTable, preformDialog},
-  data() {
-    return {
-      isEdit: false,
-      tabIndex: 'first',
-      dataId: '',
-      formScript: {
-        enabled: true,
-        scriptType: null,
-        formCode: null,
-        transactions: 1
-      },
-      showCodeEditor: false,
-      isDev: true,
-      showPreformDialog: false
-    };
-  },
-  created() {
-    if (this._dataId && !isNaN(this._dataId)) {
-      this.dataId = this._dataId;
-    } else {
-      this.formScript.formCode = this.formCode;
-      this.formScript.scriptType = this.scriptType;
-    }
-  },
-  mounted() {
-    this.getBdEnv();
-    this.getData();
-  },
-  methods: {
-    getData() {
-      if (this.dataId && !isNaN(this.dataId)) {
-        this.isEdit = true;
-        this.$commonHttp({
-          url: USER_PREFIX + `/formScript/get`,
-          method: `post`,
-          data: {
-            id: this.dataId
-          },
-          isLoading: true,
-          modalStrictly: true,
-          success: res => {
-            this.formScript = res.objx || {};
-            this.showCodeEditor = true;
-            //获取操作日志数据
-            this.$refs['oplogTable'].initData({
-              param: () => {
-                return {
-                  logType: "FormScript",
-                  logObjCode: this.formScript.sid
-                };
-              }
-            });
-          }
-        });
-      } else {
-        this.showCodeEditor = true;
-      }
-    },
-    saveData() {
-      this.$refs.editForm.$baseValidate(valid => {
-        if (valid) {
-          this.openPreformDialog();
-        }
-      });
-    },
-    saveDataHandle(preformData) {
-      var url = USER_PREFIX + (this.isEdit ? `/formScript/update` : `/formScript/save`);
-      let formData = {
-        ...this.formScript,
-        logContent: preformData.logContent
-      };
-      this.$http({
-        url: url,
-        method: `post`,
-        data: formData,
-        isLoading: true,
-        success: res => {
-          this.$message({
-            message: res.content,
-            type: 'success',
-            duration: 500,
-            onClose: t => {
-              if (this.isEdit) {
-                this.$baseReload();
-              } else {
-                this.$baseReload({
-                  updateParam: {
-                    _dataId: res.objx
-                  }
-                });
-              }
-            }
-          });
-        }
-      });
-    },
-    openPreformDialog() {
-      this.showPreformDialog = true;
-    },
-    confirmPreformDialog(preformData) {
-      this.saveDataHandle(preformData);
-    },
-    getBdEnv() {
-      getBdFlag({
-        success: res => {
-          this.isDev = res.objx == 1
-        }
-      });
-    }
-  }
+  mixins: [mixin]
 };
 </script>

package/src/views/bd/setting/form_script/edit1.vue

@@ -4,7 +4,7 @@
       <div class="d-header clearfix">
         <div class="fl">
           <i class="el-icon-info"/>
-          {{ dataId ? $t1('查看') : $t1('新增') }} 表单脚本
+          {{ dataId ? $t1('查看表单脚本') : $t1('新增表单脚本') }}
         </div>
         <div class="fr">
           <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">{{$t1('重置')}}
@@ -168,149 +168,10 @@
 </template>
 
 <script>
-import {getBdFlag} from "@base/api/user";
-import MenuKindDialog from "../../../../views/bd/setting/menu_kind/dialog";
-import projectTagView from "@base/components/projectTag/view.vue";
-import preformDialog from "@base/views/bd/setting/form_template/preformDialog.vue";
-import formOplogTable from "@base/components/formOplog/index.vue";
+import mixin from "./mixins/edit1";
 
 export default {
   name: 'user_form_scriptEdit',
-  props: {
-    _dataId: [String, Number],
-    formCode: String,
-    formTemplate: Object,
-    currentFormType: Object
-  },
-  components: {formOplogTable, preformDialog, projectTagView, MenuKindDialog},
-  data() {
-    return {
-      isEdit: false,
-      tabIndex: 'first',
-      dataId: '',
-      formScript: {
-        scriptType: 1,
-        enabled: true,
-        formCode: null,
-        menuKindCode: null,
-        menuKindName: null,
-        transactions: 1,
-        formScriptTagDTOs: []
-      },
-      showCodeEditor: false,
-      showMenuKindDialog: false,
-      isDev: true,
-      showPreformDialog: false
-    };
-  },
-  created() {
-    if (this._dataId && !isNaN(this._dataId)) {
-      this.dataId = this._dataId;
-    } else {
-      if (this.formTemplate) {
-        this.formScript.formCode = this.formTemplate.formCode;
-        this.formScript.menuKindCode = this.formTemplate.menuKindCode;
-        this.formScript.menuKindName = this.formTemplate.menuKindName;
-      } else {
-        this.formScript.formCode = 'intf';
-        this.formScript.menuKindName = this.currentFormType?.name || null;
-        this.formScript.menuKindCode = this.currentFormType?.menuKindCode || null;
-      }
-
-    }
-  },
-  mounted() {
-    this.getBdEnv();
-    this.getData();
-  },
-  methods: {
-    getData() {
-      if (this.dataId && !isNaN(this.dataId)) {
-        this.isEdit = true;
-        this.$commonHttp({
-          url: USER_PREFIX + `/formScript/get`,
-          method: `post`,
-          data: {
-            id: this.dataId
-          },
-          isLoading: true,
-          modalStrictly: true,
-          success: res => {
-            this.formScript = res.objx || {};
-            this.showCodeEditor = true;
-            //获取操作日志数据
-            this.$refs['oplogTable'].initData({
-              param: () => {
-                return {
-                  logType: "FormScript",
-                  logObjCode: this.formScript.sid
-                };
-              }
-            });
-          }
-        });
-      } else {
-        this.showCodeEditor = true;
-      }
-    },
-    saveData() {
-      this.$refs.editForm.$baseValidate(valid => {
-        if (valid) {
-          this.openPreformDialog();
-        }
-      });
-    },
-    saveDataHandle(preformData) {
-      var url = USER_PREFIX + (this.isEdit ? `/formScript/update` : `/formScript/save`);
-      let formData = {
-        ...this.formScript,
-        logContent: preformData.logContent
-      };
-      this.$http({
-        url: url,
-        method: `post`,
-        data: formData,
-        isLoading: true,
-        success: res => {
-          this.$message({
-            message: res.content,
-            type: 'success',
-            duration: 500,
-            onClose: t => {
-              if (this.isEdit) {
-                this.$baseReload();
-              } else {
-                this.$baseReload({
-                  updateParam: {
-                    _dataId: res.objx
-                  }
-                });
-              }
-            }
-          });
-        }
-      });
-    },
-    openPreformDialog() {
-      this.showPreformDialog = true;
-    },
-    confirmPreformDialog(preformData) {
-      this.saveDataHandle(preformData);
-    },
-    confirmInsertMenuKind(rows) {
-      if (rows.length > 0) {
-        let row = rows[0];
-        this.$set(this.formScript, 'menuKindCode', row.menuKindCode);
-        this.$set(this.formScript, 'menuKindName', row.name);
-      }
-    },
-    getBdEnv() {
-      getBdFlag({
-        success: res => {
-          this.isDev = res.objx == 1
-        }
-      });
-    }
-  }
+  mixins: [mixin]
 };
 </script>