Msgdtlrsm 交易开发

src/page/Frontend/FTRouter.js

@@ -42,7 +42,8 @@ const BusRouter = [
   // 报文管理w
   { path: 'rcvsel', component: () => import("./Rcvsel/views"), name: 'Rcvsel', meta: { keepAlive: true, title: '收报查询' } },
   { path: 'sndsel', component: () => import("./Sndsel/views"), name: 'Sndsel', meta: { keepAlive: true, title: '发报查询' } },
-  { path: 'msgdtl', component: () => import("./Msgdtl/views"), name: 'msgdtl', meta: { keepAlive: true, title: '报文原文展示', module: 'frontend' } },
+  { path: 'msgdtl', component: () => import("./Msgdtl/views"), name: 'Msgdtl', meta: { keepAlive: true, title: '报文原文展示', module: 'frontend' } },
+  { path: 'msgdtlrsm', component: () => import("./Msgdtlrsm/views"), name: 'Msgdtlrsm', meta: { keepAlive: true, title: '报文疑似重复详情页面', module: 'frontend' } },
   { 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: '人工清分' } },

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

 <template>
   <div class="eContainer">
-    <c-page title="汇入清算">
+    <c-page title="报文原文展示">
       <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small"
         :validate-on-rule-change="false">
         <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">

src/page/Frontend/Msgdtlrsm/event/buildCommons.js

+import Utils from "~/utils";
+
+export default {
+  methods: {
+    buildPtspta(ptsptaObj) {
+      let pts = ptsptaObj.pts;
+      return {
+        rol: pts.rol,
+        name: pts.nam,
+        ptyinr: pts.ptyinr,
+        ptainr: pts.ptainr,
+        extkey: pts.extkey,
+        dftdsp: pts.dftdsp,
+        dftcur: pts.dftcur,
+        dftact: pts.dftact,
+        dftfeecur: pts.dftfeecur,
+        dftactptainr: pts.dftactptainr,
+        glggrpflg: pts.glggrpflg,
+        adrblk: pts.adrblk,
+        pts,
+      };
+    },
+    buildCommonData(model, trnName) {
+      let ptsptaList = Utils.formatPtspta(model.crdgrp, this.buildPtspta);
+      return {
+        rec: {
+          objtyp: "MSG",
+        },
+        cbsMap: {
+          
+        },
+        ptsList: ptsptaList,
+        transName: trnName,
+        userId: window.sessionStorage.userId ? window.sessionStorage.userId : "ZL",
+      };
+    },
+  },
+};

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

+import Api from "~/service/Api";
+import moment from "moment";
+
+export default {
+  methods: {
+
+  },
+};

src/page/Frontend/Msgdtlrsm/model/check.js

+export default {
+  
+}
\ No newline at end of file

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

+import Pts from "~/page/Model/Common/Pts"
+import Pub from "~/components/business/commonModel/index.js";
+export default class Msgdtlrsm {
+  constructor() {
+    this.data = {
+      msgdtll: '',
+      mdtp: {
+        mdtmod: {
+          mpelst: [],			//  		.mdtp.mdtmod.mpelst
+          msgdtl: "",			//  报文展示		.mdtp.mdtmod.msgdtl
+          mpelstTotal: 0,
+          gpelst: [],			//  		.mdtp.mdtmod.gpelst
+          gpelstTotal: 0,
+          gpe192lst: [],			//  		.mdtp.mdtmod.gpe192lst
+          gpe192lstTotal: 0,
+          gpeutrlst: [],			//  		.mdtp.mdtmod.gpeutrlst
+          gpeutrlstTotal: 0
+        },
+        shwpremsg: "",			//  显示转会前报文		.mdtp.shwpremsg
+      },
+    }
+  }
+}
\ No newline at end of file

src/page/Frontend/Msgdtlrsm/views/Msgdtlp.vue

