Skip to content

D
dsk-operate-sys-cscec
Commit a74c3b99 authored by yht15023815643's avatar yht15023815643
Browse files
Options

评标助手优化

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