代理行业务查询页面开发

src/page/Remittance/RemittanceRouter.js

@@ -41,6 +41,7 @@ const RemittanceRouter = [
   { path: 'auesig', component: () => import('./Autsig/Auesig/views'), name: 'Auesig', meta: { keepAlive: true, title: '自动化签约信息编辑',module: 'Remittance' } },
   { path: 'autrul', component: () => import('./Autsig/Autrul/views'), name: 'Autrul', meta: { keepAlive: true, title: '签约场景配置',module: 'Remittance' } },
 
-
+  // 代理行
+  { path: 'zptsel', component: () => import('./Zptsel/views'), name: 'zptsel', meta: { keepAlive: true, title: '转汇款',module: 'Remittance' } },
 ]
 export default RemittanceRouter

src/page/Remittance/Zptsel/event/index.js

+import Api from '~/service/Api';
+import moment from 'moment';
+
+export default {
+  methods: {
+    async handleSearch() {
+      if ((this.model.infcon.seaownref == '' || this.model.infcon.seaownref == null) && this.model.infcon.opndatfrom == null) {
+        this.$notify.error({ title: '错误', message: '开始日期必输！' });
+        return;
+      }
+      if ((this.model.infcon.seaownref == '' || this.model.infcon.seaownref == null) && this.model.infcon.opndatto == null) {
+        this.$notify.error({ title: '错误', message: '截止日期必输！' });
+        return;
+      }
+      if (this.model.infcon.opndatfrom != null && this.model.infcon.opndatto != null) {
+        if (new Date(this.model.infcon.opndatfrom).getTime() > new Date(this.model.infcon.opndatto).getTime()) {
+          this.$notify.error({ title: '错误', message: '开始日期应小于或等于截止日期！' });
+          return
+        }
+      }
+      if (this.model.infcon.seacur == '' && (this.model.infcon.seaamtfr != '' || this.model.infcon.seaamtto != '')) {
+        this.$notify.error({ title: '错误', message: '输入金额前请先选择币种！' });
+        return
+      }
+      if (this.model.infcon.seaamtfr != '' && this.model.infcon.seaamtto != '') {
+        if (Number(this.model.infcon.seaamtfr) > Number(this.model.infcon.seaamtto)) {
+          this.$notify.error({ title: '错误', message: '金额下限应小于等于金额上限!' });
+          return
+        }
+      }
+
+      this.load = true;
+      let params = {
+        ...this.model.infcon,
+        opndatfrom: this.model.infcon.opndatfrom ? moment(this.model.infcon.opndatfrom).format("YYYY-MM-DD") : '',
+        opndatto: this.model.infcon.opndatto ? moment(this.model.infcon.opndatto).format("YYYY-MM-DD") : '',
+        branch: JSON.parse(sessionStorage.getItem('currentOrg')).departmentNumber,
+        pageNumber: this.pagination.pageIndex,
+        pageSize: this.pagination.pageSize,
+        paytyp: 'I',
+      };
+      delete params.markSet
+      delete params.modifySet
+      let rtnmsg = await Api.post('/Remittance/cptsel/listcp', params);
+      if (rtnmsg.respCode == SUCCESS) {
+        this.stmData.data = [];
+        this.stmData.data = rtnmsg.data.list;
+        this.pagination.total = rtnmsg.data.total;
+      } else {
+        this.$notify.error({ title: '错误', message: '服务请求失败！' });
+      }
+      this.load = false;
+    },
+
+    async handleReset() {
+      this.model.infcon = {}
+    },
+    //柜员列表
+    async getUserList() {
+      let param = {};
+      if (this.model.bchcon) {
+        param.bchcon = this.model.bchcon
+      }
+      let res = await Api.post("/public/quesel/getActUserList", param);
+      if (res.respCode == SUCCESS) {
+        this.userList = res.data.list;
+      }
+    },
+    //获取机构列表
+    async getBranchList() {
+      let branch = JSON.parse(sessionStorage.getItem('currentOrg')).departmentNumber
+      let rtnmsg = await Api.post("/public/rptsel/getBranchList", branch)
+      if (rtnmsg.respCode === SUCCESS) {
+        this.bchtypList = rtnmsg.data.filter(item => (item.lev != 'A' && item.lev != 'B'))
+      }
+    },
+    // pageSize改变
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+      this.pagination.pageIndex = 1;
+      this.pagination.pageSize = val;
+      this.handleSearch();
+    },
+    // 页码改变
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+      this.pagination.pageIndex = val;
+      this.handleSearch();
+    },
+
+    // 详情
+    async details(row) {
+      const params = {
+        ownref: row.ownref,
+      };
+      const res = await Api.post('/manager/trn/getTrnListByOwnref', params);
+      if (res.respCode === SUCCESS) {
+        if (res.data.length === 1) {
+          if (this.oldRefId && this.$refs[this.oldRefId]) {
+            this.$refs[this.oldRefId].showPopper = false;
+          }
+          this.display(res.data[0])
+        } else {
+          this.trnData.data = res.data;
+          this.oldRefId = 'popover_' + row.inr
+          this.$refs[this.oldRefId].showPopper = true;
+        }
+      }
+    },
+    closeDisplayDialog() {
+      if (this.oldRefId) {
+        this.$refs[this.oldRefId].showPopper = false;
+      }
+    },
+
+    // 关闭详情弹框
+    closeDetailsDialog(refId) {
+      if (refId) {
+        this.$refs[refId].showPopper = false;
+      }
+    },
+
+    // 处理
+    async handler(row) {
+      this.handleModel = row;
+      this.trnUrl = 'Remittance';
+      this.inifrm = 'cptsel';
+      this.initdialog = true;
+    },
+
+    //双击表格数据
+    async TableDblRow(row) {
+      this.handler(row)
+    },
+
+    //点击处理弹窗中按钮
+    async handleClick(btn, row) {
+      let obj = {
+        objtyp: 'CPD',
+        objinr: row.inr,
+        pntinr: row.pntinr,
+        pnttyp: row.pnttyp,
+        ledinr: row.ledinr,
+        trnName: btn.code.toLowerCase(),
+      }
+      let isPush = await this.$refs.lockAndPending.checkLockAndPending(obj)
+      if (!isPush) {
+        return
+      }
+      let params = {}
+      let type;
+      if ("挂账退汇" === btn.label.toUpperCase()) {
+        type = "GZTH"
+      } else if ("解付后退汇" === btn.label.toUpperCase()) {
+        type = "JFTH"
+      }
+
+      if (btn.code.toLowerCase() == 'jstopn') {
+        params = {
+          path: "/business/" + btn.code.toLowerCase(),
+        }
+      } else {
+        params = {
+          path: "/business/" + btn.code.toLowerCase(),
+          query: { inr: row.inr, pntinr: row.pntinr, accmod: 'G', type: type }
+        }
+      }
+      this.routerPush(params);
+      this.initdialog = false;
+    },
+    //修改弹窗状态
+    changeBtn(isVisible) {
+      this.initdialog = isVisible;
+    },
+    // 关闭处理弹框
+    closeHandlerDialog() {
+      this.initdialog = false;
+    },
+
+    /**
+     * 打开快照页面
+     * @param {string} inr
+     */
+    display(row) {
+      if (this.oldRefId) {
+        this.$refs[this.oldRefId].showPopper = false;
+      }
+      // 历史快照
+      if (row.inr.length == 8) {
+        this.routerPush({
+          path: '/business/HistoryRecord',
+          query: {
+            businessInr: row.inr,
+            businessType: 'TRN',
+            type: 'view'
+          }
+        })
+      } else if (row.inr.length == 16) {
+        this.routerPush({
+          path: `/display/${row.inifrm.toLowerCase()}`,
+          query: {
+            businessInr: row.inr,
+            businessType: 'TRN'
+          }
+        });
+      }
+    },
+    toCptati() {
+      // 点击开立，清空从待经办进来的时候带的行参数
+      // localStorage.setItem('row_letopn', null)
+      // localStorage.setItem('review_letopn',null)
+      this.routerPush({
+        path: '/business/cptati',
+      });
+    },
+    toCptato() {
+      this.routerPush({
+        path: '/business/cptato',
+      });
+    },
+
+    toZptadv() {
+      this.routerPush({
+        path: '/business/zptadv',
+      });
+    },
+
+    toZptopn() {
+      this.routerPush({
+        path: '/business/zptopn',
+      });
+    },
+    toZpticr() {
+      this.routerPush({
+        path: '/business/zpticr',
+      });
+    },
+    toZptocr() {
+      this.routerPush({
+        path: '/business/zptocr',
+      });
+    },
+    
+    changeOwnref() {
+      if (this.model.infcon.seaownref) {
+        this.model.infcon.opndatfrom = null
+      }
+    },
+    //Info
+    toInfo(row, objtyp, subobjtyp, paytyp) {
+      this.routerPush({
+        path: "/business/cpdinf",
+        query: { inr: row.inr, objtyp: objtyp, pntinr: row.pntinr, subobjtyp: subobjtyp, paytyp: paytyp }
+      });
+    },
+    async getdbCode(codeType, uil, codeNam) {
+      let params = {
+        codeType: codeType,
+        uil: uil ? uil : 'EN'
+      }
+      let rtnmsg = await Api.post("/manager/dic/listDicInfo", params)
+      if (rtnmsg.respCode === SUCCESS) {
+        let curList = rtnmsg.data.map(item => ({
+          value: item.codeValue,
+          label: item.codeName
+        }));
+        this.model.dbCodes[codeNam] = curList
+      }
+    },
+    getCodelabel(value, codenam) {
+      const codeobj = this.model.dbCodes[codenam].find(obj => obj.value === value)
+      return codeobj ? codeobj.label : value;
+    },
+  },
+};

