|
...
|
...
|
@@ -12,7 +12,7 @@ |
|
|
|
</div>
|
|
|
|
<!-- <dynamicTableComponents :formData="dtInformationData"></dynamicTableComponents>-->
|
|
|
|
<div class="basic-ul-right" :style="borderStyleF" >
|
|
|
|
<div @mouseenter="mouseFun" @mouseleave="leaveFun">
|
|
|
|
<div @mouseenter="mouseFun" @mouseleave="leaveFun" v-if="informationData[0].isDisplay=='1'">
|
|
|
|
<el-row class="backColor">
|
|
|
|
<el-col class="padding-10" :style="[borderStlye,tableTitleStyle]" aria-colspan="2">
|
|
|
|
<a class="link-type" :style="tableTitleStyle" :href="jkAddress.jkUrl" target="_blank">{{informationData[0].name}}</a>
|
|
...
|
...
|
@@ -21,7 +21,7 @@ |
|
|
|
</el-row>
|
|
|
|
</div>
|
|
|
|
<div class="basic-tbody basic-border-wrap" :style="wrapStyle">
|
|
|
|
<el-row class="basic-item" :style="itemStyle" v-if="item.isDisplay" v-for="(item,index) in informationData" :key="index">
|
|
|
|
<el-row class="basic-item" :style="itemStyle" v-if="item.isDisplay=='1' && index>0" v-for="(item,index) in informationData" :key="index">
|
|
|
|
<!-- <el-col :style="headStyle" v-if="attrKey.attrKeyVal.indexOf(item.code)>0 && index>0" class="basic-border basic-item-title basic-flex backColor" :span="10">-->
|
|
|
|
<el-col :style="[headStyle,borderStlye,lineHeightStyle]" v-if="index>0" class="basic-border basic-item-title basic-flex backColor" :span="10">
|
|
|
|
{{ item.name }}
|
|
...
|
...
|
@@ -31,13 +31,12 @@ |
|
|
|
</el-col>
|
|
|
|
<!-- && attrKey.attrKeyVal.includes(item.code)-->
|
|
|
|
</el-row>
|
|
|
|
<el-row class="basic-item" :style="[itemStyle,borderStlyeLast]" v-if="informationData.length%2==0">
|
|
|
|
<!-- <el-row class="basic-item 111" :style="[itemStyle,borderStlyeLast]" v-if="dataLength==informationData.length && informationData.length%2==0">
|
|
|
|
<el-col class="basic-border basic-item-title basic-flex" :span="10">
|
|
|
|
</el-col>
|
|
|
|
<el-col class="basic-border basic-flex basic-item-content" :span="14"><span></span>
|
|
|
|
</el-col>
|
|
|
|
<!-- && attrKey.attrKeyVal.includes(item.code)-->
|
|
|
|
</el-row>
|
|
|
|
</el-row>-->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
...
|
...
|
@@ -72,6 +71,7 @@ |
|
|
|
optionsData: {},
|
|
|
|
informationData: [{name:'',code:''}],
|
|
|
|
informationDataAll: [],
|
|
|
|
dataLength:0,
|
|
|
|
tableDate: [],
|
|
|
|
pressingVisible: false,
|
|
|
|
pressingVisibleTip: false,
|
|
...
|
...
|
@@ -254,6 +254,7 @@ |
|
|
|
this.optionsPosition = val.position;
|
|
|
|
this.optionsData = val.data;
|
|
|
|
this.handlerData();
|
|
|
|
// this.setDisplay();
|
|
|
|
},
|
|
|
|
deep: true
|
|
|
|
}
|
|
...
|
...
|
@@ -287,10 +288,29 @@ |
|
|
|
},
|
|
|
|
handlerStaticData(data) {
|
|
|
|
this.informationDataAll = data;
|
|
|
|
this.setDisplay();
|
|
|
|
if (this.imgStyle.dataNum) {
|
|
|
|
this.informationData = this.informationDataAll.slice(0, this.imgStyle.dataNum);
|
|
|
|
if (this.informationDataAll && this.informationDataAll.length > 0) {
|
|
|
|
this.informationDataAll.map(item => {
|
|
|
|
if (typeof (item.value) != 'string') {
|
|
|
|
item.value = item.value[0].state;
|
|
|
|
}
|
|
|
|
item.isDisplay='1';
|
|
|
|
|
|
|
|
})
|
|
|
|
}
|
|
|
|
this.setDisplay();
|
|
|
|
|
|
|
|
this.dataLength=this.informationData.length;
|
|
|
|
console.log("this.dataLength",this.dataLength)
|
|
|
|
let addTableData=[];
|
|
|
|
this.informationDataAll.map((item,index)=>{
|
|
|
|
addTableData.push({
|
|
|
|
key:item.code,
|
|
|
|
name:item.name,
|
|
|
|
width:"50%",
|
|
|
|
isDisplay:item.isDisplay
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.$store.commit('CHANGW_HEAD_INFO', addTableData);
|
|
|
|
},
|
|
|
|
handlerDynamicData(data, refreshTime) {
|
|
|
|
if (!data) return;
|
|
...
|
...
|
@@ -311,20 +331,24 @@ |
|
|
|
if (this.informationDataAll && this.informationDataAll.length > 0) {
|
|
|
|
this.informationDataAll.map(item => {
|
|
|
|
if (typeof (item.value) != 'string') {
|
|
|
|
item.value = item.value[0].state
|
|
|
|
item.value = item.value[0].state;
|
|
|
|
}
|
|
|
|
item.isDisplay='1';
|
|
|
|
|
|
|
|
})
|
|
|
|
}
|
|
|
|
this.setDisplay();
|
|
|
|
if (this.imgStyle.dataNum) {
|
|
|
|
this.informationData = this.informationDataAll.slice(0, this.imgStyle.dataNum);
|
|
|
|
}
|
|
|
|
this.dataLength=this.informationData.length;
|
|
|
|
let addTableData=[];
|
|
|
|
this.informationDataAll.map((item,index)=>{
|
|
|
|
addTableData.push({
|
|
|
|
key:item.code,
|
|
|
|
name:item.name,
|
|
|
|
width:"50%"
|
|
|
|
width:"50%",
|
|
|
|
isDisplay:item.isDisplay
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.$store.commit('CHANGW_HEAD_INFO', addTableData);
|
|
...
|
...
|
@@ -342,13 +366,24 @@ |
|
|
|
//设置信息列表数据每一行是否显示
|
|
|
|
setDisplay() {
|
|
|
|
let head=this.optionsSetUp.dynamicAddTable;
|
|
|
|
let arr=[];
|
|
|
|
head.map(hv=>{
|
|
|
|
arr.push({
|
|
|
|
code:hv.key,
|
|
|
|
isDisplay:hv.isDisplay
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.informationDataAll.map(item=>{
|
|
|
|
head.map(hv=>{
|
|
|
|
arr.map(hv=>{
|
|
|
|
if(item.code==hv.key){
|
|
|
|
item.isDisplay=hv.isDisplay
|
|
|
|
item.isDisplay=hv.isDisplay;
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
if (this.imgStyle.dataNum) {
|
|
|
|
this.informationData = this.informationDataAll.slice(0, this.imgStyle.dataNum);
|
|
|
|
}
|
|
|
|
console.log(" this.informationData", this.informationData)
|
|
|
|
},
|
|
|
|
pressingTimes() {
|
|
|
|
this.pressingVisible = true;
|
...
|
...
|
|
