|
@@ -29,19 +29,28 @@
|
|
|
<el-form-item label="详细地址" prop="address">
|
|
|
<el-input v-model="data.form.address" type="textarea" :autosize="{ minRows: 5 }" placeholder="请输入详细地址" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="维修数量" prop="repairQuantity">
|
|
|
- <el-input-number v-model="data.form.repairQuantity" :min="1" />
|
|
|
+ <el-form-item label="物流公司" prop="logisticsName">
|
|
|
+ <el-input v-model="data.form.logisticsName" placeholder="请输入物流公司" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="快递单号" prop="logisticsCode">
|
|
|
+ <el-input v-model="data.form.logisticsCode" placeholder="请输入快递单号(示例:SF)" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="产品型号" prop="specCode">
|
|
|
<el-select v-model="data.form.specCode" filterable remote :remote-method="remoteMethod" placeholder="请选择产品型号">
|
|
|
<el-option v-for="item in goodsOptions" :key="item.goodsId" :value="item.goodsId" :label="item.goodsName" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="物流公司" prop="logisticsName">
|
|
|
- <el-input v-model="data.form.logisticsName" placeholder="请输入物流公司" />
|
|
|
+ <el-form-item label="维修类型" prop="typeOfRepair">
|
|
|
+ <el-select v-model="data.form.typeOfRepair" placeholder="请选择维修类型">
|
|
|
+ <el-option v-for="item in repairTypeOptions" :key="item.value" :value="item.value" :label="item.label" />
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="快递单号" prop="logisticsCode">
|
|
|
- <el-input v-model="data.form.logisticsCode" placeholder="请输入快递单号(示例:SF)" />
|
|
|
+ <el-form-item label="维修数量" prop="repairQuantity">
|
|
|
+ <el-input-number v-model="data.form.repairQuantity" :min="1" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="故障描述" prop="faultDescription">
|
|
|
+ <el-input v-model="data.form.faultDescription" type="textarea" :autosize="{ minRows: 5 }"
|
|
|
+ placeholder="请输入故障描述" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="购买渠道" prop="shopCode">
|
|
|
<el-select v-model="data.form.shopCode" prop="shopCode" placeholder="请选择购买渠道" @change="handleChangeShopCode">
|
|
@@ -64,10 +73,11 @@
|
|
|
<script setup>
|
|
|
import Steps from '@/components/Steps'
|
|
|
import { submit } from '@/api/mobile/repair'
|
|
|
-import { useAddress, useStore, useGoods } from '@/hooks/index'
|
|
|
+import { useAddress, useStore, useGoods, useCommon } from '@/hooks/index'
|
|
|
const { addressOptions, getAddress } = useAddress()
|
|
|
const { storeOptions, getStore } = useStore()
|
|
|
const { goodsForm, goodsOptions, getGoods } = useGoods()
|
|
|
+const { repairTypeOptions } = useCommon()
|
|
|
const { proxy } = getCurrentInstance()
|
|
|
|
|
|
document.title = '维修申请'
|
|
@@ -87,8 +97,10 @@ const data = reactive({
|
|
|
province: [{ required: true, message: '请选择省', trigger: 'change' }],
|
|
|
city: [{ required: true, message: '请选择市', trigger: 'change' }],
|
|
|
address: [{ required: true, message: '请输入详细地址', trigger: 'blur' }],
|
|
|
- repairQuantity: [{ required: true, message: '请输入数量', trigger: 'blur' }],
|
|
|
+ typeOfRepair: [{ required: true, message: '请选择维修类型', trigger: 'change' }],
|
|
|
+ repairQuantity: [{ required: true, message: '请输入维修数量', trigger: 'blur' }],
|
|
|
specCode: [{ required: true, message: '请选择产品型号', trigger: 'change' }],
|
|
|
+ faultDescription: [{ required: true, message: '请输入故障描述', trigger: 'blur' }],
|
|
|
logisticsName: [{ required: true, message: '请输入物流公司', trigger: 'blur' }],
|
|
|
logisticsCode: [{ required: true, message: '请输入快递单号', trigger: 'blur' }],
|
|
|
proofPurchase: [{ required: true, message: '请上传购买凭证', trigger: 'change' }]
|