'缴费查询'

xichongSys/src/http/moudules/getlist.js

@@ -130,5 +130,12 @@ export const listAllBaseInfo = (data) => {
     method: 'post',
     data
   })
-  }
-  
\ No newline at end of file
+}
+//缴费信息查询
+export const listPayInfo = (data) => {
+  return axios({
+    url: '/payInfo/getPayInfo',
+    method: 'post',
+    data
+  })
+}

xichongSys/src/router/index.js

@@ -23,6 +23,7 @@ import dryhkbg from "@/views/Myvue/dryhkbg";
 import drdcbg from "@/views/Myvue/drdcbg";
 import receivePersonnel from "@/views/Myvue/receivePersonnel";
 import AllbaseInfo from "@/views/Myvue/allbaseInfo"
+import PayInfo from "@/views/Myvue/payInfo"
 
 Vue.use(Router)
 
@@ -111,6 +112,11 @@ const router = new Router({
           path:"/AllbaseInfo",
           name:"覆盖人员",
           component: AllbaseInfo
+        },
+        {
+          path:"/payInfo",
+          name:"缴费记录",
+          component: PayInfo
         }
       ]
     },

xichongSys/src/views/Myvue/payInfo.vue

@@ -15,42 +15,81 @@
     style="width: 100%"
    >
     <el-table-column
-      prop="townName"
-      label="乡镇">
-    </el-table-column>
-    <el-table-column
-      prop="villageName"
-      label="村">
+      prop="personNum"
+      label="个人编号" width="90">
     </el-table-column>
     <el-table-column
       prop="idcard"
-      label="身份证号">
+      label="身份证" width="170">
     </el-table-column>
      <el-table-column
       prop="name"
       label="姓名">
+    </el-table-column>
+     <el-table-column
+      prop="townName"
+      label="镇">
+    </el-table-column>
+     <el-table-column
+      prop="villageName"
+      label="村">
+    </el-table-column>
+    <el-table-column
+      prop="personType"
+      label="人员类别">
     </el-table-column>
     <el-table-column
       prop="grade"
       label="缴费档次">
     </el-table-column>
     <el-table-column
-      prop="insuredState"
-      label="参保状态">
+      prop="gradeType"
+      label="应缴类型">
+    </el-table-column>
+    <el-table-column
+      prop="personGrade"
+      label="个人应缴">
+    </el-table-column>
+    <el-table-column
+      prop="subsidy"
+      label="个级财政补助"  width="70">
     </el-table-column>
     <el-table-column
-      prop="payState"
-      label="缴费状态">
+      prop="otherPay"
+      label="代缴金额">
     </el-table-column>
     <el-table-column
-      label="操作">
-      <template slot-scope="scope">
-        <el-button
-          type="primary"
-          size="mini"
-          icon="el-icon-s-check"
-          @click="showDetail(scope.$index, scope.row)">详情</el-button>
-      </template>
+      prop="payDate"
+      label="对应费款所属期" width="80">
+    </el-table-column>
+    <el-table-column
+      prop="insuranceType"
+      label="险种类型">
+    </el-table-column>
+    <el-table-column
+      prop="chargWay"
+      label="收缴方式">
+    </el-table-column>
+    <el-table-column
+      prop="arrivalFlag"
+      label="足额到账标志" width="110">
+    </el-table-column>
+    <el-table-column
+      prop="arrivalTime"
+      label="足额到账年月" width="110">
+    </el-table-column>
+    <el-table-column
+      prop="collectWay"
+      label="征收方式">
+    </el-table-column>
+
+    <el-table-column
+      prop="bankNo"
+      label="银行编号">
+    </el-table-column>
+    <el-table-column
+      prop="bankAccount"
+      label="银行账号">
     </el-table-column>
   </el-table>
     <el-pagination
@@ -107,21 +146,13 @@
       }
     },
     methods: {
-      showDetail(index,row){
-        this.dialogFormVisible = true;
-        this.form = row;
-        row.isOldRural = row.isOldRural == 0 ? '否': row.isOldRural == 1?"是":"";
-        row.retireFlag = row.retireFlag == 0 ? '否': row.retireFlag == 1?"是":"";
-        row.birthday = formatDate(row.birthday);
-        row.insuredDate = formatDate(row.insuredDate);
-      },
       serch(){
         var data={
           idcard:this.idcard?this.Encrypt(this.idcard):"",
           personName:this.personName?this.Encrypt(this.personName):"",
         }
         Loading.service();
-        this.$api.getlist.listAllBaseInfo(data).then((res) => {
+        this.$api.getlist.listPayInfo(data).then((res) => {
           let loadingInstance = Loading.service();
           this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
             loadingInstance.close();
@@ -129,6 +160,8 @@
           for(var i in  res.data.list){
             res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
             res.data.list[i].name=this.decrypt(res.data.list[i].name)
+            res.data.list[i].arrivalTime = formatDate(res.data.list[i].arrivalTime)
+
           }
           this.tableData=res.data.list
           this.totals=res.data.total
@@ -148,7 +181,7 @@
           personName:this.personName?this.Encrypt(this.personName):"",
         }
         Loading.service();
-        this.$api.getlist.listAllBaseInfo(data).then((res) => {
+        this.$api.getlist.listPayInfo(data).then((res) => {
           let loadingInstance = Loading.service();
           this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
             loadingInstance.close();
@@ -156,6 +189,8 @@
           for(var i in  res.data.list){
             res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
             res.data.list[i].name=this.decrypt(res.data.list[i].name)
+            res.data.list[i].arrivalTime = formatDate(res.data.list[i].arrivalTime);
+
           }
           this.tableData=res.data.list
           this.totals=res.data.total
@@ -183,11 +218,12 @@
     }
     },
     created() {
-          this.$api.getlist.listAllBaseInfo().then((res) => {
+          this.$api.getlist.listPayInfo().then((res) => {
           var list = res.data.list;
           for(var i in list){
             res.data.list[i].idcard=this.decrypt(res.data.list[i].idcard)
             res.data.list[i].name=this.decrypt(res.data.list[i].name)
+            res.data.list[i].arrivalTime = formatDate(res.data.list[i].arrivalTime);
 
           }
           this.tableData=res.data.list