Skip to content

V
vue-gjjs
Commit 2968339c by wangren
Options

大客户数据分析修改临时提交

parent 75a4a61c
Showing with 1447 additions and 397 deletions
src/config/CodeTable/index.js
......@@ -2918,6 +2918,12 @@ const CodeTable = {
{ label: "票据买断", value: "F" },
{ label: "出口贴现", value: "D" },
],
fintyp1:[
{label:"进口信用证押汇",value:"BRF"},
{label:"进口代收押汇",value:"BCF"},
{label:"汇出汇款押汇",value:"ECF"},
{label:"打包贷款",value:"PCL"},
],
fktype: [
{ label: "邮划", value: "Y" },
{ 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"
export default {
async handleSearch(){
let rtnmsg = await this.executeRule("infbut.butprt")
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
console.log(this.tempData.tdata)
// this.stmData.data=this.tempData.tdata
// let rtnmsg = await this.executeRule("infbut.butprt")
// if(rtnmsg.respCode == SUCCESS)
// {
// //TODO 处理数据逻辑
// this.data=this.tdata
// }
// else
// {
// this.$notify.error({title: '错误',message: '服务请求失败！'});
// }
},
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{
{max: 20,message:"长度不能超过20"}
],
"theme":[
{type: "string", required: false, message: "必输项"},
"edit.theme":[
{type: "string", required: true, message: "必输项" ,trigger:'change'},
{max: 20,message:"长度不能超过20"}
],
"unit":[
......
src/service/notice/index.js
import Api from "~/service/Api"
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"
import Iaefts from "./Iaefts"
import Expben from "./Expben"
import Busvol from "./Busvol"
import AssetInfo from "./AssetInfo"
import AssetPub from "./AssetPub"
......@@ -260,8 +261,8 @@ const BusRouter = [
{ path: 'gitcrq', component: Gitcrq, name: 'Gitcrq', meta: { title: '进口保函索赔登记' } },
{ path: 'ditdav', component: Ditdav, name: 'Ditdav', meta: { title: '信用证收单' } },
{ path: 'Infpty', component: Infpty, name: 'Infpty', meta: { title: 'Infpty' } },
{ path: 'Dbipty', component: Dbipty, name: 'Dbipty', meta: { title: 'Dbipty' } },
{ path: 'Infpty', component: Infpty, name: 'Infpty', meta: { title: '客户查询' } },
{ path: 'Dbipty', component: Dbipty, name: 'Dbipty', meta: { title: '客户静态信息管理' } },
{ path: 'betdcr', component: Betdcr, name: 'Betdcr', meta: { title: '出口信用证电提不符点/拒付' } },
{ path: 'betdrv', component: Betdrv, name: 'Betdrv', meta: { title: '出口信用证单据修改' } },
{ path: 'letnot', component: Letnot, name: 'Letnot', meta: { title: '出口信用证预通知' } },
......@@ -274,8 +275,9 @@ const BusRouter = [
{ path: 'notice', component: Notice, name: 'Notice', meta: { title: '通知公告设置' } },
{ path: 'Iaefts', component: Iaefts, name: 'Iaefts', meta: { title: '进出口融资交易' } },
{ path: 'Expben', component: Expben, name: 'Expben', meta: { title: '费用收益交易' } },
{ path: 'Iaefts', component: Iaefts, name: 'Iaefts', 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: '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>
<div class="eibs-tab">
<c-col :span="8">
<el-col :span="16">
<c-col :span="12">
<el-form-item label="客户名称">
<c-input
v-model="customername"
placeholder="请输入客户名称"
></c-input>
<c-input v-model="customerName" placeholder="请输入客户名称"></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<c-col :span="12">
<el-form-item label="起止日期">
<c-col :span="11">
<c-date-picker
v-model="startDate"
type="date"
style="width: 100%"
value-format="yyyy-MM-dd"
......@@ -24,6 +23,7 @@
</c-col>
<c-col :span="11">
<c-date-picker
v-model="endDate"
type="date"
style="width: 100%"
value-format="yyyy-MM-dd"
......@@ -33,45 +33,44 @@
</el-form-item>
</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-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
<el-col :span="24">
<el-form-item label="费用变化状态">
<el-checkbox-group v-model="checkboxGroup1" size="small">
<el-checkbox-button
v-for="modflg in modflgs"
:label="modflg"
:key="modflg"
>{{ modflg }}</el-checkbox-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>
</el-checkbox-group>
</el-form-item>
</el-col>
<c-col :span="24" style="">
<c-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true"
<c-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'}"
>
<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 }">
<c-button
style="margin-left: 0"
......@@ -88,30 +87,107 @@
>
处理
</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>
</c-table-column>
</c-istream-table>
</c-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>
</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>
</template>
......@@ -120,6 +196,7 @@ import commonProcess from "~/mixin/commonProcess";
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Expben/Event";
import * as echarts from "echarts";
export default {
inject: ["root"],
......@@ -128,27 +205,137 @@ export default {
data() {
return {
trnName: "ExpenseIncome",
customername:"",
stmData: {
columns: [
'4 1 "客户名称" 0 ',
'5 2 "业务编号" 0',
'7 3 "经办柜员" 0',
'20 4 "费用变化状态" 0',
'21 5 "融资状态" 0',
customerName: "",
startDate:"",
endDate:"",
ownReference:"",
ownUsr:"",
modflgs:["Rate changed","Amount changed","Unmodified","Code changed","Units changed","Date changed"],
checkboxGroup1:[],
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: {},
//注意此处应为$route当前组件的this 不是$router vuerouter的this其不含query值
created(){
if(this.$route.query){
this.customername=this.$route.query.name
}},
methods: {...Event},
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>
......
src/views/Business/Expben/index.vue
<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">
<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"/>
</el-tab-pane>
<!-- </el-tab-pane> -->
</c-tabs>
<!-- </c-tabs> -->
</el-form>
</div>
</template>
......
src/views/Business/Iaefts/Finance.vue
<template>
<div class="eibs-tab">
<c-col :span="24">
<c-col :span="8">
<el-col :span="16">
<c-col :span="12">
<el-form-item label="客户名称">
<c-input
v-model="customername"
v-model="customerName"
placeholder="请输入客户名称"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<c-col :span="12">
<el-form-item label="起止日期" style="width: 100%">
<c-col :span="11">
<c-date-picker
v-model="startDate"
type="date"
value-format="yyyy-MM-dd"
style="width: 100%"
......@@ -24,6 +25,7 @@
</c-col>
<c-col :span="11">
<c-date-picker
v-model="endDate"
type="date"
value-format="yyyy-MM-dd"
style="width: 100%"
......@@ -32,58 +34,103 @@
</c-col>
</el-form-item>
</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-form-item label="请选择融资种类">
<c-select style="width: 100%" placeholder="融资种类"></c-select>
<el-col :span="24">
<el-form-item label="融资类型">
<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>
</c-col>
<c-col :span="8">
<el-form-item label="请选择融资状态">
<c-select style="width: 100%" placeholder="融资状态"></c-select>
</el-col>
<el-col :span="24">
<el-form-item label="融资种类">
<el-checkbox-group v-model="checkboxGroup1" size="small">
<el-checkbox-button
v-for="ftype in fcategory"
:label="ftype"
:key="ftype"
>{{ftype}}</el-checkbox-button>
</el-checkbox-group>
</el-form-item>
</c-col>
</el-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="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
<el-col :span="24">
<el-form-item label="融资状态">
<el-checkbox-group
v-model="checkboxGroup2" size="small"
>
</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">
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
</el-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-istream-table
:list="stmData.data"
:columns="stmData.columns"
:showButtonFlg="true"
<c-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',
}"
>
<c-table-column fixed="right" prop="op" label="操作" width="165px">
<template slot-scope="{ scope }">
<el-table-column
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
style="margin-left: 0"
size="small"
......@@ -99,32 +146,65 @@
>
处理
</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>
</c-table-column>
</c-istream-table>
</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>
</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>
</template>
......@@ -133,6 +213,7 @@ import commonProcess from "~/mixin/commonProcess";
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Iaefts/Event";
import * as echarts from 'echarts';
export default {
inject: ["root"],
......@@ -141,30 +222,252 @@ export default {
data() {
return {
trnName: "Finance",
customername:"",
stmData: {
columns: [
'4 1 "客户名称" 0 ',
'5 2 "收支标志" 0',
'7 3 "业务编号" 0',
'20 4 "融资种类" 0',
'21 5 "融资状态" 0',
customerName: "",
startDate: "",
endDate: "",
ownReference: "",
ownUsr: "",
fintyp: "",
ovdflg: "",
feetyps: ["无","收入","费用"],
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: {},
//注意此处应为$route当前组件的this 不是$router vuerouter的this其不含query值
created () {
if(this.$route.query){
this.customername=this.$route.query.name
created() {
if (this.$route.query) {
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>
<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>
<div class="eContainer">
<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">
<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"
>
<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">
<m-Finance :model="model" :codes="codes"/>
</el-tab-pane>
<!-- </el-tab-pane> -->
</c-tabs>
<!-- </c-tabs> -->
</el-form>
</div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess"
import CodeTable from "~/config/CodeTable"
import commonProcess from "~/mixin/commonProcess";
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 {
name:"Iaefts",
mixins: [commonProcess],
name: "Iaefts",
mixins: [commonProcess, commonFuncs],
components:{
"m-Finance" : Finance,
components: {
"m-Finance": Finance,
},
provide() {
return {
root: this
}
root: this,
};
},
data(){
data() {
return {
tabVal: "Finance",
trnName: "iaefts",
model: null,
checkRules: null,
defaultRules: null,
pattern: null,
rules: null,
codes: {
},
}
codes: { ...CodeTable },
};
},
methods:{
tabClick(){
}
},
created:async function(){
console.log("进入进出口融资")
}
methods: {
},
}
created: async function () {
console.log("进入进出口融资");
},
};
</script>
<style>
</style>
\ No newline at end of file
<style></style>
src/views/Business/Notice/Infsea.vue
<template>
<div class="eibs-tab">
<el-form
class="m-table-search-form"
ref="paramsForm"
......@@ -9,15 +7,12 @@
label-position="right"
label-width="110px"
size="small"
:rules="rules"
>
<c-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item
label="公告标题"
prop="theme"
style="width: 100%"
>
<el-form-item label="公告标题" prop="theme" style="width: 100%">
<c-input
v-model="model.theme"
maxlength="20"
......@@ -64,13 +59,8 @@
</c-col>
</c-row>
<!-- </template> -->
<c-col
:span="24"
style="text-align: right; height: 36.8px"
>
<c-col :span="24" style="text-align: right; height: 36.8px">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
......@@ -85,9 +75,13 @@
<div style="border-bottom: 10px solid rgb(232, 232, 232)"></div>
</c-col>
<c-col :span="24" style="margin:10px 0px" >
<c-button class="medium_bcs" size="medium" type="primary" style="margin-left: 0px " @click="ruleAdd()"
<c-col :span="24" style="margin: 10px 0px">
<c-button
class="medium_bcs"
size="medium"
type="primary"
style="margin-left: 0px"
@click="ruleAdd()"
>添加公告</c-button
>
</c-col>
......@@ -96,31 +90,30 @@
<!-- <c-istream-table :list="stmData.data" :columns="stmData.columns"> -->
<el-table
:border="true"
:data="stmData.data.slice((currentPage - 1) * pagesize, currentPage * pagesize)"
style="width:80%,text-align:center" :header-cell-style="{background:'rgb(235, 235, 235)',color:'#000'}" >
<el-table-column label="编号" prop="tid" width="200px" >
:data="
stmData.data.slice(
(currentPage - 1) * pagesize,
currentPage * pagesize
)
"
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 label="标题" prop="theme" width="400px" >
<el-table-column label="标题" prop="theme" width="400px">
</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 label="时间" prop="dat" width="200px " >
<el-table-column label="时间" prop="dat" width="200px ">
</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="ruleDetail(scope)"
>
详情
......@@ -158,24 +151,30 @@
>
</el-pagination>
<!-- </c-istream-table> -->
</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
class="m-table-search-form"
ref="paramsForm"
:inline="true"
label-position="right"
label-width="110px"
:rules="rules"
size="small"
>
<c-row>
<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%">
<c-input
......@@ -185,12 +184,11 @@
:disabled="isDetail"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="发布机构:" prop="edit.unit" style="width: 100%" >
<c-col :span="12">
<el-form-item label="发布机构:" prop="edit.unit">
<c-input
style="width: 100%"
v-model="model.edit.unit"
maxlength="20"
placeholder="请输入机构名称"
......@@ -198,10 +196,10 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="发布人:" prop="edit.pubname" style="width: 50%" >
<c-col :span="12">
<el-form-item label="发布人:" prop="edit.pubname">
<c-input
style="width: 100%"
v-model="model.edit.pubname"
maxlength="10"
placeholder="请输入发布人名"
......@@ -209,10 +207,10 @@
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="发布时间:" prop="edit.dat" style="width: 50%">
<c-col :span="12">
<el-form-item label="发布时间:" prop="edit.dat">
<c-date-picker
style="width: 100%"
type="date"
v-model="model.edit.dat"
value-format="yyyy-MM-dd"
......@@ -220,12 +218,10 @@
disabled
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="可见范围:" prop="edit.visunit" style="width: 100%" >
<c-col :span="12">
<el-form-item label="可见范围:" prop="edit.visunit">
<c-select
v-model="model.edit.visunit"
style="width: 100%"
......@@ -237,7 +233,6 @@
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
......@@ -245,13 +240,15 @@
</c-col>
<c-col :span="24">
<el-form-item label="公告内容:" prop="edit.content" style="width: 100%" >
<el-form-item
label="公告内容:"
prop="edit.content"
style="width: 100%"
>
<c-input
v-model="model.edit.content"
type="textarea"
rows ="20"
rows="20"
maxlength="2000"
show-word-limit
placeholder="请输入公告内容"
......@@ -259,22 +256,9 @@
>
</c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-col
:span="24"
style="text-align: center; height: 36.8px"
>
<c-col :span="24" style="text-align: center; height: 30px" >
<el-button
type="primary"
size="small"
......@@ -286,6 +270,10 @@
返回
</el-button>
</c-col>
</c-col>
</c-row>
</el-form>
</el-dialog>
</div>
......@@ -298,134 +286,132 @@ import Event from "~/model/Notice/Event";
import { my } from "~/service/notice";
export default {
inject: ["root"],
props: ["model"],
props: ["model", "rules"],
mixins: [commonProcess],
components: {},
data() {
return {
showPanel: false,
opttitle:"",
optType:true,
opttitle: "",
optType: true,
dialogTableVisible: false,
isDetail:true,
showIndex:false,
nowDate:'',
isDetail: true,
showIndex: false,
nowDate: "",
currentPage: 1, //初始页
pagesize: 6, // 每页的数据
total: 0,
indexNum:0,//定义一级菜单的下标
indexNum: 0, //定义一级菜单的下标
trnData: {
columns: [
'1 1 "附加条款内容文本" 300',
'2 2 "智能审单规则" 500',
],
columns: ['1 1 "附加条款内容文本" 300', '2 2 "智能审单规则" 500'],
data: [],
},
stmData: {
columns: [
'1 1 "标题" 400',
'2 2 "发布机构" 400',
'3 3 "发布时间" 200'
],
columns: ['1 1 "标题" 400', '2 2 "发布机构" 400', '3 3 "发布时间" 200'],
data: [],
},
range:[
range: [
{
value: 'all',
label: '所有机构可见'
value: "all",
label: "所有机构可见",
},
{
value: 'under',
label: '下属机构可见'
value: "under",
label: "下属机构可见",
},
{
value: 'sl',
label: '平级机构可见'
}
value: "sl",
label: "平级机构可见",
},
],
};
},
methods: {
...Event,
ruleDetail(scope){
this.model.edit.theme=scope.row.theme;
this.model.edit.unit=scope.row.unit;
this.model.edit.dat=scope.row.dat;
this.model.edit.pubname=scope.row.pubname;
this.model.edit.content=scope.row.content;
this.model.edit.index=scope.row.tid;
this.model.edit.visunit=scope.row.visunit;
ruleDetail(scope) {
this.model.edit.theme = scope.row.theme;
this.model.edit.unit = scope.row.unit;
this.model.edit.dat = scope.row.dat;
this.model.edit.pubname = scope.row.pubname;
this.model.edit.content = scope.row.content;
this.model.edit.index = scope.row.tid;
this.model.edit.visunit = scope.row.visunit;
this.isDetail = true;
this.opttitle = "公告详情";
this.optType = false;
this.showPanel = true;
},
ruleEdit(scope){
this.model.edit.theme=scope.row.theme;
this.model.edit.unit=scope.row.unit;
this.model.edit.dat=scope.row.dat;
this.model.edit.pubname=scope.row.pubname;
this.model.edit.content=scope.row.content;
this.model.edit.visunit=scope.row.visunit;
ruleEdit(scope) {
this.model.edit.theme = scope.row.theme;
this.model.edit.unit = scope.row.unit;
this.model.edit.dat = scope.row.dat;
this.model.edit.pubname = scope.row.pubname;
this.model.edit.content = scope.row.content;
this.model.edit.visunit = scope.row.visunit;
this.isDetail = false;
this.opttitle = "公告修改";
this.optType = true;
this.showPanel = true;
},
ruleAdd(){
ruleAdd() {
this.model.edit.dat = this.nowDate;
this.isDetail =false;
this.isDetail = false;
this.opttitle = "公告新增";
this.optType = true;
this.showPanel = true;
},
ruleDel(idx){
this.stmData.data.splice(idx,1);
ruleDel(idx) {
this.stmData.data.splice(idx, 1);
},
changeMod(){
changeMod() {
let i = 0;
for (i = 0;i<this.select01.length;i++) {
if (this.select01[i].value == this.model.edit.mod){
for (i = 0; i < this.select01.length; i++) {
if (this.select01[i].value == this.model.edit.mod) {
this.indexNum = i;
break
break;
}
}
this.select02 = this.select01[this.indexNum].obj;
},
chooseField(){
this.model.edit.ruleInfo = this.model.edit.ruleInfo +'{' + this.model.edit.mod + this.model.edit.field +'}';
chooseField() {
this.model.edit.ruleInfo =
this.model.edit.ruleInfo +
"{" +
this.model.edit.mod +
this.model.edit.field +
"}";
},
submitData(){
submitData() {
const length = this.stmData.data.length;
let btnStr = this.stmData.data;
let str ;
if(this.model.edit.index == ""){ //新增
let str;
if (this.model.edit.index == "") {
//新增
let max = 0;
for(let i=0; i < length; i++){
for (let i = 0; i < length; i++) {
//获取数组中每行的数据
let arr = btnStr[i] ;
if(arr[0] > max) {
let arr = btnStr[i];
if (arr[0] > max) {
max = arr[0];
}
}
max++;
newObj={"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,}
newObj = {
"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';
this.stmData.data.splice(length,0,newObj);
this.stmData.data.splice(length, 0, newObj);
console.log(this.stmData.data);
}
// else{ //修改
......@@ -442,25 +428,21 @@ export default {
// this.stmData.data.splice(num,1,str);
// }
// this.$store.commit('setCheckRuleData', this.stmData.data)
this.model.edit.theme = '';
this.model.edit.unit = '';
this.model.edit.pubname = '';
this.model.edit.dat = '';
this.model.edit.content = '';
this.model.edit.index='';
this.model.edit.theme = "";
this.model.edit.unit = "";
this.model.edit.pubname = "";
this.model.edit.dat = "";
this.model.edit.content = "";
this.model.edit.index = "";
this.showPanel = false;
},
cancel(){
this.model.edit.theme = '';
this.model.edit.unit = '';
this.model.edit.pubname = '';
this.model.edit.dat = '';
this.model.edit.content = '';
this.model.edit.index='';
cancel() {
this.model.edit.theme = "";
this.model.edit.unit = "";
this.model.edit.pubname = "";
this.model.edit.dat = "";
this.model.edit.content = "";
this.model.edit.index = "";
this.showPanel = false;
},
handleReset() {},
......@@ -472,8 +454,6 @@ export default {
this.currentPage = currentPage;
console.log(this.currentPage); //点击第几页
},
},
created: function () {
// this.stmData.data = this.$store.state.Status.checkRuleData;
......@@ -481,31 +461,25 @@ export default {
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
this.nowDate = year + '-' + month + '-' + day;
this.nowDate = year + "-" + month + "-" + day;
this.model.opndatfrom = this.nowDate;
this.model.opndatto = this.nowDate;
my().then(res => {
this.stmData.data=res
})
my().then((res) => {
this.stmData.data = res;
});
},
};
</script>
<style>
.el-dialog__body {
padding: 10px 5px 50px;
}
.m-table-search-form {
.m-table-search-form {
position: flex;
flex-direction: row;
}
.m-table-search-form .el-form-item__content {
width: calc(100% - 110px);
}
</style>
src/views/Business/Notice/index.vue
......@@ -12,7 +12,7 @@
:validate-on-rule-change="false"
>
<c-content>
<m-infsea :model="model" :codes="codes" ref="infsea"/>
<m-infsea :model="model" :rules="rules" :codes="codes" ref="infsea"/>
</c-content>
<!-- <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> -->
......
src/views/Home/cells/CustomerAnalyse.vue
......@@ -31,7 +31,7 @@ export default {
echartInstance: null,
//componentIndex
mapping: {
0: "trnfnd",
0: "busvol",
1: "iaefts",
2: "expben",
},
......@@ -201,11 +201,10 @@ export default {
// 要使用=>函数使内外的this指向一致
if (path === 0) {
this.$router.push("/taskList").then(() => {
this.$store.commit(
"setTaskListTabVal",
this.mapping[params.componentIndex]
);
this.$router.push({
path:"/business/Busvol",
query:{name: params.name}
});
} else if (path === 1) {
//{path:"/xxxpath",query:"id:xxx"} router跳转页面传参业务 接受页面用created(){if(this.$route.query){todo}}
......
vue.config.js
......@@ -47,13 +47,7 @@ module.exports = {
'^/gjjs/report': '/gjjs/report'
}
},
'/gjjs/notice/': {
target: 'http://127.0.0.1:8085',
changeOrigin: true,
pathRewrite: {
'^/gjjs/notice': '/gjjs/notice'
}
},
'/gjjs/devtools/': {
target: 'http://127.0.0.1:8083',
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