|
|
@@ -432,9 +432,11 @@
|
|
|
<CzrForm
|
|
|
ref="ref_form"
|
|
|
:form-view="state.step.options[state.step.index].finish"
|
|
|
+ layout="y"
|
|
|
>
|
|
|
<CzrFormColumn
|
|
|
class="__czr-table-form-column"
|
|
|
+ layout="x"
|
|
|
:span="24"
|
|
|
label="结果领取方式"
|
|
|
v-model:param="state.step.options[state.step.index].form.method"
|
|
|
@@ -447,27 +449,57 @@
|
|
|
<div
|
|
|
class="w-full rounded-sm bg-[#0062E9]/5 p-4 text-sm text-[#576275]"
|
|
|
>
|
|
|
- <div class="mb-2 text-sm text-[#2E3238]">领取地址</div>
|
|
|
- <CzrFormColumn
|
|
|
- class="__czr-table-form-column"
|
|
|
- required
|
|
|
- :span="24"
|
|
|
- label-width="0px"
|
|
|
- v-model:param="
|
|
|
- state.step.options[state.step.index].form.address
|
|
|
+ <template
|
|
|
+ v-if="state.step.options[state.step.index].form.method == 1"
|
|
|
+ >
|
|
|
+ <div class="mb-4 text-sm font-bold text-[#2E3238]">
|
|
|
+ 收件人信息
|
|
|
+ </div>
|
|
|
+ <div class="grid grid-cols-2 gap-x-4">
|
|
|
+ <CzrFormColumn
|
|
|
+ required
|
|
|
+ :span="24"
|
|
|
+ label="收件人"
|
|
|
+ v-model:param="state.step.options[state.step.index].form.a1"
|
|
|
+ />
|
|
|
+ <CzrFormColumn
|
|
|
+ required
|
|
|
+ :span="24"
|
|
|
+ label="收件人电话"
|
|
|
+ v-model:param="state.step.options[state.step.index].form.a2"
|
|
|
+ />
|
|
|
+ <CzrFormColumn
|
|
|
+ class="col-span-2"
|
|
|
+ required
|
|
|
+ :span="24"
|
|
|
+ label="收件地址"
|
|
|
+ v-model:param="state.step.options[state.step.index].form.a3"
|
|
|
+ />
|
|
|
+ <CzrFormColumn
|
|
|
+ class="col-span-2"
|
|
|
+ required
|
|
|
+ :span="24"
|
|
|
+ label="详细地址"
|
|
|
+ v-model:param="state.step.options[state.step.index].form.a4"
|
|
|
+ type="textarea"
|
|
|
+ :rows="4"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-else-if="
|
|
|
+ state.step.options[state.step.index].form.method == 2
|
|
|
"
|
|
|
- type="textarea"
|
|
|
- :rows="4"
|
|
|
- />
|
|
|
+ >
|
|
|
+ <div class="mb-2 text-sm font-bold text-[#2E3238]">
|
|
|
+ 领取地址
|
|
|
+ </div>
|
|
|
+ <div class="mt-4">{{ sxOnethingInfo.handleaddr }}</div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</CzrForm>
|
|
|
<div
|
|
|
- class="flex h-10.5 w-full items-center justify-center rounded-lg text-base"
|
|
|
- :class="
|
|
|
- state.step.options[state.step.index].form.address.trim()
|
|
|
- ? '__hover bg-[var(--czr-main-color)] text-[#ffffff]'
|
|
|
- : 'cursor-no-drop bg-[#EAF1FF] text-[var(--czr-main-color)]'
|
|
|
- "
|
|
|
+ class="__hover flex h-10.5 w-full items-center justify-center rounded-lg bg-[var(--czr-main-color)] text-base text-[#ffffff]"
|
|
|
@click="onStep(state.step.index)"
|
|
|
v-if="!state.step.options[state.step.index].finish"
|
|
|
>
|
|
|
@@ -558,7 +590,10 @@ const state: any = reactive({
|
|
|
wait: false,
|
|
|
form: {
|
|
|
method: 1,
|
|
|
- address: '',
|
|
|
+ a1: '',
|
|
|
+ a2: '',
|
|
|
+ a3: '',
|
|
|
+ a4: '',
|
|
|
},
|
|
|
},
|
|
|
],
|
CzRger