From 6762a96ebeee20a868e80a51364228425abdf4ff Mon Sep 17 00:00:00 2001
From: yujintao <yujintaodotcn@foxmail.com>
Date: Tue, 3 Sep 2019 19:03:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=97=E5=85=B8=E7=AE=A1=E7=90=86=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=E6=89=B9=E9=87=8F=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/sys/dict.vue | 119 +++++++++++++++++++++++----------
 1 file changed, 82 insertions(+), 37 deletions(-)

diff --git a/src/views/modules/sys/dict.vue b/src/views/modules/sys/dict.vue
index 47488de1..97f00041 100644
--- a/src/views/modules/sys/dict.vue
+++ b/src/views/modules/sys/dict.vue
@@ -1,64 +1,109 @@
 <template>
-  <el-card shadow="never" class="aui-card--fill">
+  <el-card shadow="never"
+           class="aui-card--fill">
     <div class="mod-sys__dict">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+      <el-form :inline="true"
+               :model="dataForm"
+               @keyup.enter.native="getDataList()">
         <el-form-item>
-          <el-input v-model="dataForm.dictName" :placeholder="$t('dict.dictName')" clearable></el-input>
+          <el-input v-model="dataForm.dictName"
+                    :placeholder="$t('dict.dictName')"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item v-if="dataForm.pid === '0'">
-          <el-input v-model="dataForm.dictType" :placeholder="$t('dict.dictType')" clearable></el-input>
+          <el-input v-model="dataForm.dictType"
+                    :placeholder="$t('dict.dictType')"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item v-if="dataForm.pid !== '0'">
-          <el-input v-model="dataForm.dictValue" :placeholder="$t('dict.dictValue')" clearable></el-input>
+          <el-input v-model="dataForm.dictValue"
+                    :placeholder="$t('dict.dictValue')"
+                    clearable></el-input>
         </el-form-item>
         <el-form-item>
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button v-if="$hasPermission('sys:dict:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+          <el-button v-if="$hasPermission('sys:dict:save')"
+                     type="primary"
+                     @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
         </el-form-item>
-        <el-form-item>
+        <!-- <el-form-item>
           <el-button v-if="$hasPermission('sys:dict:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
-        </el-form-item>
+        </el-form-item> -->
       </el-form>
-      <el-table
-        v-loading="dataListLoading"
-        :data="dataList"
-        border
-        @selection-change="dataListSelectionChangeHandle"
-        @sort-change="dataListSortChangeHandle"
-        style="width: 100%;">
-        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="dictName" :label="$t('dict.dictName')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="dictType" :label="$t('dict.dictType')" header-align="center" align="center">
+      <el-table v-loading="dataListLoading"
+                :data="dataList"
+                border
+                @selection-change="dataListSelectionChangeHandle"
+                @sort-change="dataListSortChangeHandle"
+                style="width: 100%;">
+        <!-- <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> -->
+        <el-table-column prop="dictName"
+                         :label="$t('dict.dictName')"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="dictType"
+                         :label="$t('dict.dictType')"
+                         header-align="center"
+                         align="center">
           <template slot-scope="scope">
             <span v-if="dataForm.pid !== '0'">{{ scope.row.dictType }}</span>
-            <el-button v-else type="text" @click="childHandle(scope.row)">{{ scope.row.dictType }}</el-button>
+            <el-button v-else
+                       type="text"
+                       @click="childHandle(scope.row)">{{ scope.row.dictType }}</el-button>
           </template>
         </el-table-column>
-        <el-table-column v-if="dataForm.pid !== '0'" prop="dictValue" label="字典值" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="sort" :label="$t('dict.sort')" sortable="custom" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="remark" :label="$t('dict.remark')" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createDate" :label="$t('dict.createDate')" sortable="custom" header-align="center" align="center" width="180"></el-table-column>
-        <el-table-column  :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+        <el-table-column v-if="dataForm.pid !== '0'"
+                         prop="dictValue"
+                         label="字典值"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="sort"
+                         :label="$t('dict.sort')"
+                         sortable="custom"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="remark"
+                         :label="$t('dict.remark')"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="createDate"
+                         :label="$t('dict.createDate')"
+                         sortable="custom"
+                         header-align="center"
+                         align="center"
+                         width="180"></el-table-column>
+        <el-table-column :label="$t('handle')"
+                         fixed="right"
+                         header-align="center"
+                         align="center"
+                         width="150">
           <template slot-scope="scope">
-            <el-button v-if="$hasPermission('sys:dict:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row)">{{ $t('update') }}</el-button>
-            <el-button v-if="$hasPermission('sys:dict:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+            <el-button v-if="$hasPermission('sys:dict:update')"
+                       type="text"
+                       size="small"
+                       @click="addOrUpdateHandle(scope.row)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('sys:dict:delete')"
+                       type="text"
+                       size="small"
+                       @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        v-if="dataForm.pid === '0'"
-        :current-page="page"
-        :page-sizes="[10, 20, 50, 100]"
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle">
+      <el-pagination v-if="dataForm.pid === '0'"
+                     :current-page="page"
+                     :page-sizes="[10, 20, 50, 100]"
+                     :page-size="limit"
+                     :total="total"
+                     layout="total, sizes, prev, pager, next, jumper"
+                     @size-change="pageSizeChangeHandle"
+                     @current-change="pageCurrentChangeHandle">
       </el-pagination>
       <!-- 弹窗, 新增 / 修改 -->
-      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+      <add-or-update v-if="addOrUpdateVisible"
+                     ref="addOrUpdate"
+                     @refreshDataList="getDataList"></add-or-update>
     </div>
   </el-card>
 </template>
@@ -76,7 +121,7 @@ export default {
         getDataListURL: '/sys/dict/page',
         getDataListIsPage: true,
         deleteURL: '/sys/dict',
-        deleteIsBatch: true
+        deleteIsBatch: false
       },
       dataForm: {
         pid: '0',