Commit a74c3b99 authored by yht15023815643's avatar yht15023815643

评标助手优化

parent f4e9f83e
......@@ -13,15 +13,15 @@
:value="item">
</el-option>
</el-select>
<el-select v-model="value1" value-key="id" @change="selectChange1" v-if="options.length>0" placeholder="请选择">
<el-select v-model="value1" value-key="id" @change="selectChange1" v-if="options1&&options1.length>0" placeholder="请选择">
<el-option
v-for="item in options"
v-for="item in options1"
:key="item.name"
:label="item.name"
:value="item">
</el-option>
</el-select>
<el-select v-model="value2" value-key="id" @change="selectChange2" v-if="options2.length>0" placeholder="请选择">
<el-select v-model="value2" value-key="id" @change="selectChange2" v-if="options2&&options2.length>0" placeholder="请选择">
<el-option
v-for="item in options2"
:key="item.name"
......@@ -29,6 +29,14 @@
:value="item">
</el-option>
</el-select>
<el-select v-model="value3" value-key="id" @change="selectChange3" v-if="options3&&options3.length>0" placeholder="请选择">
<el-option
v-for="item in options3"
:key="item.name"
:label="item.name"
:value="item">
</el-option>
</el-select>
</div>
<div style="padding:16px;">
<el-table :data="info.list" :span-method="objectSpanMethod" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}" v-horizontal-scroll="'hover'"
......@@ -46,7 +54,7 @@
</template>
</el-table-column>
<el-table-column :resizable="false" label="经营范围" >
<el-table-column :resizable="false" label="可承包工程范围" >
<template slot-scope="scope">
{{scope.row.contractScope||"--"}}
</template>
......@@ -68,86 +76,135 @@ export default {
return{
list,
activeIndex:0,
options: [],
options1: [],
options2: [],
options3: [],
value: '',
value1: '',
value2: '',
value3: '',
info:"",
}
},
methods:{
flitterData(arr) {
let spanOneArr = [];
let concatOne = 0;
arr.forEach((item, index) => {
if (index === 0) {
spanOneArr.push(1);
} else {
if (item.name === arr[index - 1].name) {
spanOneArr[concatOne] += 1;
spanOneArr.push(0);
} else {
spanOneArr.push(1);
concatOne = index;
}
}
});
return {
one: spanOneArr,
};
mounted(){
this.choose()
},
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 0) {
const _row = this.flitterData(this.info.list).one[rowIndex];
const _col = _row > 0 ? 1 : 0;
methods:{
choose(){
this.value = this.list[this.activeIndex].list[0];
this.options1 = this.list[this.activeIndex].list[0].list
if(this.options1){
this.value1 = this.list[this.activeIndex].list[0].list[0];
this.options2 = this.list[this.activeIndex].list[0].list[0].list
if(this.options2){
this.value2 = this.list[this.activeIndex].list[0].list[0].list[0];
this.options3 = this.list[this.activeIndex].list[0].list[0].list[0].list
if(this.options3){
this.value3 = this.list[this.activeIndex].list[0].list[0].list[0].list[0];
standard({id:this.value3.id}).then(res=>{
this.info = res.data
})
}else{
standard({id:this.value2.id}).then(res=>{
this.info = res.data
})
}
}else{
standard({id:this.value1.id}).then(res=>{
this.info = res.data
})
}
}else{
standard({id:this.value.id}).then(res=>{
this.info = res.data
})
}
},
flitterData(arr) {
let spanOneArr = [];
let concatOne = 0;
arr.forEach((item, index) => {
if (index === 0) {
spanOneArr.push(1);
} else {
if (item.name === arr[index - 1].name) {
spanOneArr[concatOne] += 1;
spanOneArr.push(0);
} else {
spanOneArr.push(1);
concatOne = index;
}
}
});
return {
rowspan: _row,
colspan: _col,
one: spanOneArr,
};
}
},
selectChange(){
this.info = "";
if(this.value.list&&this.value.list.length>0){
this.options = this.value.list;
this.value1 = ""
}else{
this.options = []
standard({id:this.value.id}).then(res=>{
this.info = res.data
})
},
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 0) {
const _row = this.flitterData(this.info.list).one[rowIndex];
const _col = _row > 0 ? 1 : 0;
return {
rowspan: _row,
colspan: _col,
};
}
this.value2 = "";
this.options2 = []
},
selectChange1(){
this.info = "";
if(this.value1.list&&this.value1.list.length>0){
this.options2 = this.value1.list;
this.value2 = ""
}else{
},
selectChange(){
if(this.value.list&&this.value.list.length>0){
this.options1 = this.value.list;
this.value1 = ""
}else{
this.options1 = []
standard({id:this.value.id}).then(res=>{
this.info = res.data
})
}
this.value2 = "";
this.options2 = []
standard({id:this.value1.id}).then(res=>{
},
selectChange1(){
this.info = "";
if(this.value1.list&&this.value1.list.length>0){
this.options2 = this.value1.list;
this.value2 = ""
}else{
this.options2 = []
standard({id:this.value1.id}).then(res=>{
this.info = res.data
})
}
},
selectChange2(){
this.info = "";
if(this.value2.list&&this.value2.list.length>0){
this.options3 = this.value2.list;
this.value3 = ""
}else{
this.options3 = []
standard({id:this.value2.id}).then(res=>{
this.info = res.data
})
}
},
selectChange3(){
this.info = "";
standard({id:this.value3.id}).then(res=>{
this.info = res.data
})
}
},
selectChange2(){
this.info = "";
standard({id:this.value2.id}).then(res=>{
this.info = res.data
})
},
changeActiveIndex(index){
this.info = "";
this.activeIndex=index;
this.value = '';
this.options = [];
this.value2 = "";
this.options2 = []
},
}
},
changeActiveIndex(index){
this.info = "";
this.activeIndex=index;
this.value = '';
this.options1 = [];
this.value2 = "";
this.options2 = [];
this.value3 = "";
this.options3 = [];
this.choose()
},
}
}
</script>
......@@ -179,7 +236,6 @@ export default {
border-radius: 4px 4px 0px 0px;
.apt_stan_content_header{
padding: 16px;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #EEEEEE;
......
......@@ -25,7 +25,7 @@
<div class="up_text">点击选择文件或将文件拖拽至此导入企业名录</div>
<div class="up_tip">· 导入的文件内容必须依照下载模板的要求填写);</div>
<div class="up_tip">· 上传文件最大为2M,仅支持Excel表格文件(xls,xlsx);</div>
<div class="up_tip">· 单次查询企业数量限时免费 5000 家。</div>
<div class="up_tip">· 单次查询企业数量限时免费 500 家。</div>
</el-upload>
</div>
<div class="bd"></div>
......
......@@ -92,7 +92,7 @@
</template>
</el-table-column>
<el-table-column :resizable="false" label="承包工程范围" width="415">
<el-table-column :resizable="false" label="承包工程范围" width="315">
<template slot-scope="scope">
{{scope.row.contractScope||"--"}}
</template>
......@@ -114,7 +114,7 @@
{{scope.row.organ||"--"}}
</template>
</el-table-column>
<el-table-column :resizable="false" label="经营范围" width="415">
<el-table-column :resizable="false" label="经营范围" >
<template slot-scope="scope">
<el-tooltip class="item" effect="light" :content="scope.row.businessScope" placement="bottom">
<span class="line_2"> {{scope.row.businessScope||"--"}}</span>
......@@ -602,6 +602,9 @@ export default {
width: 405px;
height: 32px;
line-height: 32px;
.el-input__inner{
width: 405px;
}
}
.ckquery_list_right {
width: 670px;
......@@ -783,6 +786,9 @@ export default {
font-weight: 700;
color: #232323;
margin-bottom: 12px;
&:hover{
color:#0081FF;
}
}
img{
width: 28px;
......@@ -860,6 +866,9 @@ export default {
font-size: 16px;
color: #232323;
margin-bottom: 12px;
&:hover{
color:#0081FF;
}
}
img{
width: 28px;
......
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