src/page/Remittance/Zptsel/model/index.js

+
+export default class Zptsel {
+  constructor() {
+    this.data = {
+      dbCodes: {
+        cptrou: [],
+      },
+      infcon: {
+        seaownref: '',
+        opndatfrom: new Date((new Date).getTime() - (7 * 24 * 60 * 60 * 1000)),
+        opndatto: new Date(),
+        searef: '',
+        route: '',
+        isClosed: '',
+        seacur: '',
+        seaamtfr: '',
+        seaamtto: '',
+        branchinr: '',
+        ownusr: '',
+
+      }
+    }
+  }
+}

src/page/Remittance/Zptsel/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-infsea :model="model" :codes="codes" ref="infsea" />
+      </c-content>
+    </el-form>
+  </div>
+</template>
+<script>
+
+import CodeTable from "~/config/CodeTable";
+import Zptsel from "../model";
+import event from "../event"
+import Infsea from "./Infsea";
+
+export default {
+  name: "Zptsel",
+  components: {
+    "m-infsea": Infsea,
+  },
+  provide() {
+    return {
+      root: this
+    }
+  },
+  mixins: [event],    // 里面包含了Default、Check等的公共处理
+  data() {
+    return {
+      tabVal: "infsea",
+      trnName: "zptsel",
+      model: new Zptsel().data,
+      rules: null,
+      codes: { ...CodeTable },
+    };
+  },
+  methods: {},
+  created: async function () { },
+};
+</script>
+<style scoped></style>