回滚到首页电子大厅待提交

src/model/AssetInfo/Check.js

+import Utils from "~/utils"
+
+
+let checkObj = {
+    "assposref"                      :null,
+    "accamt"      :null,
+    "accdat"        :null,  //承付日期
+    "assbustyp":null, //资产业务类型
+    "assregref":null,  //资产登记编号
+    "assregtyp":null,  //资产登记类型
+    "asssta":null,   //资产状态
+    "asstrasta":null, //资产交易状态
+    "avbby":null, //信用证兑付类型
+    "docsta":null,//单据状态
+    "ownbch":null,//业务归属机构
+    "usrbch":null,//业务经办机构
+    "fromdate":null,
+    "todate":null,
+}
+
+for (const key in checkObj) {
+    if (Object.hasOwnProperty.call(checkObj, key)) {
+        checkObj[key] = checkObj[key] ? checkObj[key] : Utils.reflectCheck(key)
+    }
+}
+export default checkObj
+

src/model/AssetInfo/Default.js

+
+
+import Api from "~/service/Api";
+import Utils from "~/utils/index"
+
+export default {
+    "assposref"                      :Utils.defaultFunction,
+    "accamt"      :Utils.defaultFunction,
+    "accdat"       :Utils.defaultFunction,  //承付日期
+    "assbustyp" :Utils.defaultFunction, //资产业务类型
+    "assregref" :Utils.defaultFunction,  //资产登记编号
+    "assregtyp" :Utils.defaultFunction,  //资产登记类型
+    "asssta" :Utils.defaultFunction,   //资产状态
+    "asstrasta" :Utils.defaultFunction, //资产交易状态
+    "avbby" :Utils.defaultFunction, //信用证兑付类型
+    "docsta" :Utils.defaultFunction,//单据状态
+    "ownbch" :Utils.defaultFunction,//业务归属机构
+    "usrbch" :Utils.defaultFunction,
+    "fromdate":Utils.defaultFunction,
+    "todate":Utils.defaultFunction,
+}
+//你可以添加自动default处理

src/model/AssetInfo/Event.js

