Uniapp/lucky_shop
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore(组件): 组件尽量使用异步导入模式

Browse Source
This commit is contained in:
ZF Sun
2026-01-04 14:40:00 +08:00
parent 4da852944e
commit 9415f397d2
172 changed files with 11520 additions and 10979 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
pages_tool/order/refund.vue
View File

@@ -4,7 +4,9 @@
<scroll-view scroll-y="true" class="refund-container">
<view class="goods-wrap">
<view class="goods-img">
<image :src="$util.img(refund_data.order_goods_info.sku_image, { size: 'mid' })" @error="refund_data.order_goods_info.sku_image = $util.getDefaultImage().goods" mode="aspectFill" :lazy-load="true"/>
<image :src="$util.img(refund_data.order_goods_info.sku_image, { size: 'mid' })"
@error="refund_data.order_goods_info.sku_image = $util.getDefaultImage().goods"
mode="aspectFill" :lazy-load="true" />
</view>
<view class="goods-info">
<view class="goods-name">{{ refund_data.order_goods_info.sku_name }}</view>
@@ -40,32 +42,23 @@
</view>
<view class="item-wrap">
<view class="label">退款金额：</view>
<view class="cont color-base-text">{{ $lang('common.currencySymbol') }}{{ refund_data.refund_money }}</view>
<view class="cont color-base-text">{{ $lang('common.currencySymbol') }}{{
refund_data.refund_money }}</view>
</view>
</view>
<view class="refund-form">
<view class="item-wrap"><view class="label active">退款说明</view></view>
<view class="item-wrap">
<view class="label active">退款说明</view>
</view>
<!-- #ifdef MP-WEIXIN -->
<textarea
v-if="!showText"
class="newText"
placeholder="请输入退款说明(选填)"
placeholder-class="color-tip font-size-tag"
:auto-height="true"
v-model="refund_remark"
/>
<textarea v-if="!showText" class="newText" placeholder="请输入退款说明(选填)"
placeholder-class="color-tip font-size-tag" :auto-height="true" v-model="refund_remark" />
<!-- #endif -->
<!-- #ifdef H5 -->
<textarea
class="newText"
placeholder="请输入退款说明(选填)"
@blur="textBlur()"
placeholder-class="color-tip font-size-tag"
:auto-height="true"
v-model="refund_remark"
/>
<textarea class="newText" placeholder="请输入退款说明(选填)" @blur="textBlur()"
placeholder-class="color-tip font-size-tag" :auto-height="true" v-model="refund_remark" />
<!-- #endif -->
</view>
@@ -79,14 +72,18 @@
<view class="refund-reason-popup popup">
<view class="popup-header">
<view><text class="tit">退款原因</text></view>
<view class="align-right" @click="closePopup('refundReasonPopup')"><text class="iconfont icon-close"></text></view>
<view class="align-right" @click="closePopup('refundReasonPopup')"><text
class="iconfont icon-close"></text></view>
</view>
<view class="popup-body">
<scroll-view scroll-y="true" class="scroll-view" :class="{ 'safe-area': isIphoneX }">
<view class="reason-list">
<view class="item" v-for="(item, index) in refund_data.refund_reason_type" :key="index" @click="changeReason(item)">
<view class="item" v-for="(item, index) in refund_data.refund_reason_type"
:key="index" @click="changeReason(item)">
<view class="reason">{{ item }}</view>
<view class="iconfont" :class="refund_reason == item ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></view>
<view class="iconfont"
:class="refund_reason == item ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'">
</view>
</view>
</view>
</scroll-view>
@@ -98,16 +95,16 @@
</uni-popup>
</scroll-view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</view>
</template>
<script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
export default {
components: {
uniPopup
uniPopup: () => import('@/components/uni-popup/uni-popup.vue'),
loadingCover: () => import('@/components/loading-cover/loading-cover.vue'),
},
data() {
return {
@@ -191,7 +188,7 @@ export default {
if (this.verify()) {
if (this.isSub) return;
this.isSub = true;
// #ifdef MP
this.subscribeMessage(() => {
this.$api.sendRequest({
@@ -216,7 +213,7 @@ export default {
});
})
// #endif
// #ifndef MP-WEIXIN
this.$api.sendRequest({
url: '/api/orderrefund/refund',
@@ -257,7 +254,7 @@ export default {
/**
* 微信订阅消息
*/
subscribeMessage(callback){
subscribeMessage(callback) {
this.$api.sendRequest({
url: '/weapp/api/weapp/messagetmplids',
data: {
@@ -270,7 +267,7 @@ export default {
fail: (res) => {
console.log('fail', res)
},
complete: ()=> {
complete: () => {
callback();
}
})
@@ -290,15 +287,18 @@ export default {
<style lang="scss">
@import './public/css/refund.scss';
</style>
<style scoped>
<style lang="scss" scoped>
/deep/ .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
background: none;
max-height: unset !important;
overflow-y: hidden !important;
}
/deep/ .uni-popup__wrapper {
border-radius: 20rpx 20rpx 0 0;
}
/deep/ .uni-popup {
z-index: 8;
}