fix vuex page bug

src/views/room/chipsHistory/index.vue

@@ -1,56 +1,57 @@
 <template>
-  <div   class="app-container">
-    <div v-show="visible.thirdLayer" class="app-container">
-        <div class="block">
-            <!-- <span class="demonstration">時間篩選</span> -->
-            <el-date-picker
-            v-model="date"
-            type="datetimerange"
-            :picker-options="pickerOptions"
-            range-separator="至"
-            start-placeholder="開始日期"
-            end-placeholder="结束日期"
-            align="right">
-            </el-date-picker>
-            <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleFilter">搜尋</el-button>
-        </div>
-    </div>
-    <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
-      <el-table-column :label="member.name" align="center">
-        <el-table-column label="操作人員" align="center">
-          <template slot-scope="scope">
-            {{scope.row.admin}}
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" align="center">
-          <template slot-scope="scope">
-            {{typeName(scope.row.type)}}
-          </template>
-        </el-table-column>
-        <el-table-column label="點數" align="center">
-          <template slot-scope="scope">
-            <span :style="moneyColor(scope.row.chips)">{{scope.row.chips}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="當前點數" align="center">
-          <template slot-scope="scope">
-            <span>{{scope.row.totalChips}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="時間" align="center">
-          <template slot-scope="scope">
-            <span>{{moment(scope.row.createdAt)}}</span>
-          </template>
-        </el-table-column>
-      </el-table-column>      
-    </el-table>
+  <div class="app-container">
+    <div v-show="visible.thirdLayer">
+      <div class="app-container">
+          <div class="block">
+              <!-- <span class="demonstration">時間篩選</span> -->
+              <el-date-picker
+              v-model="date"
+              type="datetimerange"
+              :picker-options="pickerOptions"
+              range-separator="至"
+              start-placeholder="開始日期"
+              end-placeholder="结束日期"
+              align="right">
+              </el-date-picker>
+              <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleFilter">搜尋</el-button>
+          </div>
+      </div>
+      <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
+        <el-table-column :label="member.name" align="center">
+          <el-table-column label="操作人員" align="center">
+            <template slot-scope="scope">
+              {{scope.row.admin}}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" align="center">
+            <template slot-scope="scope">
+              {{typeName(scope.row.type)}}
+            </template>
+          </el-table-column>
+          <el-table-column label="點數" align="center">
+            <template slot-scope="scope">
+              <span :style="moneyColor(scope.row.chips)">{{scope.row.chips}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="當前點數" align="center">
+            <template slot-scope="scope">
+              <span>{{scope.row.totalChips}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="時間" align="center">
+            <template slot-scope="scope">
+              <span>{{moment(scope.row.createdAt)}}</span>
+            </template>
+          </el-table-column>
+        </el-table-column>      
+      </el-table>
 
-    <div v-show="!listLoading" class="pagination-container">
-      <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
-        :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
-      </el-pagination>
+      <div v-show="!listLoading" class="pagination-container">
+        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
+          :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
+        </el-pagination>
+      </div>
     </div>
-
   </div>
 </template>
 

src/views/room/gambleMember/index.vue

@@ -1,124 +1,124 @@
 <template>
-<div class="app-container calendar-list-container">
-  <div  v-show="visible.secondLayer">
-    <div class="app-container">
-      <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="名稱" v-model="listQuery.name">
-      </el-input>
-      <el-select clearable @change='handleFilter' style="width: 120px" class="filter-item" v-model="listQuery.chipsSort" placeholder="點數">
-        <el-option v-for="item in chipsSortOptions" :key="item.label" :label="item.label" :value="item.key">
-        </el-option>
-      </el-select>
-      <el-select clearable @change='handleFilter' style="width: 120px" class="filter-item" v-model="listQuery.updatedSort" placeholder="更新時間">
-        <el-option v-for="item in updatedSortOptions" :key="item.label" :label="item.label" :value="item.key">
-        </el-option>
-      </el-select>
-      <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleFilter">搜尋</el-button>
-    </div>
-    <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
-      style="width: 100%">
-      <el-table-column align="center" label='ID' >
-        <template slot-scope="scope">
-          {{scope.row.id}}
-        </template>
-      </el-table-column>
-      <el-table-column label="名稱" align="center">
-        <template slot-scope="scope">
-          {{scope.row.name}}
-        </template>
-      </el-table-column>
-      <el-table-column label="點數" align="center">
-        <template slot-scope="scope">
-          <span>{{scope.row.chips}}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="代理商" align="center">
-        <template slot-scope="scope">
-          {{!scope.row.GambleAgent ? 'N/A': scope.row.GambleAgent.name}}
-        </template>
-      </el-table-column>
-      <el-table-column align="center" label="操作" width="450">
-        <template slot-scope="scope">
-            <el-button type="primary" size="mini" icon="el-icon-edit" @click="handleChipsMangement(scope.row)">分數管理</el-button>
-            <router-link to="/room/index/gambleMember/index/chipsHistory">
-              <el-button type="primary" size="mini" icon="el-icon-tickets" @click="handleLog(scope.row)">分數紀錄</el-button>            
-            </router-link>
-            <el-button type="primary" size="mini" icon="el-icon-edit" @click="handleAgentUpdate(scope.row)">代理商設定</el-button>            
-            <router-link to="/room/index/gambleMember/index/gameHistory">
-              <el-button type="primary" size="mini" icon="el-icon-tickets" @click="handlePage(scope.row)">歷史查詢</el-button>
-            </router-link>       
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <div v-show="!listLoading" class="pagination-container">
-      <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
-        :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
-      </el-pagination>
-    </div>
-
-    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :before-close="handleDialogClose" center>
-      <el-tabs v-model="activeName" @tab-click="handleClick" type="card">
-        <el-tab-pane label="上下分" name="deposit">
-          <el-form :rules="rules" ref="depositForm" :model="temp" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
-            <el-form-item label="ID" prop="id">
-              <el-input v-model="temp.id" :disabled="true"></el-input>
-            </el-form-item>
-            <el-form-item label="名稱" prop="name">
-              <el-input v-if="dialogStatus=='deposit'" v-model="temp.name" :disabled="true"></el-input>
-            </el-form-item>
-            <el-form-item label="點數" prop="chips">
-              <el-input v-model="temp.chips" :disabled="true"></el-input>
-            </el-form-item>
-            <el-form-item v-if="dialogStatus=='deposit'" label="上下分" prop="depositChips">
-              <el-input placeholder="請輸入上下分" v-model="temp.depositChips"></el-input>
-            </el-form-item>
-          </el-form>
-        </el-tab-pane>
-        <el-tab-pane label="獎懲" name="reward">
-          <el-form :rules="rules" ref="rewardForm" :model="temp" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
-            <el-form-item label="ID" prop="id">
-              <el-input v-model="temp.id" :disabled="true"></el-input>
-            </el-form-item>
-            <el-form-item label="名稱" prop="name">
-              <el-input v-model="temp.name" :disabled="true"></el-input>
-            </el-form-item>
-            <el-form-item label="點數" prop="chips">
-              <el-input  v-model="temp.chips" :disabled="true"></el-input>
-            </el-form-item>
-            <el-form-item v-if="dialogStatus=='reward'" label="獎懲" prop="rewardChips">
-              <el-input placeholder="請輸入獎懲點數" v-model="temp.rewardChips"></el-input>
-            </el-form-item>
-          </el-form>          
-        </el-tab-pane>
-      </el-tabs>
+  <div class="app-container calendar-list-container">
+    <div  v-show="visible.secondLayer">
+      <div class="app-container">
+        <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="名稱" v-model="listQuery.name">
+        </el-input>
+        <el-select clearable @change='handleFilter' style="width: 120px" class="filter-item" v-model="listQuery.chipsSort" placeholder="點數">
+          <el-option v-for="item in chipsSortOptions" :key="item.label" :label="item.label" :value="item.key">
+          </el-option>
+        </el-select>
+        <el-select clearable @change='handleFilter' style="width: 120px" class="filter-item" v-model="listQuery.updatedSort" placeholder="更新時間">
+          <el-option v-for="item in updatedSortOptions" :key="item.label" :label="item.label" :value="item.key">
+          </el-option>
+        </el-select>
+        <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleFilter">搜尋</el-button>
+      </div>
+      <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
+        style="width: 100%">
+        <el-table-column align="center" label='ID' >
+          <template slot-scope="scope">
+            {{scope.row.id}}
+          </template>
+        </el-table-column>
+        <el-table-column label="名稱" align="center">
+          <template slot-scope="scope">
+            {{scope.row.name}}
+          </template>
+        </el-table-column>
+        <el-table-column label="點數" align="center">
+          <template slot-scope="scope">
+            <span>{{scope.row.chips}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="代理商" align="center">
+          <template slot-scope="scope">
+            {{!scope.row.GambleAgent ? 'N/A': scope.row.GambleAgent.name}}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="操作" width="450">
+          <template slot-scope="scope">
+              <el-button type="primary" size="mini" icon="el-icon-edit" @click="handleChipsMangement(scope.row)">分數管理</el-button>
+              <router-link to="/room/index/gambleMember/index/chipsHistory">
+                <el-button type="primary" size="mini" icon="el-icon-tickets" @click="handleLog(scope.row)">分數紀錄</el-button>            
+              </router-link>
+              <el-button type="primary" size="mini" icon="el-icon-edit" @click="handleAgentUpdate(scope.row)">代理商設定</el-button>            
+              <router-link to="/room/index/gambleMember/index/gameHistory">
+                <el-button type="primary" size="mini" icon="el-icon-tickets" @click="handlePage(scope.row)">歷史查詢</el-button>
+              </router-link>       
+          </template>
+        </el-table-column>
+      </el-table>
 
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="handleDialogClose">取 消</el-button>
-        <el-button v-if="dialogStatus=='reward'" type="primary" @click="rewardChips">確 定</el-button>
-        <el-button v-if="dialogStatus=='deposit'" type="primary" @click="depositChips">確 定</el-button>
+      <div v-show="!listLoading" class="pagination-container">
+        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
+          :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
+        </el-pagination>
       </div>
-    </el-dialog>
 
+      <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :before-close="handleDialogClose" center>
+        <el-tabs v-model="activeName" @tab-click="handleClick" type="card">
+          <el-tab-pane label="上下分" name="deposit">
+            <el-form :rules="rules" ref="depositForm" :model="temp" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
+              <el-form-item label="ID" prop="id">
+                <el-input v-model="temp.id" :disabled="true"></el-input>
+              </el-form-item>
+              <el-form-item label="名稱" prop="name">
+                <el-input v-if="dialogStatus=='deposit'" v-model="temp.name" :disabled="true"></el-input>
+              </el-form-item>
+              <el-form-item label="點數" prop="chips">
+                <el-input v-model="temp.chips" :disabled="true"></el-input>
+              </el-form-item>
+              <el-form-item v-if="dialogStatus=='deposit'" label="上下分" prop="depositChips">
+                <el-input placeholder="請輸入上下分" v-model="temp.depositChips"></el-input>
+              </el-form-item>
+            </el-form>
+          </el-tab-pane>
+          <el-tab-pane label="獎懲" name="reward">
+            <el-form :rules="rules" ref="rewardForm" :model="temp" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
+              <el-form-item label="ID" prop="id">
+                <el-input v-model="temp.id" :disabled="true"></el-input>
+              </el-form-item>
+              <el-form-item label="名稱" prop="name">
+                <el-input v-model="temp.name" :disabled="true"></el-input>
+              </el-form-item>
+              <el-form-item label="點數" prop="chips">
+                <el-input  v-model="temp.chips" :disabled="true"></el-input>
+              </el-form-item>
+              <el-form-item v-if="dialogStatus=='reward'" label="獎懲" prop="rewardChips">
+                <el-input placeholder="請輸入獎懲點數" v-model="temp.rewardChips"></el-input>
+              </el-form-item>
+            </el-form>          
+          </el-tab-pane>
+        </el-tabs>
 
-    <el-dialog title="所屬代理商" :visible.sync="dialogUpdateFormVisible" :before-close="handleDialogClose" center>
-      <el-form :rules="rules" :model="temp" ref="updateForm" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
-          <el-form-item label="使用者" prop="id">
-              <el-input v-model="temp.name" :disabled="true"></el-input>
-        </el-form-item>
-        <el-form-item label="代理商" prop="name">
-          <multiselect v-model="updateFormData" :options="agentLIstOptions" @search-change="getRemoteAgentList" placeholder="代理商搜尋" selectLabel="選擇"
-            deselectLabel="删除" track-by="key" :internalSearch="false" label="key">
-              <span slot='noResult'>無結果</span>
-          </multiselect>
-         </el-form-item>
-        </el-form>          
         <div slot="footer" class="dialog-footer">
           <el-button @click="handleDialogClose">取 消</el-button>
-          <el-button type="primary" @click="updateData">確 定</el-button>
+          <el-button v-if="dialogStatus=='reward'" type="primary" @click="rewardChips">確 定</el-button>
+          <el-button v-if="dialogStatus=='deposit'" type="primary" @click="depositChips">確 定</el-button>
         </div>
-    </el-dialog>
+      </el-dialog>
 
-  </div>
+
+      <el-dialog title="所屬代理商" :visible.sync="dialogUpdateFormVisible" :before-close="handleDialogClose" center>
+        <el-form :rules="rules" :model="temp" ref="updateForm" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
+            <el-form-item label="使用者" prop="id">
+                <el-input v-model="temp.name" :disabled="true"></el-input>
+          </el-form-item>
+          <el-form-item label="代理商" prop="name">
+            <multiselect v-model="updateFormData" :options="agentLIstOptions" @search-change="getRemoteAgentList" placeholder="代理商搜尋" selectLabel="選擇"
+              deselectLabel="删除" track-by="key" :internalSearch="false" label="key">
+                <span slot='noResult'>無結果</span>
+            </multiselect>
+          </el-form-item>
+          </el-form>          
+          <div slot="footer" class="dialog-footer">
+            <el-button @click="handleDialogClose">取 消</el-button>
+            <el-button type="primary" @click="updateData">確 定</el-button>
+          </div>
+      </el-dialog>
+
+    </div>
     <router-view :member="member"></router-view>
   </div>
 </template>

src/views/room/gameHistory/index.vue

@@ -1,96 +1,97 @@
 <template>
   <div  class="app-container">
-    <div v-show="visible.thirdLayer" class="app-container">
-        <div class="block">
-            <!-- <span class="demonstration">時間篩選</span> -->
-            <el-date-picker
-            v-model="date"
-            type="datetimerange"
-            :picker-options="pickerOptions"
-            range-separator="至"
-            start-placeholder="開始日期"
-            end-placeholder="结束日期"
-            align="right">
-            </el-date-picker>
-            <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleFilter">搜尋</el-button>
-        </div>
-    </div>
-    <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
-      <el-table-column :label="member.name" align="center">
-        <el-table-column label="時間" align="center">
-          <template slot-scope="scope">
-            <span>{{moment(scope.row.createdAt)}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="事件" align="center">
-          <template slot-scope="scope">
-            {{scope.row.type}}
-          </template>
-        </el-table-column>
-        <el-table-column label="金額" align="center">
-          <template slot-scope="scope">
-            <span :style="moneyColor(scope.row.amount)">{{scope.row.amount}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="錢包" align="center">
-          <template slot-scope="scope">
-            <span :style="moneyColor(scope.row.wallet)">{{scope.row.wallet}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="ID" align="center">
-          <template slot-scope="scope">
-            <span>{{scope.row.id}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column align="center" label="操作" width="250">
-          <template slot-scope="scope">
-              <el-button v-show="scope.row.type==='遊戲'" type="primary" size="mini" icon="el-icon-tickets" @click="handlePersonDetail(scope.row)">個人明細</el-button>  
-              <el-button v-show="scope.row.type==='遊戲'" type="primary" size="mini" icon="el-icon-tickets" @click="handleGameDetail(scope.row)">此場明細</el-button>                
-          </template>
-        </el-table-column>
-      </el-table-column>      
-    </el-table>
-
-    <div v-show="!listLoading" class="pagination-container">
-      <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
-        :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
-      </el-pagination>
-    </div>
-
-    <el-dialog title="個人詳細資料" :visible.sync="dialogFormVisible" width="75%" center>
-      <el-table :data="dialogList" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
-        style="width: 100%" :summary-method="getSummaries" show-summary>
-        <el-table-column label="關" align="center">
-          <template slot-scope="scope">
-            {{scope.row.round}}
-          </template>
-        </el-table-column>
-        <el-table-column label="門" align="center">
-          <template slot-scope="scope">
-            <span>{{scope.row.door}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="押注" align="center">
-          <template slot-scope="scope">
-            <span>{{scope.row.wager}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="輸贏" align="center">
-          <template slot-scope="scope">
-            <span :style="moneyColor(scope.row.earned)">{{scope.row.earned}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="抽水" align="center">
-          <template slot-scope="scope">
-            <span>{{scope.row.serviceFees}}</span>
-          </template>
-        </el-table-column>
+    <div v-show="visible.thirdLayer">
+      <div  class="app-container">
+          <div class="block">
+              <!-- <span class="demonstration">時間篩選</span> -->
+              <el-date-picker
+              v-model="date"
+              type="datetimerange"
+              :picker-options="pickerOptions"
+              range-separator="至"
+              start-placeholder="開始日期"
+              end-placeholder="结束日期"
+              align="right">
+              </el-date-picker>
+              <el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleFilter">搜尋</el-button>
+          </div>
+      </div>
+      <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row>
+        <el-table-column :label="member.name" align="center">
+          <el-table-column label="時間" align="center">
+            <template slot-scope="scope">
+              <span>{{moment(scope.row.createdAt)}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="事件" align="center">
+            <template slot-scope="scope">
+              {{scope.row.type}}
+            </template>
+          </el-table-column>
+          <el-table-column label="金額" align="center">
+            <template slot-scope="scope">
+              <span :style="moneyColor(scope.row.amount)">{{scope.row.amount}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="錢包" align="center">
+            <template slot-scope="scope">
+              <span :style="moneyColor(scope.row.wallet)">{{scope.row.wallet}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="ID" align="center">
+            <template slot-scope="scope">
+              <span>{{scope.row.id}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="操作" width="250">
+            <template slot-scope="scope">
+                <el-button v-show="scope.row.type==='遊戲'" type="primary" size="mini" icon="el-icon-tickets" @click="handlePersonDetail(scope.row)">個人明細</el-button>  
+                <el-button v-show="scope.row.type==='遊戲'" type="primary" size="mini" icon="el-icon-tickets" @click="handleGameDetail(scope.row)">此場明細</el-button>                
+            </template>
+          </el-table-column>
+        </el-table-column>      
       </el-table>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false" type="danger">關 閉</el-button>
+
+      <div v-show="!listLoading" class="pagination-container">
+        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="listQuery.page"
+          :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
+        </el-pagination>
       </div>
-    </el-dialog>
 
+      <el-dialog title="個人詳細資料" :visible.sync="dialogFormVisible" width="75%" center>
+        <el-table :data="dialogList" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
+          style="width: 100%" :summary-method="getSummaries" show-summary>
+          <el-table-column label="關" align="center">
+            <template slot-scope="scope">
+              {{scope.row.round}}
+            </template>
+          </el-table-column>
+          <el-table-column label="門" align="center">
+            <template slot-scope="scope">
+              <span>{{scope.row.door}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="押注" align="center">
+            <template slot-scope="scope">
+              <span>{{scope.row.wager}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="輸贏" align="center">
+            <template slot-scope="scope">
+              <span :style="moneyColor(scope.row.earned)">{{scope.row.earned}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="抽水" align="center">
+            <template slot-scope="scope">
+              <span>{{scope.row.serviceFees}}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogFormVisible = false" type="danger">關 閉</el-button>
+        </div>
+      </el-dialog>
+    </div>
   </div>
 </template>