资金拆借交易入口

src/config/isc-baseData-local.js

-var baseData = {};
+var baseData = {};
 if (process.env.NODE_ENV === 'production') {//生产模式
   baseData = {
     //15.62.176.250:8088
@@ -33,7 +33,7 @@ if (process.env.NODE_ENV === 'production') {//生产模式
   }
 } else {//开发模式
   baseData = {
-    "hostFunds":"localhost:28090",
+    "hostFunds":"localhost:31096",
     
     "hostPublic": "localhost:31081",
     "hostReport": "192.168.0.114:31090",

src/config/isc-baseData.js

-var baseData = {};
+var baseData = {};
 if (process.env.NODE_ENV === 'production') {//生产模式
   baseData = {
     //15.62.176.250:8088
@@ -48,6 +48,7 @@ if (process.env.NODE_ENV === 'production') {//生产模式
     "hostPublic": "15.52.176.251:8081",
     "hostReport": "127.0.0.1:8090",
     "hostGjzf": "127.0.0.1:8096",
+    "hostFunds":"localhost:31096",
     "basePath": "/webapi",
     "schemes": "http",
     "message": {

src/page/Display/DisplayRouter.js

@@ -2053,6 +2053,20 @@ const DisplayRouter = [
       component: () => import("./Derivative/DisplayMctopn.vue"),
       meta: {keepAlive: true, title: "交易快照-万能交易开立", module: 'Derivative'}
     },
+    //以下为资金快照
+    {
+        name: "DisplayFttfcm",
+        path: "fttfcm",
+        component: () => import("./Funds/DisplayFttfcm.vue"),
+        meta: {keepAlive: true, title: "交易快照-资金调拨"}
+    },
+
+    {
+        name: "DisplayFttpcm",
+        path: "fttpcm",
+        component: () => import("./Funds/DisplayFttpcm.vue"),
+        meta: {keepAlive: true, title: "交易快照-头寸调拨"}
+    },
 
 ];
 

src/page/Display/Funds/DisplayFttfcm.vue

+<template>
+    <Fttfcm></Fttfcm>
+  </template>
+  <script>
+  import Fttfcm from "~/page/Funds/Fttfcm/views";
+  
+  export default {
+    name: "display-fttfcm",
+    components: { Fttfcm },
+    created() { },
+    mounted() { }
+  };
+  </script>  
+  <style></style>
\ No newline at end of file

src/page/Display/Funds/DisplayFttpcm.vue

+<template>
+    <Fttpcm></Fttpcm>
+  </template>
+  <script>
+  import Fttpcm from "~/page/Funds/Fttpcm/views";
+  
+  export default {
+    name: "display-fttpcm",
+    components: { Fttpcm },
+    created() { },
+    mounted() { }
+  };
+  </script>  
+  <style></style>
\ No newline at end of file

src/page/Funds/FundsRouter.js

 const BusRouter = [
   { path: 'inffxd', component: () => import("./Inffxd/views"), name: 'Inffxd', meta: {keepAlive: true, title: '资结售汇报表交易查询' , module: 'funds' }},
-  { path: 'infftd', component: () => import("./Infftd1/views"), name: 'Infftd1', meta: {keepAlive: true, title: '资金拆借/头寸调拨报表交易查询' , module: 'funds' }},
+  { path: 'infftd', component: () => import("./Infftd/views"), name: 'Infftd', meta: {keepAlive: true, title: '资金拆借/头寸调拨报表交易查询' , module: 'funds' }},
   { path: 'fttatt', component: () => import("./Fttatt/views"), name: 'Fttatt', meta: {keepAlive: true, title: 'Fttatt' , module: 'funds' }},
   { path: 'fttfcm', component: () => import("./Fttfcm/views"), name: 'Fttfcm', meta: {keepAlive: true, title: '资金定存拆借登记及确认交易' , module: 'funds' }},
   { path: 'fttfcn', component: () => import("./Fttfcn/views"), name: 'Fttfcn', meta: {keepAlive: true, title: '定存拆借销账交易' , module: 'funds' }},

src/page/Funds/Infftd1/event/index.js → src/page/Funds/Infftd/event/index.js

@@ -55,25 +55,10 @@ export default {
             this.model.infcon.opndatfrom = new Date();
             this.model.infcon.opndatto = new Date();
             this.model.infcon.nam = "";
-            this.model.infcon.ownusr = "";
-            this.model.infcon.usr = "";
-            this.model.infcon.bnktyp = "";
-            this.model.infcon.gzno = "";
-
             this.model.infcon.seacur = "";
             this.model.infcon.eaamtfr = "";
             this.model.infcon.eaamtto = "";
 
-            this.model.infcon.searef = "";
-            this.model.infcon.ptyextkey = "";
-            this.model.infcon.ptynam = "";
-            this.model.infcon.seapty = "";
-            this.model.infcon.searol = "";
-            this.model.infcon.usrextkey = "";
-
-            this.model.infcon.seasta = "";
-            this.model.infcon.fttyp = "";
-
         },
         // pageSize改变
         handleSizeChange(val) {
@@ -87,17 +72,153 @@ export default {
             this.handleSearch();
         },
 
-        //拆借存放登记及确认
-        toFttfcm() {
+
+         // 详情
+    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;
+        }
+      }
+    },
+      // 关闭详情弹框
+      closeDetailsDialog(refId) {
+        if(refId){
+          this.$refs[refId].showPopper = false;
+        }
+      },
+
+    // closeDisplayDialog(){
+    //   if(this.oldRefId){
+    //     this.$refs[this.oldRefId].showPopper = false;
+    //   }
+    // },
+    // 处理
+    async handler(row) {
+        this.handleModel = row;
+        this.trnUrl = 'funds';
+        this.inifrm = 'ftdsel';
+        this.initdialog = true;
+      },
+  
+      //双击表格数据
+      async TableDblRow(row) {
+        this.handler(row)
+      },
+      closeDisplayDialog(){
+        if(this.oldRefId){
+          this.$refs[this.oldRefId].showPopper = false;
+        }
+      },
+
+
+      //点击处理弹窗中按钮
+      async handleClick (btn,row) {
+        let obj = {
+          objtyp:'FTD',
+          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 = {}
+        if(btn.code.toLowerCase() == 'fttfmt'){
+          params = {
+            path: "/business/" + btn.code.toLowerCase(),
+          }
+        }else{
+          params = {
+            path: "/business/" + btn.code.toLowerCase(),
+            query: { inr: row.inr,pntinr: row.pntinr }
+          }
+        }
+        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 = true;
+        }
+        // 历史快照
+        if (row.inr.length == 8) {
           this.routerPush({
-                path: '/business/fttfcm',
+            path: '/business/HistoryRecord',
+            query: {
+              businessInr: row.inr,
+              businessType: 'TRN',
+              type:'view'
+            }
+          })
+        } else if (row.inr.length == 4) {//TODO：修改为16
+          this.routerPush({
+            path: `/display/fttfcm`,//${row.inifrm.toLowerCase()},fttpcm
+            query: {
+              businessInr: row.inr,
+              businessType: 'TRN'
+            }
           });
+        }
       },
-        //头寸调拨登记及确认
-        toFttpcm() {
+      
+      changeOwnref(){
+        if(this.model.infcon.seaownref){
+          this.model.infcon.opndatfrom = null
+        }
+      },
+       //Info
+       toInfo(row,objtyp,subobjtyp,paytyp){
         this.routerPush({
-                path: '/business/fttpcm',
+          path: "/business/fttpcm",
+          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;
+      },
     },
-};
+  };
+  
\ No newline at end of file

src/page/Funds/Infftd/views/Infsea.vue

+<template>
+  <div class="eibs-tab">
+    <c-list-search @form-reset="handleReset('paramsForm')"
+                   @form-search="handleSearch">
+      <!-- 持续展示区 -->
+      <template v-slot="searchSlot">
+       
+        <el-form
+          class="m-table-search-form"
+          ref="paramsForm"
+          label-position="right"
+          label-width="110px"
+          size="small"
+        >
+        <el-row>
+          <c-col :span="24">
+            <c-col :span="8">
+              <el-form-item
+                label="资金调拨编号"
+                prop="seaownref"
+                style="width: 100%"
+              >
+                <c-input
+                  v-model="model.infcon.seaownref"
+                  maxlength="40"
+                  placeholder="请输入资金调拨编号"
+                >
+                </c-input>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item
+                label="交易有效日期"
+                prop="opndatfrom"
+                style="width: 100%"
+              >
+                <c-col :span="11">
+                  <c-date-picker
+                    type="date"
+                    v-model="model.infcon.opndatfrom"
+                    style="width: 100%"
+                  ></c-date-picker>
+                </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.infcon.opndatto"
+                    style="width: 100%"
+                  ></c-date-picker>
+                </c-col>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item label="业务名称" prop="nam" style="width: 100%">
+                <c-input
+                  v-model="model.infcon.nam"
+                  maxlength="40"
+                  placeholder="请填写业务名称"
+                >
+                </c-input>
+              </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="币种" prop="seacur" style="width: 100%">
+                <c-select
+                  v-model="model.infcon.cur"
+                  style="width: 100%"
+                  placeholder="请选择币种"
+                  :code="codes.seacur"
+                >
+                </c-select>
+              </el-form-item>
+            </c-col>
+
+            <c-col :span="8">
+              <el-form-item :label="$t('lc.金额区间')" style="width: 100%">
+                <c-col :span="11">
+                  <c-input
+                    v-model="model.infcon.amtmin"
+                    :placeholder="$t('lc.请输入金额下限')"
+                    style="width: 100%"
+                  ></c-input>
+                </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-input
+                    v-model="model.infcon.amtmax"
+                    :placeholder="$t('lc.请输入金额上限')"
+                    style="width: 100%"
+                  ></c-input>
+                </c-col>
+              </el-form-item>
+            </c-col>
+          </c-col>
+        </el-row>
+      </el-form>
+      </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="资金调拨查询" name="zjdb">
+              <el-table
+                :data="stmData.data"
+                :columns="stmData.columns"
+                v-loading="load"
+                style="width: 100%"
+                size="small"
+                :border="true"
+                height="calc(100vh - 480px)"
+                :highlight-current-row="true"
+              >
+                <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>
+    -->
+
+    <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="zjdb">
+            </el-tab-pane>
+          </el-tabs>
+        </c-col>
+      </div>
+    
+
+<div style="height: 90%">
+  <c-col :span="24">
+      <c-tabs v-model="activeTab" type="card" ref="elment">
+          <el-table
+              v-loading="load"
+              :data="stmData.data"
+              height="calc(100vh - 480px)"
+              border
+              :columns="stmData.columns"
+              :showButtonFlg="true"
+              :highlight-current-row="true"
+              @row-dblclick="TableDblRow"
+          >
+            <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-column fixed="right" prop="op" label="操作" width="180px">
+              <template slot="header">
+                <!-- 插槽里放了一个文字 一个按钮 -->
+                <c-col :span="11" style="text-align: center"
+                  ><span>操作</span>
+                </c-col>
+              </template>
+              <template slot-scope="scope">
+                <c-button
+                  style="margin-right: 7px"
+                  size="small"
+                  type="text"
+                  @click="handler(scope.row)"
+                >处理
+                </c-button>
+                <!-- 申请一个弹出主键放在插槽，加工已渲染的数据 -->
+                <el-popover
+                  placement="top-start"
+                  title="历史信息"
+                  width="1200"
+                  trigger="manual" 
+                  v-clickOutside="closeDisplayDialog"
+                  :ref="'popover_' + scope.row.inr"
+                >
+                  <div
+                    style="
+                      text-align: right;
+                      margin-top: -30px;
+                      margin-right: 5px;
+                      font-size: 16px;
+                    "
+                  >
+                    <span
+                      class="el-icon-close"
+                      style="cursor: pointer"
+                      @click="closeDetailsDialog('popover_' + scope.row.inr)"
+                    ></span>
+                  </div>
+                  <el-table
+                      :data="stmData.data"
+                      :columns="stmData.columns"
+                      :showButtonFlg="true"
+                  >
+                    <el-table-column
+                        v-for="(item, key) in stmData.columns"
+                        :key="key"
+                        :label="item.label"
+                        :prop="item.prop"
+                        :width="item.width"
+                    >
+                      <template slot-scope="scope">
+                        <div>{{ scope.row[item.prop] }}</div>
+                      </template>
+                    </el-table-column>
+                    <el-table-column
+                        fixed="right"
+                        prop="op"
+                        label="操作"
+                        width="100px"
+                    >
+                      <template slot-scope="scope">
+                        <c-button
+                            style="margin-left: 0"
+                            size="small"
+                            @click="display(scope.row)"
+                        >快照</c-button
+                        >
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                  <c-button
+                    style="margin-left: 0px"
+                    size="small"
+                    type="text"
+                    @click="details(scope.row)"
+                    slot="reference"
+                  >
+                    快照
+                  </c-button>
+                   <c-button 
+                  style="margin-left: 0" 
+                  type="text" 
+                  size="small" 
+                  slot="reference" 
+                  @click="toInfo(scope.row,'CPD','','I')">
+                      Info
+                 </c-button>
+                </el-popover>
+              
+              </template>
+            </el-table-column>
+          </el-table>
+           <div class="pagination-box" 
+              style="display:block">
+          <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :current-page.sync="pagination.pageIndex"
+              :page-sizes="[10, 20, 50, 100, 500]"
+              :page-size="pagination.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="pagination.total">
+          </el-pagination>
+        </div>
+      </c-tabs>
+      </c-col>
+   
+      <!-- 点击处理ba弹框 -->
+      <el-dialog
+          v-if="initdialog"
+					v-dialogDrag
+          :visible.sync="initdialog"
+          title="交易列表"
+          append-to-body
+          width="70%"
+      >
+      <m-busbtn ref="childs" :trnUrl="trnUrl" :inifrm="inifrm" :activeTab="activeTab" :model="handleModel" @onChoose="handleClick">
+      </m-busbtn>
+         
+      </el-dialog>
+
+      <!--业务锁及待处理数据弹窗-->
+    <m-chklap ref="lockAndPending"  @changeBtn="changeBtn"></m-chklap>
+
+
+
+
+  </div>
+</el-col>
+  </div>
+</template>
+<script>
+import event from "../event";
+import BusNavbar from "~/components/business/BusNavbar1";
+import CheckLockAndPending from "~/components/business/CheckLockAndPending";
+
+export default {
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [event],
+  components: { "m-busbtn": BusNavbar,
+    "m-chklap": CheckLockAndPending, 
+  },
+  data() {
+    return {
+      initdialog:false,
+      activeTab: "ft",
+      handleModel: {},
+      trnUrl: "",
+      inifrm: "",
+      load:false,
+      oldRefId:"",
+      trnData: {
+         columns: [
+          {
+            label: "业务编号",
+            prop: "ownref",
+            width:"160"
+          },
+          {
+            label: "交易名称",
+            prop: "inifrmname",
+            width:"220"
+          },
+          {
+            label: "交易码",
+            prop: "inifrm",
+            width:"100"
+          },
+          {
+            label: "交易时间",
+            prop: "inidattim",
+            width:"160"
+          },
+          {
+            label: "状态",
+            prop: "relflgName",
+            width:"100"
+          },
+          {
+            label: "币种",
+            prop: "reloricur",
+            width:"100"
+          },
+          {
+            label: "金额",
+            prop: "reloriamt",
+            width:"150"
+          },
+        ],
+        data:[],
+      },
+      stmData: {
+        columns: [
+          {
+            label: "资金调拨编号",
+            prop: "ownref",
+            width: "180px",
+          },
+          {
+            label: "业务名称",
+            prop: "nam",
+            width: "180px",
+          },
+          {
+            label: "开立日期",
+            prop: "opndat",
+            width: "120px",
+          },
+          {
+            label: "起息日",
+            prop: "valdat",
+            width: "120px",
+          },
+          {
+            label: "资金部负责人",
+            prop: "ownusr",
+            width: "120px",
+          },
+          {
+            label: "清算中心负责人",
+            prop: "usr",
+            width: "140px",
+          },
+          {
+            label: "定存拆借类型",
+            prop: "fttyp",
+            width: "120px",
+          },
+          {
+            label: "到期日",
+            prop: "matdat",
+            width: "120px",
+          },
+          {
+            label: "年利率",
+            prop: "rat",
+            width: "120px",
+          },
+                    {
+            label: "计息方式",
+            prop: "cntfra",
+            width: "120px",
+          },
+                    {
+            label: "银行类型",
+            prop: "bnktyp",
+            width: "120px",
+          },
+
+        ],
+        data: [],
+      },
+
+      pagination: {
+        pageNum: 1,
+        pageSize: 10,
+        total: 0,
+      }
+   
+    };},
+
+  methods: {
+  },
+  // mounted() {
+  //   this.getdbCode('cptrou','','cptrou');
+  //   this.getUserList();
+  //   this.getBranchList();
+  // }
+};
+
+</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/Funds/Infftd1/views/index.vue → src/page/Funds/Infftd/views/index.vue

@@ -24,7 +24,7 @@ import Infsea from "./Infsea.vue"
 
 
 export default {
-  name: "infftd",
+  name: "Infftd",
   components:{
     "m-infsea" : Infsea,
 

src/page/Funds/Infftd1/views/Infsea.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="seaownref"
-                style="width: 100%"
-              >
-                <c-input
-                  v-model="model.infcon.seaownref"
-                  maxlength="40"
-                  placeholder="请输入业务编号"
-                >
-                </c-input>
-              </el-form-item>
-            </c-col>
-            <c-col :span="8">
-              <el-form-item
-                label="开立有效日期"
-                prop="opndatfrom"
-                style="width: 100%"
-              >
-                <c-col :span="11">
-                  <c-date-picker
-                    type="date"
-                    v-model="model.infcon.opndatfrom"
-                    style="width: 100%"
-                  ></c-date-picker>
-                </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.infcon.opndatto"
-                    style="width: 100%"
-                  ></c-date-picker>
-                </c-col>
-              </el-form-item>
-            </c-col>
-            <c-col :span="8">
-              <el-form-item label="业务名称" prop="nam" style="width: 100%">
-                <c-input
-                  v-model="model.infcon.nam"
-                  maxlength="40"
-                  placeholder="请填写业务名称"
-                >
-                </c-input>
-              </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="客户名称" prop="ownusr" style="width: 100%">
-                <c-input
-                  v-model="model.infcon.ownusr"
-                  maxlength="40"
-                  placeholder="请输入客户名称"
-                >
-                </c-input>
-              </el-form-item>
-            </c-col>
-
-            <c-col :span="8">
-              <el-form-item label="银行类型" prop="bnktyp" style="width: 100%">
-                <c-input
-                  v-model="model.infcon.bnktyp"
-                  maxlength="40"
-                  placeholder="请输入银行类型"
-                >
-                </c-input>
-              </el-form-item>
-            </c-col>
-            <c-col :span="8">
-              <el-form-item
-                label="资金转账类型"
-                prop="fttyp"
-                style="width: 100%"
-              >
-                <c-select
-                  v-model="model.infcon.fttyp"
-                  style="width: 100%"
-                  placeholder="请选择资金转账类型"
-                  :code="codes.fttyp"
-                >
-                </c-select>
-              </el-form-item>
-            </c-col>
-          </c-col>
-
-          <c-col :span="24">
-            <c-col :span="8">
-              <el-form-item label="资金部经办人" prop="usr" style="width: 100%">
-                <c-input
-                  v-model="model.infcon.usr"
-                  maxlength="40"
-                  placeholder="请输入资金部经办人名称"
-                >
-                </c-input>
-              </el-form-item>
-            </c-col>
-            <c-col :span="8">
-              <el-form-item label="挂起编号" prop="gzno" style="width: 100%">
-                <c-input
-                  v-model="model.infcon.gzno"
-                  maxlength="40"
-                  placeholder="请输入挂起编号"
-                >
-                </c-input>
-              </el-form-item>
-            </c-col>
-            <c-col :span="8">
-              <el-form-item label="状态" prop="seasta" style="width: 100%">
-                <c-select
-                  v-model="model.infcon.seasta"
-                  style="width: 100%"
-                  placeholder="请选择状态"
-                  :code="codes.seasta"
-                >
-                </c-select>
-              </el-form-item>
-            </c-col>
-          </c-col>
-        </el-row>
-      </template>
-    </c-list-search>
-
-    <c-col :span="24" style="margin-top: 10px; margin-bottom: 10px">
-      <c-button
-        class="medium_bcs"
-        size="medium"
-        type="primary"
-        style="margin-top: 10px; margin-bottom: 10px"
-        title="FTTFCM"
-        @click="toFttfcm"
-      >
-        拆借存放登记及确认
-      </c-button>
-      <c-button
-        class="medium_bcs"
-        size="medium"
-        type="primary"
-        style="margin-left: 20px"
-        title="FTTPCM"
-        @click="toFttpcm"
-      >
-        头寸调拨登记及确认
-      </c-button>
-    </c-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="zjdb">
-              <el-table
-                :data="stmData.data"
-                :columns="stmData.columns"
-                v-loading="load"
-                style="width: 100%"
-                size="small"
-                :border="true"
-                height="calc(100vh - 480px)"
-                :highlight-current-row="true"
-              >
-                <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: "zjdb",
-      load: false,
-      stmData: {
-        columns: [
-          {
-            label: "业务编号",
-            prop: "ownref",
-            width: "180px",
-          },
-          {
-            label: "业务名称",
-            prop: "nam",
-            width: "180px",
-          },
-          {
-            label: "开立日期",
-            prop: "opndat",
-            width: "120px",
-          },
-          {
-            label: "起息日",
-            prop: "valdat",
-            width: "120px",
-          },
-          {
-            label: "客户名称",
-            prop: "ownusr",
-            width: "120px",
-          },
-          {
-            label: "资金部经办人",
-            prop: "usr",
-            width: "120px",
-          },
-          {
-            label: "资金转账类型",
-            prop: "fttyp",
-            width: "120px",
-          },
-          {
-            label: "确认日期",
-            prop: "cnfdat",
-            width: "120px",
-          },
-          {
-            label: "到期日",
-            prop: "matdat",
-            width: "120px",
-          },
-          {
-            label: "关闭日期",
-            prop: "clsdat",
-            width: "120px",
-          },
-          {
-            label: "年利率",
-            prop: "rat",
-            width: "120px",
-          },
-          {
-            label: "计息方式",
-            prop: "cntfra",
-            width: "120px",
-          },
-          {
-            label: "银行类型",
-            prop: "bnktyp",
-            width: "120px",
-          },
-          {
-            label: "挂起编号",
-            prop: "gzno",
-            width: "120px",
-          },
-          {
-            label: "版本",
-            prop: "ver",
-            width: "120px",
-          },
-          {
-            label: "天数",
-            prop: "cntfra",
-            width: "120px",
-          },
-          {
-            label: "分行内部识别码",
-            prop: "branchinr",
-            width: "160px",
-          },
-          {
-            label: "分行关键识别码",
-            prop: "bchkeyinr",
-            width: "160px",
-          },
-          {
-            label: "实体外部键",
-            prop: "etyextkey",
-            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/Info/InfoFtd.vue

+<template>
+    <Xxdinf></Xxdinf>
+  </template>
+  <script>
+  import Xxdinf from "~/page/Statics/Xxdinf/views";
+  
+  export default {
+    name: "Info-Ftd",
+    components: { Xxdinf },
+    created() { },
+    mounted() { }
+  };
+  </script>  
+  <style></style>
+    
\ No newline at end of file

src/page/Info/InfoRouter.js

@@ -113,6 +113,12 @@ const DisplayRouter = [
         component: () => import("./InfoMcd.vue"),
         meta: {keepAlive: true, title: "Info-万能交易"}
     },
+    {
+        name: "InfoFtd",
+        path: "fttfcm",
+        component: () => import("./InfoFtd.vue"),
+        meta: {keepAlive: true, title: "Info-资金拆借"}
+    },
 ];
 
 export default DisplayRouter;
\ No newline at end of file