部门修改

src/components/pages/PaymentManagement/AccountManagement.vue

@@ -32,8 +32,15 @@
       </div>
       <a-table :columns="columns" :dataSource="accountList" size="default" rowKey="ddUserId" :pagination="pagination" @change="handleTableChange">
         <span slot="name">姓名</span>
-        <span slot="departmentNameList" slot-scope="departmentNameList">
-          {{ departmentNameListToStr(departmentNameList) }}
+        <span slot="departmentNameList" slot-scope="departmentNameList, record">
+          <a-popover v-for="(item,indexOf) in departmentNameList" :key="indexOf">
+            <template slot="content">
+              <p>{{record.parentSysDeptNameList[indexOf]}}</p>
+            </template>
+            <span class="deptModel">{{item}}</span>
+          </a-popover>
+          <!-- <span>{{ departmentNameListToStr(departmentNameList) }}</span>
+          {{record}} -->
         </span>
         <span slot="realityBalance">余额</span>
         <span slot="cardNo" slot-scope="cardNo">
@@ -558,4 +565,19 @@ export default {
 .choosePeople:hover{
   border: 1px solid #1890ff;
 }
+.deptModel{
+  background: #F2F0F0;
+  margin: 5px 0;
+  margin-right: 5px;
+  padding: 2px 4px;
+  border-radius: 3px;
+  line-height: 2;
+}
+.ant-table-tbody > tr:hover .deptModel{
+  background: #CAEEFF;
+}
+.ant-popover-inner-content>p{
+  margin: 0;
+}
+
 </style>

src/main.js

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import store from './store'
-import { Menu, Layout, Breadcrumb, Icon, Button, DatePicker, Input, Table, Tag, Divider, Dropdown, Modal, Form, Select, message, Pagination, LocaleProvider, Spin, Badge, Switch } from 'ant-design-vue'
+import { Menu, Layout, Breadcrumb, Popover, Icon, Button, DatePicker, Input, Table, Tag, Divider, Dropdown, Modal, Form, Select, message, Pagination, LocaleProvider, Spin, Badge, Switch } from 'ant-design-vue'
 import 'ant-design-vue/dist/antd.css'
 import { config } from './api/config'
 import './assets/css/global.css'
@@ -10,6 +10,7 @@ import axios from 'axios'
 import qs from 'qs'
 
 Vue.use(Layout)
+Vue.use(Popover)
 Vue.use(LocaleProvider)
 Vue.use(Menu)
 Vue.use(Badge)