|
@@ -78,40 +78,24 @@
|
|
|
<div class="partWaring">
|
|
|
<ul>
|
|
|
<li v-for="i in 5" :key="i">
|
|
|
- <p v-for="item in poolDetailListTips[i]" class="partDetail tipsWrap" v-show="1||2||3||4||5||6||7||8||9" :key="item">
|
|
|
- <span class="tips" v-if="item == 1">1111</span>
|
|
|
- <span class="tips" v-if="item == 2">2222</span>
|
|
|
- <span class="tips" v-if="item == 3">3333</span>
|
|
|
- <span class="tips" v-if="item == 4">4444</span>
|
|
|
- <span class="tips" v-if="item == 5">5555</span>
|
|
|
- <span class="tips" v-if="item == 6">6666</span>
|
|
|
- <span class="tips" v-if="item == 7">7777</span>
|
|
|
- <span class="tips" v-if="item == 8">8888</span>
|
|
|
- <span class="tips" v-if="item == 9">9999</span>
|
|
|
- <span class="tips" v-if="item == 10">1010</span>
|
|
|
+ <p v-for="item in poolDetailListTips[i]" class="partDetail tipsWrap" v-show="poolDetailListTips[i].length > 0" :key="item">
|
|
|
+ <span class="tips" v-if="item == 0">{{currentTipLis[item].name}}</span>
|
|
|
+ <span class="tips" v-if="item == 1">{{currentTipLis[item].name}}</span>
|
|
|
+ <span class="tips" v-if="item == 2">{{currentTipLis[item].name}}</span>
|
|
|
+ <span class="tips" v-if="item == 3">{{currentTipLis[item].name}}</span>
|
|
|
+ <span class="tips" v-if="item == 4">{{currentTipLis[item].name}}</span>
|
|
|
+ <span class="tips" v-if="item == 5">{{currentTipLis[item].name}}</span>
|
|
|
+ <span class="tips" v-if="item == 6">{{currentTipLis[item].name}}</span>
|
|
|
+ <!-- <span class="tips" v-if="item == 7">{{currentTipLis[item].name}}</span>
|
|
|
+ <span class="tips" v-if="item == 8">{{currentTipLis[item].name}}</span>
|
|
|
+ <span class="tips" v-if="item == 9">{{currentTipLis[item].name}}</span>
|
|
|
+ <span class="tips" v-if="item == 10">{{currentTipLis[item].name}}</span> -->
|
|
|
</p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<span class="mutex">互斥项</span>
|
|
|
- <!-- <el-form-item
|
|
|
- label="选择标签成文顺序:"
|
|
|
- prop="order"
|
|
|
- >
|
|
|
- <el-select
|
|
|
- v-model="form.order"
|
|
|
- placeholder="选择标签成文顺序"
|
|
|
- @change="changeType"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in labelTypes"
|
|
|
- :label="item.name"
|
|
|
- :value="item.val"
|
|
|
- :key="item.id"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -124,6 +108,10 @@ export default {
|
|
|
default: () => [],
|
|
|
type: Array
|
|
|
},
|
|
|
+ tipLis: {
|
|
|
+ default: () => [],
|
|
|
+ type: Array
|
|
|
+ },
|
|
|
type: {
|
|
|
default: '',
|
|
|
type: String
|
|
@@ -141,14 +129,12 @@ export default {
|
|
|
return {
|
|
|
poolDetailList: [[],[],[],[],[],[]], //默认6个部分
|
|
|
poolDetailListTips: [[],[],[],[],[],[]], //6个部分对应的提示
|
|
|
+ poolDetailListIds: [[],[],[],[],[],[]], //6个部分对应的id
|
|
|
poolDetailListAll:[], //默认6个部分转化为一维数组
|
|
|
activePart: '-1', //选中part第几个
|
|
|
activePartSon:'-1', //选中第几个part中的元素了
|
|
|
selectArr: [false, false, false, false, false, false], //右侧选中part状态
|
|
|
- form:{
|
|
|
- order:'', //标签成文顺序
|
|
|
- },
|
|
|
-
|
|
|
+
|
|
|
styles:{background:'#eae7e7'}, //选中单条样式
|
|
|
styleR:{color:'red !important'},
|
|
|
searchVal: '', //搜索值
|
|
@@ -156,6 +142,7 @@ export default {
|
|
|
currentLis:[], //选中单条ID组合(多选)
|
|
|
notIds:[], //去重IDs
|
|
|
multipleItem:[], //右侧选中的单条标签
|
|
|
+ currentTipLis:[], //右侧选中的标签提示
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
@@ -164,19 +151,25 @@ export default {
|
|
|
this.currentPool = newVal
|
|
|
}
|
|
|
},
|
|
|
+ tipLis(newVal, preVal) {
|
|
|
+ if (JSON.stringify(newVal) != JSON.stringify(preVal)) {
|
|
|
+ this.currentTipLis = newVal
|
|
|
+ }
|
|
|
+ },
|
|
|
sign(newVal, preVal) {
|
|
|
if (JSON.stringify(newVal) != JSON.stringify(preVal)) {
|
|
|
this.poolDetailList = [[],[],[],[],[],[]]
|
|
|
this.poolDetailListTips = [[],[],[],[],[],[]]
|
|
|
+ this.poolDetailListIds = [[],[],[],[],[],[]]
|
|
|
this.poolDetailListAll=[]
|
|
|
this.activePart='-1'
|
|
|
this.activePartSon='-1'
|
|
|
this.selectArr = [false, false, false, false, false, false]
|
|
|
- this.searchVal= ''
|
|
|
+ this.searchVal= ''
|
|
|
this.currentPool= []
|
|
|
this.currentLis=[]
|
|
|
this.notIds=[]
|
|
|
- this.multipleItem=[]
|
|
|
+ this.multipleItem=[]
|
|
|
}
|
|
|
},
|
|
|
searchVal(newVal, preVal){
|
|
@@ -252,6 +245,7 @@ export default {
|
|
|
getPoolDetailListTips(){
|
|
|
let list = this.poolDetailList;
|
|
|
let poolDetailListTips = [[],[],[],[],[],[]];
|
|
|
+ let poolDetailListIds = [[],[],[],[],[],[]];
|
|
|
for(let i = 0;i < list.length;i++){
|
|
|
let tmpLis = list[i];
|
|
|
if(tmpLis.length > 0){
|
|
@@ -260,10 +254,13 @@ export default {
|
|
|
if(!utils.filterArr(poolDetailListTips[i],tmpLi.controlType,2)){
|
|
|
poolDetailListTips[i].push(tmpLi.controlType)
|
|
|
}
|
|
|
+ poolDetailListIds[i].push(tmpLi.id)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ this.$emit('changeActionData',poolDetailListIds, false);
|
|
|
this.poolDetailListTips = poolDetailListTips
|
|
|
+ this.poolDetailListIds = poolDetailListIds
|
|
|
},
|
|
|
getStyle(id){ //左侧选中状态
|
|
|
return utils.filterArr(this.currentLis,id,2)
|
|
@@ -273,6 +270,7 @@ export default {
|
|
|
},
|
|
|
searchTagList() {
|
|
|
let ids = [];
|
|
|
+ this.currentLis = []
|
|
|
this.poolDetailListAll.map((value)=>{
|
|
|
ids.push(value.id)
|
|
|
})
|
|
@@ -432,7 +430,7 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
padding-right: 100px;
|
|
|
position: relative;
|
|
|
- padding-bottom: 500px;
|
|
|
+ padding-bottom: 10px;
|
|
|
.desTitle {
|
|
|
padding-bottom: 10px;
|
|
|
}
|