开发外币兑换平盘交易前端逻辑

src/page/Funds/Inffxd/event/index.js

@@ -6,6 +6,7 @@ export default {
         async handleSearch() {
             console.log("serach......");
 
+            console.log(this.activeTab )
             let opndatfrom = this.model.infcon.opndatfrom;
             if (!opndatfrom || opndatfrom == "") {
                 this.$notify.error({
@@ -24,23 +25,26 @@ export default {
             }
 
             this.load = true;
-            let rtnmsg = await Api.post("/funds/fxdsel/query", {
+            let rtnmsg = await Api.post("/funds/fxtsel/list"+this.activeTab , {
                 ...this.model.infcon,
-                dir: ">",
-                pageNum: this.pagination.pageNum,
-                pageSize: this.pagination.pageSize,
+                
+                pageNumber: this.pagination.pageNumber<=0?1:this.pagination.pageNumber,
+                pageSize: this.pagination.pageSize <=0?10: this.pagination.pageSize,
                 opndatfrom: moment(opndatfrom).format("YYYY-MM-DD"),
                 opndatto: moment(opndatto).format("YYYY-MM-DD"),
             });
             if (rtnmsg.respCode == SUCCESS) {
                 this.load = false;
                 this.stmData.data = [];
-                this.stmData.data = rtnmsg.data.list;
-                this.pagination = {
-                    pageNum: rtnmsg.data.pageNum || 1,
-                    pageSize: rtnmsg.data.pageSize || 10,
-                    total: rtnmsg.data.total,
-                };
+                if (this.activeTab==="jsh"){
+                  this.stmData.data = rtnmsg.data.list;
+                }
+                else if(this.activeTab==="dhpp"){
+                  this.stmDataDh.data = rtnmsg.data.list;
+                }
+                
+                this.pagination.total = rtnmsg.data.total;
+              
             } else {
                 this.$notify.error({
                     title: this.$t("financing.错误"),
@@ -73,15 +77,69 @@ export default {
             this.model.infcon.accmng = "";
             this.model.infcon.fxtyp = "";
         },
+
+        //首字母大写
+    toTitleCase(str){
+        return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()
+      },
+
+        // 处理
+        async handler(row) {
+            this.handleModel = row;
+            this.trnUrl = 'funds';
+            this.inifrm = 'fxtsel';
+            this.initdialog = true;
+          },
+
+          //双击表格数据
+    async TableDblRow(row) {
+        this.handler(row)
+      },
+
+       //点击页签
+    async  handleClickTab(){
+        switch (this.activeTab){
+          case 'jsh':
+            this.titleNam = "结售汇交易列表"
+                break;
+          case 'dhpp':
+            this.titleNam = "外币兑换平盘交易列表"
+                break;
+          default:
+            this.titleNam = "交易列表"
+            break;
+        }
+    },
+
+
+      //单击表格数据
+    TableRowClick(row) {
+        this['selectedModel' + this.toTitleCase(this.activeTab)] = row
+      },
+
+ 
+
+      changeOwnref(){
+       
+      },
+
+      async handleClick (btn,row) {
+        this.routerPush({
+          path: "/business/" + btn.code.toLowerCase(),
+          query: { inr: row.inr,pntinr: row.pntinr }
+        });
+        this.initdialog = false;
+      },
+
         // pageSize改变
         handleSizeChange(val) {
-            this.pagination.pageNum = 1;
+            this.pagination.pageNumber = 1;
             this.pagination.pageSize = val;
             this.handleSearch();
         },
         // 页码改变
         handleCurrentChange(val) {
-            this.pagination.pageNum = val;
+            this.pagination.pageNumber = val;
             this.handleSearch();
         },
 
@@ -110,6 +168,139 @@ toFxtfop() {
     });
 },
 
+
+ // 详情
+ async details(row) {
+    const params = {
+      ownref: row.ownref,
+      shgref: row.shgref ?  row.shgref.trim() : '',
+    };
+    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]){
+      this.$refs[this.oldRefId].showPopper = false;
+    }
+  },
+
+   //Info
+   toInfo(row,objtyp,subobjtyp){
+    console.log('activeTab:', this.activeTab.toLowerCase() == 'sg' ? 'br' : this.activeTab.toLowerCase() )
+    this.routerPush({
+      path: "/business/" + (this.activeTab.toLowerCase() == 'sg' ? 'br' : this.activeTab.toLowerCase()) + "dinf",
+      query: { inr: row.inr,objtyp:objtyp,pntinr:row.pntinr,subobjtyp:subobjtyp}
+    });
+  },
+  // 关闭详情弹框
+  closeDetailsDialog(refId) {
+    if(refId  &&  this.$refs[refId]){
+      this.$refs[refId].showPopper = false;
+    }
+    
+  },
+
+  // 关闭处理弹框
+  closeHandlerDialog() {
+    this.initdialog = false;
+  },
+
+
+  /**
+     * 打开详情页面
+     * @param row
+     */
+   display(row) {
+    if(this.oldRefId &&  this.$refs[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'
+        }
+      });
+    }
+
+  },
+  checkData(row){
+          this.routerPush({
+              path: '/business-new/litdck',
+              query: {
+        inr: this.handleModel.inr,brdinr:row.inr
+      }
+          });
+    this.litdckdialog = false  
+    this.$options.methods.closeHandlerDialog.call(this);
+  },
+
+
+  //修改弹窗状态
+  changeBtn(isVisible){
+    this.initdialog = isVisible;
+  },
+//获取码表数据
+getCodeTable(tbl,uil,value){
+    if(uil){
+      uil='EN'
+    }
+    let localCodes = localStorage.getItem('localCodes');
+    if (localCodes) {
+        let codeobj = JSON.parse(localCodes)[tbl + '_' + uil + '_COD'];
+         if(codeobj){
+          let codeobj = codeobj.filter(m => m.value === value);
+          return codeobj ? codeobj.label : value;
+         }else{
+          return value;
+         }
+    }else{
+      return value;
+    }
+  },
+    //获取码表数据
+    getCodelabel(value,codenam) {
+        const codeobj = this.model.dbCodes[codenam].find(obj => obj.value === value)
+        return codeobj ? codeobj.label : value;
+      },
+      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
+        }
+      },
         
     },
 };

src/page/Funds/Inffxd/model/index.js

@@ -5,7 +5,7 @@ export default class inffxd {
 		this.data = {
 			infcon: {
 				seaownref: "",			//  业务编号    		.infcon.seaownref
-				nam: "",			//  业务名称		.infcon.nam
+				seanam: "",			//  业务名称		.infcon.nam
 				opndat: "",			//
 				opndatfrom: new Date((new Date).getTime() - (7 * 24 * 60 * 60 * 1000)),			//  有效日期自		.infcon.opndatfrom
 				opndatto: new Date(),			//  Open Date to		.infcon.opndatto