页面调整

src/views/finance/fine.vue

@@ -4,7 +4,7 @@
       <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
     </div>
     <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card" style="margin-top: 10px;">
-      <el-tab-pane label="资产业务" name="ASSET_BUSINESS">
+      <el-tab-pane v-if="!personalLeader" label="资产业务" name="ASSET_BUSINESS">
         <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
           <template slot="left">
             <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 300px;float: left;"></el-input>
@@ -129,7 +129,7 @@
           </parentTable>
         </y-page-list-layout>
       </el-tab-pane>
-      <el-tab-pane label="大中型业务" name="MAJOR_BUSINESS">
+      <el-tab-pane v-if="!personalLeader" label="大中型业务" name="MAJOR_BUSINESS">
         <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
           <template slot="left">
             <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 300px;float: left;"></el-input>
@@ -407,12 +407,37 @@ export default {
     YPageListLayout,
   },
 
+  computed: {
+    ...mapGetters([
+      'userInfo'
+    ]),
+  },
+  watch:{
+      userInfo: {
+      immediate: true, // immediate选项可以开启首次赋值监听
+      deep: true,
+      handler(newv) {
+        if (newv) {
+          const postList = newv.postList.map(item => item.name)
+          const marketPosts = ['部门经理']
+          postList.forEach(element => {
+            if (marketPosts.includes(element)) {
+                this.personalLeader = true;
+                this.activeName = 'PERSONAL_BUSINESS'
+            }
+          });
+        }
+
+      }
+      },
+    },
   data() {
     return {
       activeName: 'ASSET_BUSINESS',
       listLoading: false,
       explainVisible: false,
       editFineAmountVisible: false,
+      personalLeader:false,
       findDate: null,
       // 分页查询条件
       queryDTO: {

src/views/finance/fineRefund.vue

@@ -8,13 +8,8 @@
         <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
           <template slot="left">
             <el-input v-model="queryDTO.keyWord" placeholder="项⽬编号或产品号" clearable style="width: 250px;float: left;"></el-input>
-            <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
-            <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
-            <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
-            <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 100px;float: left;">
-              <el-option label="已确认" value="true"></el-option>
-              <el-option label="未确认" value="false"></el-option>
-            </el-select>
+            <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 10px;width: 100px;float: left;"></el-input>
+            <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 10px;width: 100px;float: left;"></el-input>
             <el-date-picker
               v-model="punishDate"
               type="daterange"
@@ -25,7 +20,7 @@
               end-placeholder="罚款日期（结束）"
               :picker-options="pickerOptions"
               value-format="yyyy-MM-dd"
-              style="margin-left: 20px;width: 300px;float: left;"
+              style="margin-left: 10px;width: 300px;float: left;"
             ></el-date-picker>
             <el-date-picker
               v-model="refundDate"
@@ -37,13 +32,13 @@
               end-placeholder="退款日期（结束）"
               :picker-options="pickerOptions"
               value-format="yyyy-MM-dd"
-              style="margin-left: 20px;width: 300px;float: left;"
+              style="margin-left: 10px;width: 300px;float: left;"
             ></el-date-picker>
-            <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="page()" round>搜索</el-button>
+            <el-button class="filter-item" style="margin-left:10px;float: left;" type="primary" @click="page()" round>搜索</el-button>
             <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch()">重置</el-button>
             <el-button class="filter-item" style="float: left;" round type="warning" @click="fineRefundListExport()">导出</el-button>
-            <PermissionButton menu-code="_views_finance_fine_refund_returned_batch" class="filter-item" style="float: left;" round type="danger" @click="batchUpdateStatus('RETURNED')" />
-            <PermissionButton menu-code="_views_finance_fine_refund_ignore_batch" class="filter-item" style="float: left;" round type="danger" @click="batchUpdateStatus('IGNORE')" />
+              <PermissionButton menu-code="_views_finance_fine_refund_returned_batch" class="filter-item" style="float: left;" round type="danger" @click="batchUpdateStatus('RETURNED')" />
+              <PermissionButton menu-code="_views_finance_fine_refund_ignore_batch" class="filter-item" style="float: left;" round type="danger" @click="batchUpdateStatus('IGNORE')" />
           </template>
           <parentTable ref="table" v-loading="listLoading" :data="pageData.records" :selectionChange="handleSelectionChange" slot="table" style="width: 100%;">
             <el-table-column type="selection" align="center" width="40"></el-table-column>
@@ -135,13 +130,8 @@
         <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
           <template slot="left">
             <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 250px;float: left;"></el-input>
-            <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
-            <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
-            <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
-            <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 100px;float: left;">
-              <el-option label="已确认" value="true"></el-option>
-              <el-option label="未确认" value="false"></el-option>
-            </el-select>
+            <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 10px;width: 100px;float: left;"></el-input>
+            <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 10px;width: 100px;float: left;"></el-input>
             <el-date-picker
               v-model="punishDate"
               type="daterange"
@@ -152,7 +142,7 @@
               end-placeholder="罚款日期（结束）"
               :picker-options="pickerOptions"
               value-format="yyyy-MM-dd"
-              style="margin-left: 20px;width: 300px;float: left;"
+              style="margin-left: 10px;width: 300px;float: left;"
             ></el-date-picker>
             <el-date-picker
               v-model="refundDate"
@@ -164,9 +154,9 @@
               end-placeholder="退款日期（结束）"
               :picker-options="pickerOptions"
               value-format="yyyy-MM-dd"
-              style="margin-left: 20px;width: 300px;float: left;"
+              style="margin-left: 10px;width: 300px;float: left;"
             ></el-date-picker>
-            <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="page()" round>搜索</el-button>
+            <el-button class="filter-item" style="margin-left:10px;float: left;" type="primary" @click="page()" round>搜索</el-button>
             <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch()">重置</el-button>
             <el-button class="filter-item" style="float: left;" round type="warning" @click="fineRefundListExport()">导出</el-button>
             <PermissionButton menu-code="_views_finance_fine_refund_returned_batch" class="filter-item" style="float: left;" round type="danger" @click="batchUpdateStatus('RETURNED')" />
@@ -262,13 +252,8 @@
         <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
           <template slot="left">
             <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 250px;float: left;"></el-input>
-            <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
-            <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
-            <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
-            <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 100px;float: left;">
-              <el-option label="已确认" value="true"></el-option>
-              <el-option label="未确认" value="false"></el-option>
-            </el-select>
+            <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 10px;width: 100px;float: left;"></el-input>
+            <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 10px;width: 100px;float: left;"></el-input>
             <el-date-picker
               v-model="punishDate"
               type="daterange"
@@ -279,7 +264,7 @@
               end-placeholder="罚款日期（结束）"
               :picker-options="pickerOptions"
               value-format="yyyy-MM-dd"
-              style="margin-left: 20px;width: 300px;float: left;"
+              style="margin-left: 10px;width: 300px;float: left;"
             ></el-date-picker>
             <el-date-picker
               v-model="refundDate"
@@ -291,9 +276,9 @@
               end-placeholder="退款日期（结束）"
               :picker-options="pickerOptions"
               value-format="yyyy-MM-dd"
-              style="margin-left: 20px;width: 300px;float: left;"
+              style="margin-left: 10px;width: 300px;float: left;"
             ></el-date-picker>
-            <el-button class="filter-item" style="margin-left:20px;float: left;" type="primary" @click="page()" round>搜索</el-button>
+            <el-button class="filter-item" style="margin-left:10px;float: left;" type="primary" @click="page()" round>搜索</el-button>
             <el-button class="filter-item" style="float: left;" round type="success" @click="resetSearch()">重置</el-button>
             <el-button class="filter-item" style="float: left;" round type="warning" @click="fineRefundListExport()">导出</el-button>
             <PermissionButton menu-code="_views_finance_fine_refund_returned_batch" class="filter-item" style="float: left;" round type="danger" @click="batchUpdateStatus('RETURNED')" />