cloud-web-corejs 1.0.27 → 1.0.29

package/src/views/bd/setting/table_model/list.vue

@@ -1,491 +1,130 @@
-<template>
-  <div id="containt">
-    <x-tabs ref="xTabs" v-model="activeName" class="tab-box">
-      <el-tab-pane :label="$t1('常规')" name="first">
-        <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :currentFormType="currentFormType"
-                  :parent-target="_self" @reload="$reloadHandle"></editView>
-      </el-tab-pane>
-      <el-tab-pane :label="$t1('列表')" name="second">
-        <div class="tree-box fl">
-          <div class="tit"><b>表单分类</b></div>
-          <div class="tree-btns" style="margin-top: 10px;">
-            <!--            <el-button type="primary" plain icon="el-icon-circle-plus-outline" class="btn" @click="addFormType()">新增-->
-            <!--            </el-button>-->
-            <!--            <el-button type="primary" plain icon="el-icon-edit-outline" class="btn" @click="editFormType()"-->
-            <!--                       :disabled="!currentFormType">编辑-->
-            <!--            </el-button>-->
-          </div>
-          <el-tree
-            v-if="showTree"
-            :props="defaultProps"
-            :load="loadNode"
-            node-key="id"
-            ref="tree"
-            highlight-current
-            lazy
-            :expand-on-click-node="false"
-            @node-click="handleNodeClick"
-            class="tree-list"
-            icon-class="el-icon-arrow-down"
-          ></el-tree>
-        </div>
-        <label id="labBtn">
-          <div class="icon">
-            <i class="el-icon-more"></i>
-            <i class="el-icon-more"></i>
-          </div>
-        </label>
-        <div class="main-right fr" style="padding-left:6px;">
-          <div class="grid-height">
-            <vxe-grid ref="table-m1" v-bind="vxeOption" @resizable-change="$vxeTableUtil.onColumnWitchChange"
-                      @custom="$vxeTableUtil.customHandle">
-              <template #form>
-                <tableForm :formData.sync="formData" @searchEvent="searchEvent" @resetEvent="resetEvent">
-                  <template #buttonLeft>
-                    <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog"
-                                v-if="isDev && currentFormType.addAuth===1">新增
-                    </vxe-button>
-                    <el-button type="primary" plain class="button-sty" icon="el-icon-rank"
-                               @click="moveClick()" v-if="isDev">移动到
-                    </el-button>
-                    <vxe-button status="success" class="button-sty" icon="el-icon-download" @click="jsonImport">导入发布
-                    </vxe-button>
-                    <vxe-button status="success" class="button-sty" icon="el-icon-upload2" @click="jsonExport"
-                                v-if="isDev">导出发布
-                    </vxe-button>
-                    <projectTagAddButton :option="addProjectTagOption" v-if="isDev"></projectTagAddButton>
-                    <projectTagDeleteButton :option="deleteProjectTagOption" v-if="isDev"></projectTagDeleteButton>
-                  </template>
-                  <template #buttonRight>
-                    <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>
-                  </template>
-                  <template #menuKindName>
-                    <vxe-form-item title="表单分类:" field="tag">
-                      <template v-slot>
-                        <el-input v-model="currentMenuKindName" disabled></el-input>
-                      </template>
-                    </vxe-form-item>
-                  </template>
-                  <template #tag>
-                    <vxe-form-item title="项目标签:" field="tag">
-                      <template v-slot>
-                        <el-input
-                          class="search-input"
-                          max="200"
-                          :value="getTabNames()"
-                          @clear="
-                            checkTags = [];
-                          "
-                          v-el-readonly
-                          clearable
-                        >
-                          <i slot="suffix" class="el-input__icon el-icon-search" @click="openProjectTagDialog3"></i>
-                        </el-input>
-                      </template>
-                    </vxe-form-item>
-                  </template>
-                </tableForm>
-              </template>
-              <template #tag="{row}">
-                <projectTagView v-model="row.szTaMbTagDTOs" :readonly="true"></projectTagView>
-              </template>
-            </vxe-grid>
-          </div>
-        </div>
-      </el-tab-pane>
-      <template #editTab="{tab,index,reloadTabContent}">
-        <el-tab-pane :key="tab.data.id" :label="tab.data.taCh" :name="tab.data.id+''"
-                     :closable="true">
-          <editView v-if="tab.showContent" :_dataId="tab.dataId" :currentFormType="currentFormType"
-                    :parent-target="_self"
-                    @reload="reloadTabContent"></editView>
-        </el-tab-pane>
-      </template>
-    </x-tabs>
-
-    <MenuKindDialog v-if="showMenuKindDialog"
-                    :visiable.sync="showMenuKindDialog"
-                    @confirm="confirmInsertMenuKind"
-                    :param="{ taType: 0,moveButton:true }"
-                    :checkRowIds="szTaMbIds"
-                    :multi="false"
-    />
-    <projectTagDialog v-if="showProjectTagDialog3"
-                      :visiable.sync="showProjectTagDialog3"
-                      @confirm="confirmProjectTagDialog3"
-                      :rows="checkTags"
-                      :multi="true"></projectTagDialog>
-
-  </div>
-</template>
-
-<script>
-import editView from './edit.vue';
-import MenuKindDialog from '../../../../views/bd/setting/menu_kind/dialog.vue';
-import {treeScollx} from '@base/utils/global.js';
-import projectTagDialog from "../../../../views/user/project_tag/dialog.vue";
-import tableForm from "@base/components/table/tableForm.vue";
-import {getBdFlag} from "@base/api/user";
-import projectTagDeleteButton from "@base/components/projectTag/deleteButton.vue";
-import projectTagAddButton from "@base/components/projectTag/addButton.vue";
-import projectTagView from "@base/components/projectTag/view.vue";
-
-export default {
-  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 taCodes = tableDatas.map(item => item.taCode);
-          let tagCodes = tagDatas.map(item => item.tagCode);
-          let reqData = {
-            tagCodes,
-            taCodes
-          };
-          return reqData;
-        },
-        callback: () => {
-          this.searchEvent()
-        }
-      },
-      deleteProjectTagOption: {
-        url: USER_PREFIX + `/szTaMb/deleteTag`,
-        tableDatas: () => {
-          return this.$refs["table-m1"].getCheckboxRecords(true);
-        },
-        reqData: (tagDatas, tableDatas) => {
-          let taCodes = tableDatas.map(item => item.taCode);
-          let tagCodes = tagDatas.map(item => item.tagCode);
-          let reqData = {
-            tagCodes,
-            taCodes
-          };
-          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({
-        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
-        }
-      });
-    }
-  }
-};
-</script>
+<template>
+  <div id="containt">
+    <x-tabs ref="xTabs" v-model="activeName" class="tab-box">
+      <el-tab-pane :label="$t1('常规')" name="first">
+        <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :currentFormType="currentFormType"
+                  :parent-target="_self" @reload="$reloadHandle"></editView>
+      </el-tab-pane>
+      <el-tab-pane :label="$t1('列表')" name="second">
+        <div class="tree-box fl">
+          <div class="tit"><b>表单分类</b></div>
+          <div class="tree-btns" style="margin-top: 10px;">
+            <!--            <el-button type="primary" plain icon="el-icon-circle-plus-outline" class="btn" @click="addFormType()">{{ $t1('新增') }}-->
+            <!--            </el-button>-->
+            <!--            <el-button type="primary" plain icon="el-icon-edit-outline" class="btn" @click="editFormType()"-->
+            <!--                       :disabled="!currentFormType">编辑-->
+            <!--            </el-button>-->
+          </div>
+          <el-tree
+            v-if="showTree"
+            :props="defaultProps"
+            :load="loadNode"
+            node-key="id"
+            ref="tree"
+            highlight-current
+            lazy
+            :expand-on-click-node="false"
+            @node-click="handleNodeClick"
+            class="tree-list"
+            icon-class="el-icon-arrow-down"
+          ></el-tree>
+        </div>
+        <label id="labBtn">
+          <div class="icon">
+            <i class="el-icon-more"></i>
+            <i class="el-icon-more"></i>
+          </div>
+        </label>
+        <div class="main-right fr" style="padding-left:6px;">
+          <div class="grid-height">
+            <vxe-grid ref="table-m1" v-bind="vxeOption" @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                      @custom="$vxeTableUtil.customHandle">
+              <template #form>
+                <tableForm :formData.sync="formData" @searchEvent="searchEvent" @resetEvent="resetEvent">
+                  <template #buttonLeft>
+                    <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog"
+                                v-if="isDev && currentFormType.addAuth===1">{{ $t1('新增') }}
+                    </vxe-button>
+                    <vxe-button status="success" class="button-sty" icon="el-icon-download" @click="jsonImport">{{ $t1('导入发布') }}
+                    </vxe-button>
+                    <vxe-button status="success" class="button-sty" icon="el-icon-upload2" @click="jsonExport"
+                                v-if="isDev">{{ $t1('导出发布') }}
+                    </vxe-button>
+                    <projectTagAddButton :option="addProjectTagOption" v-if="isDev"></projectTagAddButton>
+                    <projectTagDeleteButton :option="deleteProjectTagOption" v-if="isDev"></projectTagDeleteButton>
+                  </template>
+                  <template #buttonRight>
+                    <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">{{ $t1('搜索') }}
+                    </vxe-button>
+                  </template>
+                  <template #menuKindName>
+                    <vxe-form-item title="表单分类:" field="tag">
+                      <template v-slot>
+                        <el-input v-model="currentMenuKindName" disabled></el-input>
+                      </template>
+                    </vxe-form-item>
+                  </template>
+                  <template #tag>
+                    <vxe-form-item title="项目标签:" field="tag">
+                      <template v-slot>
+                        <el-input
+                          class="search-input"
+                          max="200"
+                          :value="getTabNames()"
+                          @clear="
+                            checkTags = [];
+                          "
+                          v-el-readonly
+                          clearable
+                        >
+                          <i slot="suffix" class="el-input__icon el-icon-search" @click="openProjectTagDialog3"></i>
+                        </el-input>
+                      </template>
+                    </vxe-form-item>
+                  </template>
+                </tableForm>
+              </template>
+              <template #tag="{row}">
+                <projectTagView v-model="row.szTaMbTagDTOs" :readonly="true"></projectTagView>
+              </template>
+            </vxe-grid>
+          </div>
+        </div>
+      </el-tab-pane>
+      <template #editTab="{tab,index,reloadTabContent}">
+        <el-tab-pane :key="tab.data.id" :label="tab.data.taCh" :name="tab.data.id+''"
+                     :closable="true">
+          <editView v-if="tab.showContent" :_dataId="tab.dataId" :currentFormType="currentFormType"
+                    :parent-target="_self"
+                    @reload="reloadTabContent"></editView>
+        </el-tab-pane>
+      </template>
+    </x-tabs>
+
+    <MenuKindDialog v-if="showMenuKindDialog"
+                    :visiable.sync="showMenuKindDialog"
+                    @confirm="confirmInsertMenuKind"
+                    :param="{ taType: 0,moveButton:true }"
+                    :checkRowIds="szTaMbIds"
+                    :multi="false"
+    />
+    <projectTagDialog v-if="showProjectTagDialog3"
+                      :visiable.sync="showProjectTagDialog3"
+                      @confirm="confirmProjectTagDialog3"
+                      :rows="checkTags"
+                      :multi="true"></projectTagDialog>
+
+  </div>
+</template>
+
+<script>
+import mixin from "./mixins/list";
+
+export default {
+  name: 'table_model:list',
+  mixins: [mixin]
+}
+</script>