Skip to content

V
vue-gjjs
Commit d0d76887 by zhoutian
Options

首页电子大厅

parent 149c8c0f
Showing with 1487 additions and 45 deletions
src/components/Table.vue
......@@ -11,6 +11,7 @@
v-on="tableListeners"
v-loading="loading"
:max-height="maxHeight"
>
<el-table-column
v-for="(item, key) in columnsConfig"
......@@ -43,6 +44,8 @@
<script>
export default {
props: {
type: {
type: String,
default: "normal",
......
src/config/CodeTable/index.js
......@@ -291,6 +291,7 @@ const CodeTable = {
{ label: "电汇", value: "TT" },
{ label: "信汇", value: "MT" },
],
balancetype: [
{ label: "外币报关－人民币结算", value: "3" },
{ label: "人民币报关－人民币结算", value: "1" },
......
src/model/AssetInfo/Check.js 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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/Infsea.vue 0 → 100644
<template>
<c-content>
<div class="eibs-tab">
<template >
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="left"
label-width="110px"
size="small"
>
<el-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item label="资产发布编号" prop="assposref" >
<c-input v-model="model.assposref" maxlength="50" placeholder="请输入资产发布编号" ></c-input>
</el-form-item>
</c-col>
<c-col :span="8" >
<el-form-item label="起始日期" >
<c-date-picker type="date" v-model="model.fromdate" placeholder="请选择Opening between" style="width:43%"></c-date-picker>
-
<c-date-picker type="date" v-model="model.todate" placeholder="请选择Open Date to" style="width:43%"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="资产业务类型" prop="assbustyp" >
<c-select
v-model="model.assbustyp"
style="width: 100%"
placeholder="请选择业务类型"
>
<el-option
v-for="item in type"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</el-row>
<c-col :span="24" style="text-align: right; height: 36.8px">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch()"
>查询</el-button >
</c-col>
</el-form>
<c-col :span="24">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
</template>
<c-col :span="24">
<div class="table">
<!-- <c-istream-table :list="itemList"> -->
<el-table :data="itemList.slice((currentPage-1)*PageSize,currentPage*PageSize)" :border="true" style="width:80%,text-align:center" :header-cell-style="{background:'rgb(235, 235, 235)',color:'#000'}">
<el-table-column label="资产发布编号" width="200px" prop="assposref"></el-table-column>
<el-table-column label="承付金额" width="200px" prop="accamt" ></el-table-column>
<el-table-column label="承付日期" width="200px" prop="accdat"></el-table-column>
<el-table-column label="资产业务类型" width="200px" prop="assbustyp"></el-table-column>
<el-table-column label="资产登记编号" width="200px" prop="assregref"></el-table-column>
<el-table-column label="资产登记类型" width="200px" prop="assregtyp"></el-table-column>
<el-table-column label="资产状态" width="200px" prop="asssta"></el-table-column>
<el-table-column label="资产交易状态" width="200px" prop="asstrasta"></el-table-column>
<el-table-column label="信用证兑付类型" width="200px" prop="avbby"></el-table-column>
<el-table-column label="单据状态" width="200px" prop="docsta"></el-table-column>
<el-table-column label="业务归属机构" width="200px" prop="ownbch"></el-table-column>
<el-table-column label="业务经办机构" width="200px" prop="usrbch"></el-table-column>
<el-table-column fixed="right" prop="op" label="操作" width="200px">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="Detail(scope)"
>
详情
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="Edit(scope)"
>
编辑
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="Del(scope.$index)"
>
删除
</c-button>
</template>
</el-table-column>
</el-table>
<!-- </c-istream-table> -->
<div class="tabListPage">
<el-pagination @size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="pageSizes"
:page-size="PageSize" layout="total, sizes, prev, pager, next, jumper"
:total="itemList.length">
</el-pagination>
</div>
</div>
</c-col>
<el-dialog :visible.sync="showPanel" :title="opttitle" append-to-body :before-close="cancel">
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
label-width="110px"
size="small"
>
<c-row>
<c-col :span="24">
<c-col :span="24">
<el-form-item label="资产发布编号" prop="edit.assposref" style="width: 100%" >
<c-input
v-model="model.edit.assposref"
placeholder="请输入assposref"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit
:disabled="isDetail"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-input v-if="showIndex" style="visibility: hidden" v-model="model.edit.accamt" ></c-input>
<el-form-item label="承付金额" prop="edit.accamt" style="width: 100%">
<c-input
v-model="model.edit.accamt"
placeholder="请输入accamt"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit
:disabled="isDetail"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="承付日期" prop="edit.accdat" style="width: 100%">
<c-date-picker
type="date"
v-model="model.edit.accdat"
style="width: 95%"
placeholder="请选择"
:disabled="isDetail"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="资产业务类型" prop="edit.assbustyp" style="width: 100%">
<c-input
v-model="model.edit.assbustyp"
placeholder="请输入assbustyp"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit
:disabled="isDetail"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="资产登记编号 " prop="edit.assregref" style="width: 100%">
<c-input
v-model="model.edit.assregref"
placeholder="请输入assregref"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit
:disabled="isDetail"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" style="text-align: center; height: 36.8px">
<el-button
type="primary"
size="small"
@click="submitData"
v-if="optType"
>提交</el-button
>
<el-button style="margin-left: 0" size="small" @click="cancel">
返回
</el-button>
</c-col>
</c-row>
</el-form>
</el-dialog>
</div>
</c-content>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/AssetInfo/Event"
// import BusNavbar from "~/views/Business//BusNavbar"
import {assInfo} from "~/service/elec"
import {assQueryId} from "~/service/elec"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
// curinr:"",
//curownref:"",
showPanel: false,
opttitle:"",
isDetail:true,
optType:true,
showIndex:false,
type:[
{label:"一级福费廷",value:"OLFT"},
{label:"二级福费廷",value:"SLFT"},
{label:"代理福费廷",value:"AGFT"},
],
// 总数据
itemList:[],
// 默认显示第几页
currentPage:1,
// 总条数，根据接口获取数据长度(注意：这里不能为空)
total:0,
// 个数选择器（可修改）
pageSizes:[5,10,15,20,25],
// 默认每页显示的条数（可修改）
PageSize:5,
}
},
created(){
assInfo().then(res=>{
this.itemList=res;
})
},
methods:{...Event,
handleReset: function () {
this.model.assposref='';
this.model.fromdate='';
this.model.todate='';
this.model.assbustyp='';
},
handleSearch(){
// if(this.model.query.assposref==scope.row.assposref)
// {
// assQueryId().then(res=>{
// this.itemList=res;
// })
// }
assQueryId({
"assposref":this.model.assposref,
"fromdate":this.model.fromdate,
"todate":this.model.todate,
"assbustyp":this.model.assbustyp
}).then(res=>{
this.itemList=res;
})
// console.log(this.model.assbustyp)
},
Detail(scope){
this.model.edit.accamt = scope.row.accamt;
this.model.edit.accdat = scope.row.accdat;
this.model.edit.assbustyp = scope.row.assbustyp;
this.model.edit.assposref = scope.row.assposref;
this.isDetail = true;
this.opttitle = "资产信息详情";
this.optType = false;
this.showPanel = true;
},
Edit(scope){
this.model.edit.accamt = scope.row.accamt;
this.model.edit.accdat = scope.row.accdat;
this.model.edit.assbustyp = scope.row.assbustyp;
this.model.edit.assposref = scope.row.assposref;
this.isDetail = false;
this.opttitle = "资产信息修改";
this.optType = true;
this.showPanel = true;
},
cancel(){
this.showPanel=false;
},
submitData(){},
// 每页显示的条数
handleSizeChange(size) {
// 改变每页显示的条数
this.PageSize=size;
// 注意：在改变每页显示的条数时，要将页码显示到第一页
this.currentPage=1;
},
// 显示第几页
handleCurrentChange(currentPage) {
// 改变默认的页数
this.currentPage=currentPage;
},
}
}
</script>
<style>
.table {
margin-top: 20px;
}
.el-table .cell {
line-height: 15px;
}
</style>
src/views/Business/AssetInfo/index.vue 0 → 100644
<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/Infsea.vue 0 → 100644
<template>
<c-content>
<div class="eibs-tab">
<template >
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="left"
label-width="110px"
size="small"
>
<el-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item label="资产发布编号" prop="assposref" >
<c-input v-model="model.assposref" maxlength="50" placeholder="请输入资产发布编号" ></c-input>
</el-form-item>
</c-col>
<c-col :span="8" >
<el-form-item label="起始日期" >
<c-date-picker type="date" v-model="model.fromdate" placeholder="请选择Opening between" style="width:43%"></c-date-picker>
-
<c-date-picker type="date" v-model="model.todate" placeholder="请选择Open Date to" style="width:43%"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="邀约类型" prop="offtyp" >
<c-select
v-model="model.offtyp"
style="width: 100%"
placeholder="邀约类型"
>
<el-option
v-for="item in type"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
</el-row>
<c-col :span="24" style="text-align: right; height: 36.8px">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch()"
>查询</el-button >
</c-col>
</el-form>
<c-col :span="24">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
</template>
<c-col :span="24">
<div class="table">
<!-- <c-istream-table :list="itemList"> -->
<el-table :data="itemList.slice((currentPage-1)*PageSize,currentPage*PageSize)" :border="true" style="width:80%,text-align:center" :header-cell-style="{background:'rgb(235, 235, 235)',color:'#000'}">
<el-table-column label="资产发布编号" width="200px" prop="assposref"></el-table-column>
<el-table-column label="资产登记编号" width="200px" prop="assregref"></el-table-column>
<el-table-column label="要约类型" width="200px" prop="offtyp"></el-table-column>
<el-table-column label="结息方式" width="200px" prop="settyp"></el-table-column>
<el-table-column label="资产发布日期" width="200px" prop="credat"></el-table-column>
<el-table-column fixed="right" prop="op" label="操作" width="200px">
<template slot-scope="scope">
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="Detail(scope)"
>
详情
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="Edit(scope)"
>
编辑
</c-button>
<c-button
style="margin-left: 0"
size="small"
type="primary"
@click="Del(scope.$index)"
>
删除
</c-button>
</template>
</el-table-column>
</el-table>
<!-- </c-istream-table> -->
<div class="tabListPage">
<el-pagination @size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="pageSizes"
:page-size="PageSize" layout="total, sizes, prev, pager, next, jumper"
:total="itemList.length">
</el-pagination>
</div>
</div>
</c-col>
<el-dialog :visible.sync="showPanel" :title="opttitle" append-to-body :before-close="cancel">
<el-form
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
label-width="110px"
size="small"
>
<c-row>
<c-col :span="24">
<c-col :span="24">
<el-form-item label="资产发布编号" prop="assposref" style="width: 100%" >
<c-input
v-model="model.assposref"
placeholder="请输入assposref"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit
:disabled="isDetail"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-input v-if="showIndex" style="visibility: hidden" v-model="model.assregref" ></c-input>
<el-form-item label="资产登记编号" prop="assregref" style="width: 100%">
<c-input
v-model="model.assregref"
placeholder="请输入assregref"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit
:disabled="isDetail"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<el-form-item label="承付日期" prop="edit.accdat" style="width: 100%">
<c-date-picker
type="date"
v-model="model.edit.accdat"
style="width: 95%"
placeholder="请选择"
:disabled="isDetail"
></c-date-picker>
</el-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="要约类型" prop="offtyp" style="width: 100%">
<c-input
v-model="model.offtyp"
placeholder="请输入offtyp"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit
:disabled="isDetail"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="结息方式 " prop="settyp" style="width: 100%">
<c-input
v-model="model.settyp"
placeholder="请输入settyp"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit
:disabled="isDetail"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="资产发布日期" prop="credat" style="width: 100%">
<c-input
v-model="model.credat"
placeholder="请输入credat"
type="textarea"
:rows="4"
maxlength="200"
show-word-limit
:disabled="isDetail"
style="width: 95%"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" style="text-align: center; height: 36.8px">
<el-button
type="primary"
size="small"
@click="submitData"
v-if="optType"
>提交</el-button
>
<el-button style="margin-left: 0" size="small" @click="cancel">
返回
</el-button>
</c-col>
</c-row>
</el-form>
</el-dialog>
</div>
</c-content>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/AssetInfo/Event"
// import BusNavbar from "~/views/Business//BusNavbar"
import {assPubInfo} from "~/service/elec"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
showPanel: false,
opttitle:"",
isDetail:true,
optType:true,
showIndex:false,
type:[
{label:"要约函",value:"OFFR"},
{label:"报价函",value:"QUOT"},
],
// 总数据
itemList:[],
// 默认显示第几页
currentPage:1,
// 总条数，根据接口获取数据长度(注意：这里不能为空)
total:0,
// 个数选择器（可修改）
pageSizes:[5,10,15,20,25],
// 默认每页显示的条数（可修改）
PageSize:5,
}
},
created(){
assPubInfo().then(res=>{
this.itemList=res;
})
},
methods:{...Event,
handleReset: function () {
},
handleSearch(){
},
Detail(scope){
this.model.assposref = scope.row.assposref;
this.isDetail = true;
this.opttitle = "资产发布信息详情";
this.optType = false;
this.showPanel = true;
},
Edit(scope){
this.model.assposref = scope.row.assposref;
this.isDetail = false;
this.opttitle = "资产发布信息修改";
this.optType = true;
this.showPanel = true;
},
cancel(){
this.showPanel=false;
},
submitData(){},
// 每页显示的条数
handleSizeChange(size) {
// 改变每页显示的条数
this.PageSize=size;
// 注意：在改变每页显示的条数时，要将页码显示到第一页
this.currentPage=1;
},
// 显示第几页
handleCurrentChange(currentPage) {
// 改变默认的页数
this.currentPage=currentPage;
},
}
}
</script>
<style>
.table {
margin-top: 20px;
}
.el-table .cell {
line-height: 15px;
}
</style>
src/views/Business/AssetPub/index.vue 0 → 100644
<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
......@@ -124,6 +124,10 @@ import Betdrv from "./Betdrv"
import Ditdav from "./Ditdav"
import Infpty from "./Infpty"
import Dbipty from "./Dbipty"
import AssetInfo from "./AssetInfo"
import AssetPub from "./AssetPub"
/**
* 带有name的才会被添加进顶部的标签页里
*/
......@@ -261,5 +265,11 @@ const BusRouter = [
{ path: 'getsel', component: Getsel, name: 'Getsel', meta: { title: 'Getsel' } },
{ path: 'getcrq', component: Getcrq, name: 'Getcrq', meta: { title: 'Getcrq' } },
{ 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
......@@ -2,80 +2,146 @@
<CellWrapper title="电子大厅" :cellContentHeight="cellContentHeight">
<template v-slot:header>
<span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" 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">
<div class="cell-content">
<div class="card-item1">
<div class="dept-name">
<div
class="first-word"
:style="{ 'background-color': item.backColor }"
>
{{ item.title.substr(0, 1) }}
<div class="first-word1">资</div>
<div class="dz-title" @click="openassInfo">资产信息</div>
</div>
<div class="dz-title">{{ item.title }}</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 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>
<div class="card-item2">
<div class="dept-name">
<div class="first-word2">
资
</div>
<div class="dz-title" @click="openassInfoPub">资产发布信息</div>
</div>
<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 },
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)",
// colors: ['#2073ef','rgb(28 190 241)','rgb(243, 195, 12)'],
//titles:['资产信息','资产发布信息','资金信息'],
itemList: [ ],
apub:[],
fund:[],
};
},
{
title: "他行发布资产大厅",
backImg: "linear-gradient(rgb(243, 195, 12), rgb(239 228 197))",
backColor: "rgb(243, 195, 12)",
created() {
asset().then(res => {
this.itemList=res
}),
assetpub().then(res =>{
this.apub = res;
}),
fund().then(res =>{
this.fund = res;
})
},
{
title: "资金发布大厅",
backImg: "linear-gradient(#ff9800, rgb(251 234 210))",
backColor: "#ff9800",
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,29 @@ 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;
......@@ -103,21 +183,72 @@ export default {
font-family: emoji;
border-radius: 8px;
font-size: 20px;
background-color: #2073ef;
}
.first-word2 {
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(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/Home/common/CellHeader.vue
......@@ -9,7 +9,13 @@
<script>
export default {
props: ['title'],
props: {
title:{
type:String,
required:true,
},
},
};
</script>
......@@ -20,6 +26,7 @@ export default {
display: flex;
justify-content: space-between;
border-bottom: 2px solid #f7f7f7;
}
.cell-header_title {
font-weight: bold;
......
src/views/Home/config.js
......@@ -25,4 +25,14 @@ export const cellDataDefinition = [
name: "QuickSearch",
description: "交易快速查询入口",
},
// {
// title: "电子大厅1",
// name: "Hall1",
// description: "电子大厅1",
// },
];
src/views/Home/index.vue
......@@ -33,6 +33,10 @@ import QuickSearch from "./cells/QuickSearch.vue";
import { cellDataDefinition } from "./config";
export default {
name: "Home",
components: {
......@@ -42,6 +46,9 @@ export default {
Hall,
CustomerAnalyse,
QuickSearch,
},
data() {
return {
......
src/views/Layout/SideMenu.vue
......@@ -135,6 +135,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
......@@ -47,6 +47,13 @@ module.exports = {
'^/gjjs/report': '/gjjs/report'
}
},
'/gjjs/elec/': {
target: 'http://127.0.0.1:8083',
changeOrigin: true,
pathRewrite: {
'^/gjjs/elec': '/gjjs/elec'
}
},
/**
* ocr智能识别服务
*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment