Browse Source

fix: 更新多个组件中的列宽和文本标签以改善用户界面

milestone-20251215-现金管理三期
zhangrenyuan 4 weeks ago
parent
commit
a38f648c16
  1. 3
      src/components/locales/lang/en.js
  2. 2
      src/views/activityManage/activity.vue
  3. 2
      src/views/audit/gold/rechargeAudit.vue
  4. 6
      src/views/audit/gold/refundAudit.vue
  5. 8
      src/views/channelManage/fans/fans.vue
  6. 6
      src/views/channelManage/reward/reward.vue
  7. 2
      src/views/consume/bean/articleVideo.vue
  8. 2
      src/views/consume/bean/dieHardFan.vue
  9. 2
      src/views/consume/bean/liveStream.vue
  10. 6
      src/views/consume/gold/coinConsumeDetail.vue
  11. 2
      src/views/moneyManage/executor/executor.vue
  12. 10
      src/views/moneyManage/receiveDetail/receiveFinance.vue
  13. 8
      src/views/moneyManage/receiveDetail/receiveHead.vue
  14. 8
      src/views/moneyManage/receiveDetail/receiveManage.vue
  15. 6
      src/views/moneyManage/receiveDetail/receiveService.vue
  16. 6
      src/views/recharge/gold/coinRechargeDetail.vue
  17. 2
      src/views/refund/gold/coinRefundDetail.vue

3
src/components/locales/lang/en.js

