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

This commit is contained in:
2025-01-17 10:32:01 +08:00
parent e4a893815d
commit 5ed64b07e3

View File

@ -74,9 +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 computedTypeList" :key="index" :value="index" :disabled="!item.disabled ? false : true">{{item.name}}</option>
<select id="mySelect" class="mySelect" v-model="selectedOption" multiple @change="setChange"
>
<option v-for="item in computedTypeList" :key="item.name" :value="item.name" :label="item.name" :disabled="item.disabled">{{item.name}}</option>
</select>
</div>
<div class="lineBot"></div>
@ -175,6 +175,7 @@ export default {
computed: {
computedTypeList() {
return this.typeList.map((item, index) => {
console.log("item, index",item, index)
if (this.isMultiple) {
if ([2, 5, 6, 7, 8, 9].includes(index)) {
return { ...item, disabled: true };
@ -186,10 +187,11 @@ export default {
});
},
},
watch: {
/* watch: {
typeList: {
handler(newVal) {
if (newVal.length === 4) { // 假设你想判断数组长度是否为 4
console.log("newVal",newVal)
if (newVal.length === 2) { // 假设你想判断数组长度是否为 4
this.isMultiple = true;
} else {
this.isMultiple = false;
@ -197,12 +199,13 @@ export default {
},
deep: true,
},
},
},*/
async mounted() {
this.id=this.$route.params?.id
const selectElement = document.getElementById('mySelect');
selectElement.addEventListener('change', function() {
this.selectedOption=selectElement.value;
console.log(" this.selectedOption", this.selectedOption)
});
await this.getTypeList();
if( this.id){
@ -211,6 +214,9 @@ export default {
await this.getSupplierServiceTree();
},
methods:{
setChange(){
console.log("===========",this.selectedOption)
},
async vehicleLicenseFrontHandler(file) { // 上传 行驶证首页
const formData = new FormData();
formData.append("file" , file.file);