cloud-web-corejs 1.0.28 → 1.0.29

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

@@ -1,161 +1,95 @@
-<template>
-  <el-dialog
-    title="实体列表"
-    :append-to-body="true"
-    :modal-append-to-body="true"
-    :close-on-click-modal="falseValue"
-    :visible.sync="showDialog"
-    :modal="falseValue"
-    custom-class="dialog-style list-dialog dialog-checkbox pd_0"
-    width="1200px"
-    @close="dialogClose"
-    v-el-drag-dialog
-    v-el-dialog-center
-  >
-    <div class="cont" style="height:450px">
-      <vxe-grid
-        class="is-pointer"
-        ref="table-m1"
-        v-bind="vxeOption"
-        @resizable-change="$vxeTableUtil.onColumnWitchChange"
-        @custom="$vxeTableUtil.customHandle"
-        @checkbox-change="addDataTable"
-        @checkbox-all="checkAll"
-        @cell-dblclick="checkWithSubmit"
-      >
-        <template #form>
-          <div class="clearfix screen-btns">
-            <div class="fr">
-              <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>
-            </div>
-          </div>
-          <vxe-form class="screen-box" title-width="92px" title-align="right" :data="formData" @submit="searchEvent"
-                    @reset="resetEvent">
-            <vxe-form-item title="实体名称:" field="taEn">
-              <template v-slot>
-                <el-input v-model="formData.taEn" size="small" clearable></el-input>
-              </template>
-            </vxe-form-item>
-            <vxe-form-item title="数据库表名:" field="taBm">
-              <template v-slot>
-                <el-input v-model="formData.taBm" size="small" clearable></el-input>
-              </template>
-            </vxe-form-item>
-            <vxe-form-item title="表描述:" field="taCh">
-              <template v-slot>
-                <el-input v-model="formData.taCh" size="small" clearable></el-input>
-              </template>
-            </vxe-form-item>
-          </vxe-form>
-        </template>
-      </vxe-grid>
-    </div>
-    <label id="labBtn" class="transverse">
-      <div class="icon">
-        <i class="el-icon-more"></i>
-        <i class="el-icon-more"></i>
-      </div>
-    </label>
-    <div class="multipleChoice">
-      <el-tooltip :enterable="false" effect="dark" :content="$t1('全部删除')" placement="top">
-        <a class="allDel icon-quanbushanchu" @click="clearChecked()"></a>
-      </el-tooltip>
-      <div class="list">
-        <div class="item" v-for="(checkRow, index) in checkRows" :key="index">
-          <p>{{ checkRow.taCh }}</p>
-          <a class="el-icon-close" @click="clearTable1Select(index)"></a>
-        </div>
-      </div>
-    </div>
-    <span slot="footer" class="dialog-footer">
-			<span class="fl tips" v-if="!selectMulti">{{ $t1('注：双击确认选择（单选）') }}</span>
-			<el-button type="primary" plain class="button-sty" @click="dialogClose">
-				<i class="el-icon-close el-icon"></i>
-				{{ $t1('取 消') }}
-			</el-button>
-			<el-button type="primary" @click="dialogPrimary" class="button-sty">
-				<i class="el-icon-check el-icon"></i>
-				{{ $t1('确 定') }}
-			</el-button>
-		</span>
-  </el-dialog>
-</template>
-
-<script>
-import {selectDialogMixins} from '@base/mixins/selectDialog/index.js';
-
-export default {
-  name: 'tableModelDialog',
-  props: ['visiable', 'multi', 'rows', 'param'],
-  mixins: [selectDialogMixins],
-  components: {},
-  created() {
-    this.initSetting();
-  },
-  mounted() {
-    this.initTableM1();
-  },
-  data() {
-    return {
-      showDialog: true,
-      falseValue: false,
-      selectMulti: true,
-      formData: {},
-      vxeOption: {},
-      showSaleOrgDialog: false
-    };
-  },
-  methods: {
-    initTableM1() {
-      let that = this;
-      let tableOption = {
-        vue: that,
-        tableRef: 'table-m1',
-        tableName: 'bd_table_model_dialog-m1',
-        path: USER_PREFIX + '/szTaMb/listPage',
-        param: () => {
-          return {
-            enabled: true,
-            ...this.formData,
-            ...this.param
-          };
-        },
-        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: 'taCode', width: 150},
-          {
-            width: 47,
-            fixed: 'right',
-            title: '',
-            sortable: false
-          }
-        ],
-        config: {
-          checkboxConfig: {
-            checkStrictly: true,
-            showHeader: this.selectMulti,
-            trigger: 'row'
-          }
-        }
-      };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
-        that.vxeOption = opts;
-      });
-    },
-  }
-};
-</script>
+<template>
+  <el-dialog
+    title="实体列表"
+    :append-to-body="true"
+    :modal-append-to-body="true"
+    :close-on-click-modal="falseValue"
+    :visible.sync="showDialog"
+    :modal="falseValue"
+    custom-class="dialog-style list-dialog dialog-checkbox pd_0"
+    width="1200px"
+    @close="dialogClose"
+    v-el-drag-dialog
+    v-el-dialog-center
+  >
+    <div class="cont" style="height:450px">
+      <vxe-grid
+        class="is-pointer"
+        ref="table-m1"
+        v-bind="vxeOption"
+        @resizable-change="$vxeTableUtil.onColumnWitchChange"
+        @custom="$vxeTableUtil.customHandle"
+        @checkbox-change="addDataTable"
+        @checkbox-all="checkAll"
+        @cell-dblclick="checkWithSubmit"
+      >
+        <template #form>
+          <div class="clearfix screen-btns">
+            <div class="fr">
+              <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>
+            </div>
+          </div>
+          <vxe-form class="screen-box" title-width="92px" title-align="right" :data="formData" @submit="searchEvent"
+                    @reset="resetEvent">
+            <vxe-form-item title="实体名称:" field="taEn">
+              <template v-slot>
+                <el-input v-model="formData.taEn" size="small" clearable></el-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item title="数据库表名:" field="taBm">
+              <template v-slot>
+                <el-input v-model="formData.taBm" size="small" clearable></el-input>
+              </template>
+            </vxe-form-item>
+            <vxe-form-item title="表描述:" field="taCh">
+              <template v-slot>
+                <el-input v-model="formData.taCh" size="small" clearable></el-input>
+              </template>
+            </vxe-form-item>
+          </vxe-form>
+        </template>
+      </vxe-grid>
+    </div>
+    <label id="labBtn" class="transverse">
+      <div class="icon">
+        <i class="el-icon-more"></i>
+        <i class="el-icon-more"></i>
+      </div>
+    </label>
+    <div class="multipleChoice">
+      <el-tooltip :enterable="false" effect="dark" :content="$t1('全部删除')" placement="top">
+        <a class="allDel icon-quanbushanchu" @click="clearChecked()"></a>
+      </el-tooltip>
+      <div class="list">
+        <div class="item" v-for="(checkRow, index) in checkRows" :key="index">
+          <p>{{ checkRow.taCh }}</p>
+          <a class="el-icon-close" @click="clearTable1Select(index)"></a>
+        </div>
+      </div>
+    </div>
+    <span slot="footer" class="dialog-footer">
+			<span class="fl tips" v-if="!selectMulti">{{ $t1('注：双击确认选择（单选）') }}</span>
+			<el-button type="primary" plain class="button-sty" @click="dialogClose">
+				<i class="el-icon-close el-icon"></i>
+				{{ $t1('取 消') }}
+			</el-button>
+			<el-button type="primary" @click="dialogPrimary" class="button-sty">
+				<i class="el-icon-check el-icon"></i>
+				{{ $t1('确 定') }}
+			</el-button>
+		</span>
+  </el-dialog>
+</template>
+
+<script>
+import mixin from "./mixins/dialog";
+
+export default {
+  name: 'tableModelDialog',
+  mixins: [mixin]
+}
+</script>