@ -39,7 +39,7 @@ export default {
productNamePlaceholder: "Enter product",
type: "Type",
typePlaceholder: "Select type",
customerBelong: "Cust. Region",
customerBelong: "Customer Region",
activityBelong: "Activity Region",
articleVideoID: "Post/Video ID",
articleVideoIDPlaceholder: "Enter ID",
@ -1126,6 +1126,7 @@ export default {
recalled: "Recalled",
refunded: "Refunded",
rejected: "Rejected",
inProgress: "In Progress",
},
pending: "Pending",
refundSuccess: "Refund Success",

2
src/views/activityManage/activity.vue

@ -114,7 +114,7 @@
<el-dialog v-model="showEdit" width="20vw" draggable align-center style="background-color: rgb(243,250,254);">
<div class="edit-item">
<el-text size="large">{{ t('common_add.activity') }}</el-text>
<el-text size="large">{{ t('common_add.activity') }}</el-text>
<el-input v-model="editForm.activityName" style="width: 12vw" :placeholder="t('common_add.activityPlaceholder')" maxlength="200" clearable />
</div>

2
src/views/audit/gold/rechargeAudit.vue

@ -103,7 +103,7 @@
<el-table-column prop="permanentGold" :label="$t('audit.permanentGold')" width="130px" sortable="custom">
<template #default="scope">{{ scope.row.permanentGold / 100 }}</template>
</el-table-column>
<el-table-column prop="freeGold" :label="$t('audit.freeGold')" sortable="custom" width="110px">
<el-table-column prop="freeGold" :label="$t('audit.freeGold')" sortable="custom" width="130px">
<template #default="scope">{{ (scope.row.freeGold) / 100 }}</template>
</el-table-column>
<el-table-column prop="remark" :label="$t('audit.note')" width="180px" show-overflow-tooltip />

6
src/views/audit/gold/refundAudit.vue

@ -95,7 +95,7 @@
</template>
</el-table-column>
<el-table-column prop="goodsName" :label="$t('audit.refundGoods')" width="120" show-overflow-tooltip />
<el-table-column prop="sumGold" :label="$t('audit.refundTotalGold')" width="160" sortable="custom">
<el-table-column prop="sumGold" :label="$t('audit.refundTotalGold')" width="190" sortable="custom">
<template #default="{ row }">
{{ row.sumGold / 100 }}
</template>
@ -105,12 +105,12 @@
{{ row.permanentGold / 100 }}
</template>
</el-table-column>
<el-table-column prop="freeGold" :label="$t('audit.freeGold')" width="120" sortable="custom">
<el-table-column prop="freeGold" :label="$t('audit.freeGold')" width="130" sortable="custom">
<template #default="{ row }">
{{ (row.freeJune + row.freeDecember) / 100 }}
</template>
</el-table-column>
<el-table-column prop="taskGold" :label="$t('audit.taskGold')" width="120" sortable="custom">
<el-table-column prop="taskGold" :label="$t('audit.taskGold')" width="130" sortable="custom">
<template #default="{ row }">
{{ row.taskGold / 100 }}
</template>

8
src/views/channelManage/fans/fans.vue

@ -559,12 +559,12 @@ const getTagText = (state) => {
<el-table-column prop="name" :label="t('common_list.name')" width="150px" fixed="left" show-overflow-tooltip />
<!-- 固定精网号列 -->
<el-table-column prop="jwcode" :label="t('common_list.jwcode')" width="110px" fixed="left" />
<el-table-column prop="dept" :label="t('common_list.market')" width="110px" />
<el-table-column prop="dept" :label="t('common_list.market')" width="130px" />
<el-table-column prop="beanNum" :label="t('common_list.beanNum')" sortable="custom" width="120px" />
<el-table-column prop="buyBean" :label="t('common_list.permanentBean')" sortable="custom" width="120px" />
<el-table-column prop="freeBean" :label="t('common_list.freeBean')" sortable="custom" width="120px" />
<el-table-column prop="buyBean" :label="t('common_list.permanentBean')" sortable="custom" width="170px" />
<el-table-column prop="freeBean" :label="t('common_list.freeBean')" sortable="custom" width="130px" />
<el-table-column prop="channel" :label="t('common_list.channel')" width="190px" show-overflow-tooltip />
<el-table-column prop="type" :label="t('common_list.memberType')" width="120px">
<el-table-column prop="type" :label="t('common_list.memberType')" width="130px">
<template #default="scope">
{{consumeTypes.find(item => item.value === Number(scope.row.type))?.label || t('common_list.unknownType')}}
</template>

6
src/views/channelManage/reward/reward.vue

@ -600,7 +600,7 @@ const getTagText = (state) => {
<el-table-column prop="name" :label="t('common_list.name')" width="150px" fixed="left" show-overflow-tooltip/>
<!-- 固定精网号列 -->
<el-table-column prop="jwcode" :label="t('common_list.jwcode')" width="110px" fixed="left"/>
<el-table-column prop="dept" :label="t('common_list.market')" width="110px"/>
<el-table-column prop="dept" :label="t('common_list.market')" width="130px"/>
<el-table-column prop="gift" :label="t('common_list.gift')" width="150px">
</el-table-column>
<el-table-column prop="beanNum" :label="t('common_list.beanNum')" sortable="custom" width="120px"/>
@ -609,8 +609,8 @@ const getTagText = (state) => {
{{ scope.row.isBackpack == 1 ? t('common_list.yes') : t('common_list.no') }}
</template>
</el-table-column>
<el-table-column prop="buyBean" :label="t('common_list.permanentBean')" sortable="custom" width="120px"/>
<el-table-column prop="freeBean" :label="t('common_list.freeBean')" sortable="custom" width="120px"/>
<el-table-column prop="buyBean" :label="t('common_list.permanentBean')" sortable="custom" width="170px"/>
<el-table-column prop="freeBean" :label="t('common_list.freeBean')" sortable="custom" width="130px"/>
<el-table-column prop="liveChannel" :label="t('common_list.channel')" width="120px" show-overflow-tooltip/>
<el-table-column prop="liveName" :label="t('common_list.liveRoomName')" width="160px" show-overflow-tooltip/>
<el-table-column prop="consumeTime" :label="t('common_list.consumetime')" sortable="custom" width="190px"/>

2
src/views/consume/bean/articleVideo.vue

@ -576,7 +576,7 @@ const getTagText = (state) => {
<el-table-column prop="name" :label="t('common_list.name')" width="150px" fixed="left" show-overflow-tooltip />
<!-- 固定精网号列 -->
<el-table-column prop="jwcode" :label="t('common_list.jwcode')" width="110px" fixed="left" />
<el-table-column prop="dept" :label="t('common_list.market')" width="110px" />
<el-table-column prop="dept" :label="t('common_list.market')" width="120px" />
<el-table-column prop="type" :label="t('consume.type')" width="120px">
<template #default="scope">
{{

2
src/views/consume/bean/dieHardFan.vue

@ -559,7 +559,7 @@ const getTagText = (state) => {
<el-table-column prop="name" :label="t('common_list.name')" width="150px" fixed="left" show-overflow-tooltip />
<!-- 固定精网号列 -->
<el-table-column prop="jwcode" :label="t('common_list.jwcode')" width="110px" fixed="left" />
<el-table-column prop="dept" :label="t('common_list.market')" width="110px" />
<el-table-column prop="dept" :label="t('common_list.market')" width="120px" />
<el-table-column prop="beanNum" :label="t('common_list.beanNum')" sortable="custom" width="120px" />
<el-table-column prop="buyBean" :label="t('common_list.permanentBean')" sortable="custom" width="170px" />
<el-table-column prop="freeBean" :label="t('common_list.freeBean')" sortable="custom" width="130px" />

2
src/views/consume/bean/liveStream.vue

@ -600,7 +600,7 @@ const getTagText = (state) => {
<el-table-column prop="name" :label="t('common_list.name')" width="150px" fixed="left" show-overflow-tooltip/>
<!-- 固定精网号列 -->
<el-table-column prop="jwcode" :label="t('common_list.jwcode')" width="110px" fixed="left"/>
<el-table-column prop="dept" :label="t('common_list.market')" width="110px"/>
<el-table-column prop="dept" :label="t('common_list.market')" width="120px"/>
<el-table-column prop="gift" :label="t('common_list.gift')" width="150px">
</el-table-column>
<el-table-column prop="beanNum" :label="t('common_list.beanNum')" sortable="custom" width="120px"/>

6
src/views/consume/gold/coinConsumeDetail.vue

@ -601,7 +601,7 @@ const getMarket = async function () {
<el-cascader class="selectContent" style="width: 8vw;" v-model="selectedMarketPath" :options="market" :placeholder="$t('common.marketPlaceholder')"
clearable @change="handleMarketChange" />
</div>
<div class="selectRow" style="width: 15vw;">
<div class="selectRow" style="min-width: 15vw;">
<el-text size="large">{{ $t('common.consumePlatform') }}</el-text>
<el-select class="selectContent" v-model="consumeUser.payPlatform" :placeholder="$t('common.consumePlatformPlaceholder')" clearable>
<el-option v-for="item in consumePlatform" :key="item.id" :label="item.label" :value="item.value" />
@ -687,12 +687,12 @@ _list
{{ scope.row.permanentGold }}
</template>
</el-table-column>
<el-table-column prop="freeGold" :label="$t('common_list.freeGold')" sortable="“custom”" width="110px">
<el-table-column prop="freeGold" :label="$t('common_list.freeGold')" sortable="“custom”" width="130px">
<template #default="scope">
{{ scope.row.freeGold }}
</template>
</el-table-column>
<el-table-column prop="taskGold" :label="$t('common_list.taskGold')" sortable="“custom”" width="110px">
<el-table-column prop="taskGold" :label="$t('common_list.taskGold')" sortable="“custom”" width="130px">
<template #default="scope">
{{ scope.row.taskGold }}
</template>

2
src/views/moneyManage/executor/executor.vue

@ -64,7 +64,7 @@
<el-table-column prop="marketName" :label="t('common_list.market')" width="120" />
<el-table-column prop="goodsName" :label="t('common_list.productName')" width="120" />
<el-table-column prop="goodsNum" :label="t('common_list.productNum')" width="120" />
<el-table-column prop="refundModel" :label="t('common_list.refundModel')" width="120">
<el-table-column prop="refundModel" :label="t('common_list.refundModel')" width="140">
<template #default="scope">
{{ scope.row.refundModel === 1 ? t('common_list.refundModelPart') : t('common_list.refundModelAll') }}
</template>

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

@ -283,7 +283,7 @@
</el-dialog>
<!-- 审核弹窗 -->
<el-dialog class="adddialog" v-model="auditFormisible" width="20vw" :before-close="closeAuditForm">
<el-dialog class="adddialog" v-model="auditFormisible" width="28vw" :before-close="closeAuditForm">
<el-form class="addForm" label-width="4vw" label-position="left">
<el-form-item :label="t('common_add.jwcode')">
<el-input disabled="true" v-model="auditFormData.jwcode"
@ -392,10 +392,10 @@
</el-dialog>
<!-- 编辑填手续费弹窗 -->
<el-dialog class="editdialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
<el-dialog class="editdialog" v-model="editFormisible" width="28vw" :before-close="closeEditForm">
<div class="content">
<div class="left">
<el-form class="editForm" label-width="4.5vw" label-position="left">
<el-form class="editForm" label-width="6vw" label-position="left">
<el-form-item :label="t('common_add.jwcode')">
<el-input disabled="true" v-model="editFormData.jwcode"
:placeholder="t('common_add.jwcode')" />
@ -486,7 +486,7 @@
</div>
<div class="right">
<el-form ref="editFormRef" :rules="editFormRule" :model="editFormData" class="editFormRighrt"
label-width="4.5vw" label-position="left">
label-width="6vw" label-position="left">
<el-form-item :label="t('common_add.receiveCurrency')">
<CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
:placeholder="t('common_add.receiveCurrencyPlaceholder')" />
@ -1698,7 +1698,7 @@ const handlePagination = (type, val) => {
}
:deep(.adddialog .el-form-item__label) {
min-width: 80px;
min-width: 100px;
width: auto;
font-weight: 800;
padding-bottom: 15px;

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

@ -232,10 +232,10 @@
</div>
<!-- 编辑填手续费弹窗总部财务核心编辑功能 -->
<el-dialog class="editdialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
<el-dialog class="editdialog" v-model="editFormisible" width="28vw" :before-close="closeEditForm">
<div class="content">
<div class="left">
<el-form class="editForm" label-width="4.5vw" label-position="left">
<el-form class="editForm" label-width="6vw" label-position="left">
<el-form-item :label="t('common_add.jwcode')">
<el-input disabled="true" v-model="editFormData.jwcode" :placeholder="t('common_add.jwcode')" />
</el-form-item>
@ -320,7 +320,7 @@
<div class="right">
<!-- 总部财务可编辑项仅到账相关信息 -->
<el-form ref="editFormRef" :rules="editFormRule" :model="editFormData" class="editFormRighrt"
label-width="4.5vw" label-position="left">
label-width="6vw" label-position="left">
<el-form-item :label="t('common_add.receiveCurrency')" required>
<CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
:placeholder="t('common_add.receiveCurrencyPlaceholder')" />
@ -1467,7 +1467,7 @@ const handlePagination = (type, val) => {
}
:deep(.adddialog .el-form-item__label) {
min-width: 80px;
min-width: 100px;
width: auto;
font-weight: 800;
padding-bottom: 15px;

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

@ -283,7 +283,7 @@
</el-dialog>
<!-- 审核弹窗 -->
<el-dialog class="adddialog" v-model="auditFormisible" width="20vw" :before-close="closeAuditForm">
<el-dialog class="adddialog" v-model="auditFormisible" width="28vw" :before-close="closeAuditForm">
<el-form class="addForm" label-width="4vw" label-position="left">
<el-form-item :label="t('common_add.jwcode')">
<el-input disabled="true" v-model="auditFormData.jwcode"
@ -392,10 +392,10 @@
</el-dialog>
<!-- 编辑填手续费弹窗 -->
<el-dialog class="editdialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
<el-dialog class="editdialog" v-model="editFormisible" width="28vw" :before-close="closeEditForm">
<div class="content">
<div class="left">
<el-form class="editForm" label-width="4.5vw" label-position="left">
<el-form class="editForm" label-width="6vw" label-position="left">
<el-form-item :label="t('common_add.jwcode')">
<el-input disabled="true" v-model="editFormData.jwcode"
:placeholder="t('common_add.jwcode')" />
@ -486,7 +486,7 @@
</div>
<div class="right">
<el-form ref="editFormRef" :rules="editFormRule" :model="editFormData" class="editFormRighrt"
label-width="4.5vw" label-position="left">
label-width="6vw" label-position="left">
<el-form-item :label="t('common_add.receiveCurrency')">
<CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
:placeholder="t('common_add.receiveCurrencyPlaceholder')" />

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

@ -201,8 +201,8 @@
</div>
<!-- 客服新增/编辑收款弹窗 -->
<el-dialog class="adddialog" v-model="addFormisible" width="20vw" :before-close="closeAddForm">
<el-form class="addForm" ref="addFormRef" :rules="addFormRule" :model="addFormData" label-width="4vw"
<el-dialog class="adddialog" v-model="addFormisible" width="28vw" :before-close="closeAddForm">
<el-form class="addForm" ref="addFormRef" :rules="addFormRule" :model="addFormData" label-width="6vw"
label-position="left">
<el-form-item :label="t('common_add.jwcode')" required prop="jwcode">
<el-input v-model="addFormData.jwcode" :placeholder="t('common_add.jwcodePlaceholder')"
@ -1438,7 +1438,7 @@ onMounted(async () => {
}
:deep(.adddialog .el-form-item__label) {
min-width: 80px;
min-width: 120px;
width: auto;
font-weight: 800;
padding-bottom: 15px;

6
src/views/recharge/gold/coinRechargeDetail.vue

@ -687,9 +687,9 @@ const getTagText = (state) => {
<el-table-column prop="rateName" :label="$t('common_list.rateName')" width="110px" />
<el-table-column prop="money" sortable="custom" :label="$t('common_list.rechargeAmount')" width="110px" />
<el-table-column prop="permanentGold" :label="$t('common_list.permanentGold')" sortable="custom" width="130px" />
<el-table-column prop="freeGold" :label="$t('common_list.freeGold')" sortable="custom" width="110px" />
<el-table-column prop="payPlatform" :label="$t('common_list.rechargePlatform')" width="110px" />
<el-table-column prop="payModel" :label="$t('common_list.payModel')" width="100px" />
<el-table-column prop="freeGold" :label="$t('common_list.freeGold')" sortable="custom" width="130px" />
<el-table-column prop="payPlatform" :label="$t('common_list.rechargePlatform')" width="130px" />
<el-table-column prop="payModel" :label="$t('common_list.payModel')" width="120px" />
<el-table-column prop="remark" :label="$t('common_list.remark')" width="150px" show-overflow-tooltip />
<el-table-column prop="isRefund" :label="$t('common_list.orderStatus')" width="200px" show-overflow-tooltip>
<template #default="scope">

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

@ -598,7 +598,7 @@ const getMarket = async function () {
<el-table-column prop="market" :label="$t('common_list.market')" width="110px" />
<el-table-column prop="orderCode" :label="$t('common_list.orderNo')" width="260px" show-overflow-tooltip />
<el-table-column prop="goodsName" :label="$t('common_list.goodsName')" width="110px" show-overflow-tooltip />
<el-table-column prop="refundType" :label="$t('common_list.refundType')" width="100px" />
<el-table-column prop="refundType" :label="$t('common_list.refundType')" width="130px" />
<el-table-column prop="refundModel" :label="$t('common_list.refundModel')" width="110px">
<template #default="scope">
{{ scope.row.refundModel === 0 ? $t('common_list.refundModelAll') : scope.row.refundModel === 1 ? $t('common_list.refundModelPart') : '' }}

Loading…
Cancel
Save