Commit 08aa5da6 by liuxin
parents 360936ad b663b629
<template> <template>
<div class="eContainer-table-block"> <div class="eContainer-table-block">
<div style="text-align: left" v-if="showButtonFlg" class="buttonDiv">
<c-button
icon="el-icon-s-tools"
@click="clounmSetting"
style=""
></c-button
></div>
<el-table <el-table
ref="table" ref="table"
:data=" :data="
...@@ -33,23 +40,14 @@ ...@@ -33,23 +40,14 @@
</template> </template>
</el-table-column> </el-table-column>
<slot></slot> <slot></slot>
<el-table-column fixed="right" width="48px" v-if="showButtonFlg" class-name="buttonColumn">
<template slot="header">
<c-col style="text-align: left"
><c-button
icon="el-icon-s-tools"
@click="clounmSetting"
style="padding:0 7px"
></c-button
></c-col>
</template>
</el-table-column>
</el-table> </el-table>
<el-dialog <el-dialog
class="showColumnDialog" class="showColumnDialog"
:visible.sync="setColumnFlg" :visible.sync="setColumnFlg"
:title="'自定义列属性'" :title="'自定义列属性'"
appenD-to-body appenD-to-body
v-if="showButtonFlg"
> >
<el-form-item label-width="0"> <el-form-item label-width="0">
<el-checkbox-group v-model="columnGroup" @change="handleColumnChange"> <el-checkbox-group v-model="columnGroup" @change="handleColumnChange">
...@@ -364,8 +362,13 @@ export default { ...@@ -364,8 +362,13 @@ export default {
.eContainer-table-block .el-table .cell { .eContainer-table-block .el-table .cell {
white-space: pre-wrap; white-space: pre-wrap;
} }
.el-table.buttonColumn th>.cell { .buttonDiv{
padding-left: 0; text-align: left;
padding-right: 0; display: inline-block;
margin: 0;
position: absolute;
z-index: 999;
right: 5px;
padding-top: 3px;
} }
</style> </style>
\ No newline at end of file
...@@ -192,10 +192,10 @@ ...@@ -192,10 +192,10 @@
</template> </template>
</c-list-search> </c-list-search>
<c-row style="margin-top: 20px; padding: 0 10px 0 10px"> <c-row style="margin-top: 10px">
<c-col> <c-col>
<c-button size="small" type="primary">导出Excel</c-button> <c-button size="small" type="primary" style="margin-left:0">导出Excel</c-button>
<c-button size="small" type="primary">应急导出</c-button> <c-button size="small" type="primary" style="margin-left:0">应急导出</c-button>
</c-col> </c-col>
</c-row> </c-row>
......
...@@ -34,9 +34,10 @@ export default { ...@@ -34,9 +34,10 @@ export default {
let rtnmsg = await this.executeRule("cfgfil.hotsub3") let rtnmsg = await this.executeRule("cfgfil.hotsub3")
console.log("cfgfil.code:" + this.model.cfgfil.subtrn1); console.log("cfgfil.code:" + this.model.cfgfil.subtrn1);
if(rtnmsg.respCode = SUCCESS){ if(rtnmsg.respCode = SUCCESS){
this.navcode = []
this.$emit("onChoose",code.toLowerCase()); this.$emit("onChoose",code.toLowerCase());
}else{ }else{
this.$notify.error({ title: "错误", message: "服务请求失败!" });
} }
}, },
...@@ -66,6 +67,7 @@ export default { ...@@ -66,6 +67,7 @@ export default {
mounted(){ mounted(){
this.$nextTick(function(){ this.$nextTick(function(){
this.$on('childmethods',async function(){ this.$on('childmethods',async function(){
this.navcode = []
//请求按钮数据 //请求按钮数据
//this.model.didgrp.rec.ownref = 'KZ3500210540AA' //this.model.didgrp.rec.ownref = 'KZ3500210540AA'
this.model.bddgrp.rec.ownref = this.ownref this.model.bddgrp.rec.ownref = this.ownref
......
...@@ -34,9 +34,10 @@ export default { ...@@ -34,9 +34,10 @@ export default {
let rtnmsg = await this.executeRule("cfgfil.hotsub1") let rtnmsg = await this.executeRule("cfgfil.hotsub1")
console.log("cfgfil.code:" + this.model.cfgfil.subtrn1); console.log("cfgfil.code:" + this.model.cfgfil.subtrn1);
if(rtnmsg.respCode = SUCCESS){ if(rtnmsg.respCode = SUCCESS){
this.navcode = []
this.$emit("onChoose",code.toLowerCase()); this.$emit("onChoose",code.toLowerCase());
}else{ }else{
this.$notify.error({ title: "错误", message: "服务请求失败!" });
} }
}, },
...@@ -66,9 +67,11 @@ export default { ...@@ -66,9 +67,11 @@ export default {
mounted(){ mounted(){
this.$nextTick(function(){ this.$nextTick(function(){
this.$on('childmethods',async function(){ this.$on('childmethods',async function(){
this.navcode = []
//请求按钮数据 //请求按钮数据
this.model.didgrp.rec.ownref = this.ownref this.model.didgrp.rec.ownref = this.ownref
console.log("ownref:" + this.ownref ); console.log("ownref:" + this.ownref );
let rtnmsg = await this.executeRule("didgrp.rec.ownref");//didgrp_rec_ownref let rtnmsg = await this.executeRule("didgrp.rec.ownref");//didgrp_rec_ownref
if(rtnmsg.respCode = SUCCESS){ if(rtnmsg.respCode = SUCCESS){
//重置数组 //重置数组
...@@ -96,6 +99,7 @@ export default { ...@@ -96,6 +99,7 @@ export default {
} }
} }
}) })
......
...@@ -301,14 +301,8 @@ ...@@ -301,14 +301,8 @@
<el-table-column fixed="right" prop="op" label="操作" width="165px" class-name="lastColumn"> <el-table-column fixed="right" prop="op" label="操作" width="165px" class-name="lastColumn">
<template slot="header"> <template slot="header">
<c-col style="text-align: left" <c-col style="text-align: left"
><span>操作</span></c-col ><span>操作</span>
> </c-col>
<!-- <c-col style="text-align: right"
><c-button
icon="el-icon-s-tools"
@click="clounmSetting"
></c-button
></c-col> -->
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
<c-button style="margin-left: 0" size="small" @click="onDetails(scope.$index,scope.row)" <c-button style="margin-left: 0" size="small" @click="onDetails(scope.$index,scope.row)"
......
...@@ -306,7 +306,7 @@ ...@@ -306,7 +306,7 @@
</c-col> </c-col>
--> -->
<c-col :span="24" style="height:24px;margin-top:30px"> <c-col :span="24" style="height:24px;margin-top:30px">
<el-form-item label="Signatures" class="messageLabel"> <el-form-item label="经办/复核" class="messageLabel">
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="23" style="height:0px;"> <c-col :span="23" style="height:0px;">
...@@ -346,7 +346,7 @@ ...@@ -346,7 +346,7 @@
<!-- -------------------workflow------------------- --> <!-- -------------------workflow------------------- -->
<c-col :span="24" style="height:24px;margin-top:30px"> <c-col :span="24" style="height:24px;margin-top:30px">
<el-form-item label="Workflow" class="messageLabel"> <el-form-item label="工作流服务" class="messageLabel">
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="23" style="height:0px;"> <c-col :span="23" style="height:0px;">
......
...@@ -24,10 +24,19 @@ export default { ...@@ -24,10 +24,19 @@ export default {
name: "CustomerAnalyse", name: "CustomerAnalyse",
components: { CellHeaderVue }, components: { CellHeaderVue },
data() { data() {
return {}; return {
echartInstance: null,
};
}, },
mounted() { mounted() {
const echartInstance = echarts.init(document.getElementById("chart")); this.echartInstance = echarts.init(document.getElementById("chart"));
this.loadCharts()
this.loadChartsBind = this.loadCharts.bind(this)
window.addEventListener('resize', this.loadChartsBind)
},
methods: {
loadCharts() {
this.echartInstance.clear()
const option = { const option = {
title: { title: {
// text: "Test Demo", // text: "Test Demo",
...@@ -80,8 +89,12 @@ export default { ...@@ -80,8 +89,12 @@ export default {
}, },
], ],
}; };
echartInstance.setOption(option); this.echartInstance.setOption(option);
},
}, },
destroyed() {
window.removeEventListener('resize', this.loadChartsBind)
}
}; };
</script> </script>
......
...@@ -4,7 +4,8 @@ ...@@ -4,7 +4,8 @@
<span class="el-icon-refresh" title="刷新"></span> <span class="el-icon-refresh" title="刷新"></span>
<span class="el-icon-more" title="操作"></span> <span class="el-icon-more" title="操作"></span>
</CellHeaderVue> </CellHeaderVue>
<c-content :height="cellScrollHeight">
<el-scrollbar :style="{ height: scrollbarHeight + 'px' }">
<div class="cell-content"> <div class="cell-content">
<div class="notice-item" v-for="(item, idx) in noticeList" :key="idx"> <div class="notice-item" v-for="(item, idx) in noticeList" :key="idx">
<div class="notice-title" :class="{ active: idx === 0 }"> <div class="notice-title" :class="{ active: idx === 0 }">
...@@ -17,7 +18,7 @@ ...@@ -17,7 +18,7 @@
</div> </div>
</div> </div>
</div> </div>
</c-content> </el-scrollbar>
</div> </div>
</template> </template>
...@@ -33,6 +34,11 @@ export default { ...@@ -33,6 +34,11 @@ export default {
required: true, required: true,
}, },
}, },
computed: {
scrollbarHeight() {
return window.document.body.clientHeight - this.cellScrollHeight;
},
},
data() { data() {
return { return {
noticeList: [ noticeList: [
......
<template> <template>
<div class="home-cell" id="quickSearch"> <div class="home-cell" id="quickSearch">
<CellHeaderVue title="快速查询"> </CellHeaderVue> <CellHeaderVue title="快速查询"> </CellHeaderVue>
<c-content :height="cellScrollHeight">
<el-scrollbar :style="{ height: scrollbarHeight + 'px' }">
<div class="cell-content"> <div class="cell-content">
<div <div
class="content-wrapper" class="content-wrapper"
v-for="(item, index) in options" v-for="(item, index) in options"
:key="index" :key="index"
:style="{ height: wrapperHeight + 'px' }" :style="{ height: Math.floor(scrollbarHeight * 0.3) + 'px' }"
> >
<div class="search-item-wrapper"> <div class="search-item-wrapper">
<div class="search-item"> <div class="search-item">
...@@ -18,7 +19,7 @@ ...@@ -18,7 +19,7 @@
</div> </div>
</div> </div>
</div> </div>
</c-content> </el-scrollbar>
</div> </div>
</template> </template>
...@@ -35,10 +36,8 @@ export default { ...@@ -35,10 +36,8 @@ export default {
}, },
}, },
computed: { computed: {
wrapperHeight() { scrollbarHeight() {
return Math.floor( return window.document.body.clientHeight - this.cellScrollHeight;
(window.document.body.clientHeight - this.cellScrollHeight) * 0.3
);
}, },
}, },
data() { data() {
......
...@@ -2,13 +2,13 @@ ...@@ -2,13 +2,13 @@
<div class="home-cell" id="quickVisit"> <div class="home-cell" id="quickVisit">
<CellHeaderVue title="快速访问"> </CellHeaderVue> <CellHeaderVue title="快速访问"> </CellHeaderVue>
<c-content :height="cellScrollHeight"> <el-scrollbar :style="{ height: scrollbarHeight + 'px' }">
<div class="cell-content"> <div class="cell-content">
<div <div
class="content-wrapper" class="content-wrapper"
v-for="(item, index) in quickVisitItem" v-for="(item, index) in quickVisitItem"
:key="index" :key="index"
:style="{ height: wrapperHeight + 'px' }" :style="{ height: Math.floor(scrollbarHeight * 0.3) + 'px' }"
> >
<div class="visit-item-wrapper"> <div class="visit-item-wrapper">
<div class="visit-item"> <div class="visit-item">
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</div> </div>
</div> </div>
</div> </div>
</c-content> </el-scrollbar>
</div> </div>
</template> </template>
...@@ -36,10 +36,8 @@ export default { ...@@ -36,10 +36,8 @@ export default {
}, },
}, },
computed: { computed: {
wrapperHeight() { scrollbarHeight() {
return Math.floor( return window.document.body.clientHeight - this.cellScrollHeight;
(window.document.body.clientHeight - this.cellScrollHeight) * 0.3
);
}, },
}, },
data() { data() {
......
...@@ -28,15 +28,23 @@ export default { ...@@ -28,15 +28,23 @@ export default {
QuickSearchVue, QuickSearchVue,
}, },
created() { created() {
this.cellScrollHeight = this.calcCellScrollHeight();
window.document.body.clientHeight - this.calcCellScrollHeightBind = this.calcCellScrollHeight.bind(this)
(window.document.body.clientHeight - 110 - 52 * 2 - 10) / 2; window.addEventListener("resize", this.calcCellScrollHeightBind)
}, },
data() { data() {
return { return {
cellScrollHeight: null, cellScrollHeight: null,
}; };
}, },
methods: {
calcCellScrollHeight() {
this.cellScrollHeight = window.document.body.clientHeight - (window.document.body.clientHeight - 110 - 52 * 2 - 10) / 2;
}
},
destroyed() {
window.removeEventListener("resize", this.calcCellScrollHeightBind)
}
}; };
</script> </script>
...@@ -62,4 +70,8 @@ export default { ...@@ -62,4 +70,8 @@ export default {
height: calc(100% - 52px); height: calc(100% - 52px);
overflow: auto; overflow: auto;
} }
.home-cell >>> .el-scrollbar__wrap{
overflow-y: scroll;
overflow-x: auto;
}
</style> </style>
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