Browse Source

fix(退款详情): 调整商品名称和退款时间选择器的宽度

调整商品名称选择器容器宽度从18vw增加到21vw,并为商品名称文本设置固定宽度7vw。
将退款时间选择器容器宽度从36vw增加到39vw,确保布局对齐和内容显示完整。
zhangrenyuan/feature-20260128093451-日常优化1.0
zhangrenyuan 1 month ago
parent
commit
b8c87b69a1
  1. 6
      src/views/refund/gold/coinRefundDetail.vue

6
src/views/refund/gold/coinRefundDetail.vue

@ -522,8 +522,8 @@ const getMarket = async function () {
<el-input class="selectContent" v-model="refundUser.jwcode" :placeholder="$t('common.jwcodePlaceholder')" style="width: 10vw;"
clearable />
</div>
<div class="selectRow" style="width: 18vw;">
<el-text class="text" size="large">{{ $t('common.goodsName') }}</el-text>
<div class="selectRow" style="width: 21vw;">
<el-text class="text" style="width: 7vw;" size="large">{{ $t('common.goodsName') }}</el-text>
<el-select class="selectContent" v-model="refundUser.goodsName" :placeholder="$t('common.goodsNamePlaceholder')" style="width: 10vw;"
clearable filterable>
<el-option v-for="item in goods" :key="item.value" :label="item.label" :value="item.value" />
@ -546,7 +546,7 @@ const getMarket = async function () {
</el-col>
<el-col>
<div class="select">
<div class="selectRow" style="width: 36vw">
<div class="selectRow" style="width: 39vw">
<el-text class="text" size="large">{{ $t('common.refundTime') }}</el-text>
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" :range-separator="$t('common.to')"
:start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" style="width: 14.2vw;" @change="handleDatePickerChange"

Loading…
Cancel
Save