+import Api from "~/service/Api"
+import Utils from "~/utils"
+
+export default {
+    async onAss(){
+        const that = this.root;
+        let rtnmsg = await that.executeRule("assposref")
+        if(rtnmsg.respCode == "AAAAAA")
+        {
+          
+            //this.model.infbut.dspstm = rtnmsg.data.infbut_dspstm.rows          
+            this.$message({
+                type: 'success',
+                message: '查询成功！'
+            });
+        }
+        else
+        {
+        this.$notify.error({title: '错误',message: '服务请求失败！'});
+        }
+},
+        async onAsstyp(){
+                let rtnmsg = await this.executeRule("assbustyp")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onAssdat(){
+                let rtnmsg = await this.executeRule("accdat")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+            
+       
+
+}
\ No newline at end of file

src/model/AssetInfo/Pattern.js

+export default {
+    "assposref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "assbustyp":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+    "accamt":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+
+
+    "assregref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 24,message:"长度不能超过24"}
+    ],
+ 
+
+
+    "accdat":[
+        {type: "date", required: true, message: "必输项"}
+    ],
+ 
+}
\ No newline at end of file

src/model/AssetInfo/index.js

+import Api from "~/service/Api"
+import Pts from "../Common/Pts"
+
+export default class AssetInfo{
+    constructor () {
+        this.data = {
+            
+                assposref:"",  //资产发布编号
+                accamt:"",  //承付金额
+                accdat:"",  //承付日期
+                assbustyp:"", //资产业务类型
+                assregref:"",  //资产登记编号
+                assregtyp:"",  //资产登记类型
+                asssta:"",  //资产状态
+                asstrasta:"", //资产交易状态
+                avbby:"", //信用证兑付类型
+                docsta:"",//单据状态
+                ownbch:"",//业务归属机构
+                usrbch:"",//业务经办机构
+                fromdate:"",
+                todate:"",
+
+
+                edit:{
+                    assposref:"",  //资产发布编号
+                accamt:"",  //承付金额
+                accdat:"",  //承付日期
+                assbustyp:"", //资产业务类型
+                assregref:"",  //资产登记编号
+                assregtyp:"",  //资产登记类型
+                asssta:"",  //资产状态
+                asstrasta:"", //资产交易状态
+                avbby:"", //信用证兑付类型
+                docsta:"",//单据状态
+                ownbch:"",//业务归属机构
+                usrbch:"",//业务经办机构
+                },
+
+
+                query:{
+                    assposref:"",  //资产发布编号
+                accamt:"",  //承付金额
+                accdat:"",  //承付日期
+                assbustyp:"", //资产业务类型
+                assregref:"",  //资产登记编号
+                assregtyp:"",  //资产登记类型
+                asssta:"",  //资产状态
+                asstrasta:"", //资产交易状态
+                avbby:"", //信用证兑付类型
+                docsta:"",//单据状态
+                ownbch:"",//业务归属机构
+                usrbch:"",//业务经办机构
+                }
+                
+
+
+            
+						
+				}
+    }
+}
\ No newline at end of file

src/model/AssetPub/Check.js

+import Utils from "~/utils"
+
+
+let checkObj = {
+    "assposref":null,//资产发布编号
+    "assregref":null,//资产登记编号
+    "offtyp":null, //要约类型
+    "settyp":null,//结息方式
+    "credat":null,//资产发布日期
+}
+
+for (const key in checkObj) {
+    if (Object.hasOwnProperty.call(checkObj, key)) {
+        checkObj[key] = checkObj[key] ? checkObj[key] : Utils.reflectCheck(key)
+    }
+}
+export default checkObj
+

src/model/AssetPub/Default.js

+
+
+import Api from "~/service/Api";
+import Utils from "~/utils/index"
+
+export default {
+    "assposref"                      :Utils.defaultFunction,
+    "assregref" :Utils.defaultFunction,  //资产登记编号
+    "offtyp" :Utils.defaultFunction,  //要约类型
+    "settyp" :Utils.defaultFunction,   //结息方式
+    "credat" :Utils.defaultFunction, //资产发布日期
+    
+}
+//你可以添加自动default处理

src/model/AssetPub/Event.js

+import Api from "~/service/Api"
+import Utils from "~/utils"
+
+export default {
+    async onAss(){
+        const that = this.root;
+        let rtnmsg = await that.executeRule("assposref")
+        if(rtnmsg.respCode == "AAAAAA")
+        {
+          
+            //this.model.infbut.dspstm = rtnmsg.data.infbut_dspstm.rows          
+            this.$message({
+                type: 'success',
+                message: '查询成功！'
+            });
+        }
+        else
+        {
+        this.$notify.error({title: '错误',message: '服务请求失败！'});
+        }
+},
+        async onAssreg(){
+                let rtnmsg = await this.executeRule("assregref")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+        async onAssdat(){
+                let rtnmsg = await this.executeRule("credat")
+                if(rtnmsg.respCode == SUCCESS)
+                {
+                //TODO 处理数据逻辑
+
+                }
+                else
+                {
+                this.$notify.error({title: '错误',message: '服务请求失败！'});
+                }
+            },
+            
+       
+
+}
\ No newline at end of file

src/model/AssetPub/Pattern.js

+export default {
+    "assposref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+    "offtyp":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 40,message:"长度不能超过40"}
+    ],
+
+    "settyp":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 16,message:"长度不能超过16"}
+    ],
+
+
+
+    "assregref":[
+        {type: "string", required: false, message: "必输项"},
+        {max: 24,message:"长度不能超过24"}
+    ],
+ 
+
+
+    "credat":[
+        {type: "date", required: true, message: "必输项"}
+    ],
+ 
+}
\ No newline at end of file

