Skip to content

V
vue-gjjs
Commit 5a085abd by liuxin
Options

Merge branch 'master' of http://114.115.138.98:8900/fukai/vue-gjjs

parents a5424d67 2ccdcd0f
Showing with 1447 additions and 397 deletions
src/config/CodeTable/index.js
...@@ -2918,6 +2918,12 @@ const CodeTable = { ...@@ -2918,6 +2918,12 @@ const CodeTable = {
{ label: "票据买断", value: "F" }, { label: "票据买断", value: "F" },
{ label: "出口贴现", value: "D" }, { label: "出口贴现", value: "D" },
], ],
fintyp1:[
{label:"进口信用证押汇",value:"BRF"},
{label:"进口代收押汇",value:"BCF"},
{label:"汇出汇款押汇",value:"ECF"},
{label:"打包贷款",value:"PCL"},
],
fktype: [ fktype: [
{ label: "邮划", value: "Y" }, { label: "邮划", value: "Y" },
{ label: "电划", value: "D" }, { label: "电划", value: "D" },
......
src/model/Busvol/Check.js 0 → 100644
import Utils from "~/utils"
/**
* Busvol Check规则
*/
let checkObj={
"" :null,
}
for (const key in checkObj) {
if (Object.hasOwnProperty.call(checkObj, key)) {
checkObj[key] = checkObj[key] ? checkObj[key] : Utils.reflectCheck(key)
}
}
export default checkObj
\ No newline at end of file
src/model/Busvol/Default.js 0 → 100644
/**
* Busvol Default规则
*/
import Api from "~/service/Api";
import Utils from "~/utils/index"
export default {
"": Utils.defaultFunction,
}
src/model/Busvol/Event.js 0 → 100644
import Api from "~/service/Api"
import Utils from "~/utils"
export default{
async handleSearch(){
},
async handleReset(){
}
}
\ No newline at end of file
src/model/Busvol/Pattern.js 0 → 100644
export default {
}
\ No newline at end of file
src/model/Busvol/index.js 0 → 100644
import Api from "~/service/Api"
import Pts from "../Common/Pts"
export default class Gitset{
constructor () {
this.data = {
}
}
}
\ No newline at end of file
src/model/Iaefts/Check.js 0 → 100644
import Utils from "~/utils"
/**
* Iaefts Check规则
*/
let checkObj={
"" :null,
}
for (const key in checkObj) {
if (Object.hasOwnProperty.call(checkObj, key)) {
checkObj[key] = checkObj[key] ? checkObj[key] : Utils.reflectCheck(key)
}
}
export default checkObj
\ No newline at end of file
src/model/Iaefts/Default.js 0 → 100644
/**
* Iaefts Default规则
*/
import Api from "~/service/Api";
import Utils from "~/utils/index"
export default {
"": Utils.defaultFunction,
}
src/model/Iaefts/Event.js
...@@ -3,16 +3,18 @@ import Utils from "~/utils" ...@@ -3,16 +3,18 @@ import Utils from "~/utils"
export default { export default {
async handleSearch(){ async handleSearch(){
let rtnmsg = await this.executeRule("infbut.butprt") console.log(this.tempData.tdata)
if(rtnmsg.respCode == SUCCESS) // this.stmData.data=this.tempData.tdata
{ // let rtnmsg = await this.executeRule("infbut.butprt")
//TODO 处理数据逻辑 // if(rtnmsg.respCode == SUCCESS)
// {
} // //TODO 处理数据逻辑
else // this.data=this.tdata
{ // }
this.$notify.error({title: '错误',message: '服务请求失败！'}); // else
} // {
// this.$notify.error({title: '错误',message: '服务请求失败！'});
// }
}, },
async handleReset(){ async handleReset(){
......
src/model/Iaefts/Pattern.js 0 → 100644
export default {
}
\ No newline at end of file
src/model/Iaefts/index.js 0 → 100644
import Api from "~/service/Api"
import Pts from "../Common/Pts"
export default class Gitset{
constructor () {
this.data = {
}
}
}
\ No newline at end of file
src/model/Notice/Pattern.js
...@@ -4,8 +4,8 @@ export default{ ...@@ -4,8 +4,8 @@ export default{
{max: 20,message:"长度不能超过20"} {max: 20,message:"长度不能超过20"}
], ],
"theme":[ "edit.theme":[
{type: "string", required: false, message: "必输项"}, {type: "string", required: true, message: "必输项" ,trigger:'change'},
{max: 20,message:"长度不能超过20"} {max: 20,message:"长度不能超过20"}
], ],
"unit":[ "unit":[
......
src/service/notice/index.js
import Api from "~/service/Api" import Api from "~/service/Api"
export function my(data) { export function my(data) {
return Api.post("/notice/task/my", data) return Api.post("/report/notice/my", data)
} }
\ No newline at end of file
src/views/Business/BusRouter.js
...@@ -129,6 +129,7 @@ import Notice from "./Notice" ...@@ -129,6 +129,7 @@ import Notice from "./Notice"
import Iaefts from "./Iaefts" import Iaefts from "./Iaefts"
import Expben from "./Expben" import Expben from "./Expben"
import Busvol from "./Busvol"
import AssetInfo from "./AssetInfo" import AssetInfo from "./AssetInfo"
import AssetPub from "./AssetPub" import AssetPub from "./AssetPub"
...@@ -260,8 +261,8 @@ const BusRouter = [ ...@@ -260,8 +261,8 @@ const BusRouter = [
{ path: 'gitcrq', component: Gitcrq, name: 'Gitcrq', meta: { title: '进口保函索赔登记' } }, { path: 'gitcrq', component: Gitcrq, name: 'Gitcrq', meta: { title: '进口保函索赔登记' } },
{ path: 'ditdav', component: Ditdav, name: 'Ditdav', meta: { title: '信用证收单' } }, { path: 'ditdav', component: Ditdav, name: 'Ditdav', meta: { title: '信用证收单' } },
{ path: 'Infpty', component: Infpty, name: 'Infpty', meta: { title: 'Infpty' } }, { path: 'Infpty', component: Infpty, name: 'Infpty', meta: { title: '客户查询' } },
{ path: 'Dbipty', component: Dbipty, name: 'Dbipty', meta: { title: 'Dbipty' } }, { path: 'Dbipty', component: Dbipty, name: 'Dbipty', meta: { title: '客户静态信息管理' } },
{ path: 'betdcr', component: Betdcr, name: 'Betdcr', meta: { title: '出口信用证电提不符点/拒付' } }, { path: 'betdcr', component: Betdcr, name: 'Betdcr', meta: { title: '出口信用证电提不符点/拒付' } },
{ path: 'betdrv', component: Betdrv, name: 'Betdrv', meta: { title: '出口信用证单据修改' } }, { path: 'betdrv', component: Betdrv, name: 'Betdrv', meta: { title: '出口信用证单据修改' } },
{ path: 'letnot', component: Letnot, name: 'Letnot', meta: { title: '出口信用证预通知' } }, { path: 'letnot', component: Letnot, name: 'Letnot', meta: { title: '出口信用证预通知' } },
...@@ -274,8 +275,9 @@ const BusRouter = [ ...@@ -274,8 +275,9 @@ const BusRouter = [
{ path: 'notice', component: Notice, name: 'Notice', meta: { title: '通知公告设置' } }, { path: 'notice', component: Notice, name: 'Notice', meta: { title: '通知公告设置' } },
{ path: 'Iaefts', component: Iaefts, name: 'Iaefts', meta: { title: '进出口融资交易' } }, { path: 'Iaefts', component: Iaefts, name: 'Iaefts', meta: { title: '融资量交易' } },
{ path: 'Expben', component: Expben, name: 'Expben', meta: { title: '费用收益交易' } }, { path: 'Expben', component: Expben, name: 'Expben', meta: { title: '费用收益' } },
{ path: 'Busvol', component: Busvol, name: 'Busvol', meta: { title: '业务量交易' } },
{ path: 'assetinfo', component: AssetInfo, name: 'AssetInfo', meta: { title: '资产信息管理' } }, { path: 'assetinfo', component: AssetInfo, name: 'AssetInfo', meta: { title: '资产信息管理' } },
{ path: 'assetpub', component: AssetPub, name: 'AssetPub', meta: { title: '资产发布信息管理' } }, { path: 'assetpub', component: AssetPub, name: 'AssetPub', meta: { title: '资产发布信息管理' } },
......
src/views/Business/Busvol/Volume.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-col :span="16">
<c-col :span="12">
<el-form-item label="客户名称">
<el-input
v-model="customerName"
placeholder="请输入客户名称"
style="width: 100%"
></el-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="起止时间" style="width: 100%">
<el-col :span="11">
<el-date-picker
v-model="sdate"
type="date"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date"
></el-date-picker>
</el-col>
<c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label>
</c-col>
<el-col :span="11">
<el-date-picker
v-model="edate"
type="date"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date"
></el-date-picker>
</el-col>
</el-form-item>
</c-col>
<el-col :span="24">
<el-form-item label="业务类型">
<el-checkbox-group v-model="checkboxGroup1" size="small">
<el-checkbox-button
v-for="bcate in bcategory"
:label="bcate"
:key="bcate"
>{{ bcate }}</el-checkbox-button
>
</el-checkbox-group>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="币种">
<el-checkbox-group v-model="checkboxGroup2" size="small">
<el-checkbox-button v-for="cur in curs" :label="cur" :key="cur">{{
cur
}}</el-checkbox-button>
</el-checkbox-group>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="业务机构">
<el-checkbox-group v-model="checkboxGroup3" size="small">
<el-checkbox-button
v-for="bank in banks"
:label="bank"
:key="bank"
>{{ bank }}</el-checkbox-button
>
</el-checkbox-group>
</el-form-item>
</el-col>
<el-col :span="24">
<div class="table">
<el-table
:data="
stmData.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
prop="cname"
label="客户名称"
width="80px"
></el-table-column>
<el-table-column
prop="cdate"
label="创建时间"
width="200px"
></el-table-column>
<el-table-column
prop="ownref"
label="业务编号"
width="220px"
></el-table-column>
<el-table-column
prop="curtyp"
label="币种"
width="120px"
>
</el-table-column>
<el-table-column
prop="curamt"
label="金额"
width="120px"
></el-table-column>
<el-table-column
prop="branch"
label="业务机构"
width="150px"
></el-table-column>
</el-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="stmData.length"
>
</el-pagination>
</div>
</div>
</el-col>
</el-col>
<el-col :span="8">
<el-col :span="24">
<div id="main" class="main_container"></div>
</el-col>
<el-col :span="24">
<div class="table">
<el-table
:data="tableData"
:border="true"
style="width:80%,text-align:center"
:header-cell-style="{
background: 'rgb(235, 235, 235)',
color: '#000',
}"
>
<el-table-column
prop="idx"
label="排名"
width="100px"
></el-table-column>
<el-table-column
prop="tbusiness"
label="业务类型"
width="180px"
></el-table-column>
<el-table-column
prop="bvol"
label="业务量"
width="180px"
></el-table-column>
</el-table>
</div>
</el-col>
</el-col>
</div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import * as echarts from "echarts";
import Event from "~/model/Busvol/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
trnName: "Volume",
customerName: "",
sdate: "",
edate: "",
tableData:[
{idx:"第一",tbusiness:"买方信用证",bvol:"541532"},
{idx:"第二",tbusiness:"卖方信用证",bvol:"23232"},
{idx:"第三",tbusiness:"出口信用证",bvol:"12356"},
],
stmData:[
{
cname: "Brilliance",
cdate: "2022-05-07 10:00:00",
ownref: "KZ01256886",
curtyp:"USD",
curamt:"123598.364",
branch:"北京分行"
},
{
cname: "Brilliance",
cdate: "2022-05-12 10:00:00",
ownref: "KZ01886886",
curtyp:"CNY",
curamt:"6543598.364",
branch:"北京分行"
},
{
cname: "贵州茅台",
cdate: "2022-05-02 10:00:00",
ownref: "KZ01917886",
curtyp:"CNY",
curamt:"8543598.364",
branch:"北京分行"
},
{
cname: "贵州茅台",
cdate: "2022-05-22 10:00:00",
ownref: "KZ01966886",
curtyp:"USD",
curamt:"56598.364",
branch:"北京分行"
},
{
cname: "海康威视",
cdate: "2022-04-22 10:00:00",
ownref: "KZ01336586",
curtyp:"USD",
curamt:"15598.364",
branch:"北京分行"
},
{
cname: "海康威视",
cdate: "2022-05-17 10:00:00",
ownref: "KZ01332586",
curtyp:"USD",
curamt:"99598.364",
branch:"北京分行"
},
{
cname: "海康威视",
cdate: "2022-05-17 10:00:00",
ownref: "KZ01332586",
curtyp:"USD",
curamt:"99598.364",
branch:"北京分行"
},
{
cname: "海康威视",
cdate: "2022-05-17 10:00:00",
ownref: "KZ01332586",
curtyp:"USD",
curamt:"99598.364",
branch:"北京分行"
},
{
cname: "海康威视",
cdate: "2022-05-17 10:00:00",
ownref: "KZ01332586",
curtyp:"USD",
curamt:"99598.364",
branch:"北京分行"
},
{
cname: "海康威视",
cdate: "2022-05-17 10:00:00",
ownref: "KZ01332586",
curtyp:"USD",
curamt:"99598.364",
branch:"北京分行"
},
{
cname: "海康威视",
cdate: "2022-05-17 10:00:00",
ownref: "KZ01332586",
curtyp:"USD",
curamt:"99598.364",
branch:"北京分行"
},
{
cname: "海康威视",
cdate: "2022-05-17 10:00:00",
ownref: "KZ01332586",
curtyp:"USD",
curamt:"99598.364",
branch:"北京分行"
},
],
//table的默认选择值
checkboxGroup1: [""],
checkboxGroup2: [""],
checkboxGroup3: [""],
bcategory: ["信用证", "保函", "汇款", "托收","代收", "国内证","资金业务"],
curs: ["人民币", "美元", "港币", "欧元"],
banks: ["总行", "分行", "地方支行"],
// 默认显示第几页
currentPage: 1,
// 总条数，根据接口获取数据长度(注意：这里不能为空)
total: 0,
// 个数选择器（可修改）
pageSizes: [10, 20, 30, 40, 50],
// 默认每页显示的条数（可修改）
PageSize: 10,
};
},
mounted() {
this.initcharts();
},
computed: {},
created() {
if (this.$route.query) {
this.customerName = this.$route.query.name;
}
},
methods: {
...Event,
initcharts() {
var chartDom = document.getElementById("main");
var myChart = echarts.init(chartDom);
//option chart的配置项
var option = {
//legend 图标组件
legend: {
//legend.top 据上端的距离
top: "bottom",
},
//toolbox --工具栏 》》内置数据视图 重制等工具
toolbox: {
//toolbox.show 是否显示工具栏组件
show: true,
// orient:'vertical',
//.feature各工具配置项
feature: {
// mark '辅助线开关'
mark: { show: true },
dataView: { show: true, readOnly: false ,title:"详细"},
restore: { show: false },
saveAsImage: { show: false },
},
},
series: [
{
name: "客户业务量分析",
// 设置图表类型为饼图
type: "pie",
// radius饼状图半径
radius: [20, 100],
//center饼图的中心（圆心）坐标
center: ["50%", "50%"],
//数据百分比显示
label: {
normal: {
show: true,
formatter: "{b}: {c}({d}%)", //自定义显示格式(b:name, c:value, d:百分比)
},
},
roseType: "area",
itemStyle: {
borderRadius: 6,
},
data: [
{ value: 26, name: "信用证" },
{ value: 24, name: "保函" },
{ value: 16, name: "国内证" },
{ value: 20, name: "托收" },
{ value: 8, name: "汇款" },
{ value: 6, name: "资金业务" },
],
},
],
};
myChart.setOption(option);
},
handleSizeChange(size) {
// 改变每页显示的条数
this.PageSize = size;
// 注意：在改变每页显示的条数时，要将页码显示到第一页
this.currentPage = 1;
},
// 显示第几页
handleCurrentChange(currentPage) {
// 改变默认的页数
this.currentPage = currentPage;
},
},
};
</script>
<style>
.main_container {
width: 110%;
height: 300px;
}
</style>
src/views/Business/Busvol/index.vue 0 → 100644
<template>
<div class="eContainer">
<el-form
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<m-Volume :model="model" :codes="codes" />
</el-form>
</div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import CodeTable from "~/config/CodeTable";
import Check from "~/model/Busvol/Check";
import Default from "~/model/Busvol/Default";
import Pattern from "~/model/Busvol/Pattern"
import Busvol from "~/model/Busvol"
import Volume from "./Volume";
export default {
name:"Busvol",
mixins:[commonProcess, commonFuncs],
components:{
"m-Volume" : Volume,
},
provide() {
return {
root: this,
};
},
data() {
return {
tabVal:"Volume",
trnNam:"Busvol",
model: null,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
}
},
methods: {
},
created: async function () {
console.log("进入业务量交易");
},
};
</script>
<style></style>
src/views/Business/Expben/ExpenseIncome.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="8"> <el-col :span="16">
<c-col :span="12">
<el-form-item label="客户名称"> <el-form-item label="客户名称">
<c-input <c-input v-model="customerName" placeholder="请输入客户名称"></c-input>
v-model="customername"
placeholder="请输入客户名称"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="12">
<el-form-item label="起止日期"> <el-form-item label="起止日期">
<c-col :span="11"> <c-col :span="11">
<c-date-picker <c-date-picker
v-model="startDate"
type="date" type="date"
style="width: 100%" style="width: 100%"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
...@@ -24,6 +23,7 @@ ...@@ -24,6 +23,7 @@
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<c-date-picker <c-date-picker
v-model="endDate"
type="date" type="date"
style="width: 100%" style="width: 100%"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
...@@ -33,45 +33,44 @@ ...@@ -33,45 +33,44 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <el-col :span="24">
<el-form-item label="业务编号"> <el-form-item label="费用变化状态">
<c-input placeholder="请输入Reference"> </c-input> <el-checkbox-group v-model="checkboxGroup1" size="small">
</el-form-item> <el-checkbox-button
</c-col> v-for="modflg in modflgs"
:label="modflg"
<c-col :span="8"> :key="modflg"
<el-form-item label="经办柜员"> >{{ modflg }}</el-checkbox-button
<c-select style="width: 100%" palceholder="请选择User"></c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="请选择费用变化状态">
<c-select style="width: 100%" placeholder="费用变化状态"></c-select>
</el-form-item>
</c-col>
<c-col :span="8" style="text-align: right">
<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-checkbox-group>
</el-form-item>
<c-col class="clearfix" :span="24" style="margin-top: 10px"> </el-col>
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<c-col :span="24" style=""> <c-col :span="24" >
<c-istream-table <div class="table">
:list="stmData.data" <el-table
:columns="stmData.columns" :data="stmData.slice((currentPage-1)*PageSize,currentPage*PageSize)" :border="true" style="width:80%,text-align:center" :header-cell-style="{background:'rgb(235, 235, 235)',color:'#000'}"
:showButtonFlg="true"
> >
<c-table-column fixed="right" prop="op" label="操作" width="165px"> <el-table-column
prop="cname"
label="客户名称"
width="300px"
></el-table-column>
<el-table-column
prop="cdate"
label="创建时间"
width="300px"
></el-table-column>
<el-table-column
prop="ownref"
label="业务编号"
width="300px"
></el-table-column>
<el-table-column
prop="cstate"
label="费用变化状态"
width="300px"></el-table-column>
<!-- <c-table-column fixed="right" prop="op" label="操作" width="140px">
<template slot-scope="{ scope }"> <template slot-scope="{ scope }">
<c-button <c-button
style="margin-left: 0" style="margin-left: 0"
...@@ -88,30 +87,107 @@ ...@@ -88,30 +87,107 @@
> >
处理 处理
</c-button> </c-button>
<el-popover placement="top-start" width="50" trigger="click">
<ul class="table-button-item-list">
<li>
<c-button size="small" style="margin-left: 0"
>指派</c-button
>
</li>
<li>
<c-button size="small" style="margin-left: 0"
>删除</c-button
>
</li>
</ul>
<a
slot="reference"
href="javascript:void(0)"
style="margin-left: 5px"
><i class="el-icon-more"></i
></a>
</el-popover>
</template> </template>
</c-table-column> </c-table-column> -->
</c-istream-table> </el-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="stmData.length">
</el-pagination>
</div>
</div>
</c-col> </c-col>
</el-col>
<el-col :span="8">
<el-col :span="24">
<div id="main" class="main_container"></div>
</el-col>
<el-col :span="24">
<div class="table">
<el-table
:data="tableData"
:border="true"
style="width:80%,text-align:center"
:header-cell-style="{
background: 'rgb(235, 235, 235)',
color: '#000',
}"
>
<el-table-column
prop="idx"
label="排名"
width="100px"
></el-table-column>
<el-table-column
prop="tbusiness"
label="业务类型"
width="180px"
></el-table-column>
<el-table-column
prop="bvol"
label="费用收益"
width="180px"
></el-table-column>
</el-table>
</div>
</el-col>
</el-col>
<!-- <c-col :span="8">
<el-form-item label="业务编号">
<c-input
placeholder="请输入Reference"
v-model="ownReference"
> </c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="经办柜员">
<c-select
v-model="ownUsr"
style="width: 100%"
palceholder="请选择User"
:code="codes.usrsort"
></c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="8">
<el-form-item label="费用变化状态">
<c-select
v-model="modflg"
style="width: 100%"
placeholder="请选择费用变化状态"
:code="codes.modflg"
></c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="8" style="text-align: right">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询</el-button
>
</c-col> -->
<!-- <c-col class="clearfix" :span="24" style="margin-top: 10px">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col> -->
</div> </div>
</template> </template>
...@@ -120,6 +196,7 @@ import commonProcess from "~/mixin/commonProcess"; ...@@ -120,6 +196,7 @@ import commonProcess from "~/mixin/commonProcess";
import Api from "~/service/Api"; import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable"; import CodeTable from "~/config/CodeTable";
import Event from "~/model/Expben/Event"; import Event from "~/model/Expben/Event";
import * as echarts from "echarts";
export default { export default {
inject: ["root"], inject: ["root"],
...@@ -128,27 +205,137 @@ export default { ...@@ -128,27 +205,137 @@ export default {
data() { data() {
return { return {
trnName: "ExpenseIncome", trnName: "ExpenseIncome",
customername:"", customerName: "",
stmData: { startDate:"",
columns: [ endDate:"",
'4 1 "客户名称" 0 ', ownReference:"",
'5 2 "业务编号" 0', ownUsr:"",
'7 3 "经办柜员" 0', modflgs:["Rate changed","Amount changed","Unmodified","Code changed","Units changed","Date changed"],
'20 4 "费用变化状态" 0', checkboxGroup1:[],
'21 5 "融资状态" 0', tableData:[
{idx:"第一",tbusiness:"买方信用证",bvol:"541532"},
{idx:"第二",tbusiness:"卖方信用证",bvol:"23232"},
{idx:"第三",tbusiness:"出口信用证",bvol:"12356"},
], ],
data: [], stmData: [
{
cname:'Brilliance' ,cdate:'2022-05-07 10:00:00',ownref:'KZ01256886',cstate:'Rate changed'
},
{
cname:'Brilliance' ,cdate:'2022-05-07 10:00:00',ownref:'KZ01256886',cstate:'Rate changed'
},
{
cname:'贵州茅台' ,cdate:'2022-05-07 10:00:00',ownref:'KZ01256886',cstate:'Rate changed'
},
{
cname:'贵州茅台' ,cdate:'2022-05-07 10:00:00',ownref:'KZ01256886',cstate:'Rate changed'
},
{
cname:'海康威视' ,cdate:'2022-05-07 10:00:00',ownref:'KZ01256886',cstate:'Rate changed'
},
{
cname:'海康威视' ,cdate:'2022-05-07 10:00:00',ownref:'KZ01256886',cstate:'Rate changed'
}, },
],
// 默认显示第几页
currentPage:1,
// 总条数，根据接口获取数据长度(注意：这里不能为空)
total:0,
// 个数选择器（可修改）
pageSizes:[5,10,15,20,25],
// 默认每页显示的条数（可修改）
PageSize:5,
}; };
}, },
mounted() {
this.initcharts();
},
computed: {}, computed: {},
//注意此处应为$route当前组件的this 不是$router vuerouter的this其不含query值 //注意此处应为$route当前组件的this 不是$router vuerouter的this其不含query值
created(){ created() {
if(this.$route.query){ if (this.$route.query) {
this.customername=this.$route.query.name this.customerName = this.$route.query.name;
}}, }
methods: {...Event}, },
methods: { ...Event,
initcharts() {
var chartDom = document.getElementById("main");
var myChart = echarts.init(chartDom);
//option chart的配置项
var option = {
//legend 图标组件
legend: {
//legend.top 据上端的距离
top: "bottom",
},
//toolbox --工具栏 》》内置数据视图 重制等工具
toolbox: {
//toolbox.show 是否显示工具栏组件
show: true,
// orient:'vertical',
//.feature各工具配置项
feature: {
// mark '辅助线开关'
mark: { show: true },
dataView: { show: true, readOnly: false ,title:"详细"},
restore: { show: false },
saveAsImage: { show: false },
},
},
series: [
{
name: "客户业务量分析",
// 设置图表类型为饼图
type: "pie",
// radius饼状图半径
radius: [20, 100],
//center饼图的中心（圆心）坐标
center: ["50%", "50%"],
//数据百分比显示
label: {
normal: {
show: true,
formatter: "{b}: {c}({d}%)", //自定义显示格式(b:name, c:value, d:百分比)
},
},
roseType: "area",
itemStyle: {
borderRadius: 6,
},
data: [
{ value: 26, name: "信用证" },
{ value: 24, name: "保函" },
{ value: 16, name: "国内证" },
{ value: 20, name: "托收" },
{ value: 8, name: "汇款" },
{ value: 6, name: "资金业务" },
],
},
],
};
myChart.setOption(option);
},
handleSizeChange(size) {
// 改变每页显示的条数
this.PageSize=size;
// 注意：在改变每页显示的条数时，要将页码显示到第一页
this.currentPage=1;
},
// 显示第几页
handleCurrentChange(currentPage) {
// 改变默认的页数
this.currentPage=currentPage;
}, },
}; };
</script> </script>
......
src/views/Business/Expben/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <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="tabClick"> <!-- <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> -->
<el-tab-pane label="费用收益" name="ExpenseIncome"> <!-- <el-tab-pane label="费用收益" name="ExpenseIncome"> -->
<m-ExpenseIncome :model="model" :codes="codes"/> <m-ExpenseIncome :model="model" :codes="codes"/>
</el-tab-pane> <!-- </el-tab-pane> -->
</c-tabs> <!-- </c-tabs> -->
</el-form> </el-form>
</div> </div>
</template> </template>
......
src/views/Business/Iaefts/Finance.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24"> <el-col :span="16">
<c-col :span="8"> <c-col :span="12">
<el-form-item label="客户名称"> <el-form-item label="客户名称">
<c-input <c-input
v-model="customername" v-model="customerName"
placeholder="请输入客户名称" placeholder="请输入客户名称"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="12">
<el-form-item label="起止日期" style="width: 100%"> <el-form-item label="起止日期" style="width: 100%">
<c-col :span="11"> <c-col :span="11">
<c-date-picker <c-date-picker
v-model="startDate"
type="date" type="date"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 100%" style="width: 100%"
...@@ -24,6 +25,7 @@ ...@@ -24,6 +25,7 @@
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<c-date-picker <c-date-picker
v-model="endDate"
type="date" type="date"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 100%" style="width: 100%"
...@@ -32,58 +34,103 @@ ...@@ -32,58 +34,103 @@
</c-col> </c-col>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8">
<el-form-item label="业务编号">
<c-input placeholder="请输入Reference"> </c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="经办柜员">
<c-select style="width: 100%" palceholder="请选择User"></c-select>
</el-form-item>
</c-col>
<c-col :span="8"> <el-col :span="24">
<el-form-item label="请选择融资种类"> <el-form-item label="融资类型">
<c-select style="width: 100%" placeholder="融资种类"></c-select> <el-checkbox-group v-model="checkboxGroup" size="small">
<el-checkbox-button
v-for="fkind in fkinds"
:label="fkind"
:key="fkind"
>{{fkind}}</el-checkbox-button>
</el-checkbox-group>
</el-form-item> </el-form-item>
</c-col> </el-col>
<el-col :span="24">
<c-col :span="8"> <el-form-item label="融资种类">
<el-form-item label="请选择融资状态"> <el-checkbox-group v-model="checkboxGroup1" size="small">
<c-select style="width: 100%" placeholder="融资状态"></c-select> <el-checkbox-button
v-for="ftype in fcategory"
:label="ftype"
:key="ftype"
>{{ftype}}</el-checkbox-button>
</el-checkbox-group>
</el-form-item> </el-form-item>
</c-col> </el-col>
<c-col :span="8"> <el-col :span="24">
<el-form-item label="请选择收支标志"> <el-form-item label="融资状态">
<c-select style="width: 100%" placeholder="收支标志"></c-select> <el-checkbox-group
</el-form-item> v-model="checkboxGroup2" size="small"
</c-col>
<c-col :span="16" style="text-align: right">
<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-checkbox-button
v-for="fstate in fstates"
:label="fstate"
:key="fstate"
>{{fstate}}</el-checkbox-button>
</el-checkbox-group>
</el-form-item>
<c-col class="clearfix" :span="24" style="margin-top: 10px"> </el-col>
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<el-col :span="24">
<el-form-item label="收支状态">
<el-checkbox-group v-model="checkboxGroup1" size="small">
<el-checkbox-button
v-for="feetyp in feetyps"
:label="feetyp"
:key="feetyp"
>{{feetyp}}</el-checkbox-button>
</el-checkbox-group>
</el-form-item>
</el-col>
<c-col :span="24" style=""> <c-col :span="24">
<c-istream-table <!-- 样式预留空行 -->
:list="stmData.data" <div class="table">
:columns="stmData.columns" <el-table
:showButtonFlg="true" :data="
stmData.slice((currentPage - 1) * PageSize, currentPage * PageSize)
"
:border="true"
style="width:80%,text-align:center"
:header-cell-style="{
background: 'rgb(235, 235, 235)',
color: '#000',
}"
> >
<c-table-column fixed="right" prop="op" label="操作" width="165px"> <el-table-column
<template slot-scope="{ scope }"> prop="cname"
label="客户名称"
width="150px"
></el-table-column>
<el-table-column
prop="cdate"
label="创建时间"
width="200px"
></el-table-column>
<el-table-column
prop="ownref"
label="业务编号"
width="220px"
></el-table-column>
<el-table-column
prop="typ"
label="融资种类"
width="150px"
></el-table-column>
<el-table-column
prop="state"
label="融资状态"
width="150px"
></el-table-column>
<el-table-column
prop="fee"
label="收支标志"
width="180px"
></el-table-column>
<!-- <el-table-column fixed="right" prop="op" label="操作" width="140px">
<template slot-scope="scope">
<c-button <c-button
style="margin-left: 0" style="margin-left: 0"
size="small" size="small"
...@@ -99,32 +146,65 @@ ...@@ -99,32 +146,65 @@
> >
处理 处理
</c-button> </c-button>
<el-popover placement="top-start" width="50" trigger="click">
<ul class="table-button-item-list">
<li>
<c-button size="small" style="margin-left: 0"
>指派</c-button
>
</li>
<li>
<c-button size="small" style="margin-left: 0"
>删除</c-button
>
</li>
</ul>
<a
slot="reference"
href="javascript:void(0)"
style="margin-left: 5px"
><i class="el-icon-more"></i
></a>
</el-popover>
</template> </template>
</c-table-column> </el-table-column> -->
</c-istream-table> </el-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="stmData.length"
>
</el-pagination>
</div>
</div>
</c-col> </c-col>
</el-col>
<el-col :span="8">
<el-col :span="24">
<div id="main" class="main_container"></div>
</el-col>
<el-col :span="24">
<div class="table">
<el-table
:data="tableData"
:border="true"
style="width:80%,text-align:center"
:header-cell-style="{
background: 'rgb(235, 235, 235)',
color: '#000',
}"
>
<el-table-column
prop="idx"
label="排名"
width="100px"
></el-table-column>
<el-table-column
prop="tbusiness"
label="业务类型"
width="180px"
></el-table-column>
<el-table-column
prop="bvol"
label="融资量"
width="180px"
></el-table-column>
</el-table>
</div>
</el-col>
</el-col>
</c-col>
</div> </div>
</template> </template>
...@@ -133,6 +213,7 @@ import commonProcess from "~/mixin/commonProcess"; ...@@ -133,6 +213,7 @@ import commonProcess from "~/mixin/commonProcess";
import Api from "~/service/Api"; import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable"; import CodeTable from "~/config/CodeTable";
import Event from "~/model/Iaefts/Event"; import Event from "~/model/Iaefts/Event";
import * as echarts from 'echarts';
export default { export default {
inject: ["root"], inject: ["root"],
...@@ -141,30 +222,252 @@ export default { ...@@ -141,30 +222,252 @@ export default {
data() { data() {
return { return {
trnName: "Finance", trnName: "Finance",
customername:"", customerName: "",
startDate: "",
stmData: { endDate: "",
columns: [ ownReference: "",
'4 1 "客户名称" 0 ', ownUsr: "",
'5 2 "收支标志" 0', fintyp: "",
'7 3 "业务编号" 0', ovdflg: "",
'20 4 "融资种类" 0', feetyps: ["无","收入","费用"],
'21 5 "融资状态" 0', fkinds:["进口融资","出口融资 "],
fcategory:["进口信用证押汇","进口代收押汇","汇出汇款押汇","打包贷款"],
fstates:["逾期","逾期已结清","展期","抹账","呆滞","正常已结清","正常","展期已结清","呆账","呆滞已结清","呆账已结清"],
checkboxGroup:[""],
checkboxGroup1:[""],
checkboxGroup2:[""],
checkboxGroup3:[""],
tableData:[
{idx:"第一",tbusiness:"进口信用证押汇",bvol:"541532"},
{idx:"第二",tbusiness:"进口代收押汇",bvol:"23232"},
{idx:"第三",tbusiness:"汇出汇款押汇",bvol:"12356"},
], ],
data: [], stmData: [
{
cname: "Brilliance",
cdate: "2022-05-07 10:00:00",
ownref: "KZ01256886",
typ: "汇出汇款押汇",
state: "正常已结清",
fee: "收入",
},
{
cname: "Brilliance",
cdate: "2022-05-08 12:09:20",
ownref: "KZ01857886",
typ: "进口信用证押汇",
state: "逾期已结清",
fee: "收入",
},
{
cname: "贵州茅台",
cdate: "2022-05-08 00:00:00",
ownref: "KZ09786886",
typ: "进口信用证押汇",
state: "正常已结清",
fee: "无",
},
{
cname: "贵州茅台",
cdate: "2022-05-08 00:00:00",
ownref: "KZ09786886",
typ: "进口信用证押汇",
state: "正常已结清",
fee: "无",
}, },
{
cname: "海康威视",
cdate: "2022-05-15 12:34:46",
ownref: "KA07658346",
typ: "打包贷款",
state: "呆滞",
fee: "费用",
},
{
cname: "海康威视",
cdate: "2022-05-13 13:06:19",
ownref: "KZ09786996",
typ: "汇出汇款押汇",
state: "正常已结清",
fee: "无",
},
],
// 默认显示第几页
currentPage: 1,
// 总条数，根据接口获取数据长度(注意：这里不能为空)
total: 0,
// 个数选择器（可修改）
pageSizes: [5, 10, 15, 20, 25],
// 默认每页显示的条数（可修改）
PageSize: 5,
}; };
}, },
mounted() {
this.initcharts();
},
computed: {}, computed: {},
//注意此处应为$route当前组件的this 不是$router vuerouter的this其不含query值 //注意此处应为$route当前组件的this 不是$router vuerouter的this其不含query值
created () { created() {
if(this.$route.query){ if (this.$route.query) {
this.customername=this.$route.query.name this.customerName = this.$route.query.name;
} }
}, },
methods: {...Event,}, methods: {
...Event,
initcharts() {
var chartDom = document.getElementById("main");
var myChart = echarts.init(chartDom);
//option chart的配置项
var option = {
//legend 图标组件
legend: {
//legend.top 据上端的距离
top: "bottom",
},
//toolbox --工具栏 》》内置数据视图 重制等工具
toolbox: {
//toolbox.show 是否显示工具栏组件
show: true,
// orient:'vertical',
//.feature各工具配置项
feature: {
// mark '辅助线开关'
mark: { show: true },
dataView: { show: true, readOnly: false ,title:"详细"},
restore: { show: false },
saveAsImage: { show: false },
},
},
series: [
{
name: "进出口融资分析",
// .type:"pie"设置图表类型为饼图
type: "pie",
// radius饼状图半径
radius: [20, 100],
//center饼图的中心（圆心）坐标
center: ["50%", "50%"],
//数据百分比显示
label: {
normal: {
show: true,
formatter: "{b}: {c}({d}%)", //自定义显示格式(b:name, c:value, d:百分比)
},
},
roseType: "area",
itemStyle: {
borderRadius: 4,
},
data: [
{ value: 26, name: "进口信用证押汇" },
{ value: 24, name: "进口代收押汇" },
{ value: 16, name: "汇出汇款押汇 " },
{ value: 20, name: "打包贷款" },
],
},
],
};
myChart.setOption(option);
},
handleSizeChange(size) {
// 改变每页显示的条数
this.PageSize = size;
// 注意：在改变每页显示的条数时，要将页码显示到第一页
this.currentPage = 1;
},
// 显示第几页
handleCurrentChange(currentPage) {
// 改变默认的页数
this.currentPage = currentPage;
},
},
}; };
</script> </script>
<style></style> <style>
.table {
margin-top: 20px;
}
.el-table .cell {
line-height: 15px;
}
.main_container {
width: 150%;
height: 300px;
}
</style>
<!-- <el-col :span="8"> </el-col>
<c-col :span="8">
<el-form-item label="业务编号">
<c-input v-model="ownReference" placeholder="请输入Reference">
</c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="经办柜员">
<c-select
style="width: 100%"
v-model="ownUsr"
palceholder="请选择User"
:code="codes.usrsort"
></c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="8">
<el-form-item label="请选择融资种类">
<c-select
v-model="fintyp"
style="width: 100%"
placeholder="融资种类"
:code="codes.fintyp1"
></c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="8">
<el-form-item label="请选择融资状态">
<c-select
v-model="ovdflg"
style="width: 100%"
placeholder="融资状态"
:code="codes.ovdflg"
></c-select>
</el-form-item>
</c-col> -->
<!-- <c-col :span="8">
<el-form-item label="请选择收支标志">
<c-select
v-model="feetyp"
style="width: 100%"
placeholder="收支标志"
:code="codes.feetyp"
></c-select>
</el-form-item>
</c-col>
<c-col :span="16" style="text-align: right">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="handleSearch"
>查询</el-button
>
</c-col> -->
<!-- <c-col class="clearfix" :span="24" style="margin-top: 10px">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col> -->
\ No newline at end of file
src/views/Business/Iaefts/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer" style="height: 90%">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> :model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<m-Finance :model="model" :codes="codes" />
<!-- 去除tabs的蓝底下划线 -->
<!-- <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> -->
<!-- Tabs 标签页 -->
<!-- <el-tab-pane label="进出口融资量" name="Finance"> -->
<el-tab-pane label="进出口融资量" name="Finance"> <!-- </el-tab-pane> -->
<m-Finance :model="model" :codes="codes"/>
</el-tab-pane>
</c-tabs> <!-- </c-tabs> -->
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <script>
import commonProcess from "~/mixin/commonProcess" import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import commonFuncs from "~/mixin/commonFuncs";
import CodeTable from "~/config/CodeTable";
import Iaefts from "~/model/Iaefts";
import Finance from "./Finance"
import Finance from "./Finance";
export default { export default {
name:"Iaefts", name: "Iaefts",
mixins: [commonProcess], mixins: [commonProcess, commonFuncs],
components:{ components: {
"m-Finance" : Finance, "m-Finance": Finance,
}, },
provide() { provide() {
return { return {
root: this root: this,
} };
}, },
data(){ data() {
return { return {
tabVal: "Finance", tabVal: "Finance",
trnName: "iaefts", trnName: "iaefts",
model: null, model: null,
checkRules: null,
defaultRules: null,
pattern: null,
rules: null, rules: null,
codes: { codes: { ...CodeTable },
}, };
}
}, },
methods:{ methods: {
tabClick(){
}
},
created:async function(){
console.log("进入进出口融资")
}
},
} created: async function () {
console.log("进入进出口融资");
},
};
</script> </script>
<style> <style></style>
</style>
\ No newline at end of file
src/views/Business/Notice/Infsea.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<el-form <el-form
class="m-table-search-form" class="m-table-search-form"
ref="paramsForm" ref="paramsForm"
...@@ -9,15 +7,12 @@ ...@@ -9,15 +7,12 @@
label-position="right" label-position="right"
label-width="110px" label-width="110px"
size="small" size="small"
:rules="rules"
> >
<c-row> <c-row>
<c-col :span="24"> <c-col :span="24">
<c-col :span="8"> <c-col :span="8">
<el-form-item <el-form-item label="公告标题" prop="theme" style="width: 100%">
label="公告标题"
prop="theme"
style="width: 100%"
>
<c-input <c-input
v-model="model.theme" v-model="model.theme"
maxlength="20" maxlength="20"
...@@ -64,13 +59,8 @@ ...@@ -64,13 +59,8 @@
</c-col> </c-col>
</c-row> </c-row>
<!-- </template> --> <!-- </template> -->
<c-col <c-col :span="24" style="text-align: right; height: 36.8px">
:span="24"
style="text-align: right; height: 36.8px"
>
<el-button size="small" @click="handleReset">重置</el-button> <el-button size="small" @click="handleReset">重置</el-button>
<el-button <el-button
type="primary" type="primary"
...@@ -85,9 +75,13 @@ ...@@ -85,9 +75,13 @@
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div> <div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col> </c-col>
<c-col :span="24" style="margin: 10px 0px">
<c-col :span="24" style="margin:10px 0px" > <c-button
<c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 0px " @click="ruleAdd()" class="medium_bcs"
size="medium"
type="primary"
style="margin-left: 0px"
@click="ruleAdd()"
>添加公告</c-button >添加公告</c-button
> >
</c-col> </c-col>
...@@ -96,31 +90,30 @@ ...@@ -96,31 +90,30 @@
<!-- <c-istream-table :list="stmData.data" :columns="stmData.columns"> --> <!-- <c-istream-table :list="stmData.data" :columns="stmData.columns"> -->
<el-table <el-table
:border="true" :border="true"
:data="stmData.data.slice((currentPage - 1) * pagesize, currentPage * pagesize)" :data="
stmData.data.slice(
(currentPage - 1) * pagesize,
style="width:80%,text-align:center" :header-cell-style="{background:'rgb(235, 235, 235)',color:'#000'}" > currentPage * pagesize
<el-table-column label="编号" prop="tid" width="200px" > )
"
style="width:80%,text-align:center"
:header-cell-style="{ background: 'rgb(235, 235, 235)', color: '#000' }"
>
<el-table-column label="编号" prop="tid" width="200px">
</el-table-column> </el-table-column>
<el-table-column label="标题" prop="theme" width="400px" > <el-table-column label="标题" prop="theme" width="400px">
</el-table-column> </el-table-column>
<el-table-column label="发布机构" prop="unit" width="200px" > <el-table-column label="发布机构" prop="unit" width="200px">
</el-table-column> </el-table-column>
<el-table-column label="时间" prop="dat" width="200px " > <el-table-column label="时间" prop="dat" width="200px ">
</el-table-column> </el-table-column>
<el-table-column fixed="right" prop="op" label="操作" width="200px"> <el-table-column fixed="right" prop="op" label="操作" width="200px">
<template slot-scope="scope"> <template slot-scope="scope">
<c-button <c-button
style="margin-left: 0" style="margin-left: 0"
size="small" size="small"
type="primary"
@click="ruleDetail(scope)" @click="ruleDetail(scope)"
> >
详情 详情
...@@ -158,24 +151,30 @@ ...@@ -158,24 +151,30 @@
> >
</el-pagination> </el-pagination>
<!-- </c-istream-table> --> <!-- </c-istream-table> -->
</c-col> </c-col>
<el-dialog :visible.sync="showPanel" :title="opttitle" append-to-body :before-close="cancel"> <el-dialog
:visible.sync="showPanel"
:title="opttitle"
append-to-body
:before-close="cancel"
>
<el-form <el-form
class="m-table-search-form" class="m-table-search-form"
ref="paramsForm" ref="paramsForm"
:inline="true"
label-position="right" label-position="right"
label-width="110px" label-width="110px"
:rules="rules"
size="small" size="small"
> >
<c-row> <c-row>
<c-col :span="24"> <c-col :span="24">
<c-col :span="24"> <c-col :span="24">
<c-input v-if="showIndex" style="visibility: hidden" v-model="model.edit.index" ></c-input> <c-input
v-if="showIndex"
style="visibility: hidden"
v-model="model.edit.index"
></c-input>
<el-form-item label="标题:" prop="edit.theme" style="width: 100%"> <el-form-item label="标题:" prop="edit.theme" style="width: 100%">
<c-input <c-input
...@@ -185,12 +184,11 @@ ...@@ -185,12 +184,11 @@
:disabled="isDetail" :disabled="isDetail"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="12">
<el-form-item label="发布机构:" prop="edit.unit">
<el-form-item label="发布机构:" prop="edit.unit" style="width: 100%" >
<c-input <c-input
style="width: 100%"
v-model="model.edit.unit" v-model="model.edit.unit"
maxlength="20" maxlength="20"
placeholder="请输入机构名称" placeholder="请输入机构名称"
...@@ -198,10 +196,10 @@ ...@@ -198,10 +196,10 @@
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="12">
<el-form-item label="发布人:" prop="edit.pubname">
<el-form-item label="发布人:" prop="edit.pubname" style="width: 50%" >
<c-input <c-input
style="width: 100%"
v-model="model.edit.pubname" v-model="model.edit.pubname"
maxlength="10" maxlength="10"
placeholder="请输入发布人名" placeholder="请输入发布人名"
...@@ -209,10 +207,10 @@ ...@@ -209,10 +207,10 @@
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="12">
<el-form-item label="发布时间:" prop="edit.dat">
<el-form-item label="发布时间:" prop="edit.dat" style="width: 50%">
<c-date-picker <c-date-picker
style="width: 100%"
type="date" type="date"
v-model="model.edit.dat" v-model="model.edit.dat"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
...@@ -220,12 +218,10 @@ ...@@ -220,12 +218,10 @@
disabled disabled
> >
</c-date-picker> </c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="12">
<el-form-item label="可见范围:" prop="edit.visunit">
<el-form-item label="可见范围:" prop="edit.visunit" style="width: 100%" >
<c-select <c-select
v-model="model.edit.visunit" v-model="model.edit.visunit"
style="width: 100%" style="width: 100%"
...@@ -237,7 +233,6 @@ ...@@ -237,7 +233,6 @@
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> >
</el-option> </el-option>
</c-select> </c-select>
...@@ -245,13 +240,15 @@ ...@@ -245,13 +240,15 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item
<el-form-item label="公告内容:" prop="edit.content" style="width: 100%" > label="公告内容:"
prop="edit.content"
style="width: 100%"
>
<c-input <c-input
v-model="model.edit.content" v-model="model.edit.content"
type="textarea" type="textarea"
rows ="20" rows="20"
maxlength="2000" maxlength="2000"
show-word-limit show-word-limit
placeholder="请输入公告内容" placeholder="请输入公告内容"
...@@ -259,22 +256,9 @@ ...@@ -259,22 +256,9 @@
> >
</c-input> </c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24" style="text-align: center; height: 30px" >
</c-col>
</c-row>
<c-col
:span="24"
style="text-align: center; height: 36.8px"
>
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
...@@ -286,6 +270,10 @@ ...@@ -286,6 +270,10 @@
返回 返回
</el-button> </el-button>
</c-col> </c-col>
</c-col>
</c-row>
</el-form> </el-form>
</el-dialog> </el-dialog>
</div> </div>
...@@ -298,134 +286,132 @@ import Event from "~/model/Notice/Event"; ...@@ -298,134 +286,132 @@ import Event from "~/model/Notice/Event";
import { my } from "~/service/notice"; import { my } from "~/service/notice";
export default { export default {
inject: ["root"], inject: ["root"],
props: ["model"], props: ["model", "rules"],
mixins: [commonProcess], mixins: [commonProcess],
components: {}, components: {},
data() { data() {
return { return {
showPanel: false, showPanel: false,
opttitle:"", opttitle: "",
optType:true, optType: true,
dialogTableVisible: false, dialogTableVisible: false,
isDetail:true, isDetail: true,
showIndex:false, showIndex: false,
nowDate:'', nowDate: "",
currentPage: 1, //初始页 currentPage: 1, //初始页
pagesize: 6, // 每页的数据 pagesize: 6, // 每页的数据
total: 0, total: 0,
indexNum: 0, //定义一级菜单的下标
indexNum:0,//定义一级菜单的下标
trnData: { trnData: {
columns: [ columns: ['1 1 "附加条款内容文本" 300', '2 2 "智能审单规则" 500'],
'1 1 "附加条款内容文本" 300',
'2 2 "智能审单规则" 500',
],
data: [], data: [],
}, },
stmData: { stmData: {
columns: [ columns: ['1 1 "标题" 400', '2 2 "发布机构" 400', '3 3 "发布时间" 200'],
'1 1 "标题" 400',
'2 2 "发布机构" 400',
'3 3 "发布时间" 200'
],
data: [], data: [],
}, },
range:[ range: [
{ {
value: 'all', value: "all",
label: '所有机构可见' label: "所有机构可见",
}, },
{ {
value: 'under', value: "under",
label: '下属机构可见' label: "下属机构可见",
}, },
{ {
value: 'sl', value: "sl",
label: '平级机构可见' label: "平级机构可见",
} },
], ],
}; };
}, },
methods: { methods: {
...Event, ...Event,
ruleDetail(scope){ ruleDetail(scope) {
this.model.edit.theme = scope.row.theme;
this.model.edit.unit = scope.row.unit;
this.model.edit.theme=scope.row.theme; this.model.edit.dat = scope.row.dat;
this.model.edit.unit=scope.row.unit; this.model.edit.pubname = scope.row.pubname;
this.model.edit.dat=scope.row.dat; this.model.edit.content = scope.row.content;
this.model.edit.pubname=scope.row.pubname; this.model.edit.index = scope.row.tid;
this.model.edit.content=scope.row.content; this.model.edit.visunit = scope.row.visunit;
this.model.edit.index=scope.row.tid;
this.model.edit.visunit=scope.row.visunit;
this.isDetail = true; this.isDetail = true;
this.opttitle = "公告详情"; this.opttitle = "公告详情";
this.optType = false; this.optType = false;
this.showPanel = true; this.showPanel = true;
}, },
ruleEdit(scope){ ruleEdit(scope) {
this.model.edit.theme = scope.row.theme;
this.model.edit.theme=scope.row.theme; this.model.edit.unit = scope.row.unit;
this.model.edit.unit=scope.row.unit; this.model.edit.dat = scope.row.dat;
this.model.edit.dat=scope.row.dat; this.model.edit.pubname = scope.row.pubname;
this.model.edit.pubname=scope.row.pubname; this.model.edit.content = scope.row.content;
this.model.edit.content=scope.row.content; this.model.edit.visunit = scope.row.visunit;
this.model.edit.visunit=scope.row.visunit;
this.isDetail = false; this.isDetail = false;
this.opttitle = "公告修改"; this.opttitle = "公告修改";
this.optType = true; this.optType = true;
this.showPanel = true; this.showPanel = true;
}, },
ruleAdd(){ ruleAdd() {
this.model.edit.dat = this.nowDate; this.model.edit.dat = this.nowDate;
this.isDetail =false; this.isDetail = false;
this.opttitle = "公告新增"; this.opttitle = "公告新增";
this.optType = true; this.optType = true;
this.showPanel = true; this.showPanel = true;
}, },
ruleDel(idx){ ruleDel(idx) {
this.stmData.data.splice(idx,1); this.stmData.data.splice(idx, 1);
}, },
changeMod(){ changeMod() {
let i = 0; let i = 0;
for (i = 0;i<this.select01.length;i++) { for (i = 0; i < this.select01.length; i++) {
if (this.select01[i].value == this.model.edit.mod){ if (this.select01[i].value == this.model.edit.mod) {
this.indexNum = i; this.indexNum = i;
break break;
} }
} }
this.select02 = this.select01[this.indexNum].obj; this.select02 = this.select01[this.indexNum].obj;
}, },
chooseField(){ chooseField() {
this.model.edit.ruleInfo = this.model.edit.ruleInfo +'{' + this.model.edit.mod + this.model.edit.field +'}'; this.model.edit.ruleInfo =
this.model.edit.ruleInfo +
"{" +
this.model.edit.mod +
this.model.edit.field +
"}";
}, },
submitData(){ submitData() {
const length = this.stmData.data.length; const length = this.stmData.data.length;
let btnStr = this.stmData.data; let btnStr = this.stmData.data;
let str ; let str;
if(this.model.edit.index == ""){ //新增 if (this.model.edit.index == "") {
//新增
let max = 0; let max = 0;
for(let i=0; i < length; i++){ for (let i = 0; i < length; i++) {
//获取数组中每行的数据 //获取数组中每行的数据
let arr = btnStr[i] ; let arr = btnStr[i];
if(arr[0] > max) { if (arr[0] > max) {
max = arr[0]; max = arr[0];
} }
} }
max++; max++;
newObj={"edit.theme":this.model.edit.theme,"edit.unit":this.model.edit.unit, newObj = {
"edit.theme":this.model.edit.theme,"edit.theme":this.model.edit.theme,"edit.":this.model.edit.theme,} "edit.theme": this.model.edit.theme,
"edit.unit": this.model.edit.unit,
"edit.theme": this.model.edit.theme,
"edit.theme": this.model.edit.theme,
"edit.": this.model.edit.theme,
};
// str = max +'\t' + this.model.edit.theme + '\t' + this.model.edit.unit + '\t' + this.model.edit.dat + '\t'+ + 'mbf'; // str = max +'\t' + this.model.edit.theme + '\t' + this.model.edit.unit + '\t' + this.model.edit.dat + '\t'+ + 'mbf';
this.stmData.data.splice(length,0,newObj); this.stmData.data.splice(length, 0, newObj);
console.log(this.stmData.data); console.log(this.stmData.data);
} }
// else{ //修改 // else{ //修改
...@@ -442,25 +428,21 @@ export default { ...@@ -442,25 +428,21 @@ export default {
// this.stmData.data.splice(num,1,str); // this.stmData.data.splice(num,1,str);
// } // }
// this.$store.commit('setCheckRuleData', this.stmData.data) // this.$store.commit('setCheckRuleData', this.stmData.data)
this.model.edit.theme = ''; this.model.edit.theme = "";
this.model.edit.unit = ''; this.model.edit.unit = "";
this.model.edit.pubname = ''; this.model.edit.pubname = "";
this.model.edit.dat = ''; this.model.edit.dat = "";
this.model.edit.content = ''; this.model.edit.content = "";
this.model.edit.index=''; this.model.edit.index = "";
this.showPanel = false; this.showPanel = false;
}, },
cancel(){ cancel() {
this.model.edit.theme = ''; this.model.edit.theme = "";
this.model.edit.unit = ''; this.model.edit.unit = "";
this.model.edit.pubname = ''; this.model.edit.pubname = "";
this.model.edit.dat = ''; this.model.edit.dat = "";
this.model.edit.content = ''; this.model.edit.content = "";
this.model.edit.index=''; this.model.edit.index = "";
this.showPanel = false; this.showPanel = false;
}, },
handleReset() {}, handleReset() {},
...@@ -472,8 +454,6 @@ export default { ...@@ -472,8 +454,6 @@ export default {
this.currentPage = currentPage; this.currentPage = currentPage;
console.log(this.currentPage); //点击第几页 console.log(this.currentPage); //点击第几页
}, },
}, },
created: function () { created: function () {
// this.stmData.data = this.$store.state.Status.checkRuleData; // this.stmData.data = this.$store.state.Status.checkRuleData;
...@@ -481,31 +461,25 @@ export default { ...@@ -481,31 +461,25 @@ export default {
let year = date.getFullYear(); let year = date.getFullYear();
let month = date.getMonth() + 1; let month = date.getMonth() + 1;
let day = date.getDate(); let day = date.getDate();
this.nowDate = year + '-' + month + '-' + day; this.nowDate = year + "-" + month + "-" + day;
this.model.opndatfrom = this.nowDate; this.model.opndatfrom = this.nowDate;
this.model.opndatto = this.nowDate; this.model.opndatto = this.nowDate;
my().then(res => { my().then((res) => {
this.stmData.data = res;
this.stmData.data=res });
})
}, },
}; };
</script> </script>
<style> <style>
.el-dialog__body { .el-dialog__body {
padding: 10px 5px 50px; padding: 10px 5px 50px;
} }
.m-table-search-form { .m-table-search-form {
position: flex; position: flex;
flex-direction: row; flex-direction: row;
} }
.m-table-search-form .el-form-item__content { .m-table-search-form .el-form-item__content {
width: calc(100% - 110px); width: calc(100% - 110px);
} }
</style> </style>
src/views/Business/Notice/index.vue
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
:validate-on-rule-change="false" :validate-on-rule-change="false"
> >
<c-content> <c-content>
<m-infsea :model="model" :codes="codes" ref="infsea"/> <m-infsea :model="model" :rules="rules" :codes="codes" ref="infsea"/>
</c-content> </c-content>
<!-- <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> --> <!-- <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> -->
......
src/views/Home/cells/CustomerAnalyse.vue
...@@ -31,7 +31,7 @@ export default { ...@@ -31,7 +31,7 @@ export default {
echartInstance: null, echartInstance: null,
//componentIndex //componentIndex
mapping: { mapping: {
0: "trnfnd", 0: "busvol",
1: "iaefts", 1: "iaefts",
2: "expben", 2: "expben",
}, },
...@@ -201,11 +201,10 @@ export default { ...@@ -201,11 +201,10 @@ export default {
// 要使用=>函数使内外的this指向一致 // 要使用=>函数使内外的this指向一致
if (path === 0) { if (path === 0) {
this.$router.push("/taskList").then(() => { this.$router.push({
this.$store.commit( path:"/business/Busvol",
"setTaskListTabVal", query:{name: params.name}
this.mapping[params.componentIndex]
);
}); });
} else if (path === 1) { } else if (path === 1) {
//{path:"/xxxpath",query:"id:xxx"} router跳转页面传参业务 接受页面用created(){if(this.$route.query){todo}} //{path:"/xxxpath",query:"id:xxx"} router跳转页面传参业务 接受页面用created(){if(this.$route.query){todo}}
......
vue.config.js
...@@ -47,13 +47,7 @@ module.exports = { ...@@ -47,13 +47,7 @@ module.exports = {
'^/gjjs/report': '/gjjs/report' '^/gjjs/report': '/gjjs/report'
} }
}, },
'/gjjs/notice/': {
target: 'http://127.0.0.1:8085',
changeOrigin: true,
pathRewrite: {
'^/gjjs/notice': '/gjjs/notice'
}
},
'/gjjs/devtools/': { '/gjjs/devtools/': {
target: 'http://127.0.0.1:8083', target: 'http://127.0.0.1:8083',
changeOrigin: true, changeOrigin: true,
......
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