|
|
@@ -66,9 +66,12 @@
|
|
|
<div v-if="widthscheme.type == '自定义'">
|
|
|
<a-input style="width:150px;" v-model:value="schemeData.width" placeholder="输入区间内宽度"></a-input><span style="color:#666"> 输入范围:{{widthscheme.min}}mm - {{widthscheme.max}}mm</span>
|
|
|
</div>
|
|
|
- <a-select v-else v-model:value="schemeData.width" style="width: 150px" placeholder="选择宽度">
|
|
|
+ <div v-else>
|
|
|
+ <a-button class="mr-10 mt-10" v-for="(item,index) in widthscheme.rowsdetail" :key="index" :disabled="schemeData.width != item.num && (schemeData.width != null && schemeData.width != '')" :type="schemeData.width == item.num?'primary':'default'" @click="customClick2('width',item.num)">{{item.num}}</a-button>
|
|
|
+ </div>
|
|
|
+ <!-- <a-select v-else v-model:value="schemeData.width" style="width: 150px" placeholder="选择宽度">
|
|
|
<a-select-option v-for="item in widthscheme.rowsdetail" :key="item.sa_sizeschemedetailid" :value="item.num">{{item.num}}</a-select-option>
|
|
|
- </a-select>
|
|
|
+ </a-select> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="mt-30 input-number-panel">
|
|
|
@@ -77,9 +80,12 @@
|
|
|
<div v-if="lengthscheme.type == '自定义'">
|
|
|
<a-input style="width:150px;" v-model:value="schemeData.length" placeholder="输入区间内长度"></a-input><span style="color:#666"> 输入范围:{{lengthscheme.min}}mm - {{lengthscheme.max}}mm</span>
|
|
|
</div>
|
|
|
- <a-select v-else v-model:value="schemeData.length" style="width: 150px" placeholder="选择长度">
|
|
|
+ <div>
|
|
|
+ <a-button class="mr-10 mt-10" v-for="(item,index) in lengthscheme.rowsdetail" :key="index" :disabled="schemeData.length != item.num && (schemeData.length != null && schemeData.length != '')" :type="schemeData.length == item.num?'primary':'default'" @click="customClick2('length',item.num)">{{item.num}}</a-button>
|
|
|
+ </div>
|
|
|
+ <!-- <a-select v-else v-model:value="schemeData.length" style="width: 150px" placeholder="选择长度">
|
|
|
<a-select-option v-for="item in lengthscheme.rowsdetail" :key="item.sa_sizeschemedetailid" :value="item.num">{{item.num}}</a-select-option>
|
|
|
- </a-select>
|
|
|
+ </a-select> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<a-divider/>
|
|
|
@@ -142,7 +148,7 @@
|
|
|
const imgIndex = ref(0)
|
|
|
const custom = ref([])
|
|
|
const qty = ref(0)
|
|
|
- const groupDetail = async ()=>{
|
|
|
+ const groupDetail = async (init)=>{
|
|
|
data.value.sa_itemgroupid = router.currentRoute.value.query.id
|
|
|
const res = await Api.requested({
|
|
|
"id": "20221223165503",
|
|
|
@@ -150,7 +156,13 @@
|
|
|
})
|
|
|
group.value = res.data
|
|
|
group.value.specRows = group.value.specRows.reverse()
|
|
|
+ console.log(group.value);
|
|
|
qty.value = res.data.item[0].orderminqty
|
|
|
+ if (!init) return
|
|
|
+ if (group.value.materialRows.length == 1) data.value.material = group.value.materialRows[0].parm
|
|
|
+ if (group.value.colorRows.length == 1) data.value.color = group.value.colorRows[0].parm
|
|
|
+ if (group.value.cheekRows.length == 1) data.value.cheek = group.value.cheekRows[0].parm
|
|
|
+ if (group.value.specRows.length == 1) data.value.spec = group.value.specRows[0].parm
|
|
|
|
|
|
// 获取可定制项
|
|
|
let arr = ['cheekRows','colorRows','materialRows','specRows']
|
|
|
@@ -170,6 +182,13 @@
|
|
|
}
|
|
|
groupDetail()
|
|
|
}
|
|
|
+ const customClick2 = (key,value)=>{
|
|
|
+ if (schemeData.value[key] == value) {
|
|
|
+ schemeData.value[key] = ''
|
|
|
+ } else {
|
|
|
+ schemeData.value[key] = value
|
|
|
+ }
|
|
|
+ }
|
|
|
const schemeData = ref({
|
|
|
length:null,
|
|
|
width:null
|
|
|
@@ -266,6 +285,13 @@
|
|
|
} else {
|
|
|
lengthscheme.value = await schemeRequest(lengthschemeid)
|
|
|
widthscheme.value = await schemeRequest(widthschemeid)
|
|
|
+ console.log(widthscheme.value.rowsdetail);
|
|
|
+ if (widthscheme.value.rowsdetail.length == 1 && widthscheme.type != '自定义') {
|
|
|
+ schemeData.value.width = widthscheme.value.rowsdetail[0].num
|
|
|
+ }
|
|
|
+ if (lengthscheme.value.rowsdetail.length == 1 && lengthscheme.type != '自定义') {
|
|
|
+ schemeData.value.length = lengthscheme.value.rowsdetail[0].num
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
const validCustomSize = ()=>{
|
|
|
@@ -286,7 +312,7 @@
|
|
|
|
|
|
}
|
|
|
onMounted(()=>{
|
|
|
- groupDetail()
|
|
|
+ groupDetail(true)
|
|
|
})
|
|
|
</script>
|
|
|
<style scoped>
|