apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

车辆管理服务类型优化

Browse Source
This commit is contained in:
zhouxueli
2023-08-28 17:05:46 +08:00
parent fc798fcec4
commit 22c7081635
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/index/vehicleAdd.vue
View File

@ -59,9 +59,9 @@
<div class="serviceType"> <div class="serviceType">
<div class="trailerService" v-for="(item,index) in supplierServiceList" :key="index"> <div class="trailerService" v-for="(item,index) in supplierServiceList" :key="index">
<div class="serviceline" :ref="'serviceline' + index" @click="loadAll(index)"> <div class="serviceline" @click="loadAll(index)">
<img :src="show ? require('@/assets/arr_bot.png') : require('@/assets/arr_right.png')" style="width: 20px;height: 15px" > <img :ref="'serviceline' + index" :src="imageUrl" style="width: 20px;height: 15px" >
<span class="service">{{ item.name }}:</span> <span class="service" style="width: 88px;">{{ item.name }}:</span>
<span class="line"></span> <span class="line"></span>
</div> </div>
<div :ref="'checkboxGroup' + index" class="checkbox-group"> <div :ref="'checkboxGroup' + index" class="checkbox-group">
@ -101,6 +101,7 @@ export default {
serviceIds:[],//车辆服务种类, serviceIds:[],//车辆服务种类,
supplierServiceList:[], supplierServiceList:[],
show:false, show:false,
imageUrl: require('@/assets/arr_right.png')
} }
}, },
async mounted() { async mounted() {
@ -121,13 +122,15 @@ export default {
this.show = !this.show this.show = !this.show
const refName='checkboxGroup' + i; const refName='checkboxGroup' + i;
const element1 = this.$refs[refName]; // 通过动态属性名访问引用this.$refs.checkboxGroup.style.display = 'block'; const element1 = this.$refs[refName]; // 通过动态属性名访问引用this.$refs.checkboxGroup.style.display = 'block';
// console.log("element1",refName,element1) const refName1='serviceline' + i;
const element = this.$refs[refName1];
if(this.show){ if(this.show){
element1[0].style.display = 'block' element1[0].style.display = 'block'
element[0].src= require('@/assets/arr_bot.png')
}else { }else {
element1[0].style.display = 'none' element1[0].style.display = 'none'
element[0].src= require('@/assets/arr_right.png')
} }
}, },
async getTypeList() { async getTypeList() {
let result=await vehicleTypeList(); let result=await vehicleTypeList();