+<template>
+  <div class="eibs-tab">
+    <c-button class="medium_bcs" size="medium" style="margin-left: 0" type="primary" @click="handleList">
+      历史记录
+    </c-button>
+    <c-button class="medium_bcs" size="medium" style="margin-left: 20px" type="primary" @click="handleBack">
+      返回
+    </c-button>
+    <p style="margin-top: 20px;border: 1px solid #333333;padding-10px;width: 100%;min-height: 500px;" v-html="model.msgdtll"></p>
+
+    <el-dialog v-if="visible" v-dialogDrag :visible="visible" :modal-append-to-body="false" :close-on-click-modal="true"
+      title="历史记录" destroy-on-close width="50%">
+      <div class="e-table-wrapper">
+        <el-table :data="model.mdtp.mdtmod.mpelst" style="width: 100%">
+          <el-table-column prop="dattim" label="处理时间" width="150">
+          </el-table-column>
+          <el-table-column prop="usr" label="操作用户" width="150">
+          </el-table-column>
+          <el-table-column prop="chncod" label="当前渠道" width="150">
+            <template slot-scope="scope">
+              <c-select-value-to-label v-model="scope.row.chncod" :code="codes.chncod"></c-select-value-to-label>
+            </template>
+          </el-table-column>
+          <el-table-column prop="nxtchncod" label="下一渠道" width="150">
+            <template slot-scope="scope">
+              <c-select-value-to-label v-model="scope.row.nxtchncod" :code="codes.chncod"></c-select-value-to-label>
+            </template>
+          </el-table-column>
+          <el-table-column prop="prvsta" label="处理前状态" width="150">
+            <template slot-scope="scope">
+              <c-select-value-to-label v-model="scope.row.prvsta" :code="codes.msgsta"></c-select-value-to-label>
+            </template>
+          </el-table-column>
+          <el-table-column prop="sta" label="处理状态" width="150">
+            <template slot-scope="scope">
+              <c-select-value-to-label v-model="scope.row.sta" :code="codes.msgsta"></c-select-value-to-label>
+            </template>
+          </el-table-column>
+          <el-table-column prop="txt" label="备注">
+          </el-table-column>
+        </el-table>
+        <el-pagination layout="prev, pager, next" :total="model.mdtp.mdtmod.mpelstTotal">
+        </el-pagination>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api"
+import Event from "../event"
+export default {
+  inject: ['root'],
+  props: ["model", "codes"],
+  mixins: [Event],
+  data() {
+    return {
+      trnName: "msgdtl",
+      visible: false
+    }
+  },
+  methods: {
+    async handleList () {
+      let params = {
+        mpsinr: this.$route.query.mpsinr || "",
+      }
+      const rtnmsg = await Api.post(`/${this.moduleRouter()}/${this.trnName}/msghis`, params);
+      if (rtnmsg.respCode === SUCCESS) {
+        this.visible = true
+        this.model.mdtp.mdtmod.mpelst = rtnmsg.data
+      }
+    }
+  },
+  created: function () {
+  }
+}
+</script>
+<style></style>

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

+<template>
+  <div class="eContainer">
+    <c-page title="报文疑似重复详情页面">
+      <el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small"
+        :validate-on-rule-change="false">
+        <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
+          <el-tab-pane label="业务信息" name="msgdtlp">
+            <c-content>
+              <m-msgdtlp :model="model" :codes="codes" />
+            </c-content>
+          </el-tab-pane>
+        </c-tabs>
+      </el-form>
+    </c-page>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api"
+import CodeTable from "~/config/CodeTable"
+import Msgdtlrsm from "../model"
+import Msgdtlp from "./Msgdtlp"
+
+import operationFunc from "~/mixin/operationFunc";
+import commonDepend from "~/mixin/commonDepend";
+import event from "../event";
+import buildFn from "../event/buildCommons.js";
+import Check from "../model/check.js";
+export default {
+  name: "Msgdtlrsm",
+  components: {
+    "m-msgdtlp": Msgdtlp,
+  },
+  provide() {
+    return {
+      root: this
+    }
+  },
+  mixins: [operationFunc, commonDepend, event, buildFn],
+  data() {
+    return {
+      tabVal: "msgdtlp",
+      trnName: "msgdtl",
+      model: new Msgdtlrsm().data,
+      rules: Check,
+      codes: {
+        chncod: CodeTable.chncod,
+        clrsys: CodeTable.clrsys,
+        gpicod: CodeTable.gpicod,
+        msgsta: CodeTable.msgsta,
+        dircod: CodeTable.dircod,
+        setmth: CodeTable.setmth,
+        gpista: CodeTable.gpista,
+      },
+    }
+  },
+  methods: {
+    myTabClick(tab) {
+      this.tabClick(tab)
+    }
+  },
+  created: async function () {
+    console.log("进入msgdtl交易");
+    let params = {
+      mpsinr: this.$route.query.mpsinr || "",
+    };
+    const rtnmsg = await Api.post(`/${this.moduleRouter()}/${this.trnName}/init`, params);
+    if (rtnmsg.respCode === SUCCESS) {
+      this.model.msgdtll = rtnmsg.data
+    }
+  }
+}
+</script>
+<style></style>