|
|
|
@ -4,20 +4,23 @@ |
|
|
|
<div class="condition"> |
|
|
|
<div class="item1"> |
|
|
|
<el-text size="large" style="width:4vw;">{{ t('common.jwcode') }}</el-text> |
|
|
|
<el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" clearable /> |
|
|
|
<el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" |
|
|
|
clearable /> |
|
|
|
</div> |
|
|
|
<div class="item1"> |
|
|
|
<el-text size="large" style="width:4vw;">{{ t('common.customerName') }}</el-text> |
|
|
|
<el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" style="width:9vw;" clearable /> |
|
|
|
<el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" |
|
|
|
style="width:9vw;" clearable /> |
|
|
|
</div> |
|
|
|
<div class="item1"> |
|
|
|
<el-text size="large" style="width:4vw;">{{ t('common.productName') }}</el-text> |
|
|
|
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" :placeholder="t('common.productNamePlaceholder')" clearable /> |
|
|
|
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" |
|
|
|
:placeholder="t('common.productNamePlaceholder')" clearable /> |
|
|
|
</div> |
|
|
|
<div class="item1" v-if="isHeadquarters"> |
|
|
|
<el-text size="large" style="width:4vw;">{{ t('common.market') }}</el-text> |
|
|
|
<el-cascader style="width: 9vw;" v-model="searchForm.market" :options="market" :placeholder="t('common.marketPlaceholder')" |
|
|
|
clearable @change="handleMarketChange" /> |
|
|
|
<el-cascader style="width: 9vw;" v-model="searchForm.market" :options="market" |
|
|
|
:placeholder="t('common.marketPlaceholder')" clearable @change="handleMarketChange" /> |
|
|
|
</div> |
|
|
|
<div class="item1"> |
|
|
|
<el-text size="large" style="width:4vw;" multiple>{{ t('common.orderStatus') }}</el-text> |
|
|
|
@ -41,9 +44,9 @@ |
|
|
|
</div> |
|
|
|
<div class="item2" style="width: 28.5vw;"> |
|
|
|
<el-text size="large" style="width:4vw;">{{ t('common.payTime') }}</el-text> |
|
|
|
<el-date-picker v-model="dateRange" type="datetimerange" :range-separator="t('common.to')" :start-placeholder="t('common.startTime')" |
|
|
|
:end-placeholder="t('common.endTime')" style="width:22vw;" :disabled-date="disabledDate" :default-time="defaultTime" |
|
|
|
clearable /> |
|
|
|
<el-date-picker v-model="dateRange" type="datetimerange" :range-separator="t('common.to')" |
|
|
|
:start-placeholder="t('common.startTime')" :end-placeholder="t('common.endTime')" |
|
|
|
style="width:22vw;" :disabled-date="disabledDate" :default-time="defaultTime" clearable /> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button> |
|
|
|
@ -62,7 +65,8 @@ |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="jwcode" label="Homily ID" width="120" fixed="left" /> |
|
|
|
<el-table-column prop="name" :label="t('common_list.name')" width="120" fixed="left" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="name" :label="t('common_list.name')" width="120" fixed="left" |
|
|
|
show-overflow-tooltip /> |
|
|
|
<el-table-column prop="marketName" :label="t('common_list.market')" width="120" /> |
|
|
|
<el-table-column prop="activity" :label="t('common_list.activity')" width="120px" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="goodsName" :label="t('common_list.productName')" width="130" show-overflow-tooltip /> |
|
|
|
@ -78,7 +82,8 @@ |
|
|
|
@click="previewImage(scope.row.voucher)"> |
|
|
|
<img :src="scope.row.voucher" alt="转账凭证" style="width: auto; height: 40px;"> |
|
|
|
</div> |
|
|
|
<div v-else style="display: flex; justify-content: center; align-items: center; height: 40px;">{{ t('common_add.noTransferVoucher') }} |
|
|
|
<div v-else style="display: flex; justify-content: center; align-items: center; height: 40px;">{{ |
|
|
|
t('common_add.noTransferVoucher') }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -105,6 +110,10 @@ |
|
|
|
@click="showEditDialog(scope.row)"> |
|
|
|
{{ t('common.edit') }} |
|
|
|
</el-button> |
|
|
|
<el-button v-if="[12, 22, 32].includes(scope.row.status)" type="primary" text |
|
|
|
@click="showRejectReasonDialog(scope.row)"> |
|
|
|
查看驳回理由 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -204,8 +213,8 @@ |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<ConfirmDialog v-model="showBack" :message="t('common.willRecallOrder')" @confirm="recall" @cancel="showBack = false" |
|
|
|
@close="showBack = false" /> |
|
|
|
<ConfirmDialog v-model="showBack" :message="t('common.willRecallOrder')" @confirm="recall" |
|
|
|
@cancel="showBack = false" @close="showBack = false" /> |
|
|
|
|
|
|
|
<el-dialog v-model="showError" overflow draggable class="back-dialog" :style="{ |
|
|
|
backgroundImage: `url(${RefundRecallBackground})`, |
|
|
|
@ -218,6 +227,10 @@ |
|
|
|
<el-button type="primary" @click="" style="margin-left: 2vw;">{{ t('common.confirm') }}</el-button> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<el-dialog v-model="showRejectReason" title="驳回理由" width="40%" style="background-color: rgb(243,250,254);"> |
|
|
|
<div>{{ rejectReason }}</div> |
|
|
|
</el-dialog> |
|
|
|
</template> |
|
|
|
<script setup> |
|
|
|
import { ref, onMounted, computed } from 'vue' |
|
|
|
@ -252,6 +265,8 @@ const searchForm = ref({ |
|
|
|
const market = ref([]) |
|
|
|
const backRow = ref({})// 撤回存数据 |
|
|
|
const editRow = ref({})// 编辑存数据 |
|
|
|
const rejectReason = ref('')// 驳回理由 |
|
|
|
const showRejectReason = ref(false) |
|
|
|
const editForm = ref({ |
|
|
|
refundModel: '', |
|
|
|
refundReason: '' |
|
|
|
@ -381,10 +396,10 @@ const submitEdit = async function () { |
|
|
|
} |
|
|
|
try { |
|
|
|
console.log(editRow.value) |
|
|
|
if(!editForm.value.refundModel) { |
|
|
|
if (!editForm.value.refundModel) { |
|
|
|
ElMessage.error(t('elmessage.selectRefundModel')) |
|
|
|
return |
|
|
|
}else if(!editForm.value.refundReason) { |
|
|
|
} else if (!editForm.value.refundReason) { |
|
|
|
ElMessage.error(t('elmessage.refundReasonPlaceholder')) |
|
|
|
return |
|
|
|
} else if (editRow.value.goodsName === '金币充值' && editForm.value.refundModel == 1) { |
|
|
|
@ -575,6 +590,10 @@ const defaultTime = [ |
|
|
|
new Date(2000, 1, 1, 0, 0, 0), |
|
|
|
new Date(2000, 2, 1, 23, 59, 59), |
|
|
|
] |
|
|
|
const showRejectReasonDialog = function (row) { |
|
|
|
rejectReason.value = row.rejectReason |
|
|
|
showRejectReason.value = true |
|
|
|
} |
|
|
|
onMounted(() => { |
|
|
|
getRefund() |
|
|
|
getMarket() |
|
|
|
|