src/model/AssetPub/index.js

+import Api from "~/service/Api"
+import Pts from "../Common/Pts"
+
+export default class AssetPub{
+    constructor () {
+        this.data = {
+            assposref:"",//资产发布编号
+            assregref:"",//资产登记编号
+            offtyp:"", //要约类型
+            settyp:"",//结息方式
+            credat:"",//资产发布日期
+
+            
+    
+
+        
+
+
+               
+                
+
+
+            
+						
+				}
+    }
+}
\ No newline at end of file

src/service/elec/index.js

+import Api from "~/service/Api"
+
+export function asset(data) {
+    return Api.post("/elec/hall/asset", data)
+}
+
+export function assetpub(data) {
+    return Api.post("/elec/hall/assetpub", data)
+}
+
+export function fund(data) {
+    return Api.post("/elec/hall/fund", data)
+}
+export function assInfo(data) {
+    return Api.post("/elec/hall/assInfo", data)
+}
+export function assPubInfo(data) {
+    return Api.post("/elec/hall/assPubInfo", data)
+}
+export function assQueryId(data) {
+    return Api.post("/elec/hall/assQueryId",data)
+}
+
+
+

src/views/Business/AssetInfo/index.vue

+<template>
+  <div class="eContainer">
+    <el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small" :validate-on-rule-change="false">
+       <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
+           <el-tab-pane label="资产信息查询" name="infsea">
+                <m-infsea :model="model" :codes="codes"/>
+           </el-tab-pane>
+       </c-tabs>
+    </el-form>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api"
+import CodeTable from "~/config/CodeTable"
+import commonProcess from "~/mixin/commonProcess"
+import Check from "~/model/AssetInfo/Check"
+import Default from "~/model/AssetInfo/Default"
+import Pattern from "~/model/AssetInfo/Pattern"
+import Infsea from "./Infsea"
+import AssetInfo from "~/model/AssetInfo"
+
+import Ccvpan from "~/views/Public/Ccvpan"
+import Coninfp from "~/views/Public/Coninfp";
+import Setpan from "~/views/Public/Setpan";
+import Docpan from "~/views/Public/Docpan";
+//import Doctre from "~/views/Public/Doctre"
+import Engp from "~/views/Public/Engp";
+import Glepan from "~/views/Public/Glepan";
+
+
+export default {
+    components:{
+        "m-infsea" : Infsea,
+         "m-ccvpan" : Ccvpan,
+        "m-setpan" : Setpan,
+        "m-glepan" : Glepan,
+        "m-engp":Engp,
+        "m-coninfp" : Coninfp,
+        "m-docpan" : Docpan,
+
+    },
+    provide() {
+        return {
+            root: this
+        }
+    },
+    mixins: [commonProcess],    // 里面包含了Default、Check等的公共处理
+    data(){
+        return {
+            tabVal: "infsea",
+            trnName: "assetInfo",
+            model: new AssetInfo().data,
+            checkRules: Check,
+            defaultRules: Default,
+            pattern: Pattern,
+            rules: null,
+             codes:{},
+        }
+    },
+    methods:{
+        tabClick(){
+        }
+    },
+    created:async function(){
+        // console.log("进入assetInfo交易");
+        // let rtnmsg = await this.init({})
+        // if(rtnmsg.respCode == SUCCESS)
+        // {
+        //    //TODO 处理数据逻辑
+
+        // }
+        // else
+        // {
+        //     this.$notify.error({title: '错误',message: '服务请求失败！'});
+        // }
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/AssetPub/index.vue

+<template>
+  <div class="eContainer">
+    <el-form :model="model" :rules="rules" ref="modelForm" label-width="200px" size="small" :validate-on-rule-change="false">
+       <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
+           <el-tab-pane label="资产发布信息查询" name="infsea">
+                <m-infsea :model="model" :codes="codes"/>
+           </el-tab-pane>
+       </c-tabs>
+    </el-form>
+  </div>
+</template>
+<script>
+import Api from "~/service/Api"
+import CodeTable from "~/config/CodeTable"
+import commonProcess from "~/mixin/commonProcess"
+import Check from "~/model/AssetPub/Check"
+import Default from "~/model/AssetPub/Default"
+import Pattern from "~/model/AssetPub/Pattern"
+import Infsea from "./Infsea"
+import AssetPub from "~/model/AssetPub"
+
+import Ccvpan from "~/views/Public/Ccvpan"
+import Coninfp from "~/views/Public/Coninfp";
+import Setpan from "~/views/Public/Setpan";
+import Docpan from "~/views/Public/Docpan";
+//import Doctre from "~/views/Public/Doctre"
+import Engp from "~/views/Public/Engp";
+import Glepan from "~/views/Public/Glepan";
+
+
+export default {
+    components:{
+        "m-infsea" : Infsea,
+         "m-ccvpan" : Ccvpan,
+        "m-setpan" : Setpan,
+        "m-glepan" : Glepan,
+        "m-engp":Engp,
+        "m-coninfp" : Coninfp,
+        "m-docpan" : Docpan,
+
+    },
+    provide() {
+        return {
+            root: this
+        }
+    },
+    mixins: [commonProcess],    // 里面包含了Default、Check等的公共处理
+    data(){
+        return {
+            tabVal: "infsea",
+            trnName: "assetPub",
+            model: new AssetPub().data,
+            checkRules: Check,
+            defaultRules: Default,
+            pattern: Pattern,
+            rules: null,
+             codes:{},
+        }
+    },
+    methods:{
+        tabClick(){
+        }
+    },
+    created:async function(){
+        // console.log("进入assetInfo交易");
+        // let rtnmsg = await this.init({})
+        // if(rtnmsg.respCode == SUCCESS)
+        // {
+        //    //TODO 处理数据逻辑
+
+        // }
+        // else
+        // {
+        //     this.$notify.error({title: '错误',message: '服务请求失败！'});
+        // }
+    }
+}
+</script>
+<style>
+
+</style>

src/views/Business/BusRouter.js

@@ -130,6 +130,8 @@ import Notice from "./Notice"
 import Iaefts from "./Iaefts"
 import Expben from "./Expben"
 
+import AssetInfo from "./AssetInfo"
+import AssetPub from "./AssetPub"
 /**
  * 带有name的才会被添加进顶部的标签页里
  */
@@ -275,5 +277,9 @@ const BusRouter = [
   { path: 'Iaefts', component: Iaefts, name: 'Iaefts', meta: { title: '进出口融资交易' } },
   { path: 'Expben', component: Expben, name: 'Expben', meta: { title: '费用收益交易' } },
 
+  { path: 'assetinfo', component: AssetInfo, name: 'AssetInfo', meta: { title: '资产信息管理' } },
+  { path: 'assetpub', component: AssetPub, name: 'AssetPub', meta: { title: '资产发布信息管理' } },
+
+
 ]
 export default BusRouter

src/views/Home/cells/Hall.vue

 <template>
-  <CellWrapper title="电子大厅" :cellContentHeight="cellContentHeight">
-    <template v-slot:header>
-      <span class="el-icon-refresh" title="刷新"></span>
-      <span class="el-icon-more" title="操作"></span>
-    </template>
-
-    <div class="card-wrapper">
-      <div class="card-item" v-for="(item, idx) in itemList" :key="idx">
+    <CellWrapper title="电子大厅" :cellContentHeight="cellContentHeight">
+      <template v-slot:header>
+        <span class="el-icon-refresh" title="刷新"></span>
+        <span class="el-icon-more" title="操作" ></span> 
+      </template>
+
+      
+
+      <div class="cell-content">
+       <div class="card-item1">
+          <div class="dept-name">
+            <div class="first-word1">资</div>
+            <div class="dz-title" @click="openassInfo">资产信息</div>      
+        </div>
+        <div class="display1">
+           <div class="type-count" v-for="(item, idx) in itemList" :key="idx">
+              <div class="count-item">{{item.name}}</div>
+              <div class="count-number">{{item.count}}</div>
+           </div>  
+        </div>     
+      </div>
+      <div class="card-item2">
         <div class="dept-name">
-          <div
-            class="first-word"
-            :style="{ 'background-color': item.backColor }"
-          >
-            {{ item.title.substr(0, 1) }}
+          <div class="first-word2">
+            资
           </div>
-          <div class="dz-title">{{ item.title }}</div>
+          <div class="dz-title" @click="openassInfoPub">资产发布信息</div>      
         </div>
-        <div class="type-count">
-          <div class="count-item">
-            操作处理类 <span class="count-number">26</span>
-          </div>
-          <div class="count-item">
-            提示信息类 <span class="count-number">3</span>
+        <div class="display2">
+           <div class="type-count" v-for="(item, idx) in apub" :key="idx">
+               <div class="count-item" >{{item.name}}</div>
+               <div class="count-number">{{item.count}}</div>
+           </div>     
+        </div>
+         
+      </div>
+      <div class="card-item3">
+        <div class="dept-name">
+          <div class="first-word3">
+            资
           </div>
+          <div class="dz-title">资金信息</div>      
         </div>
+        <div class="display3">
+          <div class="type-count" v-for="(item, idx) in fund" :key="idx">
+            <div class="count-item">{{item.name}}</div>
+            <div class="count-number">{{item.count}}</div>
+          </div>   
+        </div>
+           
       </div>
+      
     </div>
   </CellWrapper>
 </template>
 
 <script>
+import CellHeader from "../common/CellHeader.vue";
 import CellWrapper from "../common/CellWrapper.vue";
+import { asset } from "~/service/elec";
+import { assetpub } from "~/service/elec";
+import { fund } from "~/service/elec";
+
+
 
 export default {
   name: "Hall",
-  props: ['cellContentHeight'],
-  components: { CellWrapper },
+   props: ['cellContentHeight'],
+  components: { CellHeader,CellWrapper},
   data() {
     return {
-      itemList: [
-        {
-          title: "资产管理大厅",
-          backImg: "linear-gradient(#2073ef, #bec2f3",
-          backColor: "#2073ef",
-        },
-        {
-          title: "我行发布资产大厅",
-          backImg: "linear-gradient(rgb(28 190 241), rgb(201 229 237))",
-          backColor: "rgb(28 190 241)",
-        },
-        {
-          title: "他行发布资产大厅",
-          backImg: "linear-gradient(rgb(243, 195, 12), rgb(239 228 197))",
-          backColor: "rgb(243, 195, 12)",
-        },
-        {
-          title: "资金发布大厅",
-          backImg: "linear-gradient(#ff9800, rgb(251 234 210))",
-          backColor: "#ff9800",
-        },
-      ],
+     // colors: ['#2073ef','rgb(28 190 241)','rgb(243, 195, 12)'],
+      //titles:['资产信息','资产发布信息','资金信息'],
+      itemList: [   ],
+      apub:[],
+      fund:[],
+
+      
+      
     };
   },
+    created() {
+      
+      asset().then(res => {
+  
+          this.itemList=res
+       
+      }),
+
+        assetpub().then(res =>{
+         this.apub = res;
+      }),
+
+        fund().then(res =>{
+         this.fund = res;
+      })
+      
+  },
+  methods: {
+    openassInfo(){
+      window.location.href="#/business/AssetInfo"
+    },
+    openassInfoPub(){
+      window.location.href="#/business/AssetPub"
+    }
+  },
+
+ 
+
+
 };
 </script>
 
 <style scoped>
-.card-wrapper {
-  height: 100%;
+
+
+ .cell-content {
   display: flex;
   flex-wrap: wrap;
+  height: 100%;
+  
+ 
+}
+.cell-content {
   justify-content: space-around;
   align-items: center;
 }
-.card-item {
-  width: 45%;
-  height: 45%;
+.cell-content .card-item1 {
+  width: 30%;
+  height: 85%;
+  background-color: #e6e8ef; 
+  border-radius: 12px;
+  padding: 0 10px 0 15px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+  
+}
+
+ .cell-content .card-item2 {
+  width: 30%;
+  height: 85%;
   background-color: #e6e8ef;
   border-radius: 12px;
   padding: 0 10px 0 15px;
@@ -84,15 +150,43 @@ export default {
   flex-direction: column;
   font-size: 14px;
 }
+
+ .cell-content .card-item3 {
+  width: 30%;
+  height: 85%;
+  background-color: #e6e8ef;
+  border-radius: 12px;
+  padding: 0 10px 0 15px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-size: 14px;
+}
+
 .dept-name {
   display: flex;
   align-items: center;
+  /* margin-top: 20px; */
 }
 .dept-name,
 .type-count {
   flex: 1;
 }
-.first-word {
+.first-word1 {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-weight: bolder;
+  font-family: emoji;
+  border-radius: 8px;
+  font-size: 20px;
+  background-color: #2073ef;
+}
+
+.first-word2 {
   width: 40px;
   height: 40px;
   display: flex;
@@ -103,21 +197,58 @@ export default {
   font-family: emoji;
   border-radius: 8px;
   font-size: 20px;
+  background-color:rgb(28 190 241);
 }
+
+.first-word3 {
+  width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+  font-weight: bolder;
+  font-family: emoji;
+  border-radius: 8px;
+  font-size: 20px;
+  background-color:rgb(243, 195, 12);
+}
+
 .dz-title {
   margin-left: 10px;
   font-weight: bold;
 }
 
+.display1 {
+    padding: 5px 0 35px 0;
+}
+
+.display2 {
+    padding: 5px 0 55px 0;
+}
+
+.display3 {
+    padding: 5px 0 55px 0;
+}
+
+
 .type-count .count-item {
   display: flex;
   align-items: center;
-  font-weight: 400;
+  /* font-weight: 400; */
   color: #6c6f72;
+  float: left;
+  
+
 }
 .type-count .count-number {
-  font-size: 20px;
-  margin-left: 20px;
+  /* font-size: 20px;*/
+  /* margin-left: 10px;  */
   color: #000;
+  font-size: 18px;
+  margin-top: 2px; 
+
 }
 </style>
+
+

src/views/Layout/SideMenu.vue

@@ -140,6 +140,11 @@ export default {
         { inifrm: "switsk", ininam: "Switsk", pntmiu: "14" },
         { inifrm: "mgrtsk", ininam: "Mgrtsk", pntmiu: "14" },
         { inifrm: "sptrel", ininam: "sptrel", pntmiu: "14" },
+
+        { inifrm: "15",ininam: "福费廷管理", pntmiu: "" },
+        { inifrm: "assetInfo", ininam: "资产信息管理", pntmiu: "15" },
+        { inifrm: "assetPub", ininam: "资产发布信息管理", pntmiu: "15" },
+        { inifrm: "fund", ininam: "资金信息管理", pntmiu: "15" },
       ],
       menus: [],
       menusHeight: 0,

vue.config.js

@@ -61,6 +61,14 @@ module.exports = {
           '^/gjjs/devtools': '/gjjs/devtools'
         }
       },
+      '/gjjs/elec/': {
+        target: 'http://127.0.0.1:8083',
+        changeOrigin: true,
+        pathRewrite: {
+          '^/gjjs/elec': '/gjjs/elec'
+        }
+      },
+
       /**
        * ocr智能识别服务
        */