Merge branch 'develop' of http://114.115.138.98:8900/isc-v3.1/isc-web-vue into develop

src/page/Frontend/FTRouter.js

@@ -38,7 +38,6 @@ const BusRouter =  [
     { path: 'smtame', component: ()=>import("./Smtame/views"), name: 'Smtame', meta: { title: 'Smtame' } ,module:'frontend'},
     { path: 'smtexe', component: ()=>import("./Smtexe/views"), name: 'Smtexe', meta: { title: 'Smtexe' } ,module:'frontend'},
     { path: 'smtsel', component: ()=>import("./Smtsel/views"), name: 'Smtsel', meta: { title: '对账单查询' } ,module:'frontend'},
-    // { path: 'sndsel', component: ()=>import("./Sndsel/views"), name: 'Sndsel', meta: { title: 'Sndsel' } ,module:'frontend'},
     { path: 'usrmsg', component: ()=>import("./Usrmsg/views"), name: 'Usrmsg', meta: { title: 'Usrmsg' } ,module:'frontend'},
     // 报文管理w
   {path: 'rcvsel',component: ()=>import("./Rcvsel/views"),name: 'Rcvsel', meta: { keepAlive: true, title: '收报查询' }},
@@ -46,5 +45,10 @@ const BusRouter =  [
   {path: 'sndselcop',component: ()=>import("./Sndselcop/views"),name: 'Sndselcop',meta: { keepAlive: true, title: '发报疑似重复处理' }},
   {path: 'rcvselcop',component: ()=>import("./Rcvselcop/views"),name: 'Rcvselcop',meta: { keepAlive: true, title: '收报疑似重复处理' }},
     {path: 'msgrtm',component: ()=>import("./Msgrtm/views"),name: 'Msgrtm',meta: { keepAlive: true, title: '人工清分' }},
+    {path: 'fxpcetsel',component: ()=>import("./Fxpcetsel/views"),name: 'Fxpcetsel',meta: { keepAlive: true, title: '证书查询' },modeule:'frontend'},
+    {path: 'fxpjrbsel',component: ()=>import("./Fxpjrbsel/views"),name: 'Fxpjrbsel',meta: { keepAlive: true, title: '通用金融信息报文查询' },modeule:'frontend'},
+    {path: 'fxptolsel',component: ()=>import("./Fxptolsel/views"),name: 'Fxptolsel',meta: { keepAlive: true, title: '境内外币总核对查询' },modeule:'frontend'},
+    {path: 'fxpdtlsel',component: ()=>import("./Fxpdtlsel/views"),name: 'Fxpdtlsel',meta: { keepAlive: true, title: '境内外币明细查询' },modeule:'frontend'},
+
 ]
 export default BusRouter
\ No newline at end of file

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

+import Api from "~/service/Api";
+import moment from "moment";
+
+export default {
+    methods: {
+        async handleSearch() {
+
+        },
+        async handleReset() {
+            this.model.rcvp.rcvdatsta = new Date();
+            this.model.rcvp.rcvdatend = new Date();
+            this.model.rcvp.subtyp = "";
+            this.model.rcvp.sndbak = "";
+            this.model.rcvp.alttyp = "";
+            this.model.rcvp.bnstyp = "";
+        },
+        // 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/Fxpcetsel/model/check.js

+import Utils from "~/utils"
+
+/**
+ * Fxpcetsel 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/Fxpcetsel/model/index.js

+export default class Fxpcetsel {
+    constructor() {
+        this.data = {
+            rcvp: {
+                rcvdatsta: "",		//  起始日期	.rcvp.rcvdatsta
+                rcvdatend: "",	    //  终止日期	.rcvp.rcvdatend
+                subtyp: "",			//  报文类型	.rcvp.subtyp
+                sndbak: "",			//  发报行BIC .rcvp.sndbak
+                alttyp: "",         // 变更类型
+                bnstyp: "",         // 业务类型
+            },
+            pageId: ""			// ctx的key
+        }
+    }
+}
\ No newline at end of file

src/page/Frontend/Fxpcetsel/views/Schpnl.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="$t('fxpcetsel.创建时间')"  style="width: 100%">
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.rcvdatsta" style="width: 100%"/>
+                </c-col>
+                <c-col :span="2" style="text-align: center">
+                  <label style="display: inline-block; width: 100%">-</label>
+                </c-col>
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.rcvdatend" style="width: 100%"/>
+                </c-col>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpcetsel.发报行')"  style="width: 100%">
+                <c-input v-model="model.rcvp.sndbak" style="width: 100%"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpcetsel.变更类型')"  style="width: 100%">
+                <c-select v-model="model.rcvp.alttyp" maxlength="40" :code="codes.alttyp"/>
+              </el-form-item>
+            </c-col>
+          </c-col>
+        </el-row>
+        <!-- 可控展示区 -->
+        <el-row v-show="searchSlot.searchToggle">
+          <c-col :span="24">
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpcetsel.报文类型')"  style="width: 100%">
+                <c-select v-model="model.rcvp.subtyp" maxlength="40" :code="codes.subtyp"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpcetsel.业务类型')"  style="width: 100%">
+                <c-select v-model="model.rcvp.bnstyp" maxlength="40" :code="codes.bnstyp"/>
+              </el-form-item>
+            </c-col>
+          </c-col>
+        </el-row>
+      </template>
+    </c-list-search>
+
+    <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="$t('fxpcetsel.证书查询')" name="sb">
+              <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 v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
+                                 :min-width="item.width"/>
+              </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: 'sb',
+      load: false,
+      stmData: {
+        columns: [
+          {
+            label: "创建时间",
+            prop: "crttim",
+            width: "120px"
+          },
+          {
+            label: "证书DN",
+            prop: "ctfdn",
+            width: "120px"
+          },
+          {
+            label: "证书SN",
+            prop: "cftsn",
+            width: "120px"
+          },
+          {
+            label: "处理状态",
+            prop: "sta",
+            width: "120px"
+          },
+          {
+            label: "发起直接参与机构",
+            prop: "",
+            width: "120px"
+          },
+          {
+            label: "发起参与机构",
+            prop: "",
+            width: "120px"
+          },
+        ],
+        data: [],
+      },
+
+      pagination: {
+        pageNum: 1,
+        pageSize: 10,
+        total: 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/Fxpcetsel/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-schpnl :model="model" :codes="codes" ref="schpnl"/>
+      </c-content>
+    </el-form>
+  </div>
+</template>
+<script>
+
+import CodeTable from "~/config/CodeTable";
+import event from "../event"
+import Fxpcetsel from "../model";
+import Check from '../model/check'
+import Schpnl from "./Schpnl.vue"
+
+
+export default {
+  name: "Fxpcetsel",
+  components: {
+    "m-schpnl": Schpnl,
+
+  },
+  provide() {
+    return {
+      root: this
+    }
+  },
+  mixins: [event],    // 里面包含了Default、Check等的公共处理
+  data() {
+    return {
+      tabVal: "schpnl",
+      trnName: "fxpcetsel",
+      model: new Fxpcetsel().data,
+      rules: Check,
+      codes: {...CodeTable},
+    };
+  },
+  methods: {},
+  created: async function () {
+  },
+};
+</script>
+<style scoped>
+
+</style>

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

+import Api from "~/service/Api";
+import moment from "moment";
+
+export default {
+    methods: {
+        async handleSearch() {
+
+        },
+        async handleReset() {
+            this.model.rcvp.sndbic = "";
+            this.model.rcvp.rcvdatsta = new Date();
+            this.model.rcvp.rcvdatend = new Date();
+            this.model.rcvp.rcvbic = "";
+            this.model.rcvp.dzdtyp = "";
+            this.model.rcvp.dzdckh = "";
+            this.model.rcvp.cur = "";
+            this.model.rcvp.subtyp = "";
+            this.model.rcvp.dzdatsta = new Date();
+            this.model.rcvp.dzdatend = new Date();
+        },
+        // 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/Fxpdtlsel/model/check.js

+import Utils from "~/utils"
+
+/**
+ * Fxpcetsel 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/Fxpdtlsel/model/index.js

+export default class Fxpcetsel {
+    constructor() {
+        this.data = {
+            rcvp: {
+                rcvdatsta: "",		//  起始日期	.rcvp.rcvdatsta
+                rcvdatend: "",	    //  终止日期	.rcvp.rcvdatend
+                sndbic: "",
+                rcvbic: "",
+                dzdtyp: "",
+                dzdckh: "",
+                cur: "",
+                subtyp: "",
+                dzdatsta: "",
+                dzdatend: "",
+            },
+            pageId: ""			// ctx的key
+        }
+    }
+}
\ No newline at end of file

src/page/Frontend/Fxpdtlsel/views/Schpnl.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="$t('fxpdtlsel.发报行BIC')" style="width: 100%">
+                <c-input v-model="model.rcvp.sndbic" maxlength="40"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpdtlsel.收报行BIC')" style="width: 100%">
+                <c-input v-model="model.rcvp.rcvbic" maxlength="40"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpdtlsel.对账单类型')" style="width: 100%">
+                <c-select v-model="model.rcvp.dzdtyp" maxlength="40" :code="codes.dzdtyp"/>
+              </el-form-item>
+            </c-col>
+          </c-col>
+        </el-row>
+        <!-- 可控展示区 -->
+        <el-row v-show="searchSlot.searchToggle">
+          <c-col :span="24">
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpdtlsel.对账单参考号')" style="width: 100%">
+                <c-input v-model="model.rcvp.dzdckh" maxlength="40"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpdtlsel.币种')" style="width: 100%">
+                <c-select v-model="model.rcvp.cur" maxlength="40" :code="codes.cur"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpdtlsel.收报日期')" style="width: 100%">
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.rcvdatsta" style="width: 100%"/>
+                </c-col>
+                <c-col :span="2" style="text-align: center">
+                  <label style="display: inline-block; width: 100%">-</label>
+                </c-col>
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.rcvdatend" style="width: 100%"/>
+                </c-col>
+              </el-form-item>
+            </c-col>
+          </c-col>
+          <c-col :span="24">
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpdtlsel.对账日期')" style="width: 100%">
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.dzdatsta" style="width: 100%"/>
+                </c-col>
+                <c-col :span="2" style="text-align: center">
+                  <label style="display: inline-block; width: 100%">-</label>
+                </c-col>
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.dzdatend" style="width: 100%"/>
+                </c-col>
+              </el-form-item>
+            </c-col>
+          </c-col>
+        </el-row>
+      </template>
+    </c-list-search>
+
+    <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="$t('fxpdtlsel.境内外币明细查询')" name="sb">
+              <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 v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
+                                 :min-width="item.width"/>
+              </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: 'sb',
+      load: false,
+      stmData: {
+        columns: [
+          {
+            label: "收报日期",
+            prop: "rcvdat",
+            width: "120px"
+          },
+          {
+            label: "对账日期",
+            prop: "dzdat",
+            width: "120px"
+          },
+          {
+            label: "发报行",
+            prop: "sndbak",
+            width: "120px"
+          },
+          {
+            label: "收报行",
+            prop: "rcvbak",
+            width: "120px"
+          },
+          {
+            label: "币种",
+            prop: "cur",
+            width: "120px"
+          },
+          {
+            label: "对账单参考号",
+            prop: "dzdckh",
+            width: "120px"
+          },
+          {
+            label: "报文标准",
+            prop: "msgtyp",
+            width: "120px"
+          },
+          {
+            label: "报文类型",
+            prop: "subtyp",
+            width: "120px"
+          },
+          {
+            label: "对账状态",
+            prop: "sta",
+            width: "120px"
+          },
+          {
+            label: "明细数目",
+            prop: "mxsm",
+            width: "120px"
+          },
+        ],
+        data: [],
+      },
+
+      pagination: {
+        pageNum: 1,
+        pageSize: 10,
+        total: 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/Fxpdtlsel/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-schpnl :model="model" :codes="codes" ref="schpnl"/>
+      </c-content>
+    </el-form>
+  </div>
+</template>
+<script>
+
+import CodeTable from "~/config/CodeTable";
+import event from "../event"
+import Fxpdtlsel from "../model";
+import Check from '../model/check'
+import Schpnl from "./Schpnl.vue"
+
+
+export default {
+  name: "Fxpdtlsel",
+  components:{
+    "m-schpnl" : Schpnl,
+
+  },
+  provide() {
+    return {
+      root: this
+    }
+  },
+  mixins: [event],    // 里面包含了Default、Check等的公共处理
+  data(){
+    return {
+      tabVal: "schpnl",
+      trnName: "fxpdtlsel",
+      model: new Fxpdtlsel().data,
+      rules: Check,
+      codes:{...CodeTable},
+    };
+  },
+  methods:{},
+  created:async function() {},
+};
+</script>
+<style scoped>
+
+</style>

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

+import Api from "~/service/Api";
+import moment from "moment";
+
+export default {
+    methods: {
+        async handleSearch() {
+
+        },
+        async handleReset() {
+            this.model.rcvp.sffx = "";
+            this.model.rcvp.rcvdatsta = new Date();
+            this.model.rcvp.rcvdatend = new Date();
+            this.model.rcvp.sndbic = "";
+            this.model.rcvp.rcvbic = "";
+            this.model.rcvp.msgid = "";
+            this.model.rcvp.sta = "";
+            this.model.rcvp.subtyp = "";
+            this.model.rcvp.bnsscn = "";
+        },
+        // 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/Fxpjrbsel/model/check.js

+import Utils from "~/utils"
+
+/**
+ * Fxpcetsel 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/Fxpjrbsel/model/index.js

+export default class Fxpcetsel {
+    constructor() {
+        this.data = {
+            rcvp: {
+                rcvdatsta: "",		//  起始日期	.rcvp.rcvdatsta
+                rcvdatend: "",	    //  终止日期	.rcvp.rcvdatend
+                sffx: "",
+                sndbic: "",
+                rcvbic: "",
+                msgid: "",
+                sta: "",
+                subtyp: "",			//  报文类型	.rcvp.subtyp
+                bnsscn: "",
+            },
+            pageId: ""			// ctx的key
+        }
+    }
+}
\ No newline at end of file

src/page/Frontend/Fxpjrbsel/views/Schpnl.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="$t('fxpjrbsel.创建时间')"  style="width: 100%">
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.rcvdatsta" style="width: 100%"/>
+                </c-col>
+                <c-col :span="2" style="text-align: center">
+                  <label style="display: inline-block; width: 100%">-</label>
+                </c-col>
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.rcvdatend" style="width: 100%"/>
+                </c-col>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpjrbsel.业务场景')"  style="width: 100%">
+                <c-select v-model="model.rcvp.bnsscn" maxlength="40" :code="codes.bnsscn"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpjrbsel.报文类型')"  style="width: 100%">
+                <c-select v-model="model.rcvp.subtyp" maxlength="40" :code="codes.subtyp"/>
+              </el-form-item>
+            </c-col>
+          </c-col>
+        </el-row>
+        <!-- 可控展示区 -->
+        <el-row v-show="searchSlot.searchToggle">
+          <c-col :span="24">
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpjrbsel.被封装的类型')"  style="width: 100%">
+                <c-select v-model="model.rcvp.bfzdlx" maxlength="40" :code="codes.atrtyp"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpjrbsel.被封装20域编号')"  style="width: 100%">
+                <c-input v-model="model.rcvp.bfzybh" maxlength="40"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpjrbsel.收发方向')"  style="width: 100%">
+                <c-select v-model="model.rcvp.sffx" maxlength="40" :code="codes.atrtyp"/>
+              </el-form-item>
+            </c-col>
+          </c-col>
+          <c-col :span="24">
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpjrbsel.发报行BIC')"  style="width: 100%">
+                <c-input v-model="model.rcvp.sndbic" maxlength="40"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpjrbsel.收报行BIC')"  style="width: 100%">
+                <c-input v-model="model.rcvp.rcvbic" maxlength="40"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpjrbsel.报文标识号')"  style="width: 100%">
+                <c-input v-model="model.rcvp.msgid" maxlength="40"/>
+              </el-form-item>
+            </c-col>
+          </c-col>
+          <c-col :span="24">
+            <c-col :span="8">
+              <el-form-item :label="$t('fxpjrbsel.处理状态')"  style="width: 100%">
+                <c-select v-model="model.rcvp.sta" maxlength="40" :code="codes.sta"/>
+              </el-form-item>
+            </c-col>
+          </c-col>
+        </el-row>
+      </template>
+    </c-list-search>
+
+    <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="$t('fxpjrbsel.通用金融信息报文查询')" name="sb">
+              <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 v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
+                                 :min-width="item.width"/>
+              </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: 'sb',
+      load: false,
+      stmData: {
+        columns: [
+          {
+            label: "起息日",
+            prop: "valdat",
+            width: "120px"
+          },
+          {
+            label: "收发方向",
+            prop: "sffx",
+            width: "120px"
+          },
+          {
+            label: "报文标识号",
+            prop: "msgid",
+            width: "120px"
+          },
+          {
+            label: "报文参考号",
+            prop: "msgckh",
+            width: "120px"
+          },
+          {
+            label: "业务场景",
+            prop: "bnsscn",
+            width: "120px"
+          },
+          {
+            label: "报文类型",
+            prop: "subtyp",
+            width: "120px"
+          },
+          {
+            label: "被封装的类型",
+            prop: "bfzdlx",
+            width: "120px"
+          },
+          {
+            label: "被封装20域编号",
+            prop: "bfzybh",
+            width: "120px"
+          },
+          {
+            label: "处理状态",
+            prop: "sta",
+            width: "120px"
+          },
+          {
+            label: "发报行BIC",
+            prop: "sndbic",
+            width: "120px"
+          },
+          {
+            label: "收报行BIC",
+            prop: "rcvbic",
+            width: "120px"
+          },
+          {
+            label: "接收时间",
+            prop: "rcvtim",
+            width: "120px"
+          },
+        ],
+        data: [],
+      },
+
+      pagination: {
+        pageNum: 1,
+        pageSize: 10,
+        total: 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/Fxpjrbsel/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-schpnl :model="model" :codes="codes" ref="schpnl"/>
+      </c-content>
+    </el-form>
+  </div>
+</template>
+<script>
+
+import CodeTable from "~/config/CodeTable";
+import event from "../event"
+import Fxpjrbsel from "../model";
+import Check from '../model/check'
+import Schpnl from "./Schpnl.vue"
+
+
+export default {
+  name: "Fxpjrbsel",
+  components:{
+    "m-schpnl" : Schpnl,
+
+  },
+  provide() {
+    return {
+      root: this
+    }
+  },
+  mixins: [event],    // 里面包含了Default、Check等的公共处理
+  data(){
+    return {
+      tabVal: "schpnl",
+      trnName: "fxpjrbsel",
+      model: new Fxpjrbsel().data,
+      rules: Check,
+      codes:{...CodeTable},
+    };
+  },
+  methods:{},
+  created:async function() {},
+};
+</script>
+<style scoped>
+
+</style>

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

+import Api from "~/service/Api";
+import moment from "moment";
+
+export default {
+    methods: {
+        async handleSearch() {
+
+        },
+        async handleReset() {
+            this.model.rcvp.dzhh = "";
+            this.model.rcvp.rcvdatsta = new Date();
+            this.model.rcvp.rcvdatend = new Date();
+            this.model.rcvp.subtyp = "";
+            this.model.rcvp.dzdatsta = new Date();
+            this.model.rcvp.dzdatend = new Date();
+        },
+        // 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/Fxptolsel/model/check.js

+import Utils from "~/utils"
+
+/**
+ * Fxpcetsel 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/Fxptolsel/model/index.js

+export default class Fxpcetsel {
+    constructor() {
+        this.data = {
+            rcvp: {
+                rcvdatsta: "",		//  起始日期	.rcvp.rcvdatsta
+                rcvdatend: "",	    //  终止日期	.rcvp.rcvdatend
+                dzhh: "",
+                subtyp: "",
+                dzdatsta: "",
+                dzdatend: "",
+            },
+            pageId: ""			// ctx的key
+        }
+    }
+}
\ No newline at end of file

src/page/Frontend/Fxptolsel/views/Schpnl.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="$t('fxptolsel.对账行号')" style="width: 100%">
+                <c-input v-model="model.rcvp.dzhh" maxlength="40"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxptolsel.报文类型')" style="width: 100%">
+                <c-select v-model="model.rcvp.subtyp" maxlength="40" :code="codes.subtyp"/>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item :label="$t('fxptolsel.收报日期')" style="width: 100%">
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.rcvdatsta" style="width: 100%"/>
+                </c-col>
+                <c-col :span="2" style="text-align: center">
+                  <label style="display: inline-block; width: 100%">-</label>
+                </c-col>
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.rcvdatend" style="width: 100%"/>
+                </c-col>
+              </el-form-item>
+            </c-col>
+          </c-col>
+        </el-row>
+        <!-- 可控展示区 -->
+        <el-row v-show="searchSlot.searchToggle">
+          <c-col :span="24">
+            <c-col :span="8">
+              <el-form-item :label="$t('fxptolsel.对账日期')" style="width: 100%">
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.dzdatsta" style="width: 100%"/>
+                </c-col>
+                <c-col :span="2" style="text-align: center">
+                  <label style="display: inline-block; width: 100%">-</label>
+                </c-col>
+                <c-col :span="11">
+                  <c-date-picker type="date" v-model="model.rcvp.dzdatend" style="width: 100%"/>
+                </c-col>
+              </el-form-item>
+            </c-col>
+          </c-col>
+        </el-row>
+      </template>
+    </c-list-search>
+
+    <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="$t('fxptolsel.境内外币总核对查询')" name="sb">
+              <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 v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
+                                 :min-width="item.width"/>
+              </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: 'sb',
+      load: false,
+      stmData: {
+        columns: [
+          {
+            label: "收报日期",
+            prop: "rcvdat",
+            width: "120px"
+          },
+          {
+            label: "对账日期",
+            prop: "dzdat",
+            width: "120px"
+          },
+          {
+            label: "发报行",
+            prop: "sndbak",
+            width: "120px"
+          },
+          {
+            label: "收报行",
+            prop: "rcvbak",
+            width: "120px"
+          },
+          {
+            label: "报文标识号",
+            prop: "msgid",
+            width: "120px"
+          },
+          {
+            label: "币种",
+            prop: "cur",
+            width: "120px"
+          },
+          {
+            label: "报文标准",
+            prop: "msgtyp",
+            width: "120px"
+          },
+          {
+            label: "报文类型",
+            prop: "subtyp",
+            width: "120px"
+          },
+          {
+            label: "对账状态",
+            prop: "sta",
+            width: "120px"
+          },
+          {
+            label: "明细数目",
+            prop: "mxsm",
+            width: "120px"
+          },
+        ],
+        data: [],
+      },
+
+      pagination: {
+        pageNum: 1,
+        pageSize: 10,
+        total: 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/Fxptolsel/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-schpnl :model="model" :codes="codes" ref="schpnl"/>
+      </c-content>
+    </el-form>
+  </div>
+</template>
+<script>
+
+import CodeTable from "~/config/CodeTable";
+import event from "../event"
+import Fxptolsel from "../model";
+import Check from '../model/check'
+import Schpnl from "./Schpnl.vue"
+
+
+export default {
+  name: "Fxptolsel",
+  components:{
+    "m-schpnl" : Schpnl,
+
+  },
+  provide() {
+    return {
+      root: this
+    }
+  },
+  mixins: [event],    // 里面包含了Default、Check等的公共处理
+  data(){
+    return {
+      tabVal: "schpnl",
+      trnName: "fxptolsel",
+      model: new Fxptolsel().data,
+      rules: Check,
+      codes:{...CodeTable},
+    };
+  },
+  methods:{},
+  created:async function() {},
+};
+</script>
+<style scoped>
+
+</style>