cloud-web-corejs 1.0.27 → 1.0.29

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

@@ -0,0 +1,367 @@
+import projectTagView from "@base/components/projectTag/view.vue";
+import projectTagAddButton from "@base/components/projectTag/addButton.vue";
+import projectTagDeleteButton from "@base/components/projectTag/deleteButton.vue";
+import tableForm from "@base/components/table/tableForm.vue";
+import editView from "@base/views/bd/setting/table_model/edit.vue";
+import MenuKindDialog from "@base/views/bd/setting/menu_kind/dialog.vue";
+import projectTagDialog from "@base/views/user/project_tag/dialog.vue";
+import {treeScollx} from "@base/utils/global";
+import {getBdFlag} from "@base/api/user";
+
+let modules = {};
+modules = {
+  name: 'table_model:list',
+  components: {
+    projectTagView,
+    projectTagAddButton, projectTagDeleteButton,
+    tableForm,
+    editView,
+    MenuKindDialog,
+    projectTagDialog
+  },
+  created() {
+  },
+  async mounted() {
+    treeScollx({target: this, type: 'default'});
+    this.getBdEnv();
+    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: {},
+      addProjectTagOption: {
+        url: USER_PREFIX + `/szTaMb/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 + `/szTaMb/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
+    };
+  },
+  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 tagCodes = null;
+      if (this.checkTags.length) {
+        tagCodes = this.checkTags.map(item => item.tagCode);
+      }
+      let currentFormType = this.currentFormType || {}
+      return {
+        ...this.formData,
+        menuKindCode: currentFormType.menuKindCode || null,
+        tagCodes
+      };
+    },
+    initTableList() {
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-m1',
+        tableName: 'bd_table_model_list-m1',
+        path: USER_PREFIX + '/szTaMb/listPage',
+        param: () => {
+          return this.getSearchParam();
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {title: '实体名称', field: 'taEn', width: 150, fixed: 'left'},
+          {title: '数据库表名', field: 'taBm', width: 150},
+          {title: '表描述', field: 'taCh', width: 150},
+          {
+            title: '表类型', field: 'taType', width: 150,
+            slots: {
+              default: ({row}) => {
+                return row.taType == 0 ? '主表' : '明细表'
+              }
+            }
+          },
+          {
+            title: '是否树结构', field: 'taRule', width: 150,
+            slots: {
+              default: ({row}) => {
+                return row.taRule == 1 ? '是' : '否'
+              }
+            }
+          },
+          {
+            title: '数据范围', field: 'dataRange', width: 150,
+            slots: {
+              default: ({row}) => {
+                return row.dataRange == 1 ? '集团' : '当前企业'
+              }
+            }
+          },
+          {title: '表单分类', field: 'menuKindName', width: 150},
+          {
+            title: '项目标签', field: 'tag', width: 250, slots: {default: "tag"}, params: {
+              exportVal: ({row}) => {
+                if (row.szTaMbTagDTOs) {
+                  return row.szTaMbTagDTOs.map(item => item.tagName).join(",")
+                }
+              }
+            }
+          },
+          {title: '表编码', field: 'taCode', width: 150},
+          {title: this.$t1('创建人'), field: 'createBy', width: 150},
+          {title: this.$t1('创建时间'), field: 'createDate', width: 150},
+          {title: this.$t1('更新人'), field: 'modifyBy', width: 150},
+          {title: this.$t1('更新时间'), field: 'modifyDate', 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>
+                    <a
+                      href="javascript:void(0);"
+                      onClick={() => {
+                        this.openDesingerDialog(row);
+                      }}
+                      className="a-link"
+                    >
+                      <el-tooltip enterable={false} effect="dark" content="表单设计" placement="top"
+                                  popper-class="tooltip-skin">
+                        <i className="iconfont icon-liuchengguanli-shejiqi_liucheng"/>
+                      </el-tooltip>
+                    </a>
+                    <a
+                      href="javascript:void(0);"
+                      className="a-link"
+                      onClick={() => {
+                        this.openTmHistoryDialog(row);
+                      }}
+                    >
+                      <el-tooltip enterable={false} effect="dark" content="历史" placement="top"
+                                  popper-class="tooltip-skin">
+                        <i className="el-icon-s-order"/>
+                      </el-tooltip>
+                    </a>
+                  </div>
+                ];
+              }
+            }
+          }
+        ],
+        searchColumns: [
+          {
+            title: "表单分类",
+            field: "menuKindName",
+            type: "input",
+            common: true,
+            disabled: true,
+            defaultValueEnabled: false,
+            slot: "menuKindName"
+          },
+          {title: "实体名称", field: "taEn", type: "input", common: true},
+          {title: "数据库表名", field: "taBm", type: "input", common: true},
+          {title: "表描述", field: "taCh", type: "input", common: true},
+          {title: "项目标签", field: "tag", type: "input", common: true, slot: "tag"},
+        ],
+        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;
+    },
+    addFormType() {
+      this.editFormTypeId = null;
+      this.currentFormType = null;
+      this.showFormTypeDialog = true;
+    },
+    editFormType() {
+      let row = this.currentFormType;
+      this.editFormTypeId = row.id;
+      this.showFormTypeDialog = true;
+    },
+    confirmFormTypeEditDialog(row) {
+      row.leaf = true;
+      let editFormTypeId = this.editFormTypeId;
+      if (!editFormTypeId) {
+        this.$refs.tree.append(row);
+      } else {
+        let node = this.$refs.tree.getNode(row.id + "")
+        node.data = row;
+      }
+    },
+    confirmInsertMenuKind(rows) {
+      this.$baseReload();
+    },
+    moveClick() {
+      this.szTaMbIds = [];
+      this.$refs["table-m1"].getCheckboxRecords(true).map((item) => {
+        this.szTaMbIds.push(item.id);
+      });
+      this.showMenuKindDialog = true;
+    },
+    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/importSzTaMb',
+        callback: () => {
+          this.searchEvent();
+        }
+      });
+    },
+    jsonExport() {
+      this.$jsonExport({
+        targetRef: "table-m1",
+        url: USER_PREFIX + "/form_develop/exportSzTaMb",
+        abcEnabled: true
+      })
+    },
+    getBdEnv() {
+      getBdFlag({
+        success: res => {
+          this.isDev = res.objx == 1
+        }
+      });
+    }
+  }
+};
+export default modules

