Browse Source

month加宽

milestone-20260415-金币优化4期
zhangrenyuan 12 hours ago
parent
commit
917952add2
  1. 82
      src/views/moneyManage/receiveDetail/receiveFinance.vue
  2. 80
      src/views/moneyManage/receiveDetail/receiveHead.vue
  3. 82
      src/views/moneyManage/receiveDetail/receiveManage.vue
  4. 46
      src/views/moneyManage/receiveDetail/receiveService.vue

82
src/views/moneyManage/receiveDetail/receiveFinance.vue

@ -521,8 +521,8 @@
<!-- 新增退款 -->
<el-dialog v-model="refundDialog" :title="t('common_add.refund')" class="refundDialog" overflow draggable
style="width: 40vw;" :before-close="closeRefundForm">
<div style="display: flex;">
style="width: 880px; max-width: 90vw;" :before-close="closeRefundForm">
<div class="refund-dialog-body">
<div class="left">
<div class="add-item">
<el-text style="width:4vw;">{{ t('common_add.jwcode') }}</el-text>
@ -546,11 +546,13 @@
</div>
<div v-show="!isRefundGold" class="add-item">
<el-text style="width:4vw;">{{ t('common_add.productNum') }}</el-text>
<el-input style="padding-right: 10px; width:6.5vw;" v-model="refundFormData.goodNum"
:placeholder="t('common_add.productNumPlaceholder')" disabled />
<CurrencySelect disabled="true" v-model="refundFormData.numUnit" :items="numUnitList"
style=" width: 3.5vw;" :placeholder="t('common_add.numUnit')"
@change="handleCurrencyChange" />
<div class="product-num-row refund-product-num-row">
<el-input class="product-num-input refund-product-num-input" v-model="refundFormData.goodNum"
:placeholder="t('common_add.productNumPlaceholder')" disabled />
<CurrencySelect disabled v-model="refundFormData.numUnit" :items="numUnitList"
class="product-unit-select refund-product-unit-select" :placeholder="t('common_add.numUnit')"
@change="handleCurrencyChange" />
</div>
</div>
<div v-show="isRefundGold" style="display: flex; margin-bottom: 10px;">
<div style=" display: flex; align-items: center;justify-content: center; ">
@ -1840,15 +1842,22 @@ onBeforeUnmount(() => {
}
.refundDialog {
.refund-dialog-body {
display: flex;
gap: 24px;
}
.left {
width: 50%;
flex: 1;
min-width: 0;
height: 70vh;
min-height: 700px;
padding: 0 2vw;
padding: 0 12px 0 0;
.add-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1vh;
}
@ -1859,15 +1868,68 @@ onBeforeUnmount(() => {
}
.right {
width: 50%;
flex: 1;
min-width: 0;
height: 50vh;
.add-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1vh;
}
}
.add-item>span,
.add-item>.el-text {
width: 110px !important;
min-width: 110px;
flex-shrink: 0;
white-space: nowrap;
}
.add-item>.el-input,
.add-item>.el-date-editor,
.add-item>.el-form-item,
.add-item>.el-radio-group {
flex: 1;
min-width: 0;
}
}
.product-num-row {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.product-num-input {
flex: 1;
min-width: 0;
padding-right: 0;
}
.product-unit-select {
width: 92px;
min-width: 92px;
flex: 0 0 92px;
}
.refund-product-num-row {
width: 100%;
max-width: 260px;
min-width: 220px;
}
.refund-product-num-input {
min-width: 0;
}
.refund-product-unit-select {
width: 96px;
min-width: 96px;
flex: 0 0 96px;
}
}

80
src/views/moneyManage/receiveDetail/receiveHead.vue

@ -368,8 +368,8 @@
<!-- 新增退款 -->
<el-dialog v-model="refundDialog" :title="t('common_add.refund')" class="refundDialog" overflow draggable
style="width: 40vw;" :before-close="closeRefundForm">
<div style="display: flex;">
style="width: 880px; max-width: 90vw;" :before-close="closeRefundForm">
<div class="refund-dialog-body">
<div class="left">
<div class="add-item">
<el-text style="width:4vw;">{{ t('common_add.jwcode') }}</el-text>
@ -393,10 +393,12 @@
</div>
<div v-show="!isRefundGold" class="add-item">
<el-text style="width:4vw;">{{ t('common_add.productNum') }}</el-text>
<el-input style="padding-right: 10px; width:6.5vw;" v-model="refundFormData.goodNum"
:placeholder="t('common_add.productNumPlaceholder')" disabled />
<CurrencySelect disabled="true" v-model="refundFormData.numUnit" :items="numUnitList"
style=" width: 3.5vw;" :placeholder="t('common_add.numUnit')" />
<div class="product-num-row refund-product-num-row">
<el-input class="product-num-input refund-product-num-input" v-model="refundFormData.goodNum"
:placeholder="t('common_add.productNumPlaceholder')" disabled />
<CurrencySelect disabled v-model="refundFormData.numUnit" :items="numUnitList"
class="product-unit-select refund-product-unit-select" :placeholder="t('common_add.numUnit')" />
</div>
</div>
<div v-show="isRefundGold" style="display: flex; margin-bottom: 10px;">
<div style=" display: flex; align-items: center;justify-content: center; ">
@ -1572,15 +1574,22 @@ onBeforeUnmount(() => {
}
.refundDialog {
.refund-dialog-body {
display: flex;
gap: 24px;
}
.left {
width: 50%;
flex: 1;
min-width: 0;
height: 70vh;
min-height: 700px;
padding: 0 2vw;
padding: 0 12px 0 0;
.add-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1vh;
}
@ -1591,15 +1600,68 @@ onBeforeUnmount(() => {
}
.right {
width: 50%;
flex: 1;
min-width: 0;
height: 50vh;
.add-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1vh;
}
}
.add-item>span,
.add-item>.el-text {
width: 110px !important;
min-width: 110px;
flex-shrink: 0;
white-space: nowrap;
}
.add-item>.el-input,
.add-item>.el-date-editor,
.add-item>.el-form-item,
.add-item>.el-radio-group {
flex: 1;
min-width: 0;
}
}
.product-num-row {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.product-num-input {
flex: 1;
min-width: 0;
padding-right: 0;
}
.product-unit-select {
width: 92px;
min-width: 92px;
flex: 0 0 92px;
}
.refund-product-num-row {
width: 100%;
max-width: 260px;
min-width: 220px;
}
.refund-product-num-input {
min-width: 0;
}
.refund-product-unit-select {
width: 96px;
min-width: 96px;
flex: 0 0 96px;
}
}

82
src/views/moneyManage/receiveDetail/receiveManage.vue

@ -521,8 +521,8 @@
<!-- 新增退款 -->
<el-dialog v-model="refundDialog" :title="t('common_add.refund')" class="refundDialog" overflow draggable
style="width: 40vw;" :before-close="closeRefundForm">
<div style="display: flex;">
style="width: 880px; max-width: 90vw;" :before-close="closeRefundForm">
<div class="refund-dialog-body">
<div class="left">
<div class="add-item">
<el-text style="width:4vw;">{{ t('common_add.jwcode') }}</el-text>
@ -546,11 +546,13 @@
</div>
<div v-show="!isRefundGold" class="add-item">
<el-text style="width:4vw;">{{ t('common_add.productNum') }}</el-text>
<el-input style="padding-right: 10px; width:6.5vw;" v-model="refundFormData.goodNum"
:placeholder="t('common_add.productNumPlaceholder')" disabled />
<CurrencySelect disabled="true" v-model="refundFormData.numUnit" :items="numUnitList"
style=" width: 3.5vw;" :placeholder="t('common_add.numUnit')"
@change="handleCurrencyChange" />
<div class="product-num-row refund-product-num-row">
<el-input class="product-num-input refund-product-num-input" v-model="refundFormData.goodNum"
:placeholder="t('common_add.productNumPlaceholder')" disabled />
<CurrencySelect disabled v-model="refundFormData.numUnit" :items="numUnitList"
class="product-unit-select refund-product-unit-select" :placeholder="t('common_add.numUnit')"
@change="handleCurrencyChange" />
</div>
</div>
<div v-show="isRefundGold" style="display: flex; margin-bottom: 10px;">
<div style=" display: flex; align-items: center;justify-content: center; ">
@ -1839,15 +1841,22 @@ onBeforeUnmount(() => {
}
.refundDialog {
.refund-dialog-body {
display: flex;
gap: 24px;
}
.left {
width: 50%;
flex: 1;
min-width: 0;
height: 70vh;
min-height: 700px;
padding: 0 2vw;
padding: 0 12px 0 0;
.add-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1vh;
}
@ -1858,15 +1867,68 @@ onBeforeUnmount(() => {
}
.right {
width: 50%;
flex: 1;
min-width: 0;
height: 50vh;
.add-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1vh;
}
}
.add-item>span,
.add-item>.el-text {
width: 110px !important;
min-width: 110px;
flex-shrink: 0;
white-space: nowrap;
}
.add-item>.el-input,
.add-item>.el-date-editor,
.add-item>.el-form-item,
.add-item>.el-radio-group {
flex: 1;
min-width: 0;
}
}
.product-num-row {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
}
.product-num-input {
flex: 1;
min-width: 0;
padding-right: 0;
}
.product-unit-select {
width: 92px;
min-width: 92px;
flex: 0 0 92px;
}
.refund-product-num-row {
width: 100%;
max-width: 260px;
min-width: 220px;
}
.refund-product-num-input {
min-width: 0;
}
.refund-product-unit-select {
width: 96px;
min-width: 96px;
flex: 0 0 96px;
}
}

46
src/views/moneyManage/receiveDetail/receiveService.vue

@ -314,8 +314,8 @@
<!-- 客服新增退款弹窗 -->
<el-dialog v-model="refundDialog" :title="t('common_add.refund')" class="refundDialog" overflow draggable
style="width: 40vw;" :before-close="closeRefundForm">
<div style="display: flex;">
style="width: 880px; max-width: 90vw;" :before-close="closeRefundForm">
<div class="refund-dialog-body">
<div class="left">
<div class="add-item">
<el-text style="width:4vw;">{{ t('common_add.jwcode') }}</el-text>
@ -1755,15 +1755,22 @@ onMounted(async () => {
:deep(.refundDialog) {
background: #F3FAFE !important;
.refund-dialog-body {
display: flex;
gap: 24px;
}
.left {
width: 50%;
flex: 1;
min-width: 0;
height: 70vh;
min-height: 700px;
padding: 0 2vw;
padding: 0 12px 0 0;
.add-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1vh;
}
@ -1774,15 +1781,33 @@ onMounted(async () => {
}
.right {
width: 50%;
flex: 1;
min-width: 0;
height: 50vh;
.add-item {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 1vh;
}
}
.add-item>span,
.add-item>.el-text {
width: 110px !important;
min-width: 110px;
flex-shrink: 0;
white-space: nowrap;
}
.add-item>.el-input,
.add-item>.el-date-editor,
.add-item>.el-form-item,
.add-item>.el-radio-group {
flex: 1;
min-width: 0;
}
}
:deep(.adddialog .el-form-item__label) {
@ -1812,8 +1837,9 @@ onMounted(async () => {
}
.refund-product-num-row {
width: 10vw;
min-width: 170px;
width: 100%;
max-width: 260px;
min-width: 220px;
}
.refund-product-num-input {
@ -1821,9 +1847,9 @@ onMounted(async () => {
}
.refund-product-unit-select {
width: 72px;
min-width: 72px;
flex: 0 0 72px;
width: 96px;
min-width: 96px;
flex: 0 0 96px;
}
}

Loading…
Cancel
Save