cloud-web-corejs 1.0.54-dev.724 → 1.0.54-dev.727

package/src/views/user/position/list.vue

@@ -2,70 +2,35 @@
   <div id="containt">
     <el-tabs v-model="activeName" class="tab-box">
       <el-tab-pane :label="$t1('常规')" name="first">
-        <editView
-          v-if="showEdit"
-          visible-key="showEdit"
-          :_dataId.sync="dataId"
-          :parent-target="_self"
-          @reload="$reloadHandle"
-        ></editView>
+        <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :parent-target="_self"
+                  @reload="$reloadHandle"></editView>
       </el-tab-pane>
       <el-tab-pane :label="$t1('列表')" name="second">
         <div class="grid-height">
-          <vxe-grid
-            ref="table-m1"
-            v-bind="vxeOption"
-            @resizable-change="$vxeTableUtil.onColumnWitchChange"
-            @custom="$vxeTableUtil.customHandle"
-          >
+          <vxe-grid ref="table-m1" 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="openEditDialog"
-                  >
-                    {{ $t1("新增") }}
+                  <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog">
+                    {{ $t1('新增') }}
                   </vxe-button>
-                  <base-table-export
-                    :option="{ title: $t1('岗位导出'), targetRef: 'table-m1' }"
-                    :parent-target="_self"
-                  />
+                  <base-table-export :option="{ title: $t1('岗位导出'), targetRef: 'table-m1'}" :parent-target="_self"/>
                 </div>
                 <div class="fr">
-                  <vxe-button
-                    icon="el-icon-brush"
-                    class="button-sty"
-                    @click="resetEvent"
-                    type="text"
-                    status="primary"
-                    plain
-                    >{{ $t1("重置") }}
+                  <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 status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
+                    {{ $t1('搜索') }}
                   </vxe-button>
                 </div>
               </div>
-              <vxe-form
-                ref="form"
-                class="screen-box"
-                title-width="92px"
-                title-align="right"
-                :data="formData"
-                @submit="searchEvent"
-                @reset="searchEvent"
-              >
-                <vxe-form-item :title="$t1('岗位名称') + ':'" field="name">
+              <vxe-form ref="form" class="screen-box" title-width="92px" title-align="right" :data="formData"
+                        @submit="searchEvent" @reset="searchEvent">
+                <vxe-form-item :title="$t1('岗位名称')+':'" field="name">
                   <template v-slot>
-                    <el-input v-model="formData.name" size="small" clearable />
+                    <el-input v-model="formData.name" size="small" clearable/>
                   </template>
                 </vxe-form-item>
                 <!-- <vxe-form-item :title="$t1('岗位编码')+':'" field="code">
@@ -83,18 +48,18 @@
 </template>
 
 <script>
-import editView from "./edit.vue";
+import editView from './edit.vue';
 
 export default {
-  name: "position:list",
-  components: { editView },
+  name: 'position:list',
+  components: {editView},
   data() {
     return {
-      activeName: "second",
+      activeName: 'second',
       dataId: 0,
       showEdit: false,
       vxeOption: {},
-      formData: {},
+      formData: {}
     };
   },
   mounted() {
@@ -102,85 +67,85 @@ export default {
   },
   methods: {
     searchEvent() {
-      this.$refs["table-m1"].commitProxy("reload");
+      this.$refs['table-m1'].commitProxy('reload');
     },
     resetEvent() {
       this.formData = {};
-      this.$refs["table-m1"].commitProxy("reload");
+      this.$refs['table-m1'].commitProxy('reload');
     },
     openEditDialog(id) {
-      this.dataId = !id || typeof id == "object" ? 0 : id;
-      this.activeName = "first";
-      this.$openEditView("showEdit");
+      this.dataId = !id || typeof id == 'object' ? 0 : id;
+      this.activeName = 'first';
+      this.$openEditView('showEdit');
     },
     initTableList() {
       let that = this;
       let tableOption = {
         vue: this,
-        tableRef: "table-m1",
-        tableName: "basic_position_list-mxxxxxx",
-        path: USER_PREFIX + "/position/listCurrentPage",
+        tableRef: 'table-m1',
+        tableName: 'basic_position_list-m2',
+        path: USER_PREFIX + '/position/listCurrentPage',
         param: () => {
           return this.formData;
         },
         columns: [
-          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
           {
-            title: this.$t1("岗位名称"),
-            field: "name",
+            title: this.$t1('岗位名称'),
+            field: 'name',
             width: 150,
-            fixed: "left",
+            fixed: 'left'
           },
           /* {
             field: 'code',
             title: this.$t1('岗位编码'),
             width: 250
           }, */
-          { title: this.$t1("所属组织"), field: "companyName", width: 150 },
+          {title: this.$t1('所属组织'), field: 'companyName', width: 150},
           {
-            field: "enabled",
-            title: this.$t1("是否启用"),
+            field: 'enabled',
+            title: this.$t1('是否启用'),
             width: 150,
             slots: {
-              default: ({ row }) => {
+              default: ({row}) => {
                 if (row.enabled) {
                   return [
                     <div class="txt-status">
-                      <span>{this.$t1("启用")}</span>
-                    </div>,
+                      <span>{this.$t1('启用')}</span>
+                    </div>
                   ];
                 } else {
                   return [
                     <div class="txt-status disable">
-                      <span>{this.$t1("禁用")}</span>
-                    </div>,
+                      <span>{this.$t1('禁用')}</span>
+                    </div>
                   ];
                 }
-              },
-            },
+              }
+            }
           },
           {
-            field: "createDate",
-            title: this.$t1("创建时间"),
-            width: 150,
+            field: 'createDate',
+            title: this.$t1('创建时间'),
+            width: 150
           },
           {
-            field: "_createBy",
-            title: this.$t1("创建人"),
-            width: 150,
+            field: '_createBy',
+            title: this.$t1('创建人'),
+            width: 150
           },
           {
-            field: "_modifyBy",
-            title: this.$t1("更新人"),
-            width: 150,
+            field: '_modifyBy',
+            title: this.$t1('更新人'),
+            width: 150
           },
           {
             width: 47,
-            fixed: "right",
-            title: "",
+            fixed: 'right',
+            title: '',
             sortable: false,
             slots: {
-              default: ({ row }) => {
+              default: ({row}) => {
                 return [
                   <div>
                     <a
@@ -190,24 +155,19 @@ export default {
                         this.openEditDialog(row.id);
                       }}
                     >
-                      <el-tooltip
-                        enterable={false}
-                        effect="dark"
-                        content={this.$t1("查看")}
-                        placement="top"
-                        popper-class="tooltip-skin"
-                      >
-                        <i class="el-icon-edit" />
+                      <el-tooltip enterable={false} effect="dark" content={this.$t1('查看')} placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-edit"/>
                       </el-tooltip>
                     </a>
-                  </div>,
+                  </div>
                 ];
-              },
-            },
-          },
-        ],
+              }
+            }
+          }
+        ]
       };
-      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
         this.vxeOption = opts;
       });
     },
@@ -215,14 +175,14 @@ export default {
       let that = this;
       that.$excelImport({
         prefix: USER_PREFIX,
-        excel: USER_PREFIX + "/excelTemplate/position/position.xlsx",
+        excel: USER_PREFIX + '/excelTemplate/position/position.xlsx',
         multi: false,
-        saveUrl: USER_PREFIX + "/position/save",
+        saveUrl: USER_PREFIX + '/position/save',
         callback: () => {
           that.searchEvent();
-        },
+        }
       });
-    },
-  },
+    }
+  }
 };
 </script>