feat(资方管理):实时更新

src/components/CommTable/index.vue

@@ -425,6 +425,10 @@ export default {
         })
         this.multipleSelection = list
       })
+    },
+    initPage() {
+      this.page = 1
+      this.size = 10
     }
   }
 }

src/router/index.js

@@ -5,6 +5,7 @@ import userManagement from './moudules/userManage'
 import systemManage from './moudules/systemManage'
 import enterpriseManage from './moudules/enterpriseManage'
 import capitalManage from './moudules/capitalManage'
+import monitorManage from './moudules/monitorManage'
 
 Vue.use(Router)
 
@@ -49,6 +50,7 @@ export const constantRoutes = [
   enterpriseManage,
   capitalManage,
   userManagement,
+  monitorManage,
   systemManage,
 
   // 404 page must be placed at the end !!!

src/router/moudules/monitorManage.js

@@ -0,0 +1,24 @@
+
+/* Layout */
+import Layout from '@/layout'
+
+export default {
+  path: '/monitorManage',
+  component: Layout,
+  redirect: '/eSign',
+  name: 'MonitorManage',
+  alwaysShow: true,
+  meta: {
+    title: '监测管理',
+    icon: 'system'
+  },
+  children: [
+    {
+      path: '/monitorBindAccount',
+      name: 'MonitorBindAccount',
+      component: () => import('@/views/monitorManage/bindAccount/index.vue'),
+      meta: { title: '绑定账号监测' },
+      hidden: false
+    }
+  ]
+}

src/views/capitalManage/mainContent.vue

@@ -47,6 +47,7 @@
           </div>
           <div class="leftBtn">
             <el-button type="primary" @click="fetchData">查询</el-button>
+            <el-button type="primary" @click="fetchData('update')">实时更新</el-button>
           </div>
         </div>
       </div>
@@ -234,12 +235,14 @@ export default {
       if (type === 'search') {
         this.page = 1
         this.size = 10
+        this.$refs.commTable.initPage()
       }
       const params = {
         ...this.search,
         page: this.page || 1,
         rows: this.size || 10,
-        flag: this.activeName
+        flag: this.activeName,
+        realTimeUpdateFlag: type === 'update'
       }
       getList(params).then(({ rows, records }) => {
         this.tableData = rows

src/views/monitorManage/bindAccount/index.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="bind-account">
+    <router-view />
+    <template v-if="!$route.params.id">
+      <main-content></main-content>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SupplierManage',
+  components: {
+    MainContent: () => import('./mainContent')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.bind-account {
+
+}
+</style>

src/views/monitorManage/bindAccount/mainContent.vue

@@ -0,0 +1,145 @@
+<template>
+  <div class="bindAccount">
+    <div class="search">
+      <div class="left"></div>
+      <div class="right">
+        <div>
+          <el-input
+            v-model="search.keyword"
+            style="width: 250px"
+            placeholder="请输入资方名称 /授信编号"
+            clearable
+          />
+        </div>
+        <div>
+          <el-select
+            v-model="search.capitalStatus"
+            placeholder="请选择资方状态"
+            clearable
+            style="width: 100%"
+          >
+            <el-option
+              v-for="item in constant.capitalStatus"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            >
+            </el-option>
+          </el-select>
+        </div>
+        <div>
+          <el-date-picker
+            v-model="search.creditStartDate"
+            type="date"
+            placeholder="请选择授信生效日"
+            value-format="yyyy-MM-dd"
+            clearable
+          >
+          </el-date-picker>
+        </div>
+        <div>
+          <el-date-picker
+            v-model="search.creditEndDate"
+            type="date"
+            placeholder="请选择授信到期"
+            value-format="yyyy-MM-dd"
+            clearable
+          >
+          </el-date-picker>
+        </div>
+        <div class="leftBtn">
+          <el-button type="primary" @click="fetchData">查询</el-button>
+        </div>
+      </div>
+    </div>
+    <cy-comm-table
+      ref="commTable"
+      v-loading="loading"
+      parent-component="CapitalManage"
+      :columns="columns"
+      :data="tableData"
+      :count="total"
+      :table-options="{
+        maxHeight: 'calc(100vh - 410px)',
+        height: 'calc(100vh - 410px)'
+      }"
+    />
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+export default {
+  data() {
+    return {
+      search: {},
+      total: 0,
+      tableData: [],
+      columns: [
+        {
+          label: '序号',
+          index: true
+        },
+        {
+          label: '平台',
+          prop: 'creditNo',
+          showTooltip: true
+        },
+        {
+          label: '店铺ID',
+          prop: 'capitalName',
+          showTooltip: true
+        },
+        {
+          label: '店铺名称',
+          prop: 'capitalName',
+          showTooltip: true
+        },
+        {
+          label: '绑定账户名称',
+          prop: 'capitalName',
+          showTooltip: true
+        },
+        {
+          label: '绑定账户账号',
+          prop: 'capitalName',
+          showTooltip: true
+        },
+        {
+          label: '账户绑定状态',
+          prop: 'capitalName',
+          showTooltip: true
+        },
+        {
+          label: '修正原因',
+          prop: 'capitalName',
+          showTooltip: true
+        },
+        {
+          label: '操作人',
+          prop: 'capitalName',
+          showTooltip: true
+        },
+        {
+          label: '操作时间',
+          prop: 'capitalName',
+          showTooltip: true
+        },
+        {
+          label: '操作',
+          prop: 'capitalName',
+          showTooltip: true
+        }
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters(['constant'])
+  },
+  created() {
+    this.$store.dispatch('getConstant', ['capitalStatus'])
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>