Browse Source

fix(退款明细): 调整选择框宽度以优化界面布局

lihuilin/feature-20260121173255-多语言二期2合并
zhangrenyuan 1 month ago
parent
commit
5c205ea981
  1. 6
      src/views/refund/gold/coinRefundDetail.vue

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

@ -522,7 +522,7 @@ const getMarket = async function () {
<el-input class="selectContent" v-model="refundUser.jwcode" :placeholder="$t('common.jwcodePlaceholder')" style="width: 10vw;"
clearable />
</div>
<div class="selectRow">
<div class="selectRow" style="width: 18vw;">
<el-text class="text" size="large">{{ $t('common.goodsName') }}</el-text>
<el-select class="selectContent" v-model="refundUser.goodsName" :placeholder="$t('common.goodsNamePlaceholder')" style="width: 10vw;"
clearable filterable>
@ -534,7 +534,7 @@ const getMarket = async function () {
<el-cascader class="selectContent" v-model="selectedMarketPath" :options="market" :placeholder="$t('common.marketPlaceholder')"
clearable style="width:10vw" @change="handleMarketChange" />
</div>
<div class="selectRow" style="width: 12vw;">
<div class="selectRow" >
<el-text size="large">{{ $t('common.refundType') }}</el-text>
<el-select class="selectContent" v-model="refundUser.refundType" :placeholder="$t('common.refundTypePlaceholder')" style="width: 10vw"
clearable>
@ -546,7 +546,7 @@ const getMarket = async function () {
</el-col>
<el-col>
<div class="select">
<div class="selectRow" style="width: 35vw">
<div class="selectRow" style="width: 36vw">
<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