汇总查询

src/page/Frontend/Cpsmgs/event/index.js

+import Api from "~/service/Api";
+import moment from "moment";
+
+export default {
+    methods: {
+        async handleSearch() {
+            let rcvdatsta = this.model.sndp.rcvdatsta;
+            if (!rcvdatsta || rcvdatsta == "") {
+                this.$notify.error({
+                    title: this.$t("financing.错误"),
+                    message: this.$t("financing.查询开始日期必输！"),
+                });
+                return;
+            }
+            let rcvdatend = this.model.sndp.rcvdatend;
+            if (!rcvdatend || rcvdatend == "") {
+                this.$notify.error({
+                    title: this.$t("financing.错误"),
+                    message: this.$t("financing.查询结束日期必输！"),
+                });
+                return;
+            }
+
+            this.load = true;
+            let rtnmsg = await Api.post("/gjzf/msgsel/query", {
+                ...this.model.sndp,
+                dir: ">",
+                pageNum: this.pagination.pageNum,
+                pageSize: this.pagination.pageSize,
+                rcvdatsta: moment(rcvdatsta).format("YYYY-MM-DD"),
+                rcvdatend: moment(rcvdatend).format("YYYY-MM-DD"),
+            });
+            if (rtnmsg.respCode == SUCCESS) {
+                this.load = false;
+                this.stmData.data = [];
+                const {list} = rtnmsg.data;
+                const {codes:{sta1}} = this;
+            
+                list.forEach(v=>{
+                    for(let i in sta1){
+                        if(sta1[i].value == v.sta){
+                            v.sta = sta1[i].label;
+                        }
+                    }
+                })
+                this.stmData.data = list;
+                this.pagination = {
+                    pageNum: rtnmsg.data.pageNum || 1,
+                    pageSize: rtnmsg.data.pageSize || 10,
+                    total: parseInt(rtnmsg.data.total),
+                };
+            } else {
+                this.$notify.error({
+                    title: this.$t("financing.错误"),
+                    message: this.$t("financing.服务请求失败！"),
+                });
+            }
+            this.load = false;
+        },
+        async handleReset() {
+            this.model.sndp.msgtyp = "";
+            this.model.sndp.rcvdatsta = new Date();
+            this.model.sndp.rcvdatend = new Date();
+            this.model.sndp.subtyp = "";
+            this.model.sndp.sndbak = "";
+            this.model.sndp.revbak = "";
+            this.model.sndp.actbic = "";
+            this.model.sndp.othref = "";
+            this.model.sndp.ownref = "";
+            this.model.sndp.cur = "";
+            this.model.sndp.act = "";
+            this.model.sndp.amtmin = "";
+            this.model.sndp.amtmax = "";
+            this.model.sndp.chnipt = "";
+            this.model.sndp.rspsta = "";
+            this.model.sndp.dtlchg = "";
+            this.model.sndp.sta = "";
+        },
+        // pageSize改变
+        handleSizeChange(val) {
+            this.pagination.pageNum = 1;
+            this.pagination.pageSize = val;
+            this.handleSearch();
+        },
+        // 页码改变
+        handleCurrentChange(val) {
+            this.pagination.pageNum = val;
+            this.handleSearch();
+        },
+        handleSelectionChange(val){
+            this.multipleSelection = val;
+        }
+    },
+};

src/page/Frontend/Cpsmgs/model/Check.js

+import Utils from "~/utils"
+
+/**
+* Cpssxf Check规则
+*/
+let checkObj = {
+}
+
+for (const key in checkObj) {
+    if (Object.hasOwnProperty.call(checkObj, key)) {
+        checkObj[key] = checkObj[key] ? checkObj[key] : Utils.reflectCheck(key)
+    }
+}
+export default checkObj
+

src/page/Frontend/Cpsmgs/model/Default.js

+
+/**
+* Cpssxf Default规则
+*/
+import Api from "~/service/Api";
+import Utils from "~/utils/index"
+
+export default {
+}
+//你可以添加自动default处理

src/page/Frontend/Cpsmgs/model/Event.js