package/src/views/bd/setting/table_model/mixins/zdDialog.js

@@ -0,0 +1,114 @@
+import {selectDialogMixins} from "@base/mixins/selectDialog";
+
+let modules = {};
+modules = {
+  name: 'zdDialog',
+  props: ['visiable', 'multi', 'rows', 'param', 'taBm'],
+  mixins: [selectDialogMixins],
+  components: {},
+  created() {
+    this.initSetting();
+  },
+  mounted() {
+    this.initTableM1();
+  },
+  data() {
+    return {
+      showDialog: true,
+      falseValue: false,
+      selectMulti: true,
+      formData: {},
+      vxeOption: {},
+      showSaleOrgDialog: false,
+      fieldKey: "taZdMc"
+    };
+  },
+  methods: {
+    initTableM1() {
+      let that = this;
+
+      let zdTypeMap = {
+        Boolean: "布尔",
+        Integer: "整数",
+        Decimal: "精度小数",
+        Money: "金额",
+        Text: "文本",
+        TextArea: "长文本",
+        Option: "单选项",
+        AreaSelect: "地区选择",
+        DateTime: "日期时间",
+        File: "文件",
+        Reference: "关联表"
+      }
+
+      let tableOption = {
+        vue: that,
+        tableRef: 'table-m1',
+        tableName: 'bd_table_model_field_dialog-m1',
+        path: USER_PREFIX + '/szTaMb/getSzTaZdMbsByTaBm',
+        param: () => {
+          return {
+            taBm: this.taBm,
+            enabled: true,
+            searchDb: true,
+            ...this.formData,
+            ...this.param
+          };
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: '实体字段名称',
+            field: 'zdEn',
+            width: 150
+          },
+          {
+            title: '数据库表字段名',
+            field: 'taZdMc',
+            width: 150
+          },
+          {
+            title: '字段描述',
+            field: 'zdCh',
+            width: 150
+          },
+          {
+            title: '字段类型', field: 'zdType', width: 150, slots: {
+              default: ({row, rowIndex, $table}) => {
+                return zdTypeMap[row.zdType];
+              }
+            }
+          },
+          {
+            title: '关联字段',
+            field: 'referenceZd',
+            width: 150
+          },
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false
+          }
+        ],
+        config: {
+          checkboxConfig: {
+            checkStrictly: true,
+            showHeader: this.selectMulti,
+            trigger: 'row'
+          },
+          proxyConfig: {
+            props: {
+              result: "objx", // 配置响应结果列表字段
+              total: "objx.length", // 配置响应结果总页数字段
+            }
+          }
+        }
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        that.vxeOption = opts;
+      });
+    },
+  }
+};
+export default modules