feat: 职工福利优化3

This commit is contained in:
2026-11-11 17:59:50 +08:00
parent 2ee171b4f3
commit 651435d568
3 changed files with 31 additions and 18 deletions
@@ -162,24 +162,22 @@ const optionSelect = {
<span>超出江浙沪不包邮,超出部分自理,具体金额联系供应商。</span> <span>超出江浙沪不包邮,超出部分自理,具体金额联系供应商。</span>
</div> </div>
</div> </div>
<el-row :gutter="10"> <el-form-item v-if="deliveryMethod === 'mail'" prop="receiveAddress"
<el-col :span="20" v-if="deliveryMethod === 'mail'">
<el-form-item prop="receiveAddress"
label="收货地址" label="收货地址"
:rules="[{ required: true, message: '请选择收货地址', trigger: 'change' }]"> :rules="[{ required: true, message: '请选择收货地址', trigger: 'change' }]">
<div class="confirm-address-row">
<el-select v-model="contactForm.receiveAddress" placeholder="请选择收货地址" <el-select v-model="contactForm.receiveAddress" placeholder="请选择收货地址"
style="width: 100%" @change="onAddressChange"> @change="onAddressChange">
<el-option v-for="item in addressOptions" <el-option v-for="item in addressOptions"
:key="item.id" :key="item.id"
:label="item.province+ item.city+ item.county+ item.addressDetail" :label="item.province+ item.city+ item.county+ item.addressDetail"
:value="item.province + item.city + item.county + item.addressDetail"> :value="item.province + item.city + item.county + item.addressDetail">
</el-option> </el-option>
</el-select> </el-select>
<el-button @click="openAddress" type="primary">添加地址</el-button>
</div>
</el-form-item> </el-form-item>
</el-col> <el-row :gutter="10">
<el-col :span="4" v-if="deliveryMethod === 'mail'">
<el-button @click="openAddress" type="primary" size="small">添加地址</el-button>
</el-col>
<el-col :span="24" v-if="deliveryMethod === 'mail'"> <el-col :span="24" v-if="deliveryMethod === 'mail'">
<el-form-item prop="userName" label="收货人"> <el-form-item prop="userName" label="收货人">
<el-input <el-input
@@ -86,3 +86,15 @@
flex: none; flex: none;
color: #e87516; color: #e87516;
} }
.welfare-confirm-dialog .confirm-address-row {
display: flex;
align-items: center;
gap: 10px;
line-height: normal;
}
.welfare-confirm-dialog .confirm-address-row .el-select {
flex: 1;
min-width: 0;
}
@@ -1514,7 +1514,10 @@ layout("/layouts/platform_h5.html"){
<div class="confirm-content-scroll"> <div class="confirm-content-scroll">
<div class="confirm-card" v-if="hasDeliveryOptions"> <div class="confirm-card" v-if="hasDeliveryOptions">
<div class="confirm-card-header"> <div class="confirm-card-header">
<div class="confirm-card-title"><van-icon name="apps-o"></van-icon>{{ projectInfo.provideMode === 5 ? '领取方式 · 邮寄到家' : '领取方式' }}</div> <div class="confirm-card-title">
<van-icon name="apps-o"></van-icon>
<span>领取方式<span v-if="deliveryMethod"> · {{ deliveryMethod === 'pickup' ? '实物发放' : '邮寄到家' }}</span></span>
</div>
</div> </div>
<van-radio-group v-if="projectInfo.provideMode === 3" v-model="deliveryMethod" class="welfare-delivery-options"> <van-radio-group v-if="projectInfo.provideMode === 3" v-model="deliveryMethod" class="welfare-delivery-options">
<van-radio name="pickup" :class="{'welfare-delivery-selected': deliveryMethod === 'pickup'}"> <van-radio name="pickup" :class="{'welfare-delivery-selected': deliveryMethod === 'pickup'}">