|
@@ -52,13 +52,18 @@
|
|
<el-form-item label="手机号码:" prop="receiverInfo.mobile">
|
|
<el-form-item label="手机号码:" prop="receiverInfo.mobile">
|
|
<el-input v-model="data.dialogForm.receiverInfo.mobile" placeholder="请输入手机号码" />
|
|
<el-input v-model="data.dialogForm.receiverInfo.mobile" placeholder="请输入手机号码" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="产品型号" prop="specCode">
|
|
|
|
+ <el-select v-model="data.dialogForm.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="planQty">
|
|
<el-form-item label="数量:" prop="planQty">
|
|
<el-input-number v-model="data.dialogForm.planQty" :min="1" />
|
|
<el-input-number v-model="data.dialogForm.planQty" :min="1" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="物流公司:" prop="logisticsName">
|
|
|
|
|
|
+ <el-form-item label="物流公司:">
|
|
<el-input v-model="data.dialogForm.logisticsName" placeholder="请输入物流公司" />
|
|
<el-input v-model="data.dialogForm.logisticsName" placeholder="请输入物流公司" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="快递单号:" prop="logisticsCode">
|
|
|
|
|
|
+ <el-form-item label="快递单号:">
|
|
<el-input v-model="data.dialogForm.logisticsCode" placeholder="请输入快递单号" />
|
|
<el-input v-model="data.dialogForm.logisticsCode" placeholder="请输入快递单号" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item class="address" label="收货地址:" required>
|
|
<el-form-item class="address" label="收货地址:" required>
|
|
@@ -93,9 +98,10 @@
|
|
<script setup>
|
|
<script setup>
|
|
import { list, submit, push } from '@/api/service/resend.js'
|
|
import { list, submit, push } from '@/api/service/resend.js'
|
|
|
|
|
|
-import { useAddress, useStore, useCommon } from '@/hooks/index'
|
|
|
|
|
|
+import { useAddress, useStore, useGoods, useCommon } from '@/hooks/index'
|
|
const { addressOptions, getAddress } = useAddress()
|
|
const { addressOptions, getAddress } = useAddress()
|
|
const { storeOptions, getStore } = useStore()
|
|
const { storeOptions, getStore } = useStore()
|
|
|
|
+const { goodsForm, goodsOptions, getGoods } = useGoods()
|
|
const { pushStatusOptions } = useCommon()
|
|
const { pushStatusOptions } = useCommon()
|
|
|
|
|
|
const { proxy } = getCurrentInstance()
|
|
const { proxy } = getCurrentInstance()
|
|
@@ -119,15 +125,14 @@ const data = reactive({
|
|
shopCode: [{ required: true, message: '请选择购买渠道', trigger: 'change' }],
|
|
shopCode: [{ required: true, message: '请选择购买渠道', trigger: 'change' }],
|
|
buyerNick: [{ required: true, message: '请输入会员昵称', trigger: 'blur' }],
|
|
buyerNick: [{ required: true, message: '请输入会员昵称', trigger: 'blur' }],
|
|
planQty: [{ required: true, message: '请输入数量', trigger: 'blur' }],
|
|
planQty: [{ required: true, message: '请输入数量', trigger: 'blur' }],
|
|
- logisticsName: [{ required: true, message: '请输入物流公司', trigger: 'blur' }],
|
|
|
|
- logisticsCode: [{ required: true, message: '请输入快递单号', trigger: 'blur' }],
|
|
|
|
receiverInfo: {
|
|
receiverInfo: {
|
|
name: [{ required: true, message: '请输入收货人名称', trigger: 'blur' }],
|
|
name: [{ required: true, message: '请输入收货人名称', trigger: 'blur' }],
|
|
- mobile: [{ required: true, pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
|
|
|
|
|
|
+ mobile: [{ required: true, message: "请输入正确的手机号码", trigger: "blur" }],
|
|
province: [{ required: true, message: '请输入省', trigger: 'blur' }],
|
|
province: [{ required: true, message: '请输入省', trigger: 'blur' }],
|
|
city: [{ required: true, message: '请输入区', trigger: 'blur' }],
|
|
city: [{ required: true, message: '请输入区', trigger: 'blur' }],
|
|
detailAddress: [{ required: true, message: '请输入详细地址', trigger: 'blur' }],
|
|
detailAddress: [{ required: true, message: '请输入详细地址', trigger: 'blur' }],
|
|
},
|
|
},
|
|
|
|
+ specCode: [{ required: true, message: '请选择产品型号', trigger: 'change' }],
|
|
buyerMessage: [{ required: true, message: '请输入备注', trigger: 'blur' }],
|
|
buyerMessage: [{ required: true, message: '请输入备注', trigger: 'blur' }],
|
|
},
|
|
},
|
|
// 推送
|
|
// 推送
|
|
@@ -163,6 +168,13 @@ const handleChangeShopCode = (e) => {
|
|
data.dialogForm.shopNick = storeOptions.value.find(i => i.storeCode == e).storeName
|
|
data.dialogForm.shopNick = storeOptions.value.find(i => i.storeCode == e).storeName
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+// 搜索产品型号
|
|
|
|
+const remoteMethod = (e) => {
|
|
|
|
+ goodsForm.value.goodsName = e
|
|
|
|
+ goodsForm.value.goodsType = 2
|
|
|
|
+ getGoods()
|
|
|
|
+}
|
|
|
|
+
|
|
// 提交
|
|
// 提交
|
|
const getSubmit = () => {
|
|
const getSubmit = () => {
|
|
proxy.$refs.dialogForm.validate((valid) => {
|
|
proxy.$refs.dialogForm.validate((valid) => {
|