+import Api from "~/service/Api"
+import Utils from "~/utils"
+
+export default {
+                async onSxfpSel(){
+                let rtnmsg = await this.executeRule("sxfp.sel")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onSxfpClr(){
+                let rtnmsg = await this.executeRule("sxfp.clr")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onSxfpAdd(){
+                let rtnmsg = await this.executeRule("sxfp.add")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onSxfpDvd(){
+                let rtnmsg = await this.executeRule("sxfp.dvd")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onSxfpPfa(){
+                let rtnmsg = await this.executeRule("sxfp.pfa")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+
+}
\ No newline at end of file

src/page/Frontend/Cpsmgs/model/Pattern.js

+export default {
+
+    "sxfp.stadat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+    "sxfp.enddat":[
+        {type: "date", required: false, message: "输入正确的日期"}
+    ],
+
+
+
+
+
+
+}
\ No newline at end of file

src/page/Frontend/Cpsmgs/model/index.js

+import Api from "~/service/Api"
+import Pts from "~/page/Model/Common/Pts"
+
+export default class Cpssxf{
+    constructor () {
+        this.data = {
+						mgsp:{
+							stadat:"",			//  收报日期（查询）		.mgsp.stadat
+							enddat:"",			//  发报日期（查询）		.mgsp.enddat
+							exp:"",			//  导出		.sxfp.exp
+						},
+						mgsgrp:{
+							sxflst:[],			//  		.sxfgrp.sxflst
+						},
+						pageId: ""			// ctx的key
+				}
+    }
+}
\ No newline at end of file

src/page/Frontend/Cpsmgs/views/Mainmgs.vue

+<template>
+  <div class="eibs-tab">
+    <c-list-search @form-reset="handleReset" @form-search="handleSearch">
+      <!-- 持续展示区 -->
+      <template v-slot="searchSlot">
+        <el-row>
+          <c-col :span="24">
+              <c-col :span="8">
+              <el-form-item label="系统名称" prop="" style="width: 100%">
+                <c-select v-model="model.mgsp.stadat" style="width: 100%" placeholder="请选择报文标准"
+                          :code="codes.subtyp"/>
+              </el-form-item>
+            </c-col>
+             <c-col :span="8">
+              <el-form-item label="报文类型" prop="" style="width: 100%">
+                <c-select v-model="model.mgsp.stadat" style="width: 100%" placeholder="请选择报文标准"
+                          :code="codes.subtyp"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item label="起使日期" prop="rcvdatsta" style="width: 100%">
+                  <c-date-picker
+                    type="date"
+                    v-model="model.mgsp.stadat"
+                    style="width: 100%"
+                  ></c-date-picker>
+              </el-form-item>
+            </c-col>
+             <c-col :span="8">
+              <el-form-item label="截止日期" prop="rcvdatsta" style="width: 100%">
+                  <c-date-picker
+                    type="date"
+                    v-model="model.mgsp.stadat"
+                    style="width: 100%"
+                  ></c-date-picker>  
+              </el-form-item>
+            </c-col>
+
+          </c-col>
+        </el-row>
+        <!-- 可控展示区 -->
+        <el-row v-show="searchSlot.searchToggle"> </el-row>
+      </template>
+    </c-list-search>
+
+    <el-col :span="24" style="margin-top: 2px; margin-bottom: 1px">
+      <c-button
+        class="medium_bcs"
+        size="medium"
+        style="margin-left: 0"
+        type="primary"
+        >{{ $t("public.导出") }}
+      </c-button>
+    </el-col>
+
+    <el-col :span="24" style="margin-top: 10px">
+      <div style="height: 90%">
+        <c-col :span="24">
+          <el-tabs v-model="activeTab" class="y-tabs">
+            <el-tab-pane label="汇总查询" name="fb">
+              <el-table
+                :data="stmData.data"
+                :columns="stmData.columns"
+                v-loading="load"
+                style="width: 100%"
+                @selection-change="handleSelectionChange"
+                size="small"
+                :border="true"
+                height="calc(100vh - 480px)"
+                :highlight-current-row="true"
+              >
+                <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
+                <el-table-column
+                  v-for="(item, key) in stmData.columns"
+                  :key="key"
+                  :label="item.label"
+                  :prop="item.prop"
+                  :min-width="item.width"
+                >
+                </el-table-column>
+              </el-table>
+
+              <el-pagination
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="pagination.total"
+                :page-size="pagination.pageSize"
+                :current-page.sync="pagination.pageNum"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+              >
+              </el-pagination>
+            </el-tab-pane>
+          </el-tabs>
+        </c-col>
+      </div>
+    </el-col>
+  </div>
+</template>
+<script>
+import event from "../event";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [event],
+  data() {
+    return {
+      activeTab: "fb",
+      load: false,
+      subtypCodes: [],
+      multipleSelection: [],
+      stmData: {
+        columns: [
+          {
+            label: "系统名称",
+            prop: "sta",
+            width: "120px",
+          },
+          {
+            label: "机构名称",
+            prop: "amt",
+            width: "120px",
+          },
+          {
+            label: "报文类型",
+            prop: "stadat",
+            width: "120px",
+          },
+          {
+            label: "方向",
+            prop: "enddat",
+            width: "120px",
+          },
+          {
+            label: "笔数",
+            prop: "enddat",
+            width: "120px",
+          },
+          {
+            label: "金额",
+            prop: "enddat",
+            width: "120px",
+          },
+          {
+            label: "起使日期",
+            prop: "enddat",
+            width: "120px",
+          },
+          {
+            label: "截止日期",
+            prop: "enddat",
+            width: "120px",
+          },
+        ],
+        data: [],
+      },
+      pagination: {
+        pageNum: 1,
+        pageSize: 10,
+        total: 0,
+      },
+    };
+  },
+  computed: {
+    isFoldDisable: function () {
+      return this.multipleSelection.length == 0;
+    },
+    isRoutingDisable: function () {
+      return this.multipleSelection.length == 0;
+    },
+  },
+  methods: {},
+  mounted: function () {},
+};
+</script>
+<style lang="less" scoped>
+::v-deep .c-content-scrollbar {
+  height: 100% !important;
+}
+
+.eibs-tabs /deep/ {
+  .m-table-search {
+    padding: 20px 0px 10px 0px;
+  }
+}
+
+.header-wrap {
+  height: 36px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .title {
+    font-size: 16px;
+    color: #000;
+  }
+
+  .close-btn {
+    padding: 3px;
+    cursor: pointer;
+  }
+}
+
+.m-list-btns {
+  height: 300px;
+  overflow: auto;
+}
+
+.medium_bcs {
+  border-radius: 5px;
+}
+
+.m-table-search {
+  padding: 20px 0px 10px 0px;
+}
+
+.pagination-box {
+  width: 100%;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0 10px;
+  background: #fff;
+  margin-top: 5px;
+}
+
+.el-dialog__body {
+  padding: 10px 5px 50px;
+}
+
+.m-table-search {
+  padding: 20px 0px 10px 0px;
+}
+
+.btn-group-wrap {
+  max-height: 200px;
+  width: 100%;
+  overflow-y: auto;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+}
+
+.btn-item {
+  margin-bottom: 10px;
+  margin-right: 10px;
+}
+</style>

src/page/Frontend/Cpsmgs/views/index.vue

+<template>
+    <div class="eContainer-search">
+      <el-form
+          :model="model"
+          :rules="rules"
+          ref="modelForm"
+          label-width="120px"
+          label-position="right"
+          size="small"
+          :validate-on-rule-change="false"
+      >
+        <c-content>
+          <m-mainpl :model="model" :codes="codes" ref="mainpl"/>
+        </c-content>
+      </el-form>
+    </div>
+  </template>
+  <script>
+  
+  import CodeTable from "~/config/CodeTable";
+  import Cpssxf from "../model";
+  import event from "../event"
+  import Mainplmgs from "./Mainmgs.vue"
+  
+  
+  export default {
+    name: "Cpswjz",
+    components:{
+      "m-mainpl" : Mainplmgs,
+  
+    },
+    provide() {
+      return {
+        root: this
+      }
+    },
+    mixins: [event],    // 里面包含了Default、Check等的公共处理
+    data(){
+      return {
+        tabVal: "mainpl",
+        trnName: "cpssxf",
+        model: new Cpssxf().data,
+        rules: null,
+        codes:{...CodeTable},
+      };
+    },
+    methods:{},
+    created:async function() {},
+  };
+  </script>
+  <style scoped>
+  
+  </style>
+  
\ No newline at end of file

src/page/Frontend/FTRouter.js

@@ -51,6 +51,8 @@ const BusRouter =  [
     {path: 'fxpdtlsel',component: ()=>import("./Fxpdtlsel/views"),name: 'Fxpdtlsel',meta: { keepAlive: true, title: '境内外币明细查询' },modeule:'frontend'},
      //CIPS未记账记录查询
      { path: 'cpswjz', component: ()=>import("./Cpswjz/views"), name: 'Cpswjz', meta: { title: 'CIPS未记账记录查询' } ,module:'frontend'},
+      //汇总查询
+      { path: 'cpsmgs', component: ()=>import("./Cpsmgs/views"), name: 'Cpsmgs', meta: { title: '汇总查询' } ,module:'frontend'},
 
 ]
 export default BusRouter
\ No newline at end of file