cloud-web-corejs 1.0.54-dev.367 → 1.0.54-dev.369

package/src/views/user/role/dialog.vue

@@ -12,7 +12,7 @@
     v-el-drag-dialog
     v-el-dialog-center
   >
-    <div class="cont" style="height:65vh">
+    <div class="cont" style="height: 65vh">
       <vxe-grid
         class="is-pointer"
         ref="table-m1"
@@ -26,24 +26,41 @@
         <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
+                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 class="screen-box" title-width="92px" title-align="right" :data="formData" @submit="searchEvent"
-                    @reset="resetEvent">
-            <vxe-form-item :title="$t1('用户角色')+':'" field="name">
+          <vxe-form
+            class="screen-box"
+            title-width="92px"
+            title-align="right"
+            :data="formData"
+            @submit="searchEvent"
+            @reset="resetEvent"
+          >
+            <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">
+            <vxe-form-item :title="$t1('角色编码') + ':'" field="code">
               <template v-slot>
-                <el-input v-model="formData.code" size="small" clearable/>
+                <el-input v-model="formData.code" size="small" clearable />
               </template>
             </vxe-form-item>
             <vxe-button type="submit" @click="searchEvent" v-show="false"></vxe-button>
@@ -58,9 +75,12 @@
       </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
+        :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">
@@ -70,25 +90,27 @@
       </div>
     </div>
     <span slot="footer" class="dialog-footer">
-      <span class="fl tips" v-if="!selectMulti">{{ $t1('注：双击确认选择（单选）') }}</span>
+      <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('取 消') }}
+        {{ $t1("取 消") }}
       </el-button>
       <el-button type="primary" @click="dialogPrimary" class="button-sty">
         <i class="el-icon-check el-icon"></i>
-        {{ $t1('确 定') }}
+        {{ $t1("确 定") }}
       </el-button>
     </span>
   </el-dialog>
 </template>
 
 <script>
-import {selectDialogMixins} from '@base/mixins/selectDialog/index.js';
+import { selectDialogMixins } from "@base/mixins/selectDialog/index.js";
 
 export default {
-  name: 'roleDialog',
-  props: ['visiable', 'multi', 'rows', 'param'],
+  name: "roleDialog",
+  props: ["visiable", "multi", "rows", "param"],
   mixins: [selectDialogMixins],
   created() {
     this.initSetting();
@@ -103,64 +125,64 @@ export default {
       falseValue: false,
       selectMulti: true,
       formData: {},
-      vxeOption: {}
+      vxeOption: {},
     };
   },
   methods: {
     initTableM1() {
       let that = this;
-      let url = USER_PREFIX + '/role/listCurrentPage';
+      let url = USER_PREFIX + "/role/listCurrentPage";
       let tableOption = {
         vue: that,
-        tableRef: 'table-m1',
-        tableName: 'basic_role_dialog-m1',
+        tableRef: "table-m1",
+        tableName: "basic_role_dialog-m1",
         path: url,
         param: () => {
           return {
             ...this.formData,
-            ...this.param
+            ...this.param,
           };
         },
         columns: [
-          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
-          {title: this.$t1('用户角色'), field: 'name', width: 250, fixed: 'left'},
-          {title: this.$t1('角色编码'), field: 'code', width: 150},
-          {title: this.$t1('角色描述'), field: 'description', width: 150},
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
+          { title: this.$t1("用户角色"), field: "name", width: 250, fixed: "left" },
+          { title: this.$t1("角色编码"), field: "code", width: 150 },
+          { title: this.$t1("角色描述"), field: "description", width: 150 },
           {
-            title: this.$t1('是否内置'),
-            field: 'systems',
+            title: this.$t1("是否内置"),
+            field: "systems",
             width: 150,
             slots: {
-              default: ({row}) => {
+              default: ({ row }) => {
                 if (row.systems) {
-                  return this.$t1('是');
+                  return this.$t1("是");
                 } else {
-                  return this.$t1('否');
+                  return this.$t1("否");
                 }
-              }
-            }
+              },
+            },
           },
-          {title: this.$t1('所属组织'), field: 'companyName', width: 150},
-          {title: this.$t1('创建时间'), field: 'createDate', width: 150},
+          { title: this.$t1("所属组织"), field: "companyName", width: 150 },
+          { title: this.$t1("创建时间"), field: "createDate", width: 150 },
           {
             width: 47,
-            fixed: 'right',
-            title: '',
-            sortable: false
-          }
+            fixed: "right",
+            title: "",
+            sortable: false,
+          },
         ],
         config: {
           checkboxConfig: {
             checkStrictly: true,
             showHeader: this.selectMulti,
-            trigger: 'row'
-          }
-        }
+            trigger: "row",
+          },
+        },
       };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
         that.vxeOption = opts;
       });
-    }
-  }
+    },
+  },
 };
 </script>