From e8c13ba7e955c50bac3b8ac37dd8ec4db02278cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B2=E6=A0=91=E9=80=9A?= <1976590620@qq.com>
Date: Wed, 8 Apr 2020 14:15:44 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9A=90=E8=97=8F=E7=88=B1=E5=BF=83=E4=BA=92?=
 =?UTF-8?q?=E5=8A=A9=E5=B8=B8=E7=94=A8=E8=AF=AD=E4=BD=BF=E7=94=A8=E6=AC=A1?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/heart/actphrase.vue | 121 +++++++++++++++++++-------
 1 file changed, 88 insertions(+), 33 deletions(-)

diff --git a/src/views/modules/heart/actphrase.vue b/src/views/modules/heart/actphrase.vue
index 9f92f229..3ccefaed 100644
--- a/src/views/modules/heart/actphrase.vue
+++ b/src/views/modules/heart/actphrase.vue
@@ -1,19 +1,34 @@
 <template>
-  <el-card shadow="never" class="aui-card--fill">
+  <el-card shadow="never"
+           class="aui-card--fill">
     <div class="mod-heart__actphrase}">
-      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+      <el-form :inline="true"
+               :model="dataForm"
+               @keyup.enter.native="getDataList()">
         <!--<el-form-item  label="ID" prop="id">
           <el-input v-model="dataForm.id" placeholder="ID" clearable></el-input>
         </el-form-item>-->
-        <el-form-item label="常用语:" prop="phrase">
-          <el-input v-model="dataForm.phrase" placeholder="常用语" clearable></el-input>
+        <el-form-item label="常用语:"
+                      prop="phrase">
+          <el-input v-model="dataForm.phrase"
+                    placeholder="常用语"
+                    clearable></el-input>
         </el-form-item>
-        <el-form-item label="编码" prop="code">
-          <el-input v-model="dataForm.code" placeholder="编码" clearable></el-input>
+        <el-form-item label="编码"
+                      prop="code">
+          <el-input v-model="dataForm.code"
+                    placeholder="编码"
+                    clearable></el-input>
         </el-form-item>
-        <el-form-item label="是否显示" prop="showFlag">
-          <el-select v-model="dataForm.showFlag" placeholder="是否显示" clearable=true>
-            <el-option v-for="item in showFlagArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue">
+        <el-form-item label="是否显示"
+                      prop="showFlag">
+          <el-select v-model="dataForm.showFlag"
+                     placeholder="是否显示"
+                     clearable=true>
+            <el-option v-for="item in showFlagArr"
+                       :key="item.dictValue"
+                       :label="item.dictName"
+                       :value="item.dictValue">
             </el-option>
           </el-select>
         </el-form-item>
@@ -21,42 +36,82 @@
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+          <el-button type="primary"
+                     @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+          <el-button type="danger"
+                     @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
         </el-form-item>
       </el-form>
-      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
-        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        <el-table-column prop="phrase" label="常用语" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="code" label="编码" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="showFlag" label="是否显示" header-align="center" align="center" :formatter="showFlagFormat"></el-table-column>
-        <el-table-column prop="sort" label="显示顺序" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="usageNum" label="使用次数" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
-        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+      <el-table v-loading="dataListLoading"
+                :data="dataList"
+                border
+                @selection-change="dataListSelectionChangeHandle"
+                style="width: 100%;">
+        <el-table-column type="selection"
+                         header-align="center"
+                         align="center"
+                         width="50"></el-table-column>
+        <el-table-column prop="phrase"
+                         label="常用语"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="code"
+                         label="编码"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="showFlag"
+                         label="是否显示"
+                         header-align="center"
+                         align="center"
+                         :formatter="showFlagFormat"></el-table-column>
+        <el-table-column prop="sort"
+                         label="显示顺序"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <!-- <el-table-column prop="usageNum" label="使用次数" header-align="center" align="center"></el-table-column> -->
+        <el-table-column prop="createdTime"
+                         label="创建时间"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column prop="updatedTime"
+                         label="更新时间"
+                         header-align="center"
+                         align="center"></el-table-column>
+        <el-table-column :label="$t('handle')"
+                         fixed="right"
+                         header-align="center"
+                         align="center"
+                         width="150">
           <template slot-scope="scope">
             <!-- <el-button type="text" size="small" @click="phraseDetailHandle(scope.row.id)">查看</el-button> -->
-            <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
-            <el-button v-if="$hasPermission('heart:actphrase:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
+            <el-button type="text"
+                       size="small"
+                       @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+            <el-button v-if="$hasPermission('heart:actphrase:delete')"
+                       type="text"
+                       size="small"
+                       @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
-        :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 :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>
       <!--查看-->
-      <actphrase-detail v-if="phraseDetailVisible" ref="actphraseDetail" @refreshDataList="getDataList"></actphrase-detail>
+      <actphrase-detail v-if="phraseDetailVisible"
+                        ref="actphraseDetail"
+                        @refreshDataList="getDataList"></actphrase-detail>
     </div>
   </el-card>
 </template>