|
@@ -30,7 +30,7 @@
|
|
<ul>
|
|
<ul>
|
|
<li v-for="item in groupData2" :key="item.id" class="li_data">
|
|
<li v-for="item in groupData2" :key="item.id" class="li_data">
|
|
<h3>{{item.letter}}</h3>
|
|
<h3>{{item.letter}}</h3>
|
|
- <el-checkbox-group v-model="checkboxGroup2">
|
|
|
|
|
|
+ <el-checkbox-group v-model="boxData.buyerclass">
|
|
<el-checkbox-button v-for="ite in item.list" :key="ite.id" :label="ite.name">{{ite.name}}</el-checkbox-button>
|
|
<el-checkbox-button v-for="ite in item.list" :key="ite.id" :label="ite.name">{{ite.name}}</el-checkbox-button>
|
|
</el-checkbox-group>
|
|
</el-checkbox-group>
|
|
</li>
|
|
</li>
|
|
@@ -51,13 +51,13 @@
|
|
</div>
|
|
</div>
|
|
<!-- 分类名称 -->
|
|
<!-- 分类名称 -->
|
|
<div class="lists" v-if="digs == 6">
|
|
<div class="lists" v-if="digs == 6">
|
|
- <div class="li_fen" v-for="(item,index) in groupData6" :key="index">
|
|
|
|
- <div class="card_icons">
|
|
|
|
- <i class="el-icon-check"></i>
|
|
|
|
|
|
+ <div class="li_fen" v-for="(item,index) in groupData6" :key="index" @click="fenLei(index,item.s_item)">
|
|
|
|
+ <div class="card_icons" :class="{'f_active':leiIndex.indexOf(index)>-1}">
|
|
|
|
+ <i :class="leiIndex.indexOf(index)>-1?'el-icon-check':''"></i>
|
|
</div>
|
|
</div>
|
|
<div class="conts">
|
|
<div class="conts">
|
|
- <h2>钢筋水泥</h2>
|
|
|
|
- <p>钢筋水泥、钢筋水泥】钢筋水泥、钢筋水泥钢筋水泥钢筋水泥钢筋水泥、钢筋水泥】钢筋水泥、钢筋水泥钢筋水泥钢筋水泥</p>
|
|
|
|
|
|
+ <h2>{{item.s_item}}</h2>
|
|
|
|
+ <p>{{item.keys}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -73,13 +73,12 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import { scribeKey } from '@/api/api';
|
|
|
|
-import { industryData2, industryData3 } from'@/assets/js/industry_data';
|
|
|
|
|
|
+import { scribeKey, buyerUpdate } from '@/api/api';
|
|
|
|
+import { industryData2, industryData3 } from'@/assets/js/industry_data.js';
|
|
|
|
|
|
export default {
|
|
export default {
|
|
props: {
|
|
props: {
|
|
digs: Number,
|
|
digs: Number,
|
|
- boxCheck: {},
|
|
|
|
boxData: {}
|
|
boxData: {}
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
@@ -90,7 +89,7 @@ export default {
|
|
keyShow: false,
|
|
keyShow: false,
|
|
input1: '',
|
|
input1: '',
|
|
checkboxGroup1: ['c21'],
|
|
checkboxGroup1: ['c21'],
|
|
- checkboxGroup2: [''],
|
|
|
|
|
|
+ checkboxGroup2: [],
|
|
checkboxGroup3: ['招标'],
|
|
checkboxGroup3: ['招标'],
|
|
checkboxGroup4: ['b1'],
|
|
checkboxGroup4: ['b1'],
|
|
activeNames: ['1'],
|
|
activeNames: ['1'],
|
|
@@ -98,25 +97,14 @@ export default {
|
|
groupData2: [],
|
|
groupData2: [],
|
|
groupData3: [],
|
|
groupData3: [],
|
|
groupData4: [],
|
|
groupData4: [],
|
|
- provinceData: {
|
|
|
|
- // '#': ['全国'],
|
|
|
|
- A: ['安徽', '澳门'],
|
|
|
|
- B: ['北京'],
|
|
|
|
- C: ['重庆'],
|
|
|
|
- F: ['福建'],
|
|
|
|
- G: ['广东', '广西', '贵州', '甘肃'],
|
|
|
|
- H: ['河北', '湖北', '黑龙江', '海南', '河南', '湖南'],
|
|
|
|
- J: ['吉林', '江苏', '江西'],
|
|
|
|
- L: ['辽宁'],
|
|
|
|
- N: ['内蒙古', '宁夏'],
|
|
|
|
- Q: ['青海'],
|
|
|
|
- S: ['山西', '陕西', '上海', '山东', '四川'],
|
|
|
|
- T: ['天津', '台湾'],
|
|
|
|
- X: ['西藏', '新疆', '香港'],
|
|
|
|
- Y: ['云南'],
|
|
|
|
- Z: ['浙江']
|
|
|
|
- },
|
|
|
|
- proMapList: []
|
|
|
|
|
|
+ groupData6: [
|
|
|
|
+ {s_item: '钢筋混凝土',keys:'钢筋、水泥钢筋、水泥钢筋、水泥钢筋、水泥'},
|
|
|
|
+ {s_item: '楼房',keys:'钢筋、水泥钢筋、水泥钢筋、水泥钢筋、水泥'},
|
|
|
|
+ {s_item: '土地',keys:'钢筋、水泥钢筋、水泥钢筋、水泥钢筋、水泥'}
|
|
|
|
+ ],
|
|
|
|
+ proMapList: [],
|
|
|
|
+ leiIndex: [],
|
|
|
|
+ arrs: []
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -124,19 +112,48 @@ export default {
|
|
this.groupData3 = industryData3;
|
|
this.groupData3 = industryData3;
|
|
this.checkboxGroup2 = this.boxData.buyerclass;
|
|
this.checkboxGroup2 = this.boxData.buyerclass;
|
|
console.log(this.checkboxGroup2);
|
|
console.log(this.checkboxGroup2);
|
|
- for (const key in this.provinceData) {
|
|
|
|
- this.groupData1.push(key);
|
|
|
|
- this.proMapList[key] =this.provinceData[key].map(v => {
|
|
|
|
- return v
|
|
|
|
- });
|
|
|
|
- }
|
|
|
|
- scribeKey().then(res => {
|
|
|
|
- this.groupData6 = res.data;
|
|
|
|
- })
|
|
|
|
|
|
+ // scribeKey().then(res => {
|
|
|
|
+ // res.data.data.map(v => {
|
|
|
|
+ // let arr1 = [];
|
|
|
|
+ // for(let i=0; i<v.a_key.length;i++) {
|
|
|
|
+ // arr1.push(v.a_key[i].key)
|
|
|
|
+ // }
|
|
|
|
+ // this.groupData6.push({
|
|
|
|
+ // s_item: v.s_item,
|
|
|
|
+ // keys: String(arr1.join(",").replace(/,/g, "、"))
|
|
|
|
+ // })
|
|
|
|
+ // })
|
|
|
|
+ // })
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ fenLei(index,title) {
|
|
|
|
+ console.log(title)
|
|
|
|
+ let arrIndex = this.leiIndex.indexOf(index);
|
|
|
|
+ if(arrIndex>-1){
|
|
|
|
+ this.leiIndex.splice(arrIndex,1);
|
|
|
|
+ this.arr.splice(arrIndex,1);
|
|
|
|
+ }else{
|
|
|
|
+ this.leiIndex.push(index);
|
|
|
|
+ this.arr.push(title);
|
|
|
|
+ }
|
|
|
|
+ console.log(this.arr)
|
|
|
|
+ // this.$parent.tableData[this.$parent.cellIndex].items = ''
|
|
|
|
+ },
|
|
confirmed() {
|
|
confirmed() {
|
|
this.boxVisible = false;
|
|
this.boxVisible = false;
|
|
|
|
+ if (this.$parent.digIndex == 'sub') {
|
|
|
|
+ this.$parent.bookForm.indust = String(this.boxData.buyerclass.join(",").replace(/,/g, "、"));
|
|
|
|
+ buyerUpdate({buyer:this.boxData.buyerclass}).then(res => {
|
|
|
|
+ if (res.data.status == 1) {
|
|
|
|
+ this.$message({
|
|
|
|
+ message: '设置成功',
|
|
|
|
+ type: 'success'
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ } else if (this.$parent.digIndex == 'distri') {
|
|
|
|
+ this.$parent.tableData[this.$parent.cellIndex].buyerclass = String(this.boxData.buyerclass.join(",").replace(/,/g, "、"));
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -194,16 +211,22 @@ export default {
|
|
text-align: left;
|
|
text-align: left;
|
|
padding: 10px 20px!important;
|
|
padding: 10px 20px!important;
|
|
box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.05);
|
|
box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.05);
|
|
|
|
+ cursor: pointer;
|
|
.card_icons {
|
|
.card_icons {
|
|
width: 18px;
|
|
width: 18px;
|
|
height: 18px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
text-align: center;
|
|
text-align: center;
|
|
color: #2ABED1;
|
|
color: #2ABED1;
|
|
- background: #F5F6F7;
|
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
border: 1px solid #C0C4CC;
|
|
border: 1px solid #C0C4CC;
|
|
}
|
|
}
|
|
|
|
+ .f_active {
|
|
|
|
+ background: #2ABED1;
|
|
|
|
+ i {
|
|
|
|
+ color: #fff;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.conts {
|
|
.conts {
|
|
margin-left: 12px;
|
|
margin-left: 12px;
|
|
h2 {
|
|
h2 {
|