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

story#6071，编辑车辆页面选择服务逻辑修改

Browse Source
This commit is contained in:
zhouxueli
2025-01-16 20:55:26 +08:00
parent 2a5dad2211
commit 45b910fdc4
2 changed files with 31 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@ -30,10 +30,10 @@
}
</script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script>
<!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
// VConsole 默认会挂载到 `window.VConsole` 上
// let vConsole = new window.VConsole();
let vConsole = new window.VConsole();
(function (doc, win) {
console.log("==window.location.pathname===",window.location.pathname)
let docEl = doc.documentElement

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

@ -74,8 +74,9 @@
<img class="startImg" src="@/assets/start.png" />
<span>车辆类型</span>
</div>
<select id="mySelect" class="mySelect" v-model="selectedOption" multiple :multiple-limit="isMultiple ? 2 : 1">
<option v-for="(item,index) in typeList" :key="index" :value="index" :disabled="!item.disabled ? false : true">{{item}}</option>
<select id="mySelect" class="mySelect" v-model="selectedOption" multiple
:multiple-limit="isMultiple ? 2 : 1">
<option v-for="(item,index) in typeList" :key="index" :value="index" :disabled="!item.disabled ? false : true">{{item.name}}</option>
</select>
</div>
<div class="lineBot"></div>
@ -171,30 +172,29 @@ export default {
isMultiple: false, // 是否支持多选
}
},
watch: {
typeList: {
handler(newVal) {
if (newVal == 4) {
this.isMultiple = true;
this.$set(this.typeList, 2, { ...this.typeList[2], disabled: true });
this.$set(this.typeList, 5, { ...this.typeList[5], disabled: true });
this.$set(this.typeList, 6, { ...this.typeList[6], disabled: true });
this.$set(this.typeList, 7, { ...this.typeList[7], disabled: true });
this.$set(this.typeList, 8, { ...this.typeList[8], disabled: true });
this.$set(this.typeList, 9, { ...this.typeList[9], disabled: true });
} else {
this.isMultiple = false;
this.$set(this.typeList, 2, { ...this.typeList[2], disabled: false });
this.$set(this.typeList, 5, { ...this.typeList[5], disabled: false });
this.$set(this.typeList, 6, { ...this.typeList[6], disabled: false });
this.$set(this.typeList, 7, { ...this.typeList[7], disabled: false });
this.$set(this.typeList, 8, { ...this.typeList[8], disabled: false });
this.$set(this.typeList, 9, { ...this.typeList[9], disabled: false });
}
},
deep: true, // 深度监听
watch:{
typeList(newVal){
console.log("1111",newVal)
if(newVal == 4){
this.isMultiple = true
this.typeList[2].disabled=true
this.typeList[5].disabled=true
this.typeList[6].disabled=true
this.typeList[7].disabled=true
this.typeList[8].disabled=true
this.typeList[9].disabled=true
}else{
this.isMultiple = false
this.typeList[2].disabled=false
this.typeList[5].disabled=false
this.typeList[6].disabled=false
this.typeList[7].disabled=false
this.typeList[8].disabled=false
this.typeList[9].disabled=false
}
},
},
async mounted() {
this.id=this.$route.params?.id
const selectElement = document.getElementById('mySelect');
@ -312,8 +312,12 @@ export default {
},
async getTypeList() {
let result=await vehicleTypeList();
this.typeList=[]
if(result.code === 200){
this.typeList=result.data
for (const key in result.data){
// console.log("keys",result.data[key])
this.typeList.push({name:result.data[key],disabled:false})
}
}
},
async getSupplierServiceTree(){