20260929
This commit is contained in:
@@ -0,0 +1,3 @@
|
||||
/node_modules/
|
||||
/unpackage/
|
||||
/uni_modules/
|
||||
Generated
+3
@@ -0,0 +1,3 @@
|
||||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
Generated
+17
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="cn.fjdmy.uniapp.UniappProjectDataService">
|
||||
<option name="basePath" value="$PROJECT_DIR$" />
|
||||
<option name="dataVersion" value="2" />
|
||||
<option name="generalBasePath" value="$PROJECT_DIR$" />
|
||||
<option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
|
||||
<option name="manifestStamp" value="0" />
|
||||
<option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
|
||||
<option name="scanNum" value="1" />
|
||||
<option name="type" value="store" />
|
||||
<option name="uniapp" value="true" />
|
||||
<option name="uniappHx" value="true" />
|
||||
<option name="vueVersion" value="2" />
|
||||
<option name="wxAppId" value="wx0c1587a63b0b9db5" />
|
||||
</component>
|
||||
</project>
|
||||
+125
@@ -0,0 +1,125 @@
|
||||
<component name="InspectionProjectProfileManager">
|
||||
<profile version="1.0">
|
||||
<option name="myName" value="Project Default" />
|
||||
<inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
|
||||
<option name="myValues">
|
||||
<value>
|
||||
<list size="2">
|
||||
<item index="0" class="java.lang.String" itemvalue="class" />
|
||||
<item index="1" class="java.lang.String" itemvalue="style" />
|
||||
</list>
|
||||
</value>
|
||||
</option>
|
||||
<option name="myCustomValuesEnabled" value="true" />
|
||||
</inspection_tool>
|
||||
<inspection_tool class="HtmlUnknownTag" enabled="true" level="WARNING" enabled_by_default="true">
|
||||
<option name="myValues">
|
||||
<value>
|
||||
<list size="100">
|
||||
<item index="0" class="java.lang.String" itemvalue="nobr" />
|
||||
<item index="1" class="java.lang.String" itemvalue="noembed" />
|
||||
<item index="2" class="java.lang.String" itemvalue="comment" />
|
||||
<item index="3" class="java.lang.String" itemvalue="noscript" />
|
||||
<item index="4" class="java.lang.String" itemvalue="embed" />
|
||||
<item index="5" class="java.lang.String" itemvalue="script" />
|
||||
<item index="6" class="java.lang.String" itemvalue="el-form" />
|
||||
<item index="7" class="java.lang.String" itemvalue="el-input" />
|
||||
<item index="8" class="java.lang.String" itemvalue="el-form-item" />
|
||||
<item index="9" class="java.lang.String" itemvalue="el-button" />
|
||||
<item index="10" class="java.lang.String" itemvalue="el-container" />
|
||||
<item index="11" class="java.lang.String" itemvalue="el-header" />
|
||||
<item index="12" class="java.lang.String" itemvalue="el-menu" />
|
||||
<item index="13" class="java.lang.String" itemvalue="el-menu-item" />
|
||||
<item index="14" class="java.lang.String" itemvalue="el-submenu" />
|
||||
<item index="15" class="java.lang.String" itemvalue="el-breadcrumb" />
|
||||
<item index="16" class="java.lang.String" itemvalue="el-breadcrumb-item" />
|
||||
<item index="17" class="java.lang.String" itemvalue="el-dialog" />
|
||||
<item index="18" class="java.lang.String" itemvalue="el-row" />
|
||||
<item index="19" class="java.lang.String" itemvalue="el-col" />
|
||||
<item index="20" class="java.lang.String" itemvalue="el-table-column" />
|
||||
<item index="21" class="java.lang.String" itemvalue="el-table" />
|
||||
<item index="22" class="java.lang.String" itemvalue="el-pagination" />
|
||||
<item index="23" class="java.lang.String" itemvalue="el-upload" />
|
||||
<item index="24" class="java.lang.String" itemvalue="el-select" />
|
||||
<item index="25" class="java.lang.String" itemvalue="el-option" />
|
||||
<item index="26" class="java.lang.String" itemvalue="el-date-picker" />
|
||||
<item index="27" class="java.lang.String" itemvalue="el-switch" />
|
||||
<item index="28" class="java.lang.String" itemvalue="u-swiper" />
|
||||
<item index="29" class="java.lang.String" itemvalue="u-image" />
|
||||
<item index="30" class="java.lang.String" itemvalue="u-button" />
|
||||
<item index="31" class="java.lang.String" itemvalue="web-view" />
|
||||
<item index="32" class="java.lang.String" itemvalue="u-avatar" />
|
||||
<item index="33" class="java.lang.String" itemvalue="u-text" />
|
||||
<item index="34" class="java.lang.String" itemvalue="u-grid" />
|
||||
<item index="35" class="java.lang.String" itemvalue="u-grid-item" />
|
||||
<item index="36" class="java.lang.String" itemvalue="u-icon" />
|
||||
<item index="37" class="java.lang.String" itemvalue="u-cell-group" />
|
||||
<item index="38" class="java.lang.String" itemvalue="u-cell" />
|
||||
<item index="39" class="java.lang.String" itemvalue="u-tabs" />
|
||||
<item index="40" class="java.lang.String" itemvalue="u-gap" />
|
||||
<item index="41" class="java.lang.String" itemvalue="scroll-view" />
|
||||
<item index="42" class="java.lang.String" itemvalue="u-toast" />
|
||||
<item index="43" class="java.lang.String" itemvalue="u-subsection" />
|
||||
<item index="44" class="java.lang.String" itemvalue="u-empty" />
|
||||
<item index="45" class="java.lang.String" itemvalue="u-popup" />
|
||||
<item index="46" class="java.lang.String" itemvalue="uqrcode" />
|
||||
<item index="47" class="java.lang.String" itemvalue="temlate" />
|
||||
<item index="48" class="java.lang.String" itemvalue="el-tree" />
|
||||
<item index="49" class="java.lang.String" itemvalue="el-card" />
|
||||
<item index="50" class="java.lang.String" itemvalue="el-tag" />
|
||||
<item index="51" class="java.lang.String" itemvalue="u-modal" />
|
||||
<item index="52" class="java.lang.String" itemvalue="rich-text" />
|
||||
<item index="53" class="java.lang.String" itemvalue="u--text" />
|
||||
<item index="54" class="java.lang.String" itemvalue="u-line-progress" />
|
||||
<item index="55" class="java.lang.String" itemvalue="u--image" />
|
||||
<item index="56" class="java.lang.String" itemvalue="page" />
|
||||
<item index="57" class="java.lang.String" itemvalue="el-aside" />
|
||||
<item index="58" class="java.lang.String" itemvalue="house" />
|
||||
<item index="59" class="java.lang.String" itemvalue="el-dropdown" />
|
||||
<item index="60" class="java.lang.String" itemvalue="arrowdown" />
|
||||
<item index="61" class="java.lang.String" itemvalue="el-dropdown-menu" />
|
||||
<item index="62" class="java.lang.String" itemvalue="caretleft" />
|
||||
<item index="63" class="java.lang.String" itemvalue="close" />
|
||||
<item index="64" class="java.lang.String" itemvalue="fold" />
|
||||
<item index="65" class="java.lang.String" itemvalue="expand" />
|
||||
<item index="66" class="java.lang.String" itemvalue="caretright" />
|
||||
<item index="67" class="java.lang.String" itemvalue="upload" />
|
||||
<item index="68" class="java.lang.String" itemvalue="el-cascader" />
|
||||
<item index="69" class="java.lang.String" itemvalue="u-search" />
|
||||
<item index="70" class="java.lang.String" itemvalue="u-scroll-list" />
|
||||
<item index="71" class="java.lang.String" itemvalue="u-navbar" />
|
||||
<item index="72" class="java.lang.String" itemvalue="u-loadmore" />
|
||||
<item index="73" class="java.lang.String" itemvalue="u-parse" />
|
||||
<item index="74" class="java.lang.String" itemvalue="u-number-box" />
|
||||
<item index="75" class="java.lang.String" itemvalue="u-tag" />
|
||||
<item index="76" class="java.lang.String" itemvalue="u-checkbox" />
|
||||
<item index="77" class="java.lang.String" itemvalue="u-checkbox-group" />
|
||||
<item index="78" class="java.lang.String" itemvalue="checkbox" />
|
||||
<item index="79" class="java.lang.String" itemvalue="u-action-sheet" />
|
||||
<item index="80" class="java.lang.String" itemvalue="u-line" />
|
||||
<item index="81" class="java.lang.String" itemvalue="u-count-to" />
|
||||
<item index="82" class="java.lang.String" itemvalue="u-swipe-action" />
|
||||
<item index="83" class="java.lang.String" itemvalue="u-swipe-action-item" />
|
||||
<item index="84" class="java.lang.String" itemvalue="u-form" />
|
||||
<item index="85" class="java.lang.String" itemvalue="u-form-item" />
|
||||
<item index="86" class="java.lang.String" itemvalue="u-input" />
|
||||
<item index="87" class="java.lang.String" itemvalue="u-switch" />
|
||||
<item index="88" class="java.lang.String" itemvalue="u-textarea" />
|
||||
<item index="89" class="java.lang.String" itemvalue="u-picker" />
|
||||
<item index="90" class="java.lang.String" itemvalue="u-sticky" />
|
||||
<item index="91" class="java.lang.String" itemvalue="el-popover" />
|
||||
<item index="92" class="java.lang.String" itemvalue="plus" />
|
||||
<item index="93" class="java.lang.String" itemvalue="el-input-number" />
|
||||
<item index="94" class="java.lang.String" itemvalue="el-checkbox" />
|
||||
<item index="95" class="java.lang.String" itemvalue="el-checkbox-group" />
|
||||
<item index="96" class="java.lang.String" itemvalue="el-radio-group" />
|
||||
<item index="97" class="java.lang.String" itemvalue="el-radio-button" />
|
||||
<item index="98" class="java.lang.String" itemvalue="el-collapse" />
|
||||
<item index="99" class="java.lang.String" itemvalue="el-collapse-item" />
|
||||
</list>
|
||||
</value>
|
||||
</option>
|
||||
<option name="myCustomValuesEnabled" value="true" />
|
||||
</inspection_tool>
|
||||
</profile>
|
||||
</component>
|
||||
Generated
+8
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/yaodongxiao.iml" filepath="$PROJECT_DIR$/.idea/yaodongxiao.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
Generated
+6
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
Generated
+12
@@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||
</content>
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
@@ -0,0 +1,127 @@
|
||||
<script>
|
||||
import {saveShareUserIdFromQuery} from "@/util/user";
|
||||
|
||||
const syncShareUserId = (options = {}) => {
|
||||
const query = options && options.query ? options.query : {}
|
||||
saveShareUserIdFromQuery(query)
|
||||
}
|
||||
|
||||
export default {
|
||||
onLaunch: function (options) {
|
||||
console.log('App Launch')
|
||||
syncShareUserId(options)
|
||||
},
|
||||
onShow: function (options) {
|
||||
console.log('App Show')
|
||||
syncShareUserId(options)
|
||||
},
|
||||
onHide: function () {
|
||||
console.log('App Hide')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "@/uni_modules/uview-ui/index.scss";
|
||||
/* 全局主题与二/三级页面继承规则 */
|
||||
page {
|
||||
background: #f4f7fb;
|
||||
color: #0f2f52;
|
||||
font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
|
||||
}
|
||||
|
||||
:root,
|
||||
page {
|
||||
--brand-primary: #2fc6a7;
|
||||
--brand-primary-soft: #a1ded0;
|
||||
--brand-accent: #a1ded0;
|
||||
--brand-warm: #ff8354;
|
||||
--brand-warm-soft: #f6a789;
|
||||
--text-main: #0f2f52;
|
||||
--text-sub: #5c6c84;
|
||||
--line-color: #a1ded0;
|
||||
--bg-soft: #a1ded0;
|
||||
--card-radius: 18rpx;
|
||||
--shadow-card: 0 8rpx 24rpx rgba(37, 99, 235, 0.08);
|
||||
}
|
||||
|
||||
/* 二/三级页面继承标准：
|
||||
1) 顶部使用浅蓝背景或渐变条（.subpage-hero），保留 32rpx 圆角；
|
||||
2) 主内容使用白底卡片（.card），间距 24rpx，圆角 18rpx，阴影 var(--shadow-card)；
|
||||
3) 分区标题统一使用 .section-title，左侧蓝色竖条强调；
|
||||
4) 主按钮使用 .primary-btn，圆角 999rpx，强调主色渐变；
|
||||
5) 辅助信息使用 #5c6c84 次级文字，底色 #f4f7fb； */
|
||||
|
||||
.card {
|
||||
background: #ffffff;
|
||||
border-radius: var(--card-radius);
|
||||
box-shadow: var(--shadow-card);
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
color: var(--text-main);
|
||||
gap: 12rpx;
|
||||
margin-bottom: 18rpx;
|
||||
}
|
||||
|
||||
.section-title::before {
|
||||
//content: "";
|
||||
//display: block;
|
||||
//width: 10rpx;
|
||||
//height: 34rpx;
|
||||
//background: linear-gradient(180deg, var(--brand-primary), var(--brand-primary-soft));
|
||||
//border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.primary-btn {
|
||||
background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-soft));
|
||||
color: #ffffff;
|
||||
border-radius: 999rpx;
|
||||
padding: 18rpx 32rpx;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.warn-btn {
|
||||
background: linear-gradient(135deg, var(--brand-warm), var(--brand-warm-soft));
|
||||
color: #ffffff;
|
||||
border-radius: 999rpx;
|
||||
padding: 18rpx 32rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.subpage-hero {
|
||||
background: #2563eb;
|
||||
border-radius: 0 0 32rpx 32rpx;
|
||||
padding: 32rpx 32rpx 24rpx 32rpx;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 8rpx 16rpx;
|
||||
border-radius: 999rpx;
|
||||
font-size: 22rpx;
|
||||
color: #0f2f52;
|
||||
background: #e3ebff;
|
||||
}
|
||||
|
||||
.chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 10rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
font-size: 24rpx;
|
||||
color: var(--brand-primary);
|
||||
background: #ecfdf5;
|
||||
border: 1rpx solid var(--brand-primary);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,5 @@
|
||||
import post, {get} from "@/api/request";
|
||||
|
||||
export const userAddressListReq = params => get('/shop/user-address', {params})
|
||||
|
||||
export const saveUserAddressReq = data => post('/shop/user-address', data)
|
||||
@@ -0,0 +1,7 @@
|
||||
import post, {get} from "@/api/request";
|
||||
|
||||
export const userBalanceLogListReq = data => post('/shop/user-balance-log/list', data)
|
||||
|
||||
export const dealerWithdrawPageReq = params => get('/shop/dealer-withdraw/page', {params})
|
||||
|
||||
export const dealerWithdrawAddReq = data => post('/shop/dealer-withdraw', data)
|
||||
@@ -0,0 +1,5 @@
|
||||
import post, {get} from "@/api/request";
|
||||
|
||||
export const cartListReq = params => get('/shop/cart', {params})
|
||||
|
||||
export const addCartReq = data => post('/shop/cart', data)
|
||||
@@ -0,0 +1,55 @@
|
||||
import post, {get} from "@/api/request";
|
||||
|
||||
export const areaListReq = data => post('/common/area/list-by-level', data)
|
||||
|
||||
export const areaInfoReq = data => post('/common/area/info', data)
|
||||
|
||||
export const areaInfoByNameReq = data => post('/common/area/area-info-by-name', data)
|
||||
|
||||
export const areaListByFidReq = data => post('/common/area/listByFid', data)
|
||||
|
||||
export const indexListReq = data => post('/com/publish-list/list', data)
|
||||
|
||||
export const swiperListReq = () => get('/sys/sys-swiper')
|
||||
|
||||
export const dictListReq = data => post('/system/dict/info', data)
|
||||
|
||||
export const dictDataInfoReq = id => get(`/system/dict-data/${id}`)
|
||||
|
||||
export const dictDataListByDictReq = data => post(`/system/dict-data/list-by-dict`, data)
|
||||
|
||||
export const addViewNumReq = data => post('/shop/user-browse/add', data)
|
||||
|
||||
export const sysSettingInfoReq = data => post('/sys', data)
|
||||
|
||||
export const dictDataReq = params => get('/system/dict-data', {params})
|
||||
|
||||
export const listArticleCateReq = params => get('/cms/article-category', {params})
|
||||
|
||||
export const listArticleReq = params => get('/cms/article', {params})
|
||||
|
||||
export const pageArticleReq = params => get('/cms/article/page', {params})
|
||||
|
||||
export const articleInfoReq = id => get(`/cms/article/${id}`)
|
||||
|
||||
export const adListReq = () => get(`/cms/cms-ad`)
|
||||
|
||||
export const addArticleCollectReq = data => post(`/cms/article-collect`, data)
|
||||
|
||||
export const addFeedbackReq = data => post(`/gx/gx-feedback`, data)
|
||||
|
||||
export const listArticleCollectReq = () => get(`/cms/article-collect`)
|
||||
|
||||
export const sysAreaListReq = params => get(`/sys/sys-area`, {params})
|
||||
|
||||
export const articleCommentListReq = params => get(`/cms/article-comment`, {params})
|
||||
|
||||
export const addArticleCommentReq = data => post(`/cms/article-comment`, data)
|
||||
|
||||
export const aiReq = data => post(`/yxe/ai`, data)
|
||||
|
||||
export const aiAliReq = data => post(`/yxe/ai/ali`, data)
|
||||
|
||||
export const aiGetAddressReq = data => post(`/yxe/ai/getAddress`, data)
|
||||
|
||||
export const yxeServiceReq = () => get(`/yxe/yxe-service`)
|
||||
@@ -0,0 +1,7 @@
|
||||
import post, {get, put} from "@/api/request";
|
||||
|
||||
export const couponListReq = params => get('/shop/coupon', {params})
|
||||
|
||||
export const userCouponListReq = params => get('/shop/user-coupon/userList', {params})
|
||||
|
||||
export const userCouponAddReq = data => post('/shop/user-coupon', data)
|
||||
@@ -0,0 +1,19 @@
|
||||
import post, {get} from "@/api/request";
|
||||
|
||||
export const goodsCategoryListReq = params => get('/shop/goods-category', {params})
|
||||
|
||||
export const goodsListReq = params => get('/shop/goods', {params})
|
||||
|
||||
export const goodsListByIdsReq = data => post('/shop/goods/listByIds', data)
|
||||
|
||||
export const goodsInfoReq = id => get(`/shop/goods/${id}`)
|
||||
|
||||
export const orderListReq = params => get('/shop/order', {params})
|
||||
|
||||
export const orderInfoReq = id => get(`/shop/order/${id}`)
|
||||
|
||||
export const orderAddReq = data => post('/shop/order', data)
|
||||
|
||||
export const cartAddReq = data => post('/shop/cart', data)
|
||||
|
||||
export const cartListReq = params => get('/shop/cart', {params})
|
||||
@@ -0,0 +1,11 @@
|
||||
import {get} from "@/api/request";
|
||||
|
||||
export const productGroupReq = params => get('/yxe/yxe-product/group', {params})
|
||||
|
||||
export const productListReq = params => get('/yxe/yxe-product', {params})
|
||||
|
||||
export const productGroupByChainReq = params => get('/yxe/yxe-product/groupByChain', {params})
|
||||
|
||||
export const productGroupByCateReq = params => get('/yxe/yxe-product/groupByCate', {params})
|
||||
|
||||
export const chronicDiseaseProductListReq = params => get('/yxe/yxe-chronic-disease-product', {params})
|
||||
@@ -0,0 +1,11 @@
|
||||
import post, {get, put} from "@/api/request";
|
||||
|
||||
export const reimburseAddReq = data => post('/yxe/yxe-reimburse', data)
|
||||
|
||||
export const reimburseUserListReq = params => get('/yxe/yxe-reimburse/userList', {params})
|
||||
|
||||
export const chronicDiseaseCollectionAddReq = data => post('/yxe/yxe-chronic-disease-collection', data)
|
||||
|
||||
export const chronicDiseaseCollectionListReq = params => get('/yxe/yxe-chronic-disease-collection', {params})
|
||||
|
||||
export const chronicDiseaseCollectionChangeReq = data => put('/yxe/yxe-chronic-disease-collection', data)
|
||||
+106
@@ -0,0 +1,106 @@
|
||||
import Request from '@/js_sdk/luch-request/luch-request/index.js'
|
||||
import {API} from '@/config'
|
||||
import {getUserInfo, clearUserInfo} from "@/util/user";
|
||||
|
||||
const http = new Request();
|
||||
http.config.baseURL = API
|
||||
|
||||
http.interceptors.request.use((config) => {
|
||||
// uni.showLoading({title: '加载中'})
|
||||
const token = getUserInfo().token
|
||||
if (token && token !== 'undefined') {
|
||||
config.header.Authorization = token
|
||||
}
|
||||
config.header.tenantId = 10325
|
||||
return config
|
||||
}, config => {
|
||||
return Promise.reject(config)
|
||||
})
|
||||
|
||||
http.interceptors.response.use((response) => {
|
||||
const url = response.config.url
|
||||
// uni.hideLoading()
|
||||
switch (parseInt(response.data.code)) {
|
||||
case 401: {
|
||||
if (['user-cart-num', 'new-order', 'user-cart-add', 'user-info'].indexOf(url) === -1) {
|
||||
uni.showToast({
|
||||
title: '请登录',
|
||||
icon: 'error',
|
||||
duration: 2000,
|
||||
})
|
||||
setTimeout(() => {
|
||||
clearUserInfo()
|
||||
}, 2000)
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 500: {
|
||||
if (['/user/change-pay-password', 'new-order-from-goods-list'].indexOf(url) === -1) {
|
||||
console.log(response.data)
|
||||
uni.showToast({
|
||||
icon: 'none',
|
||||
title: response.data.content.msg,
|
||||
duration: 2000,
|
||||
})
|
||||
}
|
||||
}
|
||||
break;
|
||||
case 502: {
|
||||
uni.showToast({
|
||||
icon: 'error',
|
||||
title: '系统维护中',
|
||||
duration: 2000,
|
||||
})
|
||||
}
|
||||
}
|
||||
return response
|
||||
}, (error) => {
|
||||
if (error.code === 502) {
|
||||
uni.showToast({
|
||||
icon: 'error',
|
||||
title: '系统维护中',
|
||||
duration: 2000,
|
||||
})
|
||||
}
|
||||
return Promise.reject(error)
|
||||
})
|
||||
|
||||
const post = (url, formData, options) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
http.post(url, formData, options).then(res => {
|
||||
if (res.data.code === 0) resolve(res.data)
|
||||
else if (res.data.code === 401) reject(res.data)
|
||||
else reject(res.data)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
export const get = (url, options) => {
|
||||
// console.log(options)
|
||||
return new Promise((resolve, reject) => {
|
||||
http.get(url, options).then(res => {
|
||||
resolve(res.data)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
export const del = (url, options) => {
|
||||
// console.log(options)
|
||||
return new Promise((resolve, reject) => {
|
||||
http.delete(url, options).then(res => {
|
||||
resolve(res.data)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
export const put = (url, formData, options) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
http.put(url, formData, options).then(res => {
|
||||
if (res.data.code === 0) resolve(res.data)
|
||||
else if (res.data.code === 401) reject(res.data)
|
||||
else reject(res.data)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
export default post
|
||||
@@ -0,0 +1,19 @@
|
||||
import post, {get, put, del} from "@/api/request";
|
||||
|
||||
export const selfReportAddReq = data => post('/yxe/yxe-self-report', data)
|
||||
|
||||
export const selfReportListReq = params => get('/yxe/yxe-self-report', {params})
|
||||
|
||||
export const selfReportPageReq = params => get('/yxe/yxe-self-report/page', {params})
|
||||
|
||||
export const selfReportAuditPageReq = params => get('/yxe/yxe-self-report/audit/page', {params})
|
||||
|
||||
export const selfReportAuditDetailReq = id => get(`/yxe/yxe-self-report/audit/${id}`)
|
||||
|
||||
export const selfReportUserListReq = params => get('/yxe/yxe-self-report/userList', {params})
|
||||
|
||||
export const selfReportInfoReq = id => get(`/yxe/yxe-self-report/${id}`)
|
||||
|
||||
export const selfReportChangeReq = data => put('/yxe/yxe-self-report', data)
|
||||
|
||||
export const selfReportDeleteReq = id => del(`/yxe/yxe-self-report/${id}`)
|
||||
@@ -0,0 +1,27 @@
|
||||
import post, {del, get, put} from "@/api/request";
|
||||
|
||||
export const shareAddReq = data => post('/yxe/yxe-share', data)
|
||||
|
||||
export const shareUserListReq = params => get('/yxe/yxe-share/userList', {params})
|
||||
|
||||
export const shareListReq = params => get('/yxe/yxe-share', {params})
|
||||
|
||||
export const sharePageReq = params => get('/yxe/yxe-share/page', {params})
|
||||
|
||||
export const shareAuditPageReq = params => get('/yxe/yxe-share/audit/page', {params})
|
||||
|
||||
export const shareAuditDetailReq = id => get(`/yxe/yxe-share/audit/${id}`)
|
||||
|
||||
export const shareChangeReq = data => put('/yxe/yxe-share', data)
|
||||
|
||||
export const shareDeleteReq = id => del(`/yxe/yxe-share/${id}`)
|
||||
|
||||
export const shareCopyReq = data => post('/yxe/yxe-share/copy', data)
|
||||
|
||||
export const shareDataReq = params => get('/yxe/yxe-share/data', {params})
|
||||
|
||||
export const shareUserDataReq = () => get('/yxe/yxe-share/userData')
|
||||
|
||||
export const shareDetailPageReq = params => get('/yxe/yxe-share-detail/page', {params})
|
||||
|
||||
export const productByCodeReq = (code, merchantName) => get(`/yxe/yxe-product/byCode/${code}/${merchantName}`)
|
||||
@@ -0,0 +1,5 @@
|
||||
import {get} from "@/api/request";
|
||||
|
||||
export const merchantListReq = params => get('/shop/merchant', {params})
|
||||
export const merchantGroupByChainReq = params => get('/shop/merchant/groupByChain', {params})
|
||||
export const userPointLogUserListReq = params => get('/shop/user-point-log/userList', {params})
|
||||
+25
@@ -0,0 +1,25 @@
|
||||
import post, {get, put} from "@/api/request";
|
||||
|
||||
export const taskCateListReq = params => get('/yxe/yxe-task-cate', {params})
|
||||
|
||||
export const taskListReq = params => get('/yxe/yxe-task', {params})
|
||||
|
||||
export const taskDoneListReq = params => get('/yxe/yxe-task/doneList', {params})
|
||||
|
||||
export const taskListForDataReq = params => get('/yxe/yxe-task/listForData', {params})
|
||||
|
||||
export const taskInfoReq = id => get(`/yxe/yxe-task/${id}`)
|
||||
|
||||
export const addUserTaskReq = data => post(`/yxe/yxe-user-task`, data)
|
||||
|
||||
export const listUserTaskReq = params => get(`/yxe/yxe-user-task/page`, {params})
|
||||
|
||||
export const auditUserTaskPageReq = params => get(`/yxe/yxe-user-task/audit/page`, {params})
|
||||
|
||||
export const changeUserTaskReq = data => put(`/yxe/yxe-user-task`, data)
|
||||
|
||||
export const copyUserTaskReq = data => post(`/yxe/yxe-user-task/copy`, data)
|
||||
|
||||
export const taskDataReq = () => get(`/yxe/yxe-task/data`)
|
||||
|
||||
export const taskUserRankReq = () => get(`/yxe/yxe-user-task/userRank`)
|
||||
+34
@@ -0,0 +1,34 @@
|
||||
import post, {get, put} from "@/api/request";
|
||||
|
||||
export const loginReq = data => post('/wx-login/getOpenId', data)
|
||||
|
||||
export const loginByPhoneReq = data => post('/wx-login/loginByMpWxPhone', data)
|
||||
|
||||
export const loginByPhoneForTestReq = data => post('/system/user/loginByPhoneForTest', data)
|
||||
|
||||
export const userInfoReq = () => get('/auth/user')
|
||||
|
||||
export const updateUserReq = data => put('/system/user/self', data)
|
||||
|
||||
export const countUserIncomeReq = () => get('/system/user/countUserIncome')
|
||||
|
||||
export const userInfoUpdateReq = data => post('/system/user/update', data)
|
||||
|
||||
export const userInfoUpdateDataReq = data => post('/system/user/update-data', data)
|
||||
|
||||
export const userSearchReq = params => get('/system/user', {params})
|
||||
|
||||
export const userSetCardReq = data => post('/user/set-card', data)
|
||||
|
||||
export const userCardChargeReq = data => post('/user/card-charge', data)
|
||||
|
||||
export const userCardReduceReq = data => post('/user/card-reduce', data)
|
||||
|
||||
export const userCardUseReq = data => post('/user/card-use', data)
|
||||
|
||||
export const dealerWithdrawAddReq = data => post('/shop/dealer-withdraw', data)
|
||||
|
||||
export const updateDealerWithdraw = data => put('/shop/dealer-withdraw', data)
|
||||
|
||||
export const dealerWithdrawListReq = params => get('/shop/dealer-withdraw', {params})
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
import post, {get} from "@/api/request";
|
||||
|
||||
export const visitAddReq = data => post('/yxe/yxe-visit-list', data)
|
||||
|
||||
export const visitListReq = params => get('/yxe/yxe-visit-list', {params})
|
||||
@@ -0,0 +1,122 @@
|
||||
<template>
|
||||
<view class="app-navbar" :style="{'padding-top': `${getSafeTop()}px`, 'padding-bottom': '40px'}">
|
||||
<view class="navbar-left" :style="{top: `${getSafeTop()}px`}" v-if="showBack" @click="back">
|
||||
<u-icon name="arrow-left" color="white" size="40rpx" v-if="currentPages.length > 1"/>
|
||||
<u-icon name="home" color="white" size="40rpx" v-else/>
|
||||
|
||||
</view>
|
||||
<text class="navbar-title" :style="{ fontSize: titleSize }">{{ title }}</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
titleSize: {
|
||||
type: String,
|
||||
default: '34rpx'
|
||||
},
|
||||
showBack: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
currentPages: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getSafeTop() {
|
||||
const systemInfo = uni.getSystemInfoSync()
|
||||
return systemInfo.statusBarHeight
|
||||
},
|
||||
back(){
|
||||
if (this.currentPages.length === 1) uni.switchTab({url: '/pages/index/index'})
|
||||
else uni.navigateBack()
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.currentPages = getCurrentPages()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.app-navbar {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 10rpx;
|
||||
min-height: 56rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/202ad055d8706f14cd94fae4a8bbc14c.png') no-repeat center/cover;
|
||||
}
|
||||
|
||||
.navbar-left {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: 20rpx;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 999rpx;
|
||||
}
|
||||
|
||||
.navbar-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.navbar-title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
letter-spacing: 2rpx;
|
||||
}
|
||||
|
||||
.navbar-capsule {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
height: 52rpx;
|
||||
padding: 0 16rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 999rpx;
|
||||
box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.capsule-dots {
|
||||
display: flex;
|
||||
gap: 6rpx;
|
||||
}
|
||||
|
||||
.capsule-dot {
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
border-radius: 50%;
|
||||
background: #111827;
|
||||
}
|
||||
|
||||
.capsule-divider {
|
||||
width: 1rpx;
|
||||
height: 24rpx;
|
||||
background: #d1d5db;
|
||||
}
|
||||
|
||||
.capsule-ring {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
border-radius: 50%;
|
||||
border: 3rpx solid #111827;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,250 @@
|
||||
<template>
|
||||
<u-popup :show="show" mode="bottom" round="24rpx" close-on-click-overlay @close="handleClose">
|
||||
<view class="area-picker">
|
||||
<view class="area-picker-head">
|
||||
<text class="area-picker-title">选择省市</text>
|
||||
<view class="area-picker-actions">
|
||||
<view class="area-picker-btn" @tap="handleClose">取消</view>
|
||||
<view class="area-picker-btn primary" @tap="confirmSelection">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="area-picker-body">
|
||||
<view v-if="loading" class="area-loading">加载中...</view>
|
||||
<view v-else class="area-columns">
|
||||
<view class="area-column">
|
||||
<scroll-view scroll-y class="area-scroll">
|
||||
<view
|
||||
v-for="(item, index) in provinces"
|
||||
:key="index"
|
||||
:class="['area-item', index === provinceIndex ? 'active' : '']"
|
||||
@tap="selectProvince(index)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="area-column">
|
||||
<scroll-view scroll-y class="area-scroll">
|
||||
<view v-if="cities.length === 0" class="area-empty">暂无城市</view>
|
||||
<view
|
||||
v-for="(item, index) in cities"
|
||||
:key="index"
|
||||
:class="['area-item', index === cityIndex ? 'active' : '']"
|
||||
@tap="selectCity(index)"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {areaListReq, areaListByFidReq} from "@/api/common";
|
||||
|
||||
export default {
|
||||
name: 'AreaPicker',
|
||||
props: {
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
defaultProvince: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
defaultCity: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
provinces: [],
|
||||
cities: [],
|
||||
provinceIndex: 0,
|
||||
cityIndex: 0
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
show(val) {
|
||||
if (val) {
|
||||
this.initAreas()
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleClose() {
|
||||
this.$emit('close')
|
||||
},
|
||||
normalizeAreaItem(item) {
|
||||
return {
|
||||
id: item.areaId || item.code || item.value || item.id || null,
|
||||
name: item.name || item.title || item.areaName || item.label || ''
|
||||
}
|
||||
},
|
||||
async fetchProvinces() {
|
||||
const {data} = await areaListReq({level: 1})
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
return list.map(this.normalizeAreaItem)
|
||||
},
|
||||
async fetchCities(fid) {
|
||||
const {data} = await areaListByFidReq({fid})
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
return list.map(this.normalizeAreaItem)
|
||||
},
|
||||
findIndexByName(list, name) {
|
||||
if (!name) return -1
|
||||
return list.findIndex(item => item.name === name)
|
||||
},
|
||||
async initAreas() {
|
||||
this.loading = true
|
||||
try {
|
||||
if (!this.provinces.length) {
|
||||
this.provinces = await this.fetchProvinces()
|
||||
}
|
||||
let provinceIndex = this.findIndexByName(this.provinces, this.defaultProvince)
|
||||
if (provinceIndex < 0) provinceIndex = 0
|
||||
this.provinceIndex = provinceIndex
|
||||
const province = this.provinces[provinceIndex]
|
||||
this.cities = province ? await this.fetchCities(province.id) : []
|
||||
let cityIndex = this.findIndexByName(this.cities, this.defaultCity)
|
||||
if (cityIndex < 0) cityIndex = 0
|
||||
this.cityIndex = cityIndex
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '地区加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
async selectProvince(index) {
|
||||
if (index === this.provinceIndex) return
|
||||
this.provinceIndex = index
|
||||
this.cityIndex = 0
|
||||
const province = this.provinces[index]
|
||||
if (!province) {
|
||||
this.cities = []
|
||||
return
|
||||
}
|
||||
this.loading = true
|
||||
try {
|
||||
this.cities = await this.fetchCities(province.id)
|
||||
this.cityIndex = 0
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
selectCity(index) {
|
||||
this.cityIndex = index
|
||||
},
|
||||
confirmSelection() {
|
||||
const province = this.provinces[this.provinceIndex]
|
||||
const city = this.cities[this.cityIndex]
|
||||
if (!province || !city) {
|
||||
uni.showToast({
|
||||
title: '请选择省市',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.$emit('confirm', {
|
||||
province,
|
||||
city,
|
||||
provinceId: province.id,
|
||||
cityId: city.id,
|
||||
provinceName: province.name,
|
||||
cityName: city.name
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.area-picker {
|
||||
background: #ffffff;
|
||||
padding: 20rpx 20rpx 30rpx;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
|
||||
.area-picker-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.area-picker-title {
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.area-picker-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.area-picker-btn {
|
||||
font-size: 24rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.area-picker-btn.primary {
|
||||
color: #2fc6a7;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.area-picker-body {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.area-loading {
|
||||
padding: 24rpx 0;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
.area-columns {
|
||||
display: flex;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.area-column {
|
||||
flex: 1;
|
||||
border-radius: 16rpx;
|
||||
background: #f8fafc;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.area-scroll {
|
||||
height: 60vh;
|
||||
}
|
||||
|
||||
.area-item {
|
||||
padding: 16rpx 18rpx;
|
||||
font-size: 26rpx;
|
||||
color: #374151;
|
||||
}
|
||||
|
||||
.area-item.active {
|
||||
color: #2fc6a7;
|
||||
font-weight: 700;
|
||||
background: #e6fffa;
|
||||
}
|
||||
|
||||
.area-empty {
|
||||
padding: 18rpx;
|
||||
font-size: 24rpx;
|
||||
color: #9ca3af;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<u-sticky zIndex="99999">
|
||||
<u-navbar fixed :auto-back="false" :bgColor="bgColor" :status-bar-bg-color="bgColor" placeholder :title="title" safeAreaInsetTop
|
||||
:title-style="{color: 'white'}" auto-back left-icon-color="white" @leftClick="leftClick">
|
||||
<template slot="left">
|
||||
<u-icon :name="currentPages.length > 1 ? 'arrow-left' : 'home'" size="20" color="white" v-if="showBack"/>
|
||||
</template>
|
||||
</u-navbar>
|
||||
</u-sticky>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {LINEAR} from "@/config/color";
|
||||
|
||||
export default {
|
||||
name: "HeaderItem",
|
||||
props: {
|
||||
title: String,
|
||||
showBack: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
bgColor: LINEAR,
|
||||
currentPages: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
leftClick() {
|
||||
console.log(this.currentPages)
|
||||
if (this.currentPages.length === 1) uni.switchTab({url: '/pages/index/index'})
|
||||
// else uni.navigateBack()
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.currentPages = getCurrentPages()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,222 @@
|
||||
<template>
|
||||
<u-popup :show="show" :close-on-click-overlay="false" @close="refuse" round="10" :safe-area-inset-bottom="false">
|
||||
<view class="p-50 text-black">
|
||||
<template v-if="mode === 'wechat'">
|
||||
<view class="flex flex-col justify-start items-start">
|
||||
<!-- <u-icon name="/static/logo.png" width="100" height="52"/>-->
|
||||
<text class="text-30 font-bold mt-20">为了提供更优质的服务,需要获取</text>
|
||||
</view>
|
||||
<view class="my-25">
|
||||
<u-text text="您的身份信息" size="16" bold margin="60rpx 0"/>
|
||||
</view>
|
||||
<view class="mt-20 text-25">
|
||||
<checkbox-group @change="changeCheck">
|
||||
<view class="flex justify-start items-center">
|
||||
<checkbox value="check" :checked="check"/>
|
||||
<view>
|
||||
<text>我已阅读并同意</text>
|
||||
<text style="color: #00004F" @click="showAgree('USER_PROTOCOL')">
|
||||
《用户协议》
|
||||
</text>
|
||||
<text style="color: #00004F" @click="showAgree('SECRET_PROTOCOL')">
|
||||
《隐私协议》
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
<view class="mt-25 flex justify-between">
|
||||
<view class="w-40p">
|
||||
<u-button type="info" @click="refuse" :custom-style="{backgroundColor: '#F2F2F2'}">拒绝</u-button>
|
||||
</view>
|
||||
<view class="w-40p">
|
||||
<u-button @getphonenumber="auth" open-type="getPhoneNumber"
|
||||
:custom-style="agreeStyle"
|
||||
:disabled="!check || disabled">允许
|
||||
</u-button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<u-form label-width="140rpx">
|
||||
<u-form-item borderBottom label="手机号">
|
||||
<u-input v-model="phone" placeholder="请输入手机号"/>
|
||||
</u-form-item>
|
||||
<u-form-item borderBottom label="密码">
|
||||
<u-input v-model="pwd" type="password" placeholder="请输入密码"/>
|
||||
</u-form-item>
|
||||
</u-form>
|
||||
<view class="mt-20 text-25">
|
||||
<checkbox-group @change="changeCheck">
|
||||
<view class="flex justify-start items-center">
|
||||
<checkbox value="check" :checked="check"/>
|
||||
<view>
|
||||
<text>我已阅读并同意</text>
|
||||
<text style="color: #00004F" @click="showAgree('USER_PROTOCOL')">
|
||||
《用户协议》
|
||||
</text>
|
||||
<text style="color: #00004F" @click="showAgree('SECRET_PROTOCOL')">
|
||||
《隐私协议》
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
<view class="mt-25 flex justify-between">
|
||||
<view class="w-40p">
|
||||
<u-button type="info" @click="refuse" :custom-style="{backgroundColor: '#F2F2F2'}">关闭</u-button>
|
||||
</view>
|
||||
<view class="w-40p">
|
||||
<u-button @click="loginByPhone" :custom-style="agreeStyle"
|
||||
:disabled="!check || disabled || !phone || !pwd">登录
|
||||
</u-button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<view class="flex mt-25 justify-center text-25" style="color: #00004F" @click="mode = 'phone'"
|
||||
v-if="mode === 'wechat'">手机号登录
|
||||
</view>
|
||||
<view class="flex mt-25 justify-center text-25" style="color: #00004F" @click="mode = 'wechat'" v-else>一键授权登录
|
||||
</view>
|
||||
</view>
|
||||
<u-popup mode="center" :show="showAgreePopup" closeable @close="showAgreePopup = false" round="10"
|
||||
:custom-style="{height: '80%', width: '80%'}" closeOnClickOverlay>
|
||||
<view class="p-30 overflow-y">
|
||||
<u-parse :content="content"/>
|
||||
</view>
|
||||
</u-popup>
|
||||
</u-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {loginByPhoneForTestReq, loginByPhoneReq, loginReq} from "@/api/user";
|
||||
import {clearShareUserId, getShareUserId, setUserInfo} from "@/util/user";
|
||||
import {articleInfoReq, sysSettingInfoReq} from "@/api/common";
|
||||
|
||||
export default {
|
||||
name: "Login",
|
||||
props: {
|
||||
isIndex: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isHide: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
show: false,
|
||||
check: false,
|
||||
code: null,
|
||||
phoneData: null,
|
||||
agreeStyle: {
|
||||
backgroundColor: this.check ? '#00C655' : '#F2F2F2',
|
||||
border: this.check ? '#00C655' : '#F2F2F2',
|
||||
color: this.check ? '#FFFFFF' : '#828282',
|
||||
},
|
||||
showAgreePopup: false,
|
||||
content: '',
|
||||
phone: '',
|
||||
pwd: '',
|
||||
mode: 'wechat',
|
||||
disabled: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changeCheck({detail}) {
|
||||
const {value} = detail
|
||||
this.check = value.length > 0
|
||||
this.agreeStyle = {
|
||||
backgroundColor: this.check ? '#00C655' : '#F2F2F2',
|
||||
border: this.check ? '#00C655' : '#F2F2F2',
|
||||
color: this.check ? '#FFFFFF' : '#828282',
|
||||
}
|
||||
},
|
||||
open() {
|
||||
this.disabled = false
|
||||
this.show = true
|
||||
},
|
||||
hide() {
|
||||
this.show = false
|
||||
},
|
||||
async loginByPhone() {
|
||||
this.disabled = true
|
||||
const shareUserId = getShareUserId()
|
||||
const {data} = await loginByPhoneForTestReq({
|
||||
phone: this.phone,
|
||||
phoneLoginCode: this.pwd,
|
||||
...(shareUserId ? {shareUserId} : {})
|
||||
})
|
||||
console.log(data)
|
||||
this.setInfo(data)
|
||||
clearShareUserId()
|
||||
this.done()
|
||||
this.disabled = false
|
||||
},
|
||||
wxLogin() {
|
||||
return new Promise(resolve => {
|
||||
uni.login({
|
||||
success: (loginRes) => {
|
||||
this.code = loginRes.code
|
||||
resolve()
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
auth(phoneE) {
|
||||
//获取手机号
|
||||
this.phoneData = phoneE.detail
|
||||
this.doLogin()
|
||||
},
|
||||
async doLogin() {
|
||||
await this.wxLogin()
|
||||
this.disabled = true
|
||||
const phoneCode = this.phoneData.code
|
||||
const parentId = getShareUserId()
|
||||
const {data} = await loginByPhoneReq({
|
||||
phoneCode,
|
||||
code: this.code,
|
||||
...(parentId ? {parentId} : {})
|
||||
})
|
||||
this.setInfo(data)
|
||||
clearShareUserId()
|
||||
if (data.user.authStatus !== 2) {
|
||||
this.show = false
|
||||
return uni.navigateTo({url: '/pages/certification/index'})
|
||||
} else {
|
||||
if (!data.user.realName) {
|
||||
this.show = false
|
||||
return uni.navigateTo({url: '/pages/mine/profile'})
|
||||
}
|
||||
}
|
||||
this.done()
|
||||
this.disabled = false
|
||||
},
|
||||
setInfo(res) {
|
||||
setUserInfo({
|
||||
username: res.user.nickname,
|
||||
header: res.user.avatar,
|
||||
phone: res.phone || res.user.phone,
|
||||
token: res.access_token,
|
||||
uid: res.user.userId,
|
||||
});
|
||||
},
|
||||
done() {
|
||||
this.show = false
|
||||
this.$emit('done')
|
||||
},
|
||||
refuse() {
|
||||
this.show = false
|
||||
if (!this.isHide) uni.switchTab({url: '/pages/index/index'})
|
||||
},
|
||||
async showAgree(enumKey) {
|
||||
const id = enumKey === 'USER_PROTOCOL' ? 9854 : 9855
|
||||
const {data} = await articleInfoReq(id)
|
||||
this.content = data.content
|
||||
this.showAgreePopup = true
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,18 @@
|
||||
<template>
|
||||
<view class="mb-25 mt-25">
|
||||
<u-icon name="/static/line.png" :label="title" label-pos="right" bold label-color="#4F4F4F" label-size="30rpx"/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "TitleItem",
|
||||
props: {
|
||||
title: String
|
||||
},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,120 @@
|
||||
<template>
|
||||
<view>
|
||||
<m-tabbar fixed fill :current="current" safeBottom :tabbar="tabbar" native openType="switchTab" @click="tabClick">
|
||||
<!-- <template v-slot:tabbar_index_2>-->
|
||||
<!-- <view class="custom_style">-->
|
||||
<!-- <view class="custom_style_icon">-->
|
||||
<!-- <u-image v-if="!isAuditing" src="https://oss.wsdns.cn/20250627/b6ea18396b074f8db2f649c7db385419.png" width="160rpx"-->
|
||||
<!-- height="160rpx"/>-->
|
||||
<!-- <u-image v-else src="https://img.ggsxiangan.com/62c543af60204ff8868df41a31f79ec0.png" width="160rpx"-->
|
||||
<!-- height="160rpx"/>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </template>-->
|
||||
</m-tabbar>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {dictDataInfoReq} from "@/api/common";
|
||||
|
||||
export default {
|
||||
name: "customTabbar",
|
||||
props: {
|
||||
current: {
|
||||
default: 0,
|
||||
type: Number
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
tabbar: {
|
||||
color: "#333",
|
||||
selectedColor: "#98C147",
|
||||
borderStyle: "F0F0F0",
|
||||
backgroundColor: "#FFFFFF",
|
||||
list: [
|
||||
{
|
||||
"pagePath": "pages/index/index",
|
||||
"iconPath": "static/tabbar/home.png",
|
||||
"selectedIconPath": "static/tabbar/home-active.png",
|
||||
"text": "首页"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/index/index",
|
||||
"iconPath": "static/tabbar/service.png",
|
||||
"selectedIconPath": "static/tabbar/service-active.png",
|
||||
"text": "服务"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/community/index",
|
||||
"iconPath": "static/tabbar/xiaoqu.png",
|
||||
"selectedIconPath": "static/tabbar/xiaoqu-active.png",
|
||||
"text": "小区"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/index/index",
|
||||
"iconPath": "static/tabbar/store.png",
|
||||
"selectedIconPath": "static/tabbar/store-active.png",
|
||||
"text": "商城"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/user/index",
|
||||
"iconPath": "static/tabbar/user.png",
|
||||
"selectedIconPath": "static/tabbar/user-active.png",
|
||||
"text": "我的"
|
||||
}
|
||||
]
|
||||
},
|
||||
isAuditing: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
tabClick(val) {
|
||||
console.log('val', val)
|
||||
if (val === 0 && this.current === 0) this.$jump('/pages/index/index')
|
||||
if (val === 3) {
|
||||
uni.navigateToMiniProgram({
|
||||
appId: 'wxad2376fd45fb7eca',
|
||||
complete() {
|
||||
uni.switchTab({url: '/pages/index/index'})
|
||||
},
|
||||
})
|
||||
}
|
||||
},
|
||||
async checkAudit() {
|
||||
const {data} = await dictDataInfoReq(3678)
|
||||
this.isAuditing = data.dictDataCode === '1'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.checkAudit()
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.custom_style {
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24rpx;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin-top: -40rpx;
|
||||
|
||||
&_icon {
|
||||
//background-color: #2ACF8D;
|
||||
font-size: 80rpx;
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
border-radius: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,18 @@
|
||||
export const YELLOW = '#e2d602'
|
||||
export const ORANGE = '#fd7600'
|
||||
export const ORANGE_LIGHT = '#FEEDA8'
|
||||
export const GREEN = '#2fc6a7'
|
||||
export const GREEN_LIGHT = '#96b0a3'
|
||||
export const BLUE = '#2563eb'
|
||||
export const BLUE_LIGHT = '#049DFF'
|
||||
export const RED = '#FE6869'
|
||||
export const RED_LIGHT = '#F7B2B2'
|
||||
export const PURPLE = '#7F6CDE'
|
||||
export const PINK = '#FE5397'
|
||||
export const PURPLE_DARK = '#7F6CDE'
|
||||
export const PUBLISH = '#FDCB05'
|
||||
export const GRAY = '#999'
|
||||
export const PURPLE_LIGHT = '#7F6CDE'
|
||||
|
||||
export const MAIN = GREEN
|
||||
export const LINEAR = 'linear-gradient(90deg, #049DFF, #2665c4)'
|
||||
@@ -0,0 +1,23 @@
|
||||
const MAIN_API_FN = () => {
|
||||
if (process.env.NODE_ENV === 'development') {
|
||||
// return 'http://127.0.0.1:10051'
|
||||
return 'https://yxe-api.gxwebsoft.com'
|
||||
} else {
|
||||
return 'https://yxe-api.gxwebsoft.com'
|
||||
}
|
||||
}
|
||||
|
||||
const MAIN_WS_FN = () => {
|
||||
if (process.env.NODE_ENV === 'development') {
|
||||
return 'ws://127.0.0.1:10051/chat'
|
||||
// return 'wss://guoxue.gxwebsoft.com/chat'
|
||||
} else {
|
||||
return 'wss://yxe-api.gxwebsoft.com'
|
||||
}
|
||||
}
|
||||
|
||||
export const MAIN_API = MAIN_API_FN()
|
||||
|
||||
export const WS_API = MAIN_WS_FN()
|
||||
|
||||
export const API = `${MAIN_API}/api`
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<script>
|
||||
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
|
||||
CSS.supports('top: constant(a)'))
|
||||
document.write(
|
||||
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
||||
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
||||
</script>
|
||||
<title></title>
|
||||
<!--preload-links-->
|
||||
<!--app-context-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"><!--app-html--></div>
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,100 @@
|
||||
import buildURL from '../helpers/buildURL'
|
||||
import buildFullPath from '../core/buildFullPath'
|
||||
import settle from '../core/settle'
|
||||
import {isUndefined} from "../utils"
|
||||
|
||||
/**
|
||||
* 返回可选值存在的配置
|
||||
* @param {Array} keys - 可选值数组
|
||||
* @param {Object} config2 - 配置
|
||||
* @return {{}} - 存在的配置项
|
||||
*/
|
||||
const mergeKeys = (keys, config2) => {
|
||||
let config = {}
|
||||
keys.forEach(prop => {
|
||||
if (!isUndefined(config2[prop])) {
|
||||
config[prop] = config2[prop]
|
||||
}
|
||||
})
|
||||
return config
|
||||
}
|
||||
export default (config) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
let fullPath = buildURL(buildFullPath(config.baseURL, config.url), config.params, config.paramsSerializer)
|
||||
const _config = {
|
||||
url: fullPath,
|
||||
header: config.header,
|
||||
complete: (response) => {
|
||||
config.fullPath = fullPath
|
||||
response.config = config
|
||||
response.rawData = response.data
|
||||
try {
|
||||
// 对可能字符串不是json 的情况容错
|
||||
if (typeof response.data === 'string') {
|
||||
response.data = JSON.parse(response.data)
|
||||
}
|
||||
// eslint-disable-next-line no-empty
|
||||
} catch (e) {
|
||||
}
|
||||
settle(resolve, reject, response)
|
||||
}
|
||||
}
|
||||
let requestTask
|
||||
if (config.method === 'UPLOAD') {
|
||||
delete _config.header['content-type']
|
||||
delete _config.header['Content-Type']
|
||||
let otherConfig = {
|
||||
// #ifdef MP-ALIPAY
|
||||
fileType: config.fileType,
|
||||
// #endif
|
||||
filePath: config.filePath,
|
||||
name: config.name
|
||||
}
|
||||
const optionalKeys = [
|
||||
// #ifdef APP-PLUS || H5
|
||||
'files',
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
'file',
|
||||
// #endif
|
||||
// #ifdef H5 || APP-PLUS
|
||||
'timeout',
|
||||
// #endif
|
||||
'formData'
|
||||
]
|
||||
requestTask = uni.uploadFile({..._config, ...otherConfig, ...mergeKeys(optionalKeys, config)})
|
||||
} else if (config.method === 'DOWNLOAD') {
|
||||
// #ifdef H5 || APP-PLUS
|
||||
if (!isUndefined(config['timeout'])) {
|
||||
_config['timeout'] = config['timeout']
|
||||
}
|
||||
// #endif
|
||||
requestTask = uni.downloadFile(_config)
|
||||
} else {
|
||||
const optionalKeys = [
|
||||
'data',
|
||||
'method',
|
||||
// #ifdef H5 || APP-PLUS || MP-ALIPAY || MP-WEIXIN
|
||||
'timeout',
|
||||
// #endif
|
||||
'dataType',
|
||||
// #ifndef MP-ALIPAY
|
||||
'responseType',
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
'sslVerify',
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
'withCredentials',
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
'firstIpv4',
|
||||
// #endif
|
||||
]
|
||||
requestTask = uni.request({..._config, ...mergeKeys(optionalKeys, config)})
|
||||
}
|
||||
if (config.getTask) {
|
||||
config.getTask(requestTask, config)
|
||||
}
|
||||
})
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
'use strict'
|
||||
|
||||
|
||||
function InterceptorManager() {
|
||||
this.handlers = []
|
||||
}
|
||||
|
||||
/**
|
||||
* Add a new interceptor to the stack
|
||||
*
|
||||
* @param {Function} fulfilled The function to handle `then` for a `Promise`
|
||||
* @param {Function} rejected The function to handle `reject` for a `Promise`
|
||||
*
|
||||
* @return {Number} An ID used to remove interceptor later
|
||||
*/
|
||||
InterceptorManager.prototype.use = function use(fulfilled, rejected) {
|
||||
this.handlers.push({
|
||||
fulfilled: fulfilled,
|
||||
rejected: rejected
|
||||
})
|
||||
return this.handlers.length - 1
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove an interceptor from the stack
|
||||
*
|
||||
* @param {Number} id The ID that was returned by `use`
|
||||
*/
|
||||
InterceptorManager.prototype.eject = function eject(id) {
|
||||
if (this.handlers[id]) {
|
||||
this.handlers[id] = null
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Iterate over all the registered interceptors
|
||||
*
|
||||
* This method is particularly useful for skipping over any
|
||||
* interceptors that may have become `null` calling `eject`.
|
||||
*
|
||||
* @param {Function} fn The function to call for each interceptor
|
||||
*/
|
||||
InterceptorManager.prototype.forEach = function forEach(fn) {
|
||||
this.handlers.forEach(h => {
|
||||
if (h !== null) {
|
||||
fn(h)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export default InterceptorManager
|
||||
@@ -0,0 +1,197 @@
|
||||
/**
|
||||
* @Class Request
|
||||
* @description luch-request http请求插件
|
||||
* @Author lu-ch
|
||||
* @Email webwork.s@qq.com
|
||||
* 文档: https://www.quanzhan.co/luch-request/
|
||||
* github: https://github.com/lei-mu/luch-request
|
||||
* DCloud: http://ext.dcloud.net.cn/plugin?id=392
|
||||
*/
|
||||
|
||||
|
||||
import dispatchRequest from './dispatchRequest'
|
||||
import InterceptorManager from './InterceptorManager'
|
||||
import mergeConfig from './mergeConfig'
|
||||
import defaults from './defaults'
|
||||
import { isPlainObject } from '../utils'
|
||||
import clone from '../utils/clone'
|
||||
|
||||
export default class Request {
|
||||
/**
|
||||
* @param {Object} arg - 全局配置
|
||||
* @param {String} arg.baseURL - 全局根路径
|
||||
* @param {Object} arg.header - 全局header
|
||||
* @param {String} arg.method = [GET|POST|PUT|DELETE|CONNECT|HEAD|OPTIONS|TRACE] - 全局默认请求方式
|
||||
* @param {String} arg.dataType = [json] - 全局默认的dataType
|
||||
* @param {String} arg.responseType = [text|arraybuffer] - 全局默认的responseType。支付宝小程序不支持
|
||||
* @param {Object} arg.custom - 全局默认的自定义参数
|
||||
* @param {Number} arg.timeout - 全局默认的超时时间，单位 ms。默认60000。H5(HBuilderX 2.9.9+)、APP(HBuilderX 2.9.9+)、微信小程序（2.10.0）、支付宝小程序
|
||||
* @param {Boolean} arg.sslVerify - 全局默认的是否验证 ssl 证书。默认true.仅App安卓端支持（HBuilderX 2.3.3+）
|
||||
* @param {Boolean} arg.withCredentials - 全局默认的跨域请求时是否携带凭证（cookies）。默认false。仅H5支持（HBuilderX 2.6.15+）
|
||||
* @param {Boolean} arg.firstIpv4 - 全DNS解析时优先使用ipv4。默认false。仅 App-Android 支持 (HBuilderX 2.8.0+)
|
||||
* @param {Function(statusCode):Boolean} arg.validateStatus - 全局默认的自定义验证器。默认statusCode >= 200 && statusCode < 300
|
||||
*/
|
||||
constructor(arg = {}) {
|
||||
if (!isPlainObject(arg)) {
|
||||
arg = {}
|
||||
console.warn('设置全局参数必须接收一个Object')
|
||||
}
|
||||
this.config = clone({...defaults, ...arg})
|
||||
this.interceptors = {
|
||||
request: new InterceptorManager(),
|
||||
response: new InterceptorManager()
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @Function
|
||||
* @param {Request~setConfigCallback} f - 设置全局默认配置
|
||||
*/
|
||||
setConfig(f) {
|
||||
this.config = f(this.config)
|
||||
}
|
||||
|
||||
middleware(config) {
|
||||
config = mergeConfig(this.config, config)
|
||||
let chain = [dispatchRequest, undefined]
|
||||
let promise = Promise.resolve(config)
|
||||
|
||||
this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
|
||||
chain.unshift(interceptor.fulfilled, interceptor.rejected)
|
||||
})
|
||||
|
||||
this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
|
||||
chain.push(interceptor.fulfilled, interceptor.rejected)
|
||||
})
|
||||
|
||||
while (chain.length) {
|
||||
promise = promise.then(chain.shift(), chain.shift())
|
||||
}
|
||||
|
||||
return promise
|
||||
}
|
||||
|
||||
/**
|
||||
* @Function
|
||||
* @param {Object} config - 请求配置项
|
||||
* @prop {String} options.url - 请求路径
|
||||
* @prop {Object} options.data - 请求参数
|
||||
* @prop {Object} [options.responseType = config.responseType] [text|arraybuffer] - 响应的数据类型
|
||||
* @prop {Object} [options.dataType = config.dataType] - 如果设为 json，会尝试对返回的数据做一次 JSON.parse
|
||||
* @prop {Object} [options.header = config.header] - 请求header
|
||||
* @prop {Object} [options.method = config.method] - 请求方法
|
||||
* @returns {Promise<unknown>}
|
||||
*/
|
||||
request(config = {}) {
|
||||
return this.middleware(config)
|
||||
}
|
||||
|
||||
get(url, options = {}) {
|
||||
return this.middleware({
|
||||
url,
|
||||
method: 'GET',
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
post(url, data, options = {}) {
|
||||
return this.middleware({
|
||||
url,
|
||||
data,
|
||||
method: 'POST',
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
// #ifndef MP-ALIPAY || MP-KUAISHOU || MP-JD
|
||||
put(url, data, options = {}) {
|
||||
return this.middleware({
|
||||
url,
|
||||
data,
|
||||
method: 'PUT',
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-BAIDU
|
||||
delete(url, data, options = {}) {
|
||||
return this.middleware({
|
||||
url,
|
||||
data,
|
||||
method: 'DELETE',
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
// #endif
|
||||
|
||||
// #ifdef H5 || MP-WEIXIN
|
||||
connect(url, data, options = {}) {
|
||||
return this.middleware({
|
||||
url,
|
||||
data,
|
||||
method: 'CONNECT',
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
// #endif
|
||||
|
||||
// #ifdef H5 || MP-WEIXIN || MP-BAIDU
|
||||
head(url, data, options = {}) {
|
||||
return this.middleware({
|
||||
url,
|
||||
data,
|
||||
method: 'HEAD',
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
// #endif
|
||||
|
||||
// #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-BAIDU
|
||||
options(url, data, options = {}) {
|
||||
return this.middleware({
|
||||
url,
|
||||
data,
|
||||
method: 'OPTIONS',
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
// #endif
|
||||
|
||||
// #ifdef H5 || MP-WEIXIN
|
||||
trace(url, data, options = {}) {
|
||||
return this.middleware({
|
||||
url,
|
||||
data,
|
||||
method: 'TRACE',
|
||||
...options
|
||||
})
|
||||
}
|
||||
|
||||
// #endif
|
||||
|
||||
upload(url, config = {}) {
|
||||
config.url = url
|
||||
config.method = 'UPLOAD'
|
||||
return this.middleware(config)
|
||||
}
|
||||
|
||||
download(url, config = {}) {
|
||||
config.url = url
|
||||
config.method = 'DOWNLOAD'
|
||||
return this.middleware(config)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* setConfig回调
|
||||
* @return {Object} - 返回操作后的config
|
||||
* @callback Request~setConfigCallback
|
||||
* @param {Object} config - 全局默认config
|
||||
*/
|
||||
@@ -0,0 +1,20 @@
|
||||
'use strict'
|
||||
|
||||
import isAbsoluteURL from '../helpers/isAbsoluteURL'
|
||||
import combineURLs from '../helpers/combineURLs'
|
||||
|
||||
/**
|
||||
* Creates a new URL by combining the baseURL with the requestedURL,
|
||||
* only when the requestedURL is not already an absolute URL.
|
||||
* If the requestURL is absolute, this function returns the requestedURL untouched.
|
||||
*
|
||||
* @param {string} baseURL The base URL
|
||||
* @param {string} requestedURL Absolute or relative URL to combine
|
||||
* @returns {string} The combined full path
|
||||
*/
|
||||
export default function buildFullPath(baseURL, requestedURL) {
|
||||
if (baseURL && !isAbsoluteURL(requestedURL)) {
|
||||
return combineURLs(baseURL, requestedURL)
|
||||
}
|
||||
return requestedURL
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
/**
|
||||
* 默认的全局配置
|
||||
*/
|
||||
|
||||
|
||||
export default {
|
||||
baseURL: '',
|
||||
header: {},
|
||||
method: 'GET',
|
||||
dataType: 'json',
|
||||
paramsSerializer: null,
|
||||
// #ifndef MP-ALIPAY
|
||||
responseType: 'text',
|
||||
// #endif
|
||||
custom: {},
|
||||
// #ifdef H5 || APP-PLUS || MP-ALIPAY || MP-WEIXIN
|
||||
timeout: 60000,
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
sslVerify: true,
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
withCredentials: false,
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
firstIpv4: false,
|
||||
// #endif
|
||||
validateStatus: function validateStatus(status) {
|
||||
return status >= 200 && status < 300
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
import adapter from '../adapters/index'
|
||||
|
||||
|
||||
export default (config) => {
|
||||
return adapter(config)
|
||||
}
|
||||
@@ -0,0 +1,103 @@
|
||||
import {deepMerge, isUndefined} from '../utils'
|
||||
|
||||
/**
|
||||
* 合并局部配置优先的配置，如果局部有该配置项则用局部，如果全局有该配置项则用全局
|
||||
* @param {Array} keys - 配置项
|
||||
* @param {Object} globalsConfig - 当前的全局配置
|
||||
* @param {Object} config2 - 局部配置
|
||||
* @return {{}}
|
||||
*/
|
||||
const mergeKeys = (keys, globalsConfig, config2) => {
|
||||
let config = {}
|
||||
keys.forEach(prop => {
|
||||
if (!isUndefined(config2[prop])) {
|
||||
config[prop] = config2[prop]
|
||||
} else if (!isUndefined(globalsConfig[prop])) {
|
||||
config[prop] = globalsConfig[prop]
|
||||
}
|
||||
})
|
||||
return config
|
||||
}
|
||||
/**
|
||||
*
|
||||
* @param globalsConfig - 当前实例的全局配置
|
||||
* @param config2 - 当前的局部配置
|
||||
* @return - 合并后的配置
|
||||
*/
|
||||
export default (globalsConfig, config2 = {}) => {
|
||||
const method = config2.method || globalsConfig.method || 'GET'
|
||||
let config = {
|
||||
baseURL: config2.baseURL || globalsConfig.baseURL || '',
|
||||
method: method,
|
||||
url: config2.url || '',
|
||||
params: config2.params || {},
|
||||
custom: {...(globalsConfig.custom || {}), ...(config2.custom || {})},
|
||||
header: deepMerge(globalsConfig.header || {}, config2.header || {})
|
||||
}
|
||||
const defaultToConfig2Keys = ['getTask', 'validateStatus', 'paramsSerializer']
|
||||
config = {...config, ...mergeKeys(defaultToConfig2Keys, globalsConfig, config2)}
|
||||
|
||||
// eslint-disable-next-line no-empty
|
||||
if (method === 'DOWNLOAD') {
|
||||
// #ifdef H5 || APP-PLUS
|
||||
if (!isUndefined(config2.timeout)) {
|
||||
config['timeout'] = config2['timeout']
|
||||
} else if (!isUndefined(globalsConfig.timeout)) {
|
||||
config['timeout'] = globalsConfig['timeout']
|
||||
}
|
||||
// #endif
|
||||
} else if (method === 'UPLOAD') {
|
||||
delete config.header['content-type']
|
||||
delete config.header['Content-Type']
|
||||
const uploadKeys = [
|
||||
// #ifdef APP-PLUS || H5
|
||||
'files',
|
||||
// #endif
|
||||
// #ifdef MP-ALIPAY
|
||||
'fileType',
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
'file',
|
||||
// #endif
|
||||
'filePath',
|
||||
'name',
|
||||
// #ifdef H5 || APP-PLUS
|
||||
'timeout',
|
||||
// #endif
|
||||
'formData',
|
||||
]
|
||||
uploadKeys.forEach(prop => {
|
||||
if (!isUndefined(config2[prop])) {
|
||||
config[prop] = config2[prop]
|
||||
}
|
||||
})
|
||||
// #ifdef H5 || APP-PLUS
|
||||
if (isUndefined(config.timeout) && !isUndefined(globalsConfig.timeout)) {
|
||||
config['timeout'] = globalsConfig['timeout']
|
||||
}
|
||||
// #endif
|
||||
} else {
|
||||
const defaultsKeys = [
|
||||
'data',
|
||||
// #ifdef H5 || APP-PLUS || MP-ALIPAY || MP-WEIXIN
|
||||
'timeout',
|
||||
// #endif
|
||||
'dataType',
|
||||
// #ifndef MP-ALIPAY
|
||||
'responseType',
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
'sslVerify',
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
'withCredentials',
|
||||
// #endif
|
||||
// #ifdef APP-PLUS
|
||||
'firstIpv4',
|
||||
// #endif
|
||||
]
|
||||
config = {...config, ...mergeKeys(defaultsKeys, globalsConfig, config2)}
|
||||
}
|
||||
|
||||
return config
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
/**
|
||||
* Resolve or reject a Promise based on response status.
|
||||
*
|
||||
* @param {Function} resolve A function that resolves the promise.
|
||||
* @param {Function} reject A function that rejects the promise.
|
||||
* @param {object} response The response.
|
||||
*/
|
||||
export default function settle(resolve, reject, response) {
|
||||
const validateStatus = response.config.validateStatus
|
||||
const status = response.statusCode
|
||||
if (status && (!validateStatus || validateStatus(status))) {
|
||||
resolve(response)
|
||||
} else {
|
||||
reject(response)
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
'use strict'
|
||||
|
||||
import * as utils from './../utils'
|
||||
|
||||
function encode(val) {
|
||||
return encodeURIComponent(val).replace(/%40/gi, '@').replace(/%3A/gi, ':').replace(/%24/g, '$').replace(/%2C/gi, ',').replace(/%20/g, '+').replace(/%5B/gi, '[').replace(/%5D/gi, ']')
|
||||
}
|
||||
|
||||
/**
|
||||
* Build a URL by appending params to the end
|
||||
*
|
||||
* @param {string} url The base of the url (e.g., http://www.google.com)
|
||||
* @param {object} [params] The params to be appended
|
||||
* @returns {string} The formatted url
|
||||
*/
|
||||
export default function buildURL(url, params, paramsSerializer) {
|
||||
/*eslint no-param-reassign:0*/
|
||||
if (!params) {
|
||||
return url
|
||||
}
|
||||
|
||||
var serializedParams
|
||||
if (paramsSerializer) {
|
||||
serializedParams = paramsSerializer(params)
|
||||
} else if (utils.isURLSearchParams(params)) {
|
||||
serializedParams = params.toString()
|
||||
} else {
|
||||
var parts = []
|
||||
|
||||
utils.forEach(params, function serialize(val, key) {
|
||||
if (val === null || typeof val === 'undefined') {
|
||||
return
|
||||
}
|
||||
|
||||
if (utils.isArray(val)) {
|
||||
key = key + '[]'
|
||||
} else {
|
||||
val = [val]
|
||||
}
|
||||
|
||||
utils.forEach(val, function parseValue(v) {
|
||||
if (utils.isDate(v)) {
|
||||
v = v.toISOString()
|
||||
} else if (utils.isObject(v)) {
|
||||
v = JSON.stringify(v)
|
||||
}
|
||||
parts.push(encode(key) + '=' + encode(v))
|
||||
})
|
||||
})
|
||||
|
||||
serializedParams = parts.join('&')
|
||||
}
|
||||
|
||||
if (serializedParams) {
|
||||
var hashmarkIndex = url.indexOf('#')
|
||||
if (hashmarkIndex !== -1) {
|
||||
url = url.slice(0, hashmarkIndex)
|
||||
}
|
||||
|
||||
url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams
|
||||
}
|
||||
|
||||
return url
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
'use strict'
|
||||
|
||||
/**
|
||||
* Creates a new URL by combining the specified URLs
|
||||
*
|
||||
* @param {string} baseURL The base URL
|
||||
* @param {string} relativeURL The relative URL
|
||||
* @returns {string} The combined URL
|
||||
*/
|
||||
export default function combineURLs(baseURL, relativeURL) {
|
||||
return relativeURL
|
||||
? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '')
|
||||
: baseURL
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
'use strict'
|
||||
|
||||
/**
|
||||
* Determines whether the specified URL is absolute
|
||||
*
|
||||
* @param {string} url The URL to test
|
||||
* @returns {boolean} True if the specified URL is absolute, otherwise false
|
||||
*/
|
||||
export default function isAbsoluteURL(url) {
|
||||
// A URL is considered absolute if it begins with "<scheme>://" or "//" (protocol-relative URL).
|
||||
// RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed
|
||||
// by any combination of letters, digits, plus, period, or hyphen.
|
||||
return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url)
|
||||
}
|
||||
+120
@@ -0,0 +1,120 @@
|
||||
type AnyObject = Record<string | number | symbol, any>
|
||||
type HttpPromise<T> = Promise<HttpResponse<T>>;
|
||||
type Tasks = UniApp.RequestTask | UniApp.UploadTask | UniApp.DownloadTask
|
||||
export interface RequestTask {
|
||||
abort: () => void;
|
||||
offHeadersReceived: () => void;
|
||||
onHeadersReceived: () => void;
|
||||
}
|
||||
export interface HttpRequestConfig<T = Tasks> {
|
||||
/** 请求基地址 */
|
||||
baseURL?: string;
|
||||
/** 请求服务器接口地址 */
|
||||
url?: string;
|
||||
|
||||
/** 请求查询参数，自动拼接为查询字符串 */
|
||||
params?: AnyObject;
|
||||
/** 请求体参数 */
|
||||
data?: AnyObject;
|
||||
|
||||
/** 文件对应的 key */
|
||||
name?: string;
|
||||
/** HTTP 请求中其他额外的 form data */
|
||||
formData?: AnyObject;
|
||||
/** 要上传文件资源的路径。 */
|
||||
filePath?: string;
|
||||
/** 需要上传的文件列表。使用 files 时，filePath 和 name 不生效，App、H5（ 2.6.15+） */
|
||||
files?: Array<{
|
||||
name?: string;
|
||||
file?: File;
|
||||
uri: string;
|
||||
}>;
|
||||
/** 要上传的文件对象，仅H5（2.6.15+）支持 */
|
||||
file?: File;
|
||||
|
||||
/** 请求头信息 */
|
||||
header?: AnyObject;
|
||||
/** 请求方式 */
|
||||
method?: "GET" | "POST" | "PUT" | "DELETE" | "CONNECT" | "HEAD" | "OPTIONS" | "TRACE" | "UPLOAD" | "DOWNLOAD";
|
||||
/** 如果设为 json，会尝试对返回的数据做一次 JSON.parse */
|
||||
dataType?: string;
|
||||
/** 设置响应的数据类型，支付宝小程序不支持 */
|
||||
responseType?: "text" | "arraybuffer";
|
||||
/** 自定义参数 */
|
||||
custom?: AnyObject;
|
||||
/** 超时时间，仅微信小程序（2.10.0）、支付宝小程序支持 */
|
||||
timeout?: number;
|
||||
/** DNS解析时优先使用ipv4，仅 App-Android 支持 (HBuilderX 2.8.0+) */
|
||||
firstIpv4?: boolean;
|
||||
/** 验证 ssl 证书 仅5+App安卓端支持（HBuilderX 2.3.3+） */
|
||||
sslVerify?: boolean;
|
||||
/** 跨域请求时是否携带凭证（cookies）仅H5支持（HBuilderX 2.6.15+） */
|
||||
withCredentials?: boolean;
|
||||
|
||||
/** 返回当前请求的task, options。请勿在此处修改options。 */
|
||||
getTask?: (task: T, options: HttpRequestConfig<T>) => void;
|
||||
/** 全局自定义验证器 */
|
||||
validateStatus?: (statusCode: number) => boolean | void;
|
||||
/** params 参数自定义处理 */
|
||||
paramsSerializer?: (params: AnyObject) => string | void;
|
||||
}
|
||||
export interface HttpResponse<T = any> {
|
||||
config: HttpRequestConfig;
|
||||
statusCode: number;
|
||||
cookies: Array<string>;
|
||||
data: T;
|
||||
errMsg: string;
|
||||
header: AnyObject;
|
||||
rawData: T;
|
||||
}
|
||||
export interface HttpUploadResponse<T = any> {
|
||||
config: HttpRequestConfig;
|
||||
statusCode: number;
|
||||
data: T;
|
||||
errMsg: string;
|
||||
rawData: T;
|
||||
}
|
||||
export interface HttpDownloadResponse extends HttpResponse {
|
||||
tempFilePath: string;
|
||||
}
|
||||
export interface HttpError {
|
||||
config: HttpRequestConfig;
|
||||
statusCode?: number;
|
||||
cookies?: Array<string>;
|
||||
data?: any;
|
||||
errMsg: string;
|
||||
header?: AnyObject;
|
||||
}
|
||||
export interface HttpInterceptorManager<V, E = V> {
|
||||
use(
|
||||
onFulfilled?: (config: V) => Promise<V> | V,
|
||||
onRejected?: (config: E) => Promise<E> | E
|
||||
): void;
|
||||
eject(id: number): void;
|
||||
}
|
||||
export abstract class HttpRequestAbstract {
|
||||
constructor(config?: HttpRequestConfig);
|
||||
config: HttpRequestConfig;
|
||||
interceptors: {
|
||||
request: HttpInterceptorManager<HttpRequestConfig, HttpRequestConfig>;
|
||||
response: HttpInterceptorManager<HttpResponse, HttpError>;
|
||||
}
|
||||
middleware<T = any>(config: HttpRequestConfig): HttpPromise<T>;
|
||||
request<T = any>(config: HttpRequestConfig<UniApp.RequestTask>): HttpPromise<T>;
|
||||
get<T = any>(url: string, config?: HttpRequestConfig<UniApp.RequestTask>): HttpPromise<T>;
|
||||
upload<T = any>(url: string, config?: HttpRequestConfig<UniApp.UploadTask>): HttpPromise<T>;
|
||||
delete<T = any>(url: string, data?: AnyObject, config?: HttpRequestConfig<UniApp.RequestTask>): HttpPromise<T>;
|
||||
head<T = any>(url: string, data?: AnyObject, config?: HttpRequestConfig<UniApp.RequestTask>): HttpPromise<T>;
|
||||
post<T = any>(url: string, data?: AnyObject, config?: HttpRequestConfig<UniApp.RequestTask>): HttpPromise<T>;
|
||||
put<T = any>(url: string, data?: AnyObject, config?: HttpRequestConfig<UniApp.RequestTask>): HttpPromise<T>;
|
||||
connect<T = any>(url: string, data?: AnyObject, config?: HttpRequestConfig<UniApp.RequestTask>): HttpPromise<T>;
|
||||
options<T = any>(url: string, data?: AnyObject, config?: HttpRequestConfig<UniApp.RequestTask>): HttpPromise<T>;
|
||||
trace<T = any>(url: string, data?: AnyObject, config?: HttpRequestConfig<UniApp.RequestTask>): HttpPromise<T>;
|
||||
|
||||
download(url: string, config?: HttpRequestConfig<UniApp.DownloadTask>): Promise<HttpDownloadResponse>;
|
||||
|
||||
setConfig(onSend: (config: HttpRequestConfig) => HttpRequestConfig): void;
|
||||
}
|
||||
|
||||
declare class HttpRequest extends HttpRequestAbstract { }
|
||||
export default HttpRequest;
|
||||
@@ -0,0 +1,2 @@
|
||||
import Request from './core/Request'
|
||||
export default Request
|
||||
@@ -0,0 +1,135 @@
|
||||
'use strict'
|
||||
|
||||
// utils is a library of generic helper functions non-specific to axios
|
||||
|
||||
var toString = Object.prototype.toString
|
||||
|
||||
/**
|
||||
* Determine if a value is an Array
|
||||
*
|
||||
* @param {Object} val The value to test
|
||||
* @returns {boolean} True if value is an Array, otherwise false
|
||||
*/
|
||||
export function isArray (val) {
|
||||
return toString.call(val) === '[object Array]'
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Determine if a value is an Object
|
||||
*
|
||||
* @param {Object} val The value to test
|
||||
* @returns {boolean} True if value is an Object, otherwise false
|
||||
*/
|
||||
export function isObject (val) {
|
||||
return val !== null && typeof val === 'object'
|
||||
}
|
||||
|
||||
/**
|
||||
* Determine if a value is a Date
|
||||
*
|
||||
* @param {Object} val The value to test
|
||||
* @returns {boolean} True if value is a Date, otherwise false
|
||||
*/
|
||||
export function isDate (val) {
|
||||
return toString.call(val) === '[object Date]'
|
||||
}
|
||||
|
||||
/**
|
||||
* Determine if a value is a URLSearchParams object
|
||||
*
|
||||
* @param {Object} val The value to test
|
||||
* @returns {boolean} True if value is a URLSearchParams object, otherwise false
|
||||
*/
|
||||
export function isURLSearchParams (val) {
|
||||
return typeof URLSearchParams !== 'undefined' && val instanceof URLSearchParams
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Iterate over an Array or an Object invoking a function for each item.
|
||||
*
|
||||
* If `obj` is an Array callback will be called passing
|
||||
* the value, index, and complete array for each item.
|
||||
*
|
||||
* If 'obj' is an Object callback will be called passing
|
||||
* the value, key, and complete object for each property.
|
||||
*
|
||||
* @param {Object|Array} obj The object to iterate
|
||||
* @param {Function} fn The callback to invoke for each item
|
||||
*/
|
||||
export function forEach (obj, fn) {
|
||||
// Don't bother if no value provided
|
||||
if (obj === null || typeof obj === 'undefined') {
|
||||
return
|
||||
}
|
||||
|
||||
// Force an array if not already something iterable
|
||||
if (typeof obj !== 'object') {
|
||||
/*eslint no-param-reassign:0*/
|
||||
obj = [obj]
|
||||
}
|
||||
|
||||
if (isArray(obj)) {
|
||||
// Iterate over array values
|
||||
for (var i = 0, l = obj.length; i < l; i++) {
|
||||
fn.call(null, obj[i], i, obj)
|
||||
}
|
||||
} else {
|
||||
// Iterate over object keys
|
||||
for (var key in obj) {
|
||||
if (Object.prototype.hasOwnProperty.call(obj, key)) {
|
||||
fn.call(null, obj[key], key, obj)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 是否为boolean 值
|
||||
* @param val
|
||||
* @returns {boolean}
|
||||
*/
|
||||
export function isBoolean(val) {
|
||||
return typeof val === 'boolean'
|
||||
}
|
||||
|
||||
/**
|
||||
* 是否为真正的对象{} new Object
|
||||
* @param {any} obj - 检测的对象
|
||||
* @returns {boolean}
|
||||
*/
|
||||
export function isPlainObject(obj) {
|
||||
return Object.prototype.toString.call(obj) === '[object Object]'
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Function equal to merge with the difference being that no reference
|
||||
* to original objects is kept.
|
||||
*
|
||||
* @see merge
|
||||
* @param {Object} obj1 Object to merge
|
||||
* @returns {Object} Result of all merge properties
|
||||
*/
|
||||
export function deepMerge(/* obj1, obj2, obj3, ... */) {
|
||||
let result = {}
|
||||
function assignValue(val, key) {
|
||||
if (typeof result[key] === 'object' && typeof val === 'object') {
|
||||
result[key] = deepMerge(result[key], val)
|
||||
} else if (typeof val === 'object') {
|
||||
result[key] = deepMerge({}, val)
|
||||
} else {
|
||||
result[key] = val
|
||||
}
|
||||
}
|
||||
for (let i = 0, l = arguments.length; i < l; i++) {
|
||||
forEach(arguments[i], assignValue)
|
||||
}
|
||||
return result
|
||||
}
|
||||
|
||||
export function isUndefined (val) {
|
||||
return typeof val === 'undefined'
|
||||
}
|
||||
@@ -0,0 +1,264 @@
|
||||
/* eslint-disable */
|
||||
var clone = (function() {
|
||||
'use strict';
|
||||
|
||||
function _instanceof(obj, type) {
|
||||
return type != null && obj instanceof type;
|
||||
}
|
||||
|
||||
var nativeMap;
|
||||
try {
|
||||
nativeMap = Map;
|
||||
} catch(_) {
|
||||
// maybe a reference error because no `Map`. Give it a dummy value that no
|
||||
// value will ever be an instanceof.
|
||||
nativeMap = function() {};
|
||||
}
|
||||
|
||||
var nativeSet;
|
||||
try {
|
||||
nativeSet = Set;
|
||||
} catch(_) {
|
||||
nativeSet = function() {};
|
||||
}
|
||||
|
||||
var nativePromise;
|
||||
try {
|
||||
nativePromise = Promise;
|
||||
} catch(_) {
|
||||
nativePromise = function() {};
|
||||
}
|
||||
|
||||
/**
|
||||
* Clones (copies) an Object using deep copying.
|
||||
*
|
||||
* This function supports circular references by default, but if you are certain
|
||||
* there are no circular references in your object, you can save some CPU time
|
||||
* by calling clone(obj, false).
|
||||
*
|
||||
* Caution: if `circular` is false and `parent` contains circular references,
|
||||
* your program may enter an infinite loop and crash.
|
||||
*
|
||||
* @param `parent` - the object to be cloned
|
||||
* @param `circular` - set to true if the object to be cloned may contain
|
||||
* circular references. (optional - true by default)
|
||||
* @param `depth` - set to a number if the object is only to be cloned to
|
||||
* a particular depth. (optional - defaults to Infinity)
|
||||
* @param `prototype` - sets the prototype to be used when cloning an object.
|
||||
* (optional - defaults to parent prototype).
|
||||
* @param `includeNonEnumerable` - set to true if the non-enumerable properties
|
||||
* should be cloned as well. Non-enumerable properties on the prototype
|
||||
* chain will be ignored. (optional - false by default)
|
||||
*/
|
||||
function clone(parent, circular, depth, prototype, includeNonEnumerable) {
|
||||
if (typeof circular === 'object') {
|
||||
depth = circular.depth;
|
||||
prototype = circular.prototype;
|
||||
includeNonEnumerable = circular.includeNonEnumerable;
|
||||
circular = circular.circular;
|
||||
}
|
||||
// maintain two arrays for circular references, where corresponding parents
|
||||
// and children have the same index
|
||||
var allParents = [];
|
||||
var allChildren = [];
|
||||
|
||||
var useBuffer = typeof Buffer != 'undefined';
|
||||
|
||||
if (typeof circular == 'undefined')
|
||||
circular = true;
|
||||
|
||||
if (typeof depth == 'undefined')
|
||||
depth = Infinity;
|
||||
|
||||
// recurse this function so we don't reset allParents and allChildren
|
||||
function _clone(parent, depth) {
|
||||
// cloning null always returns null
|
||||
if (parent === null)
|
||||
return null;
|
||||
|
||||
if (depth === 0)
|
||||
return parent;
|
||||
|
||||
var child;
|
||||
var proto;
|
||||
if (typeof parent != 'object') {
|
||||
return parent;
|
||||
}
|
||||
|
||||
if (_instanceof(parent, nativeMap)) {
|
||||
child = new nativeMap();
|
||||
} else if (_instanceof(parent, nativeSet)) {
|
||||
child = new nativeSet();
|
||||
} else if (_instanceof(parent, nativePromise)) {
|
||||
child = new nativePromise(function (resolve, reject) {
|
||||
parent.then(function(value) {
|
||||
resolve(_clone(value, depth - 1));
|
||||
}, function(err) {
|
||||
reject(_clone(err, depth - 1));
|
||||
});
|
||||
});
|
||||
} else if (clone.__isArray(parent)) {
|
||||
child = [];
|
||||
} else if (clone.__isRegExp(parent)) {
|
||||
child = new RegExp(parent.source, __getRegExpFlags(parent));
|
||||
if (parent.lastIndex) child.lastIndex = parent.lastIndex;
|
||||
} else if (clone.__isDate(parent)) {
|
||||
child = new Date(parent.getTime());
|
||||
} else if (useBuffer && Buffer.isBuffer(parent)) {
|
||||
if (Buffer.from) {
|
||||
// Node.js >= 5.10.0
|
||||
child = Buffer.from(parent);
|
||||
} else {
|
||||
// Older Node.js versions
|
||||
child = new Buffer(parent.length);
|
||||
parent.copy(child);
|
||||
}
|
||||
return child;
|
||||
} else if (_instanceof(parent, Error)) {
|
||||
child = Object.create(parent);
|
||||
} else {
|
||||
if (typeof prototype == 'undefined') {
|
||||
proto = Object.getPrototypeOf(parent);
|
||||
child = Object.create(proto);
|
||||
}
|
||||
else {
|
||||
child = Object.create(prototype);
|
||||
proto = prototype;
|
||||
}
|
||||
}
|
||||
|
||||
if (circular) {
|
||||
var index = allParents.indexOf(parent);
|
||||
|
||||
if (index != -1) {
|
||||
return allChildren[index];
|
||||
}
|
||||
allParents.push(parent);
|
||||
allChildren.push(child);
|
||||
}
|
||||
|
||||
if (_instanceof(parent, nativeMap)) {
|
||||
parent.forEach(function(value, key) {
|
||||
var keyChild = _clone(key, depth - 1);
|
||||
var valueChild = _clone(value, depth - 1);
|
||||
child.set(keyChild, valueChild);
|
||||
});
|
||||
}
|
||||
if (_instanceof(parent, nativeSet)) {
|
||||
parent.forEach(function(value) {
|
||||
var entryChild = _clone(value, depth - 1);
|
||||
child.add(entryChild);
|
||||
});
|
||||
}
|
||||
|
||||
for (var i in parent) {
|
||||
var attrs = Object.getOwnPropertyDescriptor(parent, i);
|
||||
if (attrs) {
|
||||
child[i] = _clone(parent[i], depth - 1);
|
||||
}
|
||||
|
||||
try {
|
||||
var objProperty = Object.getOwnPropertyDescriptor(parent, i);
|
||||
if (objProperty.set === 'undefined') {
|
||||
// no setter defined. Skip cloning this property
|
||||
continue;
|
||||
}
|
||||
child[i] = _clone(parent[i], depth - 1);
|
||||
} catch(e){
|
||||
if (e instanceof TypeError) {
|
||||
// when in strict mode, TypeError will be thrown if child[i] property only has a getter
|
||||
// we can't do anything about this, other than inform the user that this property cannot be set.
|
||||
continue
|
||||
} else if (e instanceof ReferenceError) {
|
||||
//this may happen in non strict mode
|
||||
continue
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if (Object.getOwnPropertySymbols) {
|
||||
var symbols = Object.getOwnPropertySymbols(parent);
|
||||
for (var i = 0; i < symbols.length; i++) {
|
||||
// Don't need to worry about cloning a symbol because it is a primitive,
|
||||
// like a number or string.
|
||||
var symbol = symbols[i];
|
||||
var descriptor = Object.getOwnPropertyDescriptor(parent, symbol);
|
||||
if (descriptor && !descriptor.enumerable && !includeNonEnumerable) {
|
||||
continue;
|
||||
}
|
||||
child[symbol] = _clone(parent[symbol], depth - 1);
|
||||
Object.defineProperty(child, symbol, descriptor);
|
||||
}
|
||||
}
|
||||
|
||||
if (includeNonEnumerable) {
|
||||
var allPropertyNames = Object.getOwnPropertyNames(parent);
|
||||
for (var i = 0; i < allPropertyNames.length; i++) {
|
||||
var propertyName = allPropertyNames[i];
|
||||
var descriptor = Object.getOwnPropertyDescriptor(parent, propertyName);
|
||||
if (descriptor && descriptor.enumerable) {
|
||||
continue;
|
||||
}
|
||||
child[propertyName] = _clone(parent[propertyName], depth - 1);
|
||||
Object.defineProperty(child, propertyName, descriptor);
|
||||
}
|
||||
}
|
||||
|
||||
return child;
|
||||
}
|
||||
|
||||
return _clone(parent, depth);
|
||||
}
|
||||
|
||||
/**
|
||||
* Simple flat clone using prototype, accepts only objects, usefull for property
|
||||
* override on FLAT configuration object (no nested props).
|
||||
*
|
||||
* USE WITH CAUTION! This may not behave as you wish if you do not know how this
|
||||
* works.
|
||||
*/
|
||||
clone.clonePrototype = function clonePrototype(parent) {
|
||||
if (parent === null)
|
||||
return null;
|
||||
|
||||
var c = function () {};
|
||||
c.prototype = parent;
|
||||
return new c();
|
||||
};
|
||||
|
||||
// private utility functions
|
||||
|
||||
function __objToStr(o) {
|
||||
return Object.prototype.toString.call(o);
|
||||
}
|
||||
clone.__objToStr = __objToStr;
|
||||
|
||||
function __isDate(o) {
|
||||
return typeof o === 'object' && __objToStr(o) === '[object Date]';
|
||||
}
|
||||
clone.__isDate = __isDate;
|
||||
|
||||
function __isArray(o) {
|
||||
return typeof o === 'object' && __objToStr(o) === '[object Array]';
|
||||
}
|
||||
clone.__isArray = __isArray;
|
||||
|
||||
function __isRegExp(o) {
|
||||
return typeof o === 'object' && __objToStr(o) === '[object RegExp]';
|
||||
}
|
||||
clone.__isRegExp = __isRegExp;
|
||||
|
||||
function __getRegExpFlags(re) {
|
||||
var flags = '';
|
||||
if (re.global) flags += 'g';
|
||||
if (re.ignoreCase) flags += 'i';
|
||||
if (re.multiline) flags += 'm';
|
||||
return flags;
|
||||
}
|
||||
clone.__getRegExpFlags = __getRegExpFlags;
|
||||
|
||||
return clone;
|
||||
})();
|
||||
|
||||
export default clone
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"id": "luch-request",
|
||||
"displayName": "luch-request",
|
||||
"version": "3.0.8",
|
||||
"description": "基于Promise开发的跨平台、项目级别的请求库，它有更小的体积，易用的api，方便简单的自定义能力",
|
||||
"keywords": [
|
||||
"request",
|
||||
"axios",
|
||||
"网络请求",
|
||||
"拦截器",
|
||||
"promise"
|
||||
],
|
||||
"dcloudext": {
|
||||
"category": [
|
||||
"JS SDK",
|
||||
"通用 SDK"
|
||||
]
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
+1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,23 @@
|
||||
import App from './App'
|
||||
import uView from '@/uni_modules/uview-ui'
|
||||
// #ifndef VUE3
|
||||
import Vue from 'vue'
|
||||
import './uni.promisify.adaptor'
|
||||
Vue.config.productionTip = false
|
||||
Vue.use(uView)
|
||||
App.mpType = 'app'
|
||||
const app = new Vue({
|
||||
...App
|
||||
})
|
||||
app.$mount()
|
||||
// #endif
|
||||
|
||||
// #ifdef VUE3
|
||||
import { createSSRApp } from 'vue'
|
||||
export function createApp() {
|
||||
const app = createSSRApp(App)
|
||||
return {
|
||||
app
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
@@ -0,0 +1,78 @@
|
||||
{
|
||||
"name" : "yaodongxiao",
|
||||
"appid" : "__UNI__5EE4E0E",
|
||||
"description" : "",
|
||||
"versionName" : "1.0.0",
|
||||
"versionCode" : "100",
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
"usingComponents" : true,
|
||||
"nvueStyleCompiler" : "uni-app",
|
||||
"compilerVersion" : 3,
|
||||
"splashscreen" : {
|
||||
"alwaysShowBeforeRender" : true,
|
||||
"waiting" : true,
|
||||
"autoclose" : true,
|
||||
"delay" : 0
|
||||
},
|
||||
/* 模块配置 */
|
||||
"modules" : {},
|
||||
/* 应用发布信息 */
|
||||
"distribute" : {
|
||||
/* android打包配置 */
|
||||
"android" : {
|
||||
"permissions" : [
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||
]
|
||||
},
|
||||
/* ios打包配置 */
|
||||
"ios" : {},
|
||||
/* SDK配置 */
|
||||
"sdkConfigs" : {}
|
||||
}
|
||||
},
|
||||
/* 快应用特有相关 */
|
||||
"quickapp" : {},
|
||||
/* 小程序特有相关 */
|
||||
"mp-weixin" : {
|
||||
"appid" : "wx0c1587a63b0b9db5",
|
||||
"setting" : {
|
||||
"urlCheck" : false
|
||||
},
|
||||
"usingComponents" : true,
|
||||
"permission" : {
|
||||
"scope.userLocation" : {
|
||||
"desc" : "定位店铺"
|
||||
}
|
||||
},
|
||||
"requiredPrivateInfos" : [ "chooseLocation", "getLocation" ]
|
||||
},
|
||||
"mp-alipay" : {
|
||||
"usingComponents" : true
|
||||
},
|
||||
"mp-baidu" : {
|
||||
"usingComponents" : true
|
||||
},
|
||||
"mp-toutiao" : {
|
||||
"usingComponents" : true
|
||||
},
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
},
|
||||
"vueVersion" : "2"
|
||||
}
|
||||
Generated
+96
@@ -0,0 +1,96 @@
|
||||
{
|
||||
"name": "yaodongxiao",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "yaodongxiao",
|
||||
"version": "1.0.0",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"dayjs": "^1.11.19",
|
||||
"js-base64": "^3.7.8",
|
||||
"md5": "^2.3.0"
|
||||
}
|
||||
},
|
||||
"node_modules/charenc": {
|
||||
"version": "0.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/charenc/-/charenc-0.0.2.tgz",
|
||||
"integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
|
||||
"engines": {
|
||||
"node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/crypt": {
|
||||
"version": "0.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/crypt/-/crypt-0.0.2.tgz",
|
||||
"integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
|
||||
"engines": {
|
||||
"node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/dayjs": {
|
||||
"version": "1.11.19",
|
||||
"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.19.tgz",
|
||||
"integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw=="
|
||||
},
|
||||
"node_modules/is-buffer": {
|
||||
"version": "1.1.6",
|
||||
"resolved": "https://registry.npmmirror.com/is-buffer/-/is-buffer-1.1.6.tgz",
|
||||
"integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
|
||||
},
|
||||
"node_modules/js-base64": {
|
||||
"version": "3.7.8",
|
||||
"resolved": "https://registry.npmmirror.com/js-base64/-/js-base64-3.7.8.tgz",
|
||||
"integrity": "sha512-hNngCeKxIUQiEUN3GPJOkz4wF/YvdUdbNL9hsBcMQTkKzboD7T/q3OYOuuPZLUE6dBxSGpwhk5mwuDud7JVAow=="
|
||||
},
|
||||
"node_modules/md5": {
|
||||
"version": "2.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/md5/-/md5-2.3.0.tgz",
|
||||
"integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
|
||||
"dependencies": {
|
||||
"charenc": "0.0.2",
|
||||
"crypt": "0.0.2",
|
||||
"is-buffer": "~1.1.6"
|
||||
}
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"charenc": {
|
||||
"version": "0.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/charenc/-/charenc-0.0.2.tgz",
|
||||
"integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA=="
|
||||
},
|
||||
"crypt": {
|
||||
"version": "0.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/crypt/-/crypt-0.0.2.tgz",
|
||||
"integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow=="
|
||||
},
|
||||
"dayjs": {
|
||||
"version": "1.11.19",
|
||||
"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.19.tgz",
|
||||
"integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw=="
|
||||
},
|
||||
"is-buffer": {
|
||||
"version": "1.1.6",
|
||||
"resolved": "https://registry.npmmirror.com/is-buffer/-/is-buffer-1.1.6.tgz",
|
||||
"integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
|
||||
},
|
||||
"js-base64": {
|
||||
"version": "3.7.8",
|
||||
"resolved": "https://registry.npmmirror.com/js-base64/-/js-base64-3.7.8.tgz",
|
||||
"integrity": "sha512-hNngCeKxIUQiEUN3GPJOkz4wF/YvdUdbNL9hsBcMQTkKzboD7T/q3OYOuuPZLUE6dBxSGpwhk5mwuDud7JVAow=="
|
||||
},
|
||||
"md5": {
|
||||
"version": "2.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/md5/-/md5-2.3.0.tgz",
|
||||
"integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
|
||||
"requires": {
|
||||
"charenc": "0.0.2",
|
||||
"crypt": "0.0.2",
|
||||
"is-buffer": "~1.1.6"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"name": "yaodongxiao",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "main.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"dayjs": "^1.11.19",
|
||||
"js-base64": "^3.7.8",
|
||||
"md5": "^2.3.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,539 @@
|
||||
<template>
|
||||
<view class="address-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="收货地址管理" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>收货地址管理</text>
|
||||
</view>
|
||||
<text class="intro-text">请填写准确的收货信息</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title-row">
|
||||
<view class="section-title">地址列表</view>
|
||||
<view class="primary-btn add-btn" @tap="openFormPopup">新增地址</view>
|
||||
</view>
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<view v-else-if="addresses.length === 0" class="empty">暂无地址</view>
|
||||
<view v-else class="address-list">
|
||||
<view class="addr-item" v-for="item in addresses" :key="item.id">
|
||||
<view class="addr-head">
|
||||
<view class="addr-name">{{ item.name }} {{ maskPhone(item.phone) }}</view>
|
||||
<view v-if="Number(item.isDefault) === 1 || item.isDefault === true" class="chip">默认</view>
|
||||
</view>
|
||||
<view class="addr-detail">{{ item.fullAddress || buildFullAddress(item) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="showFormPopup" class="form-popup-mask" @tap="closeFormPopup"></view>
|
||||
<view v-if="showFormPopup" class="form-popup card" @tap.stop>
|
||||
<view class="popup-head">
|
||||
<view class="section-title">新增/编辑地址</view>
|
||||
<view class="close-btn" @tap="closeFormPopup">关闭</view>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<view class="label">姓名</view>
|
||||
<input v-model="form.name" class="input" placeholder="收货人姓名" />
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<view class="label">手机号</view>
|
||||
<input v-model="form.phone" class="input" placeholder="11位手机号" type="number" maxlength="11" />
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<view class="label">省市区</view>
|
||||
<view class="picker-value" :class="{ placeholder: !form.province }" @tap="openRegionPicker">
|
||||
{{ regionText }}
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="showRegionPicker" class="region-picker">
|
||||
<view class="region-picker-head">
|
||||
<view class="region-picker-title">选择省市区</view>
|
||||
<view class="region-picker-actions">
|
||||
<view class="region-picker-btn" @tap="cancelRegionPicker">取消</view>
|
||||
<view class="region-picker-btn primary" @tap="confirmRegionPicker">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="areaLoading" class="region-loading">加载中...</view>
|
||||
<picker-view v-else class="picker-view" :value="areaIndex" @change="onAreaPickerChange">
|
||||
<picker-view-column>
|
||||
<view v-for="item in areaColumns.provinces" :key="item.id" class="picker-item">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column>
|
||||
<view v-for="item in areaColumns.cities" :key="item.id" class="picker-item">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column>
|
||||
<view v-for="item in areaColumns.regions" :key="item.id" class="picker-item">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</picker-view-column>
|
||||
</picker-view>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<view class="label">详细地址</view>
|
||||
<input v-model="form.address" class="input" placeholder="街道门牌信息" />
|
||||
</view>
|
||||
<view class="form-row switch-row">
|
||||
<view class="label">默认地址</view>
|
||||
<switch :checked="form.isDefault" color="#2563eb" @change="onDefaultChange" />
|
||||
</view>
|
||||
<view class="primary-btn submit" @tap="submitAddress">保存地址</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {saveUserAddressReq, userAddressListReq} from "@/api/address";
|
||||
import {areaListByFidReq} from "@/api/common";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
province: '',
|
||||
city: '',
|
||||
region: '',
|
||||
phone: '',
|
||||
name: '',
|
||||
address: '',
|
||||
isDefault: false
|
||||
},
|
||||
addresses: [],
|
||||
loading: false,
|
||||
showFormPopup: false,
|
||||
showRegionPicker: false,
|
||||
areaLoading: false,
|
||||
areaIndex: [0, 0, 0],
|
||||
areaColumns: {
|
||||
provinces: [],
|
||||
cities: [],
|
||||
regions: []
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
regionValue() {
|
||||
if (!this.form.province) return []
|
||||
return [this.form.province, this.form.city, this.form.region]
|
||||
},
|
||||
regionText() {
|
||||
if (!this.form.province) return '请选择省市区'
|
||||
return `${this.form.province} ${this.form.city} ${this.form.region}`
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.loadAddressList()
|
||||
},
|
||||
methods: {
|
||||
onRegionChange(e) {
|
||||
const value = e.detail.value || []
|
||||
this.form.province = value[0] || ''
|
||||
this.form.city = value[1] || ''
|
||||
this.form.region = value[2] || ''
|
||||
},
|
||||
onDefaultChange(e) {
|
||||
this.form.isDefault = e.detail.value
|
||||
},
|
||||
normalizeAreaItem(item) {
|
||||
return {
|
||||
id: item.areaId || item.code || item.value || item.id || null,
|
||||
name: item.name || item.title || item.areaName || item.label || ''
|
||||
}
|
||||
},
|
||||
async fetchAreaListByFid(fid) {
|
||||
const {data} = await areaListByFidReq({fid})
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
return list.map(this.normalizeAreaItem)
|
||||
},
|
||||
async initAreaColumns() {
|
||||
this.areaLoading = true
|
||||
try {
|
||||
const provinces = await this.fetchAreaListByFid(0)
|
||||
this.areaColumns.provinces = provinces
|
||||
const provinceIndex = Math.max(0, provinces.findIndex(item => item.name === this.form.province))
|
||||
const province = provinces[provinceIndex]
|
||||
const cities = province ? await this.fetchAreaListByFid(province.id) : []
|
||||
this.areaColumns.cities = cities
|
||||
const cityIndex = Math.max(0, cities.findIndex(item => item.name === this.form.city))
|
||||
const city = cities[cityIndex]
|
||||
const regions = city ? await this.fetchAreaListByFid(city.id) : []
|
||||
this.areaColumns.regions = regions
|
||||
const regionIndex = Math.max(0, regions.findIndex(item => item.name === this.form.region))
|
||||
this.areaIndex = [provinceIndex, cityIndex, regionIndex]
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '地区加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.areaLoading = false
|
||||
}
|
||||
},
|
||||
async updateCitiesByProvince(provinceIndex) {
|
||||
const province = this.areaColumns.provinces[provinceIndex]
|
||||
console.log(province)
|
||||
this.areaColumns.cities = province ? await this.fetchAreaListByFid(province.id) : []
|
||||
this.areaColumns.regions = []
|
||||
this.areaIndex = [provinceIndex, 0, 0]
|
||||
await this.updateRegionsByCity(provinceIndex, 0)
|
||||
},
|
||||
async updateRegionsByCity(provinceIndex, cityIndex) {
|
||||
const city = this.areaColumns.cities[cityIndex]
|
||||
const regions = city ? await this.fetchAreaListByFid(city.id) : []
|
||||
this.areaColumns.regions = regions
|
||||
this.areaIndex = [provinceIndex, cityIndex, 0]
|
||||
},
|
||||
async openRegionPicker() {
|
||||
this.showRegionPicker = true
|
||||
if (!this.areaColumns.provinces.length) {
|
||||
await this.initAreaColumns()
|
||||
}
|
||||
},
|
||||
cancelRegionPicker() {
|
||||
this.showRegionPicker = false
|
||||
},
|
||||
confirmRegionPicker() {
|
||||
const [pIndex, cIndex, rIndex] = this.areaIndex
|
||||
const province = this.areaColumns.provinces[pIndex]
|
||||
const city = this.areaColumns.cities[cIndex]
|
||||
const region = this.areaColumns.regions[rIndex]
|
||||
this.form.province = province ? province.name : ''
|
||||
this.form.city = city ? city.name : ''
|
||||
this.form.region = region ? region.name : ''
|
||||
this.showRegionPicker = false
|
||||
},
|
||||
async onAreaPickerChange(e) {
|
||||
const value = e.detail.value || [0, 0, 0]
|
||||
console.log(value)
|
||||
const [pIndex, cIndex] = value
|
||||
const [prevP, prevC] = this.areaIndex
|
||||
if (pIndex !== prevP) {
|
||||
await this.updateCitiesByProvince(pIndex)
|
||||
return
|
||||
}
|
||||
if (cIndex !== prevC) {
|
||||
await this.updateRegionsByCity(pIndex, cIndex)
|
||||
return
|
||||
}
|
||||
this.areaIndex = value
|
||||
},
|
||||
buildFullAddress(item) {
|
||||
const province = item.province || ''
|
||||
const city = item.city || ''
|
||||
const region = item.region || ''
|
||||
const address = item.address || ''
|
||||
return `${province}${city}${region}${address}`
|
||||
},
|
||||
maskPhone(phone) {
|
||||
const value = String(phone || '')
|
||||
if (value.length < 7) return value
|
||||
return `${value.slice(0, 3)}****${value.slice(-4)}`
|
||||
},
|
||||
async loadAddressList() {
|
||||
this.loading = true
|
||||
try {
|
||||
const {data} = await userAddressListReq()
|
||||
this.addresses = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '地址加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
openFormPopup() {
|
||||
this.showFormPopup = true
|
||||
},
|
||||
closeFormPopup() {
|
||||
this.showFormPopup = false
|
||||
},
|
||||
async submitAddress() {
|
||||
if (!this.form.name || !this.form.phone || !this.form.address || !this.form.province) {
|
||||
uni.showToast({
|
||||
title: '请完善收货信息',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const fullAddress = `${this.form.province}${this.form.city}${this.form.region}${this.form.address}`
|
||||
const payload = {
|
||||
province: this.form.province,
|
||||
city: this.form.city,
|
||||
region: this.form.region,
|
||||
phone: this.form.phone,
|
||||
name: this.form.name,
|
||||
address: this.form.address,
|
||||
fullAddress: fullAddress,
|
||||
isDefault: this.form.isDefault ? 1 : 0
|
||||
}
|
||||
try {
|
||||
await saveUserAddressReq(payload)
|
||||
uni.showToast({
|
||||
title: '地址已保存',
|
||||
icon: 'success'
|
||||
})
|
||||
this.form.address = ''
|
||||
this.form.name = ''
|
||||
this.form.phone = ''
|
||||
this.form.province = ''
|
||||
this.form.city = ''
|
||||
this.form.region = ''
|
||||
this.form.isDefault = false
|
||||
this.showFormPopup = false
|
||||
await this.loadAddressList()
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '保存失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.address-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.section-title-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
padding: 6rpx 16rpx;
|
||||
height: 52rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.form-row:last-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: var(--text-main);
|
||||
font-size: 26rpx;
|
||||
min-width: 140rpx;
|
||||
}
|
||||
|
||||
.input {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
font-size: 26rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.picker-value {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
color: var(--text-main);
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.picker-value.placeholder {
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.switch-row {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin-top: 18rpx;
|
||||
padding: 14rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.address-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.addr-item {
|
||||
border: 1rpx dashed #dfe8f5;
|
||||
border-radius: 14rpx;
|
||||
padding: 12rpx;
|
||||
}
|
||||
|
||||
.addr-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.addr-name {
|
||||
color: var(--text-main);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.addr-detail {
|
||||
margin-top: 6rpx;
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
|
||||
.region-picker {
|
||||
margin: 12rpx 0 8rpx;
|
||||
border-radius: 12rpx;
|
||||
border: 1rpx solid #e7eef8;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.region-picker-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 12rpx;
|
||||
background: #f6f8fc;
|
||||
}
|
||||
|
||||
.region-picker-title {
|
||||
font-size: 24rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.region-picker-actions {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.region-picker-btn {
|
||||
font-size: 24rpx;
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.region-picker-btn.primary {
|
||||
color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.region-loading {
|
||||
padding: 16rpx 0;
|
||||
text-align: center;
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.picker-view {
|
||||
height: 360rpx;
|
||||
}
|
||||
|
||||
.picker-item {
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.form-popup-mask {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.form-popup {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 40rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 88%;
|
||||
max-height: 70vh;
|
||||
overflow: auto;
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.popup-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,299 @@
|
||||
<template>
|
||||
<view class="coupon-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="优惠券中心" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>优惠券中心</text>
|
||||
</view>
|
||||
<text class="intro-text">领券大厅与我的优惠券</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card subsection">
|
||||
<view class="tabs">
|
||||
<view
|
||||
v-for="tab in tabs"
|
||||
:key="tab.value"
|
||||
:class="['tab', activeTab === tab.value ? 'active' : '']"
|
||||
@tap="changeTab(tab.value)"
|
||||
>
|
||||
{{ tab.label }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">{{ activeTab === 'lobby' ? '领券大厅' : '我的优惠券' }}</view>
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<view v-else-if="currentCoupons.length === 0" class="empty">暂无优惠券</view>
|
||||
<view v-else class="coupon-list">
|
||||
<view class="coupon-card" v-for="coupon in currentCoupons" :key="coupon.id">
|
||||
<view class="coupon-main">
|
||||
<!-- <view class="coupon-amount">¥{{ coupon.amount }}</view>-->
|
||||
<view class="coupon-info">
|
||||
<view class="coupon-title">{{ coupon.title }}</view>
|
||||
<!-- <view class="coupon-meta">{{ coupon.desc }}</view>-->
|
||||
<view class="coupon-meta">
|
||||
有效期：{{ coupon.expireType === 1 ? coupon.expireEndDate : `领取后${coupon.expireDay}天过期` }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="activeTab === 'lobby'" class="coupon-action">
|
||||
<view class="primary-btn" @tap="receiveCoupon(coupon)">领取</view>
|
||||
</view>
|
||||
<view v-else class="coupon-status">{{ coupon.statusText }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {couponListReq, userCouponAddReq, userCouponListReq} from "@/api/coupon";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
tabs: [
|
||||
{label: '领券大厅', value: 'lobby'},
|
||||
{label: '我的优惠券', value: 'mine'}
|
||||
],
|
||||
activeTab: 'lobby',
|
||||
lobbyCoupons: [],
|
||||
myCoupons: [],
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
currentCoupons() {
|
||||
return this.activeTab === 'lobby' ? this.lobbyCoupons : this.myCoupons
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.fetchCoupons()
|
||||
},
|
||||
methods: {
|
||||
changeTab(value) {
|
||||
this.activeTab = value
|
||||
this.fetchCoupons()
|
||||
},
|
||||
async fetchCoupons() {
|
||||
this.loading = true
|
||||
try {
|
||||
if (this.activeTab === 'lobby') {
|
||||
const {data} = await couponListReq()
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.lobbyCoupons = list.map(this.normalizeCoupon)
|
||||
} else {
|
||||
const {data} = await userCouponListReq()
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.myCoupons = list.map(this.normalizeUserCoupon)
|
||||
}
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
normalizeCoupon(item) {
|
||||
const amount = Number(item.amount || item.faceValue || item.money || 0)
|
||||
return {
|
||||
id: item.id || item.couponId || item.coupon_id,
|
||||
amount: amount.toFixed(2),
|
||||
title: item.title || item.name || '优惠券',
|
||||
desc: item.desc || item.description || item.useRule || '无门槛使用',
|
||||
expire: item.expire || item.expireTime || item.endTime || '-',
|
||||
expireType: item.expireType,
|
||||
expireEndDate: item.expireEndDate,
|
||||
expireDay: item.expireDay,
|
||||
}
|
||||
},
|
||||
normalizeUserCoupon(item) {
|
||||
const amount = Number(item.amount || item.faceValue || item.money || 0)
|
||||
const statusValue = Number(item.used || item.status)
|
||||
let statusText = '未使用'
|
||||
if (statusValue === 1) statusText = '已使用'
|
||||
if (statusValue === 2) statusText = '已过期'
|
||||
return {
|
||||
id: item.id || item.userCouponId || item.couponId,
|
||||
amount: amount.toFixed(2),
|
||||
title: item.coupon.title || item.name || '优惠券',
|
||||
desc: item.desc || item.description || item.useRule || '无门槛使用',
|
||||
expire: item.expire || item.expireTime || item.endTime || '-',
|
||||
statusText,
|
||||
expireType: item.coupon.expireType,
|
||||
expireEndDate: item.coupon.expireEndDate,
|
||||
expireDay: item.coupon.expireDay,
|
||||
}
|
||||
},
|
||||
async receiveCoupon(coupon) {
|
||||
if (!coupon.id) {
|
||||
uni.showToast({
|
||||
title: '缺少优惠券ID',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const res = await userCouponAddReq({
|
||||
couponId: coupon.id
|
||||
}).catch(e => {
|
||||
uni.showToast({
|
||||
title: e.message,
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
if (res) {
|
||||
uni.showToast({
|
||||
title: '领取成功',
|
||||
icon: 'success'
|
||||
})
|
||||
this.fetchCoupons()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.coupon-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.subsection {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.tab {
|
||||
padding: 10rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #f5f8ff;
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
border: 1rpx solid #e1e8f5;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: #ffffff;
|
||||
background: var(--brand-primary);
|
||||
border-color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.coupon-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.coupon-card {
|
||||
border: 1rpx solid #e7eef8;
|
||||
border-radius: 16rpx;
|
||||
padding: 16rpx;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.coupon-main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.coupon-amount {
|
||||
font-size: 34rpx;
|
||||
font-weight: 800;
|
||||
color: #ff3b30;
|
||||
min-width: 110rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.coupon-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.coupon-title {
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.coupon-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.coupon-action {
|
||||
margin-top: 12rpx;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.coupon-status {
|
||||
margin-top: 12rpx;
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,345 @@
|
||||
<template>
|
||||
<view class="points-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="我的积分" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>我的积分</text>
|
||||
</view>
|
||||
<text class="intro-text">查看积分余额和积分明细记录。</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card summary-card">
|
||||
<view class="summary-item">
|
||||
<view class="summary-value">{{ summary.currentPoints }}</view>
|
||||
<view class="summary-label">当前积分</view>
|
||||
</view>
|
||||
<view class="summary-item">
|
||||
<view class="summary-value">{{ summary.totalEarned }}</view>
|
||||
<view class="summary-label">累计获得</view>
|
||||
</view>
|
||||
<!-- <view class="summary-item">-->
|
||||
<!-- <view class="summary-value">{{ summary.totalUsed }}</view>-->
|
||||
<!-- <view class="summary-label">累计消耗</view>-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">积分明细</view>
|
||||
<view v-if="loading && !records.length" class="empty">加载中...</view>
|
||||
<view v-else-if="!records.length" class="empty">暂无积分记录</view>
|
||||
<view v-else class="record-list">
|
||||
<view class="record-item" v-for="item in records" :key="item.id">
|
||||
<view class="record-main">
|
||||
<view class="record-title-row">
|
||||
<view class="record-title">{{ item.title }}</view>
|
||||
<view :class="['record-points', item.delta >= 0 ? 'record-points--plus' : 'record-points--minus']">
|
||||
{{ item.deltaText }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="record-meta">{{ dayjs(item.date).format('YYYY-MM-DD HH:mm:ss') }}</view>
|
||||
<view class="record-desc" v-if="item.remark">{{ item.remark }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-status">{{ finished ? '没有更多了' : '上拉加载更多' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
import {userPointLogUserListReq} from "@/api/shop";
|
||||
import {userInfoReq} from "@/api/user";
|
||||
import dayjs from 'dayjs'
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
page: 1,
|
||||
limit: 20,
|
||||
finished: false,
|
||||
records: [],
|
||||
user: {},
|
||||
summary: {
|
||||
currentPoints: 0,
|
||||
totalEarned: 0,
|
||||
totalUsed: 0
|
||||
}
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.refreshData()
|
||||
},
|
||||
onPullDownRefresh() {
|
||||
this.refreshData().finally(() => {
|
||||
uni.stopPullDownRefresh()
|
||||
})
|
||||
},
|
||||
onReachBottom() {
|
||||
if (this.loading || this.finished) return
|
||||
this.fetchPointLogs()
|
||||
},
|
||||
methods: {
|
||||
dayjs,
|
||||
async refreshData() {
|
||||
this.page = 1
|
||||
this.finished = false
|
||||
this.records = []
|
||||
await Promise.all([
|
||||
this.getUserData(),
|
||||
this.fetchPointLogs(true)
|
||||
])
|
||||
},
|
||||
async getUserData() {
|
||||
try {
|
||||
const {data} = await userInfoReq()
|
||||
this.user = data || {}
|
||||
this.summary.currentPoints = this.resolveSummaryPoints()
|
||||
} catch (error) {
|
||||
this.user = {}
|
||||
}
|
||||
},
|
||||
async fetchPointLogs(refresh = false) {
|
||||
this.loading = true
|
||||
try {
|
||||
const currentPage = refresh ? 1 : this.page
|
||||
const {data} = await userPointLogUserListReq({
|
||||
page: currentPage,
|
||||
limit: this.limit
|
||||
})
|
||||
const rawList = Array.isArray(data)
|
||||
? data
|
||||
: (data && Array.isArray(data.list) ? data.list : [])
|
||||
const normalizedList = rawList.map(this.normalizeRecord)
|
||||
this.records = refresh ? normalizedList : this.records.concat(normalizedList)
|
||||
this.page = currentPage + 1
|
||||
this.finished = !rawList.length || rawList.length < this.limit
|
||||
this.updateSummary(data)
|
||||
} catch (error) {
|
||||
if (refresh) {
|
||||
this.records = []
|
||||
}
|
||||
uni.showToast({
|
||||
title: '积分加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
updateSummary(payload) {
|
||||
const totalEarned = this.records
|
||||
.filter(item => item.delta > 0)
|
||||
.reduce((sum, item) => sum + item.delta, 0)
|
||||
const totalUsed = this.records
|
||||
.filter(item => item.delta < 0)
|
||||
.reduce((sum, item) => sum + Math.abs(item.delta), 0)
|
||||
this.summary = {
|
||||
currentPoints: this.resolveSummaryPoints(payload, this.records),
|
||||
totalEarned,
|
||||
totalUsed
|
||||
}
|
||||
},
|
||||
resolveSummaryPoints(payload = {}, records = this.records) {
|
||||
const candidates = [
|
||||
payload.currentPoints,
|
||||
payload.currentPoint,
|
||||
payload.points,
|
||||
payload.point,
|
||||
payload.totalPoints,
|
||||
payload.totalPoint,
|
||||
this.user.currentPoints,
|
||||
this.user.currentPoint,
|
||||
this.user.points,
|
||||
this.user.point,
|
||||
this.user.integral,
|
||||
this.user.score
|
||||
]
|
||||
for (let i = 0; i < candidates.length; i++) {
|
||||
const value = Number(candidates[i])
|
||||
if (Number.isFinite(value)) return value
|
||||
}
|
||||
return records.reduce((sum, item) => sum + item.delta, 0)
|
||||
},
|
||||
resolveDelta(item = {}) {
|
||||
const candidates = [
|
||||
item.changePoint,
|
||||
item.changePoints,
|
||||
item.changeNum,
|
||||
item.delta,
|
||||
item.num,
|
||||
item.amount,
|
||||
item.value,
|
||||
item.point,
|
||||
item.points,
|
||||
item.integral,
|
||||
item.score
|
||||
]
|
||||
for (let i = 0; i < candidates.length; i++) {
|
||||
const value = Number(candidates[i])
|
||||
if (Number.isFinite(value)) return value
|
||||
}
|
||||
return 0
|
||||
},
|
||||
normalizeRecord(item = {}) {
|
||||
const delta = this.resolveDelta(item)
|
||||
return {
|
||||
id: item.id || item.logId || item.userPointLogId || `${item.createTime || item.createdAt || ''}-${delta}`,
|
||||
title: item.title || item.typeName || item.bizTypeName || item.remark || '积分变动',
|
||||
remark: item.description || item.content || item.memo || '',
|
||||
date: item.createTime || item.createdAt || item.date || '-',
|
||||
delta,
|
||||
deltaText: `${delta > 0 ? '+' : ''}${delta}`
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.points-page {
|
||||
min-height: 100vh;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat top center / 100% auto;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
padding: 20rpx 18rpx;
|
||||
box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.summary-card {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.summary-item {
|
||||
padding: 18rpx 12rpx;
|
||||
border-radius: 16rpx;
|
||||
text-align: center;
|
||||
background: linear-gradient(135deg, #f0fffb, #ffffff);
|
||||
border: 1rpx solid #ccfbf1;
|
||||
}
|
||||
|
||||
.summary-value {
|
||||
font-size: 34rpx;
|
||||
font-weight: 800;
|
||||
color: #2fc6a7;
|
||||
}
|
||||
|
||||
.summary-label {
|
||||
margin-top: 8rpx;
|
||||
font-size: 22rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
margin-bottom: 14rpx;
|
||||
}
|
||||
|
||||
.record-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.record-item {
|
||||
padding: 18rpx 16rpx;
|
||||
border-radius: 16rpx;
|
||||
background: #f8fafc;
|
||||
border: 1rpx solid #e5e7eb;
|
||||
}
|
||||
|
||||
.record-title-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.record-title {
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.record-points {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.record-points--plus {
|
||||
color: #16a34a;
|
||||
}
|
||||
|
||||
.record-points--minus {
|
||||
color: #ef4444;
|
||||
}
|
||||
|
||||
.record-meta {
|
||||
margin-top: 10rpx;
|
||||
font-size: 22rpx;
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.record-desc {
|
||||
margin-top: 8rpx;
|
||||
font-size: 24rpx;
|
||||
color: #64748b;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.empty,
|
||||
.list-status {
|
||||
padding: 36rpx 0 18rpx;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
color: #94a3b8;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,833 @@
|
||||
<template>
|
||||
<view class="records-page">
|
||||
<AppNavbar title="填报记录" showBack/>
|
||||
|
||||
<view class="card subsection">
|
||||
<view class="status-tabs">
|
||||
<view
|
||||
v-for="tab in statusTabs"
|
||||
:key="tab.value"
|
||||
:class="['tab', activeStatus === tab.value ? 'active' : '']"
|
||||
@tap="changeStatus(tab.value)"
|
||||
>
|
||||
{{ tab.label }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">筛选查询</view>
|
||||
<view class="filter-row">
|
||||
<view class="filter-chip" @tap="openChainPicker">{{ chainLabel }}</view>
|
||||
<view class="filter-chip" @tap="openDatePicker('start')">{{ filterForm.startDate || '开始日期' }}</view>
|
||||
<view class="filter-chip" @tap="openDatePicker('end')">{{ filterForm.endDate || '结束日期' }}</view>
|
||||
</view>
|
||||
<view class="keyword-row">
|
||||
<input
|
||||
v-model="filterForm.merchantKeyword"
|
||||
class="keyword-input"
|
||||
type="text"
|
||||
confirm-type="search"
|
||||
placeholder="请输入门店关键词"
|
||||
placeholder-class="keyword-placeholder"
|
||||
@confirm="handleQuery"
|
||||
/>
|
||||
<view class="filter-btn primary" @tap="handleQuery">查询</view>
|
||||
<view class="filter-btn" @tap="handleReset">重置</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="block">
|
||||
<view class="section-title">记录列表</view>
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<view v-else-if="filteredRecords.length === 0" class="empty">暂无记录</view>
|
||||
<view v-else>
|
||||
<view v-for="item in filteredRecords" :key="item.id" class="record-card">
|
||||
<view class="record-head">
|
||||
<view>
|
||||
<view class="record-title">{{ item.merchantName || '-' }}</view>
|
||||
<view class="record-sub" v-if="item.chainName && item.chainName !== '-'">连锁：{{ item.chainName }}</view>
|
||||
</view>
|
||||
<view :class="['status-badge', statusClass(item.status)]">{{ statusText(item.status) }}</view>
|
||||
</view>
|
||||
<view class="record-grid">
|
||||
<view class="record-kv">
|
||||
<text class="record-label">活动时间</text>
|
||||
<text class="record-value">{{ item.activityTime || '-' }}</text>
|
||||
</view>
|
||||
<!-- <view class="record-kv">-->
|
||||
<!-- <text class="record-label">奖金</text>-->
|
||||
<!-- <text class="record-value text-red">￥{{ formatPrice(item.reward) }}</text>-->
|
||||
<!-- </view>-->
|
||||
<view class="record-kv">
|
||||
<text class="record-label">评分</text>
|
||||
<text class="record-value">{{ item.rating || '-' }}星</text>
|
||||
</view>
|
||||
<view class="record-kv">
|
||||
<text class="record-label">提交时间</text>
|
||||
<text class="record-value">{{ item.submitTime || '-' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="summary-line">小结：{{ item.summary || '-' }}</view>
|
||||
<view class="record-toggle" @tap="toggleExpanded(item.id)">
|
||||
<text>{{ isExpanded(item.id) ? '收起详情' : '展开详情' }}</text>
|
||||
<u-icon :name="isExpanded(item.id) ? 'arrow-up' : 'arrow-down'" size="20" color="#2fc6a7"/>
|
||||
</view>
|
||||
<view v-if="isExpanded(item.id)" class="record-detail">
|
||||
<view class="record-section">
|
||||
<view class="record-section-title">上下班打卡</view>
|
||||
<view v-if="item.clockImages.length" class="media-images">
|
||||
<image
|
||||
v-for="(img, idx) in item.clockImages"
|
||||
:key="`clock-${idx}`"
|
||||
class="media-image"
|
||||
:src="img"
|
||||
mode="aspectFill"
|
||||
@tap="preview(img, item.clockImages)"
|
||||
/>
|
||||
</view>
|
||||
<view v-else class="detail-empty">暂无打卡图片</view>
|
||||
</view>
|
||||
|
||||
<view class="record-section">
|
||||
<view class="record-section-title">门头摆台照</view>
|
||||
<view v-if="item.boothImages.length" class="media-images">
|
||||
<image
|
||||
v-for="(img, idx) in item.boothImages"
|
||||
:key="`booth-${idx}`"
|
||||
class="media-image"
|
||||
:src="img"
|
||||
mode="aspectFill"
|
||||
@tap="preview(img, item.boothImages)"
|
||||
/>
|
||||
</view>
|
||||
<view v-else class="detail-empty">暂无门头摆台照</view>
|
||||
</view>
|
||||
|
||||
<view class="record-section">
|
||||
<view class="record-section-title">小票上传</view>
|
||||
<view v-if="item.receiptImages.length" class="media-images">
|
||||
<image
|
||||
v-for="(img, idx) in item.receiptImages"
|
||||
:key="`receipt-${idx}`"
|
||||
class="media-image"
|
||||
:src="img"
|
||||
mode="aspectFill"
|
||||
@tap="preview(img, item.receiptImages)"
|
||||
/>
|
||||
</view>
|
||||
<view v-else class="detail-empty">暂无小票</view>
|
||||
</view>
|
||||
|
||||
<view class="record-section">
|
||||
<view class="record-section-title">销量填写</view>
|
||||
<view v-if="item.salesRows.length" class="sales-list">
|
||||
<view class="sales-item" v-for="(detail, idx) in item.salesRows" :key="`sales-${idx}`">
|
||||
<view class="sales-head">
|
||||
<view class="sales-name">{{ detail.name }}</view>
|
||||
<view class="sales-qty">{{ detail.qty }}{{ detail.unit }}</view>
|
||||
</view>
|
||||
<view class="sales-meta">
|
||||
<text>{{ detail.groupTitle }}</text>
|
||||
<text>{{ detail.makerAbb || '-' }}</text>
|
||||
<text>{{ detail.spec || '-' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="detail-empty">暂无销量数据</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-picker
|
||||
:show="showChainPicker"
|
||||
:columns="[chainOptions]"
|
||||
:loading="chainLoading"
|
||||
:defaultIndex="chainPickerIndex"
|
||||
keyName="text"
|
||||
@confirm="onChainConfirm"
|
||||
@cancel="closeChainPicker"
|
||||
@close="closeChainPicker"
|
||||
/>
|
||||
<u-datetime-picker
|
||||
:show="showStartPicker"
|
||||
:value="startPickerValue"
|
||||
mode="date"
|
||||
@confirm="e => onDateConfirm('start', e)"
|
||||
@cancel="closeDatePicker('start')"
|
||||
@close="closeDatePicker('start')"
|
||||
/>
|
||||
<u-datetime-picker
|
||||
:show="showEndPicker"
|
||||
:value="endPickerValue"
|
||||
mode="date"
|
||||
@confirm="e => onDateConfirm('end', e)"
|
||||
@cancel="closeDatePicker('end')"
|
||||
@close="closeDatePicker('end')"
|
||||
/>
|
||||
|
||||
<Login ref="Login" @done="handleLoginDone"/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import dayjs from "dayjs";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
import Login from "@/components/Login.vue";
|
||||
import {dictDataListByDictReq} from "@/api/common";
|
||||
import {selfReportUserListReq} from "@/api/self-report";
|
||||
import {getUserInfo} from "@/util/user";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar, Login},
|
||||
data() {
|
||||
return {
|
||||
statusTabs: [
|
||||
{label: '全部', value: 'all'},
|
||||
{label: '待审核', value: 0},
|
||||
{label: '已通过', value: 1},
|
||||
{label: '已驳回', value: 2}
|
||||
],
|
||||
activeStatus: 'all',
|
||||
records: [],
|
||||
loading: false,
|
||||
chainLoading: false,
|
||||
showChainPicker: false,
|
||||
showStartPicker: false,
|
||||
showEndPicker: false,
|
||||
chainOptions: [{id: '', text: '全部连锁'}],
|
||||
filterForm: {
|
||||
chainId: '',
|
||||
merchantKeyword: '',
|
||||
startDate: '',
|
||||
endDate: ''
|
||||
},
|
||||
expandedMap: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
normalizedRecords() {
|
||||
return (Array.isArray(this.records) ? this.records : []).map(item => this.normalizeRecord(item))
|
||||
},
|
||||
filteredRecords() {
|
||||
const keyword = (this.filterForm.merchantKeyword || '').trim().toLowerCase()
|
||||
const startTs = this.filterForm.startDate ? dayjs(`${this.filterForm.startDate} 00:00:00`).valueOf() : null
|
||||
const endTs = this.filterForm.endDate ? dayjs(`${this.filterForm.endDate} 23:59:59`).valueOf() : null
|
||||
return this.normalizedRecords.filter(item => {
|
||||
if (this.activeStatus !== 'all' && Number(item.status) !== Number(this.activeStatus)) {
|
||||
return false
|
||||
}
|
||||
if (this.filterForm.chainId && !this.matchesSelectedChain(item.chainIdNormalized, item.chainName, this.filterForm.chainId)) {
|
||||
return false
|
||||
}
|
||||
if (keyword && !String(item.merchantName || '').toLowerCase().includes(keyword)) {
|
||||
return false
|
||||
}
|
||||
if ((startTs || endTs) && !Number.isFinite(item.submitTimestamp)) {
|
||||
return false
|
||||
}
|
||||
if (startTs && item.submitTimestamp < startTs) {
|
||||
return false
|
||||
}
|
||||
if (endTs && item.submitTimestamp > endTs) {
|
||||
return false
|
||||
}
|
||||
return true
|
||||
})
|
||||
},
|
||||
chainLabel() {
|
||||
const selected = this.chainOptions.find(item => String(item.id) === String(this.filterForm.chainId))
|
||||
return (selected && selected.text) || '全部连锁'
|
||||
},
|
||||
chainPickerIndex() {
|
||||
const idx = this.chainOptions.findIndex(item => String(item.id) === String(this.filterForm.chainId))
|
||||
return [idx > -1 ? idx : 0]
|
||||
},
|
||||
startPickerValue() {
|
||||
return this.filterForm.startDate ? dayjs(this.filterForm.startDate).valueOf() : Date.now()
|
||||
},
|
||||
endPickerValue() {
|
||||
return this.filterForm.endDate ? dayjs(this.filterForm.endDate).valueOf() : Date.now()
|
||||
}
|
||||
},
|
||||
async onShow() {
|
||||
if (!this.ensureLogin()) return
|
||||
await this.initPage()
|
||||
},
|
||||
async onPullDownRefresh() {
|
||||
try {
|
||||
if (this.ensureLogin()) {
|
||||
await this.initPage()
|
||||
}
|
||||
} finally {
|
||||
uni.stopPullDownRefresh()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
ensureLogin() {
|
||||
if (getUserInfo().token) return true
|
||||
this.$refs.Login.open()
|
||||
return false
|
||||
},
|
||||
async handleLoginDone() {
|
||||
await this.initPage()
|
||||
},
|
||||
async initPage() {
|
||||
this.expandedMap = {}
|
||||
await Promise.all([
|
||||
this.fetchChainList(),
|
||||
this.fetchList()
|
||||
])
|
||||
},
|
||||
async fetchList() {
|
||||
this.loading = true
|
||||
try {
|
||||
const {data} = await selfReportUserListReq({})
|
||||
this.records = this.unwrapList(data)
|
||||
} catch (error) {
|
||||
this.records = []
|
||||
uni.showToast({
|
||||
title: '记录加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
async fetchChainList() {
|
||||
this.chainLoading = true
|
||||
try {
|
||||
const {data} = await dictDataListByDictReq({dictId: 175})
|
||||
const list = Array.isArray(data) ? data : this.unwrapList(data)
|
||||
const options = [{id: '', text: '全部连锁'}]
|
||||
list
|
||||
.map((item, index) => this.normalizeChainDictOption(item, index))
|
||||
.filter(item => item.id !== '' && item.id !== null && item.id !== undefined)
|
||||
.forEach(item => options.push(item))
|
||||
this.chainOptions = options
|
||||
} catch (error) {
|
||||
this.chainOptions = [{id: '', text: '全部连锁'}]
|
||||
} finally {
|
||||
this.chainLoading = false
|
||||
}
|
||||
},
|
||||
normalizeRecord(item = {}) {
|
||||
const createRaw = item.createTime || item.createdAt || item.date || ''
|
||||
const clockPhotos = this.parseMaybeJson(item.clockPhotos, [])
|
||||
const boothPhotos = this.parseMaybeJson(item.boothPhotos, [])
|
||||
const receiptPhoto = this.parseMaybeJson(item.receiptPhoto, [])
|
||||
const salesGroups = this.parseMaybeJson(item.salesGroups, [])
|
||||
const summaryRaw = this.parseMaybeJson(item.summary, item.summary || '')
|
||||
const summary = typeof summaryRaw === 'string' ? summaryRaw : JSON.stringify(summaryRaw || '')
|
||||
return {
|
||||
id: item.id,
|
||||
merchantId: item.merchantId || item.merchant_id || '',
|
||||
merchantName: item.merchantName || item.merchant_name || '',
|
||||
chainName: item.chainName || item.chain_name || '-',
|
||||
chainIdNormalized: item.chainId || item.chain_id || '',
|
||||
activityTime: item.activityTime || item.activity_time || '',
|
||||
date: item.date || '',
|
||||
status: item.status,
|
||||
reward: item.reward,
|
||||
rating: item.rating,
|
||||
summary,
|
||||
submitTime: this.formatDateTime(createRaw, createRaw || '-'),
|
||||
submitTimestamp: this.parseDateToTimestamp(createRaw),
|
||||
clockImages: this.normalizeMediaList(clockPhotos),
|
||||
boothImages: this.normalizeMediaList(boothPhotos),
|
||||
receiptImages: this.normalizeMediaList(receiptPhoto),
|
||||
salesRows: this.buildSalesRows(salesGroups)
|
||||
}
|
||||
},
|
||||
buildSalesRows(groups) {
|
||||
const rows = []
|
||||
;(Array.isArray(groups) ? groups : []).forEach((group, gIdx) => {
|
||||
const items = Array.isArray(group && group.items) ? group.items : []
|
||||
items.forEach((detail, iIdx) => {
|
||||
rows.push({
|
||||
key: `${gIdx}-${iIdx}`,
|
||||
groupTitle: group && group.title ? group.title : `分组${gIdx + 1}`,
|
||||
name: detail && detail.name ? detail.name : '-',
|
||||
makerAbb: detail && detail.makerAbb ? detail.makerAbb : '',
|
||||
spec: detail && detail.spec ? detail.spec : '',
|
||||
qty: detail && detail.qty !== undefined && detail.qty !== null ? detail.qty : 0,
|
||||
unit: detail && detail.unit ? detail.unit : ''
|
||||
})
|
||||
})
|
||||
})
|
||||
return rows
|
||||
},
|
||||
normalizeMediaList(value) {
|
||||
const list = Array.isArray(value) ? value : []
|
||||
return list.map(item => this.resolveMediaUrl(item)).filter(Boolean)
|
||||
},
|
||||
resolveMediaUrl(media) {
|
||||
if (!media) return ''
|
||||
if (typeof media === 'string') return media
|
||||
return media.url || media.path || media.image || ''
|
||||
},
|
||||
parseMaybeJson(value, fallback) {
|
||||
if (value === null || value === undefined || value === '') return fallback
|
||||
if (typeof value === 'string') {
|
||||
try {
|
||||
return JSON.parse(value)
|
||||
} catch (error) {
|
||||
return fallback
|
||||
}
|
||||
}
|
||||
return value
|
||||
},
|
||||
unwrapList(data) {
|
||||
if (Array.isArray(data)) return data
|
||||
if (!data || typeof data !== 'object') return []
|
||||
const keys = ['list', 'records', 'rows', 'items', 'data', 'result']
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
const value = data[keys[i]]
|
||||
if (Array.isArray(value)) return value
|
||||
if (value && typeof value === 'object') {
|
||||
const nested = this.unwrapList(value)
|
||||
if (nested.length) return nested
|
||||
}
|
||||
}
|
||||
return []
|
||||
},
|
||||
normalizeChainDictOption(item, index) {
|
||||
const text = item.dictDataName || item.label || item.name || item.title || item.text || `连锁${index + 1}`
|
||||
const code = item.dictDataCode ?? item.code ?? item.value ?? ''
|
||||
const value = item.dictDataValue ?? item.value ?? item.code ?? ''
|
||||
const rawId = item.id ?? code ?? value ?? `chain_${index}`
|
||||
return {
|
||||
id: rawId,
|
||||
text,
|
||||
code,
|
||||
value
|
||||
}
|
||||
},
|
||||
matchesSelectedChain(chainId, chainName, selectedId) {
|
||||
if (selectedId === '' || selectedId === null || selectedId === undefined) return true
|
||||
const option = this.chainOptions.find(item => String(item.id) === String(selectedId))
|
||||
if (!option) {
|
||||
return String(chainId ?? '').trim() === String(selectedId).trim()
|
||||
}
|
||||
const selectedValues = [
|
||||
option.id,
|
||||
option.code,
|
||||
option.value,
|
||||
option.text
|
||||
].map(value => String(value ?? '').trim()).filter(Boolean)
|
||||
const itemValues = [
|
||||
chainId,
|
||||
chainName
|
||||
].map(value => String(value ?? '').trim()).filter(Boolean)
|
||||
return itemValues.some(value => selectedValues.includes(value))
|
||||
},
|
||||
parseDateToTimestamp(value) {
|
||||
if (value === null || value === undefined || value === '') return NaN
|
||||
const raw = String(value).trim()
|
||||
if (!raw) return NaN
|
||||
if (/^-?\d+(\.\d+)?$/.test(raw)) {
|
||||
const num = Number(raw)
|
||||
if (!Number.isFinite(num)) return NaN
|
||||
return Math.abs(num) < 1e12 ? num * 1000 : num
|
||||
}
|
||||
const parsed = dayjs(raw)
|
||||
return parsed.isValid() ? parsed.valueOf() : NaN
|
||||
},
|
||||
formatDateTime(value, fallback = '') {
|
||||
if (value === null || value === undefined || value === '') return fallback
|
||||
const raw = String(value).trim()
|
||||
if (!raw) return fallback
|
||||
if (/^-?\d+(\.\d+)?$/.test(raw)) {
|
||||
const num = Number(raw)
|
||||
if (!Number.isFinite(num)) return fallback
|
||||
const parsedNumber = dayjs(Math.abs(num) < 1e12 ? num * 1000 : num)
|
||||
return parsedNumber.isValid() ? parsedNumber.format('YYYY-MM-DD HH:mm:ss') : fallback
|
||||
}
|
||||
const parsed = dayjs(raw)
|
||||
if (parsed.isValid()) return parsed.format('YYYY-MM-DD HH:mm:ss')
|
||||
return raw.replace('T', ' ')
|
||||
},
|
||||
formatPrice(value) {
|
||||
const num = Number(value || 0)
|
||||
return Number.isFinite(num) ? num.toFixed(2) : '0.00'
|
||||
},
|
||||
statusText(status) {
|
||||
if (Number(status) === 0) return '待审核'
|
||||
if (Number(status) === 1) return '已通过'
|
||||
if (Number(status) === 2) return '已驳回'
|
||||
return '-'
|
||||
},
|
||||
statusClass(status) {
|
||||
if (Number(status) === 1) return 'success'
|
||||
if (Number(status) === 2) return 'danger'
|
||||
return 'pending'
|
||||
},
|
||||
changeStatus(value) {
|
||||
this.activeStatus = value
|
||||
},
|
||||
handleQuery() {
|
||||
this.validateDateRange()
|
||||
},
|
||||
async handleReset() {
|
||||
this.activeStatus = 'all'
|
||||
this.filterForm = {
|
||||
chainId: '',
|
||||
merchantKeyword: '',
|
||||
startDate: '',
|
||||
endDate: ''
|
||||
}
|
||||
this.expandedMap = {}
|
||||
},
|
||||
openChainPicker() {
|
||||
this.showChainPicker = true
|
||||
},
|
||||
closeChainPicker() {
|
||||
this.showChainPicker = false
|
||||
},
|
||||
onChainConfirm(e) {
|
||||
const selected = e.value && e.value.length ? e.value[0] : null
|
||||
this.filterForm.chainId = selected ? (selected.id ?? '') : ''
|
||||
this.showChainPicker = false
|
||||
},
|
||||
openDatePicker(type) {
|
||||
if (type === 'start') {
|
||||
this.showStartPicker = true
|
||||
return
|
||||
}
|
||||
this.showEndPicker = true
|
||||
},
|
||||
closeDatePicker(type) {
|
||||
if (type === 'start') {
|
||||
this.showStartPicker = false
|
||||
return
|
||||
}
|
||||
this.showEndPicker = false
|
||||
},
|
||||
onDateConfirm(type, event) {
|
||||
const value = dayjs(event && event.value !== undefined ? event.value : Date.now()).format('YYYY-MM-DD')
|
||||
const prevStartDate = this.filterForm.startDate
|
||||
const prevEndDate = this.filterForm.endDate
|
||||
if (type === 'start') {
|
||||
this.filterForm.startDate = value
|
||||
} else {
|
||||
this.filterForm.endDate = value
|
||||
}
|
||||
if (!this.validateDateRange()) {
|
||||
this.filterForm.startDate = prevStartDate
|
||||
this.filterForm.endDate = prevEndDate
|
||||
return
|
||||
}
|
||||
this.closeDatePicker(type)
|
||||
},
|
||||
validateDateRange() {
|
||||
const {startDate, endDate} = this.filterForm
|
||||
if (!startDate || !endDate) return true
|
||||
const startTs = dayjs(`${startDate} 00:00:00`).valueOf()
|
||||
const endTs = dayjs(`${endDate} 23:59:59`).valueOf()
|
||||
if (startTs <= endTs) return true
|
||||
uni.showToast({
|
||||
title: '开始日期不能晚于结束日期',
|
||||
icon: 'none'
|
||||
})
|
||||
return false
|
||||
},
|
||||
toggleExpanded(id) {
|
||||
this.$set(this.expandedMap, id, !this.expandedMap[id])
|
||||
},
|
||||
isExpanded(id) {
|
||||
return !!this.expandedMap[id]
|
||||
},
|
||||
preview(url, list) {
|
||||
uni.previewImage({
|
||||
current: url,
|
||||
urls: Array.isArray(list) ? list : [url]
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.records-page {
|
||||
min-height: 100vh;
|
||||
background: #f5f5f5;
|
||||
padding-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.subsection {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.status-tabs {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tab {
|
||||
padding: 10rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #f5f8ff;
|
||||
color: #6b7280;
|
||||
font-size: 24rpx;
|
||||
border: 1rpx solid #e1e8f5;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
color: #ffffff;
|
||||
background: #2fc6a7;
|
||||
border-color: #2fc6a7;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.filter-row {
|
||||
margin-top: 14rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.filter-chip {
|
||||
padding: 8rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
color: #2fc6a7;
|
||||
font-size: 22rpx;
|
||||
background: #f3fffb;
|
||||
}
|
||||
|
||||
.keyword-row {
|
||||
margin-top: 14rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
.keyword-input {
|
||||
flex: 1;
|
||||
height: 64rpx;
|
||||
border-radius: 14rpx;
|
||||
border: 1rpx solid #d1d5db;
|
||||
background: #ffffff;
|
||||
padding: 0 16rpx;
|
||||
font-size: 24rpx;
|
||||
color: #374151;
|
||||
}
|
||||
|
||||
.keyword-placeholder {
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
.filter-btn {
|
||||
min-width: 96rpx;
|
||||
height: 64rpx;
|
||||
padding: 0 20rpx;
|
||||
border-radius: 14rpx;
|
||||
border: 1rpx solid #d1d5db;
|
||||
color: #6b7280;
|
||||
font-size: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.filter-btn.primary {
|
||||
border-color: #2fc6a7;
|
||||
background: #2fc6a7;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: #6b7280;
|
||||
text-align: center;
|
||||
padding: 40rpx 0;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.record-card {
|
||||
margin-top: 16rpx;
|
||||
padding: 22rpx;
|
||||
border-radius: 22rpx;
|
||||
background: #ffffff;
|
||||
border: 1rpx solid #eef2f7;
|
||||
box-shadow: 0 8rpx 20rpx rgba(37, 99, 235, 0.06);
|
||||
}
|
||||
|
||||
.record-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 18rpx;
|
||||
}
|
||||
|
||||
.record-title {
|
||||
color: #111827;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.record-sub {
|
||||
margin-top: 8rpx;
|
||||
color: #6b7280;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.status-badge {
|
||||
align-self: flex-start;
|
||||
padding: 8rpx 16rpx;
|
||||
border-radius: 999rpx;
|
||||
font-size: 22rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.status-badge.pending {
|
||||
color: #b45309;
|
||||
background: #fff7ed;
|
||||
}
|
||||
|
||||
.status-badge.success {
|
||||
color: #047857;
|
||||
background: #ecfdf5;
|
||||
}
|
||||
|
||||
.status-badge.danger {
|
||||
color: #dc2626;
|
||||
background: #fef2f2;
|
||||
}
|
||||
|
||||
.record-grid {
|
||||
margin-top: 18rpx;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.record-kv {
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6rpx;
|
||||
}
|
||||
|
||||
.record-label {
|
||||
color: #9ca3af;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.record-value {
|
||||
color: #1f2937;
|
||||
font-size: 24rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
.summary-line {
|
||||
margin-top: 16rpx;
|
||||
color: #4b5563;
|
||||
font-size: 24rpx;
|
||||
line-height: 1.5;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.record-toggle {
|
||||
margin-top: 16rpx;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
color: #2fc6a7;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.record-detail {
|
||||
margin-top: 16rpx;
|
||||
padding-top: 16rpx;
|
||||
border-top: 1rpx solid #eef2f7;
|
||||
}
|
||||
|
||||
.record-section {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.record-section:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.record-section-title {
|
||||
margin-bottom: 12rpx;
|
||||
color: #111827;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.media-images {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.media-image {
|
||||
width: 150rpx;
|
||||
height: 150rpx;
|
||||
border-radius: 14rpx;
|
||||
background: #f3f4f6;
|
||||
}
|
||||
|
||||
.detail-empty {
|
||||
color: #9ca3af;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.sales-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.sales-item {
|
||||
padding: 16rpx;
|
||||
border-radius: 16rpx;
|
||||
background: #f9fafb;
|
||||
}
|
||||
|
||||
.sales-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.sales-name {
|
||||
color: #111827;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.sales-qty {
|
||||
color: #dc2626;
|
||||
font-size: 24rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sales-meta {
|
||||
margin-top: 8rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10rpx;
|
||||
color: #6b7280;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,893 @@
|
||||
<template>
|
||||
<view class="travel-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="差旅报销" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>差旅报销</text>
|
||||
</view>
|
||||
<text class="intro-text">填写出差时间、出发地和目的地，上传凭证后进入审核。</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">新增报销</view>
|
||||
<view class="form">
|
||||
<view class="form-row">
|
||||
<text>开始时间</text>
|
||||
<view class="picker-value" @tap="openDatePicker('startDate')">{{ travelForm.startDate || '点击选择' }}</view>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<text>结束时间</text>
|
||||
<view class="picker-value" @tap="openDatePicker('endDate')">{{ travelForm.endDate || '点击选择' }}</view>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<text>出发地</text>
|
||||
<view class="picker-value" :class="{placeholder: !travelForm.fromProvince}" @tap="openRegionPicker('from')">
|
||||
{{ fromRegionText }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<text>目的地</text>
|
||||
<view class="picker-value" :class="{placeholder: !travelForm.toProvince}" @tap="openRegionPicker('to')">
|
||||
{{ toRegionText }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<text>交通费</text>
|
||||
<input type="number" v-model="travelForm.transportCosts" placeholder="元"/>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<text>住宿费</text>
|
||||
<input type="number" v-model="travelForm.liveCosts" placeholder="元"/>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<text>其他费用</text>
|
||||
<input type="number" v-model="travelForm.otherCosts" placeholder="元"/>
|
||||
</view>
|
||||
<view class="form-row textarea-row">
|
||||
<text>备注</text>
|
||||
<textarea
|
||||
v-model="travelForm.remark"
|
||||
class="remark-input"
|
||||
maxlength="200"
|
||||
auto-height
|
||||
placeholder="请输入备注（选填）"
|
||||
/>
|
||||
</view>
|
||||
<view class="upload" @tap="uploadProof">
|
||||
<view>
|
||||
<view class="upload-title">出差凭证</view>
|
||||
<view class="upload-meta">{{ images.length ? '已上传，点击继续上传' : '点击上传照片' }}</view>
|
||||
</view>
|
||||
<view class="chip">必填</view>
|
||||
</view>
|
||||
<view v-if="images.length" class="proof-list">
|
||||
<view class="proof-item" v-for="(img, idx) in images" :key="`${img}-${idx}`">
|
||||
<image class="proof-image" :src="img" mode="aspectFill"/>
|
||||
<view class="proof-remove" @tap.stop="removeProof(idx)">x</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="primary-btn submit" @tap="submitTravel">提交报销</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">历史报销</view>
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<view v-else-if="travelHistory.length === 0" class="empty">暂无记录</view>
|
||||
<view v-else>
|
||||
<view class="history" v-for="item in travelHistory" :key="item.id">
|
||||
<view class="history-head" @tap="toggleHistoryDetail(item.id)">
|
||||
<view class="history-main">
|
||||
<view class="history-title">{{ item.fromText }} → {{ item.toText }}</view>
|
||||
<view class="history-meta">{{ item.start }} 至 {{ item.end }}</view>
|
||||
</view>
|
||||
<view class="history-side">
|
||||
<view class="history-status" :class="{'pending': item.status === '审核中', 'reject': item.status === '已驳回'}">
|
||||
{{ item.status }}
|
||||
</view>
|
||||
<u-icon name="arrow-right" size="24" color="#9ca3af" :class="['history-arrow', item.expanded ? 'open' : '']"/>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="item.expanded" class="history-detail">
|
||||
<view class="history-meta">交通 ¥{{ item.traffic }} · 住宿 ¥{{ item.hotel }}</view>
|
||||
<view class="history-meta">其他 ¥{{ item.other }}</view>
|
||||
<view class="history-meta">备注：{{ item.remark || '-' }}</view>
|
||||
<view class="history-meta">凭证：</view>
|
||||
<view v-if="item.proofs && item.proofs.length" class="history-proof-list">
|
||||
<view class="history-proof-item" v-for="(proof, proofIdx) in item.proofs" :key="`${item.id}-proof-${proofIdx}`">
|
||||
<image
|
||||
class="history-proof-image"
|
||||
:src="proof"
|
||||
mode="aspectFill"
|
||||
@tap="previewHistoryProof(item.proofs, proofIdx)"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="history-meta">-</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-datetime-picker
|
||||
:show="showStartPicker"
|
||||
:value="startPickerValue"
|
||||
mode="date"
|
||||
@confirm="e => onDateConfirm('startDate', e)"
|
||||
@cancel="closeDatePicker('startDate')"
|
||||
@close="closeDatePicker('startDate')"
|
||||
/>
|
||||
<u-datetime-picker
|
||||
:show="showEndPicker"
|
||||
:value="endPickerValue"
|
||||
mode="date"
|
||||
@confirm="e => onDateConfirm('endDate', e)"
|
||||
@cancel="closeDatePicker('endDate')"
|
||||
@close="closeDatePicker('endDate')"
|
||||
/>
|
||||
|
||||
<view v-if="showRegionPicker" class="form-popup-mask" @tap="cancelRegionPicker"></view>
|
||||
<view v-if="showRegionPicker" class="region-picker-popup card" @tap.stop>
|
||||
<view class="region-picker-head">
|
||||
<view class="region-picker-title">选择{{ activeRegionField === 'from' ? '出发地' : '目的地' }}</view>
|
||||
<view class="region-picker-actions">
|
||||
<view class="region-picker-btn" @tap="cancelRegionPicker">取消</view>
|
||||
<view class="region-picker-btn primary" @tap="confirmRegionPicker">确定</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="areaLoading" class="region-loading">加载中...</view>
|
||||
<picker-view v-else class="picker-view" :value="areaIndex" @change="onAreaPickerChange">
|
||||
<picker-view-column>
|
||||
<view v-for="item in areaColumns.provinces" :key="item.id" class="picker-item">{{ item.name }}</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column>
|
||||
<view v-for="item in areaColumns.cities" :key="item.id" class="picker-item">{{ item.name }}</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column>
|
||||
<view v-for="item in areaColumns.regions" :key="item.id" class="picker-item">{{ item.name }}</view>
|
||||
</picker-view-column>
|
||||
</picker-view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {reimburseAddReq, reimburseUserListReq} from "@/api/reimburse";
|
||||
import {areaListByFidReq} from "@/api/common";
|
||||
import {chooseImg} from "@/util";
|
||||
import dayjs from "dayjs";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
travelForm: this.buildForm(),
|
||||
images: [],
|
||||
travelHistory: [],
|
||||
loading: false,
|
||||
showStartPicker: false,
|
||||
showEndPicker: false,
|
||||
showRegionPicker: false,
|
||||
activeRegionField: 'from',
|
||||
areaLoading: false,
|
||||
areaIndex: [0, 0, 0],
|
||||
areaColumns: {
|
||||
provinces: [],
|
||||
cities: [],
|
||||
regions: []
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
startPickerValue() {
|
||||
return this.travelForm.startDate || Date.now()
|
||||
},
|
||||
endPickerValue() {
|
||||
return this.travelForm.endDate || Date.now()
|
||||
},
|
||||
fromRegionText() {
|
||||
return this.composeRegionText(this.travelForm.fromProvince, this.travelForm.fromCity, this.travelForm.fromRegion) || '请选择出发地'
|
||||
},
|
||||
toRegionText() {
|
||||
return this.composeRegionText(this.travelForm.toProvince, this.travelForm.toCity, this.travelForm.toRegion) || '请选择目的地'
|
||||
}
|
||||
},
|
||||
async onShow() {
|
||||
await this.ensureDefaultProvince()
|
||||
await this.fetchHistory()
|
||||
},
|
||||
methods: {
|
||||
buildForm() {
|
||||
return {
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
fromProvince: '',
|
||||
fromCity: '',
|
||||
fromRegion: '',
|
||||
toProvince: '',
|
||||
toCity: '',
|
||||
toRegion: '',
|
||||
transportCosts: '',
|
||||
liveCosts: '',
|
||||
otherCosts: '',
|
||||
remark: '',
|
||||
images: ''
|
||||
}
|
||||
},
|
||||
composeRegionText(province, city, region) {
|
||||
return [province, city, region].filter(Boolean).join(' ')
|
||||
},
|
||||
getFieldArea(field) {
|
||||
if (field === 'from') {
|
||||
return {
|
||||
province: this.travelForm.fromProvince,
|
||||
city: this.travelForm.fromCity,
|
||||
region: this.travelForm.fromRegion
|
||||
}
|
||||
}
|
||||
return {
|
||||
province: this.travelForm.toProvince,
|
||||
city: this.travelForm.toCity,
|
||||
region: this.travelForm.toRegion
|
||||
}
|
||||
},
|
||||
setFieldArea(field, province, city, region) {
|
||||
if (field === 'from') {
|
||||
this.travelForm.fromProvince = province || ''
|
||||
this.travelForm.fromCity = city || ''
|
||||
this.travelForm.fromRegion = region || ''
|
||||
return
|
||||
}
|
||||
this.travelForm.toProvince = province || ''
|
||||
this.travelForm.toCity = city || ''
|
||||
this.travelForm.toRegion = region || ''
|
||||
},
|
||||
normalizeAreaItem(item) {
|
||||
return {
|
||||
id: item.areaId || item.code || item.value || item.id || null,
|
||||
name: item.name || item.title || item.areaName || item.label || ''
|
||||
}
|
||||
},
|
||||
async fetchAreaListByFid(fid) {
|
||||
const {data} = await areaListByFidReq({fid})
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
return list.map(this.normalizeAreaItem)
|
||||
},
|
||||
findGuangxiProvince(provinces = []) {
|
||||
return provinces.find(item => String(item.name || '').includes('广西')) || null
|
||||
},
|
||||
async buildDefaultArea(provinces = [], preferredProvinceName = '') {
|
||||
let province = null
|
||||
if (preferredProvinceName) {
|
||||
province = provinces.find(item => item.name === preferredProvinceName)
|
||||
}
|
||||
if (!province) {
|
||||
province = this.findGuangxiProvince(provinces) || provinces[0] || null
|
||||
}
|
||||
if (!province) {
|
||||
return {province: '', city: '', region: ''}
|
||||
}
|
||||
const cities = await this.fetchAreaListByFid(province.id)
|
||||
const city = cities[0] || null
|
||||
const regions = city ? await this.fetchAreaListByFid(city.id) : []
|
||||
const region = regions[0] || null
|
||||
return {
|
||||
province: province.name || '',
|
||||
city: city ? city.name : '',
|
||||
region: region ? region.name : ''
|
||||
}
|
||||
},
|
||||
async ensureDefaultProvince() {
|
||||
if (
|
||||
this.travelForm.fromProvince && this.travelForm.fromCity && this.travelForm.fromRegion &&
|
||||
this.travelForm.toProvince && this.travelForm.toCity && this.travelForm.toRegion
|
||||
) {
|
||||
return
|
||||
}
|
||||
try {
|
||||
const provinces = await this.fetchAreaListByFid(0)
|
||||
const fromDefault = await this.buildDefaultArea(provinces, this.travelForm.fromProvince)
|
||||
const toDefault = await this.buildDefaultArea(provinces, this.travelForm.toProvince)
|
||||
if (!this.travelForm.fromProvince) this.travelForm.fromProvince = fromDefault.province
|
||||
if (!this.travelForm.fromCity) this.travelForm.fromCity = fromDefault.city
|
||||
if (!this.travelForm.fromRegion) this.travelForm.fromRegion = fromDefault.region
|
||||
if (!this.travelForm.toProvince) this.travelForm.toProvince = toDefault.province
|
||||
if (!this.travelForm.toCity) this.travelForm.toCity = toDefault.city
|
||||
if (!this.travelForm.toRegion) this.travelForm.toRegion = toDefault.region
|
||||
} catch (err) {
|
||||
if (!this.travelForm.fromProvince) this.travelForm.fromProvince = '广西壮族自治区'
|
||||
if (!this.travelForm.fromCity) this.travelForm.fromCity = ''
|
||||
if (!this.travelForm.fromRegion) this.travelForm.fromRegion = ''
|
||||
if (!this.travelForm.toProvince) this.travelForm.toProvince = '广西壮族自治区'
|
||||
if (!this.travelForm.toCity) this.travelForm.toCity = ''
|
||||
if (!this.travelForm.toRegion) this.travelForm.toRegion = ''
|
||||
}
|
||||
},
|
||||
async initAreaColumns(field) {
|
||||
this.areaLoading = true
|
||||
try {
|
||||
const provinces = await this.fetchAreaListByFid(0)
|
||||
this.areaColumns.provinces = provinces
|
||||
const current = this.getFieldArea(field)
|
||||
const defaultProvince = this.findGuangxiProvince(provinces)
|
||||
let provinceIndex = provinces.findIndex(item => item.name === current.province)
|
||||
if (provinceIndex < 0 && current.province) {
|
||||
provinceIndex = provinces.findIndex(item => current.province.includes(item.name) || item.name.includes(current.province))
|
||||
}
|
||||
if (provinceIndex < 0 && defaultProvince) {
|
||||
provinceIndex = provinces.findIndex(item => item.id === defaultProvince.id)
|
||||
}
|
||||
if (provinceIndex < 0) provinceIndex = 0
|
||||
const province = provinces[provinceIndex]
|
||||
const cities = province ? await this.fetchAreaListByFid(province.id) : []
|
||||
this.areaColumns.cities = cities
|
||||
let cityIndex = cities.findIndex(item => item.name === current.city)
|
||||
if (cityIndex < 0) cityIndex = 0
|
||||
const city = cities[cityIndex]
|
||||
const regions = city ? await this.fetchAreaListByFid(city.id) : []
|
||||
this.areaColumns.regions = regions
|
||||
let regionIndex = regions.findIndex(item => item.name === current.region)
|
||||
if (regionIndex < 0) regionIndex = 0
|
||||
this.areaIndex = [provinceIndex, cityIndex, regionIndex]
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '地区加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.areaLoading = false
|
||||
}
|
||||
},
|
||||
async updateCitiesByProvince(provinceIndex) {
|
||||
const province = this.areaColumns.provinces[provinceIndex]
|
||||
this.areaColumns.cities = province ? await this.fetchAreaListByFid(province.id) : []
|
||||
this.areaColumns.regions = []
|
||||
this.areaIndex = [provinceIndex, 0, 0]
|
||||
await this.updateRegionsByCity(provinceIndex, 0)
|
||||
},
|
||||
async updateRegionsByCity(provinceIndex, cityIndex) {
|
||||
const city = this.areaColumns.cities[cityIndex]
|
||||
this.areaColumns.regions = city ? await this.fetchAreaListByFid(city.id) : []
|
||||
this.areaIndex = [provinceIndex, cityIndex, 0]
|
||||
},
|
||||
async openRegionPicker(field) {
|
||||
this.activeRegionField = field
|
||||
this.showRegionPicker = true
|
||||
await this.initAreaColumns(field)
|
||||
},
|
||||
cancelRegionPicker() {
|
||||
this.showRegionPicker = false
|
||||
},
|
||||
confirmRegionPicker() {
|
||||
const [pIndex, cIndex, rIndex] = this.areaIndex
|
||||
const province = this.areaColumns.provinces[pIndex]
|
||||
const city = this.areaColumns.cities[cIndex]
|
||||
const region = this.areaColumns.regions[rIndex]
|
||||
this.setFieldArea(this.activeRegionField, province ? province.name : '', city ? city.name : '', region ? region.name : '')
|
||||
this.showRegionPicker = false
|
||||
},
|
||||
async onAreaPickerChange(e) {
|
||||
const value = e.detail.value || [0, 0, 0]
|
||||
const [pIndex, cIndex] = value
|
||||
const [prevP, prevC] = this.areaIndex
|
||||
if (pIndex !== prevP) {
|
||||
await this.updateCitiesByProvince(pIndex)
|
||||
return
|
||||
}
|
||||
if (cIndex !== prevC) {
|
||||
await this.updateRegionsByCity(pIndex, cIndex)
|
||||
return
|
||||
}
|
||||
this.areaIndex = value
|
||||
},
|
||||
async uploadProof() {
|
||||
const remain = 9 - this.images.length
|
||||
if (remain <= 0) return
|
||||
const res = await chooseImg(remain)
|
||||
this.images = [
|
||||
...this.images,
|
||||
...res.map(i => i.path)
|
||||
]
|
||||
},
|
||||
removeProof(idx) {
|
||||
this.images.splice(idx, 1)
|
||||
},
|
||||
async submitTravel() {
|
||||
if (
|
||||
!this.travelForm.startDate ||
|
||||
!this.travelForm.endDate ||
|
||||
!this.travelForm.fromProvince || !this.travelForm.fromCity || !this.travelForm.fromRegion ||
|
||||
!this.travelForm.toProvince || !this.travelForm.toCity || !this.travelForm.toRegion ||
|
||||
!this.images.length
|
||||
) {
|
||||
uni.showToast({
|
||||
title: '请填写必填项并上传凭证',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const start = dayjs(this.travelForm.startDate)
|
||||
const end = dayjs(this.travelForm.endDate)
|
||||
if (start.isValid() && end.isValid() && end.isBefore(start, 'day')) {
|
||||
uni.showToast({
|
||||
title: '结束时间不能早于开始时间',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const fromText = this.composeRegionText(this.travelForm.fromProvince, this.travelForm.fromCity, this.travelForm.fromRegion)
|
||||
const toText = this.composeRegionText(this.travelForm.toProvince, this.travelForm.toCity, this.travelForm.toRegion)
|
||||
try {
|
||||
await reimburseAddReq({
|
||||
startDate: this.travelForm.startDate,
|
||||
endDate: this.travelForm.endDate,
|
||||
fromProvince: this.travelForm.fromProvince,
|
||||
fromCity: this.travelForm.fromCity,
|
||||
fromRegion: this.travelForm.fromRegion,
|
||||
departureProvince: this.travelForm.fromProvince,
|
||||
departureCity: this.travelForm.fromCity,
|
||||
departureRegion: this.travelForm.fromRegion,
|
||||
departure: fromText,
|
||||
toProvince: this.travelForm.toProvince,
|
||||
toCity: this.travelForm.toCity,
|
||||
toRegion: this.travelForm.toRegion,
|
||||
destinationProvince: this.travelForm.toProvince,
|
||||
destinationCity: this.travelForm.toCity,
|
||||
destinationRegion: this.travelForm.toRegion,
|
||||
destination: toText,
|
||||
city: toText,
|
||||
transportCosts: this.travelForm.transportCosts,
|
||||
liveCosts: this.travelForm.liveCosts,
|
||||
otherCosts: this.travelForm.otherCosts,
|
||||
remark: this.travelForm.remark,
|
||||
images: JSON.stringify(this.images)
|
||||
})
|
||||
uni.showToast({
|
||||
title: '报销已提交审核',
|
||||
icon: 'success'
|
||||
})
|
||||
const keepFromProvince = this.travelForm.fromProvince
|
||||
const keepFromCity = this.travelForm.fromCity
|
||||
const keepFromRegion = this.travelForm.fromRegion
|
||||
const keepToProvince = this.travelForm.toProvince
|
||||
const keepToCity = this.travelForm.toCity
|
||||
const keepToRegion = this.travelForm.toRegion
|
||||
this.travelForm = this.buildForm()
|
||||
this.travelForm.fromProvince = keepFromProvince
|
||||
this.travelForm.fromCity = keepFromCity
|
||||
this.travelForm.fromRegion = keepFromRegion
|
||||
this.travelForm.toProvince = keepToProvince
|
||||
this.travelForm.toCity = keepToCity
|
||||
this.travelForm.toRegion = keepToRegion
|
||||
this.images = []
|
||||
await this.fetchHistory()
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '提交失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
async fetchHistory() {
|
||||
this.loading = true
|
||||
try {
|
||||
const {data} = await reimburseUserListReq()
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.travelHistory = list.map(this.normalizeHistory)
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
normalizeHistory(item) {
|
||||
const statusValue = Number(item.status)
|
||||
let statusLabel = '待审核'
|
||||
if (statusValue === 0) statusLabel = '审核中'
|
||||
if (statusValue === 1) statusLabel = '已通过'
|
||||
if (statusValue === 2) statusLabel = '已驳回'
|
||||
const fromProvince = item.fromProvince || item.departureProvince || item.startProvince || ''
|
||||
const fromCity = item.fromCity || item.departureCity || item.startCity || ''
|
||||
const fromRegion = item.fromRegion || item.departureRegion || item.startRegion || ''
|
||||
const toProvince = item.toProvince || item.destinationProvince || ''
|
||||
const toCity = item.toCity || item.destinationCity || ''
|
||||
const toRegion = item.toRegion || item.destinationRegion || ''
|
||||
const fromText = this.composeRegionText(fromProvince, fromCity, fromRegion) || item.departure || item.from || '-'
|
||||
const toText = this.composeRegionText(toProvince, toCity, toRegion) || item.city || item.destination || '-'
|
||||
const proofs = this.parseHistoryProofs(item.images || item.image || item.proof || item.proofs || item.receiptPhoto || item.receiptPhotos)
|
||||
return {
|
||||
id: item.id,
|
||||
start: item.startDate || item.beginDate || '',
|
||||
end: item.endDate || '',
|
||||
fromText,
|
||||
toText,
|
||||
traffic: item.transportCosts || 0,
|
||||
hotel: item.liveCosts || 0,
|
||||
other: item.otherCosts || 0,
|
||||
remark: item.remark || item.note || item.memo || '',
|
||||
proofs,
|
||||
status: statusLabel,
|
||||
expanded: false
|
||||
}
|
||||
},
|
||||
parseHistoryProofs(value) {
|
||||
if (value === null || value === undefined || value === '') return []
|
||||
if (Array.isArray(value)) {
|
||||
return value
|
||||
.map(item => {
|
||||
if (!item) return ''
|
||||
if (typeof item === 'string') return item
|
||||
return item.url || item.path || item.image || item.img || ''
|
||||
})
|
||||
.filter(Boolean)
|
||||
}
|
||||
if (typeof value === 'object') {
|
||||
const url = value.url || value.path || value.image || value.img
|
||||
return url ? [url] : []
|
||||
}
|
||||
const text = String(value).trim()
|
||||
if (!text) return []
|
||||
if (text.startsWith('[') || text.startsWith('{')) {
|
||||
try {
|
||||
return this.parseHistoryProofs(JSON.parse(text))
|
||||
} catch (err) {
|
||||
}
|
||||
}
|
||||
if (text.includes(',')) {
|
||||
return text.split(',').map(item => item.trim()).filter(Boolean)
|
||||
}
|
||||
return [text]
|
||||
},
|
||||
previewHistoryProof(list = [], index = 0) {
|
||||
if (!Array.isArray(list) || list.length === 0) return
|
||||
uni.previewImage({
|
||||
urls: list,
|
||||
current: list[index] || list[0]
|
||||
})
|
||||
},
|
||||
toggleHistoryDetail(id) {
|
||||
this.travelHistory = this.travelHistory.map(item => {
|
||||
if (item.id !== id) return item
|
||||
return {
|
||||
...item,
|
||||
expanded: !item.expanded
|
||||
}
|
||||
})
|
||||
},
|
||||
openDatePicker(field) {
|
||||
if (field === 'startDate') this.showStartPicker = true
|
||||
if (field === 'endDate') this.showEndPicker = true
|
||||
},
|
||||
closeDatePicker(field) {
|
||||
if (field === 'startDate') this.showStartPicker = false
|
||||
if (field === 'endDate') this.showEndPicker = false
|
||||
},
|
||||
onDateConfirm(field, e) {
|
||||
const value = dayjs(e.value).format('YYYY-MM-DD')
|
||||
this.travelForm[field] = value
|
||||
this.closeDatePicker(field)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.travel-page {
|
||||
min-height: 100vh;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.form-row input {
|
||||
text-align: right;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.picker-value {
|
||||
color: var(--text-main);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.picker-value.placeholder {
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.textarea-row {
|
||||
align-items: flex-start;
|
||||
padding-top: 14rpx;
|
||||
}
|
||||
|
||||
.remark-input {
|
||||
flex: 1;
|
||||
min-height: 100rpx;
|
||||
text-align: right;
|
||||
font-size: 26rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.upload {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.upload-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.upload-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.proof-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.proof-item {
|
||||
position: relative;
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.proof-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.proof-remove {
|
||||
position: absolute;
|
||||
top: 8rpx;
|
||||
right: 8rpx;
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
color: #ffffff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 22rpx;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin-top: 12rpx;
|
||||
padding: 14rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.history {
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.history:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.history-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.history-main {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.history-side {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
}
|
||||
|
||||
.history-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.history-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.history-status {
|
||||
color: var(--brand-primary);
|
||||
font-weight: 700;
|
||||
margin: 8rpx 0;
|
||||
}
|
||||
|
||||
.history-status.pending {
|
||||
color: #ff8354;
|
||||
}
|
||||
|
||||
.history-status.reject {
|
||||
color: #ff3b30;
|
||||
}
|
||||
|
||||
.history-arrow {
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
||||
.history-arrow.open {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.history-detail {
|
||||
margin-top: 8rpx;
|
||||
padding: 8rpx 10rpx;
|
||||
border-radius: 12rpx;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.history-proof-list {
|
||||
margin-top: 8rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
.history-proof-item {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.history-proof-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
|
||||
.form-popup-mask {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.region-picker-popup {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 40rpx;
|
||||
transform: translateX(-50%);
|
||||
width: calc(100vw - 40rpx);
|
||||
max-height: 80vh;
|
||||
z-index: 31;
|
||||
border-radius: 18rpx;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.region-picker-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 12rpx;
|
||||
background: #f6f8fc;
|
||||
}
|
||||
|
||||
.region-picker-title {
|
||||
font-size: 24rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.region-picker-actions {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.region-picker-btn {
|
||||
font-size: 24rpx;
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.region-picker-btn.primary {
|
||||
color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.region-loading {
|
||||
padding: 16rpx 0;
|
||||
text-align: center;
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.picker-view {
|
||||
height: 360rpx;
|
||||
}
|
||||
|
||||
.picker-item {
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
</style>
|
||||
+271
@@ -0,0 +1,271 @@
|
||||
{
|
||||
"pages": [
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "药动销",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/exchange/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "药兑换",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/share/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "药分享",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/share/mine",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的分享",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/share/detail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "分享详情",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/share/create",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我要分享",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/performance/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "团队业绩",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/mine/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/mine/profile",
|
||||
"style": {
|
||||
"navigationBarTitleText": "用户资料",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/auth/login",
|
||||
"style": {
|
||||
"navigationBarTitleText": "微信快捷登录",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/task/detail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "任务详情",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/certification/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "身份认证",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/visit/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "培训拜访",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/cart/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "购物车",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/product/detail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "商品详情",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/order/checkout",
|
||||
"style": {
|
||||
"navigationBarTitleText": "订单结算",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/order/list",
|
||||
"style": {
|
||||
"navigationBarTitleText": "订单列表",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/order/detail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "订单详情",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/bonus/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "记录",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/bonus/withdraw",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提现",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/bonus/withdraw-record",
|
||||
"style": {
|
||||
"navigationBarTitleText": "提现记录",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/audit/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "药审核",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
],
|
||||
"subPackages": [
|
||||
{
|
||||
"root": "packageUser",
|
||||
"pages": [
|
||||
{
|
||||
"path": "self-report/create",
|
||||
"style": {
|
||||
"navigationBarTitleText": "自主填报",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "self-report/records",
|
||||
"style": {
|
||||
"navigationBarTitleText": "填报记录",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "coupon/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "领券中心",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "points/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "我的积分",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "travel/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "差旅报销",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "address/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "收货地址管理",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "chronic/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "慢病管理",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "chronic/manage",
|
||||
"style": {
|
||||
"navigationBarTitleText": "慢病信息管理",
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"tabBar": {
|
||||
"color": "#6b7a90",
|
||||
"selectedColor": "#2fc6a7",
|
||||
"borderStyle": "black",
|
||||
"backgroundColor": "#ffffff",
|
||||
"list": [
|
||||
{
|
||||
"pagePath": "pages/index/index",
|
||||
"iconPath": "static/tabbar/home.png",
|
||||
"selectedIconPath": "static/tabbar/home-active.png",
|
||||
"text": "药动销"
|
||||
},
|
||||
// {
|
||||
// "pagePath": "pages/exchange/index",
|
||||
// "iconPath": "static/tabbar/switch.png",
|
||||
// "selectedIconPath": "static/tabbar/switch-active.png",
|
||||
// "text": "药兑换"
|
||||
// },
|
||||
{
|
||||
"pagePath": "pages/share/index",
|
||||
"iconPath": "static/tabbar/share.png",
|
||||
"selectedIconPath": "static/tabbar/share-active.png",
|
||||
"text": "药分享"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/performance/index",
|
||||
"iconPath": "static/tabbar/group.png",
|
||||
"selectedIconPath": "static/tabbar/group-active.png",
|
||||
"text": "团队业绩"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/mine/index",
|
||||
"iconPath": "static/tabbar/user.png",
|
||||
"selectedIconPath": "static/tabbar/user-active.png",
|
||||
"text": "我的"
|
||||
}
|
||||
]
|
||||
},
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "药小二",
|
||||
"navigationBarBackgroundColor": "#ffffff",
|
||||
"backgroundColor": "#f4f7fb"
|
||||
},
|
||||
"uniIdRouter": {}
|
||||
}
|
||||
@@ -0,0 +1,344 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="record">
|
||||
<view>
|
||||
<view class="record-meta" @click="goDetail" v-if="item.taskTitle">任务：{{ item.taskTitle }}</view>
|
||||
<view class="record-meta" @click="goDetail" v-if="item.chainName && item.chainName !== '-'">连锁：{{ item.chainName }}</view>
|
||||
<view class="record-meta" @click="goDetail" v-if="item.merchantName">门店：{{ item.merchantName }}</view>
|
||||
<view class="record-meta" @click="goDetail">提交人：{{ item.owner }} · {{ item.submitTime }}</view>
|
||||
<view v-if="item.imageList && item.imageList.length" class="record-media">
|
||||
<view v-if="item.imageList && item.imageList.length" class="media-images">
|
||||
<image
|
||||
v-for="(img, idx) in item.imageList"
|
||||
:key="idx"
|
||||
class="media-image"
|
||||
:src="resolveMediaUrl(img)"
|
||||
mode="aspectFill"
|
||||
@click="emitPreview(resolveMediaUrl(img), buildPreviewList(item.imageList))"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="record-actions" v-if="item.status === 1">
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="$emit('approve', item)">通过</view>
|
||||
</view>
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p danger-chip" @tap="$emit('reject', item)">驳回</view>
|
||||
</view>
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="openCopyPopup">抄送</view>
|
||||
</view>
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="goDetail">查看详情</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="record-actions" v-if="item.status === 3">
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="openCopyPopup">抄送</view>
|
||||
</view>
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="goDetail">查看详情</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="showCopyPopup" class="copy-popup-mask" @tap="closeCopyPopup" @touchmove.stop.prevent></view>
|
||||
<view v-if="showCopyPopup" class="copy-popup card" @tap.stop>
|
||||
<view class="copy-popup-head">
|
||||
<view class="section-title">抄送</view>
|
||||
<view class="close-btn" @tap="closeCopyPopup">关闭</view>
|
||||
</view>
|
||||
<view class="copy-search-row">
|
||||
<input
|
||||
v-model="copyKeyword"
|
||||
class="copy-search-input"
|
||||
type="text"
|
||||
placeholder="输入姓名/手机号搜索用户"
|
||||
@confirm="searchCopyUsers"
|
||||
/>
|
||||
<view class="copy-search-btn" @tap="searchCopyUsers">搜索</view>
|
||||
</view>
|
||||
<view v-if="copySearching" class="copy-loading">搜索中...</view>
|
||||
<scroll-view v-else class="copy-user-list" scroll-y>
|
||||
<view
|
||||
v-for="user in copyUsers"
|
||||
:key="`copy-user-${user.id}`"
|
||||
:class="['copy-user-item', selectedCopyUserId === user.id ? 'copy-user-item-active' : '']"
|
||||
@tap="selectedCopyUserId = user.id"
|
||||
>
|
||||
<text class="copy-user-name">{{ user.label }}</text>
|
||||
<text class="copy-user-phone">{{ user.phone || '' }}</text>
|
||||
</view>
|
||||
<view v-if="copyUsers.length === 0" class="copy-empty">暂无用户</view>
|
||||
</scroll-view>
|
||||
<view class="primary-btn copy-submit" @tap="submitCopy">确认抄送</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {userSearchReq} from "@/api/user";
|
||||
import {copyUserTaskReq} from "@/api/task";
|
||||
|
||||
export default {
|
||||
name: 'AuditMovementItem',
|
||||
props: {
|
||||
item: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showCopyPopup: false,
|
||||
copyKeyword: '',
|
||||
copyUsers: [],
|
||||
copySearching: false,
|
||||
selectedCopyUserId: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
emitPreview(url, list) {
|
||||
this.$emit('preview', url, list)
|
||||
},
|
||||
resolveMediaUrl(media) {
|
||||
if (!media) return ''
|
||||
if (typeof media === 'string') return media
|
||||
return media.url || media.path || media.image || ''
|
||||
},
|
||||
buildPreviewList(list) {
|
||||
const items = Array.isArray(list) ? list : []
|
||||
return items.map(item => this.resolveMediaUrl(item)).filter(Boolean)
|
||||
},
|
||||
goDetail() {
|
||||
const taskId = this.item.taskId
|
||||
if (taskId === '' || taskId === null || taskId === undefined) {
|
||||
uni.showToast({
|
||||
title: '任务ID缺失',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const title = this.item.merchantName || this.item.taskTitle || ''
|
||||
const reward = this.item.taskReward !== undefined && this.item.taskReward !== null ? this.item.taskReward : ''
|
||||
const target = this.item.taskTarget || ''
|
||||
let url = `/pages/task/detail?id=${taskId}`
|
||||
url += `&fromAudit=1`
|
||||
if (this.item.id !== undefined && this.item.id !== null && this.item.id !== '') {
|
||||
url += `&auditId=${encodeURIComponent(String(this.item.id))}`
|
||||
}
|
||||
if (this.item.taskId !== undefined && this.item.taskId !== null && this.item.taskId !== '') {
|
||||
url += `&auditTaskId=${encodeURIComponent(String(this.item.taskId))}`
|
||||
}
|
||||
if (this.item.userId !== undefined && this.item.userId !== null && this.item.userId !== '') {
|
||||
url += `&auditUserId=${encodeURIComponent(String(this.item.userId))}`
|
||||
}
|
||||
if (this.item.status !== undefined && this.item.status !== null && this.item.status !== '') {
|
||||
url += `&auditStatus=${encodeURIComponent(String(this.item.status))}`
|
||||
}
|
||||
if (title) url += `&title=${encodeURIComponent(title)}`
|
||||
if (reward !== '') url += `&reward=${encodeURIComponent(String(reward))}`
|
||||
if (target) url += `&target=${encodeURIComponent(target)}`
|
||||
uni.navigateTo({url})
|
||||
},
|
||||
unwrapList(data) {
|
||||
if (Array.isArray(data)) return data
|
||||
if (!data || typeof data !== 'object') return []
|
||||
const keys = ['list', 'records', 'rows', 'items', 'data', 'result']
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
if (Array.isArray(data[keys[i]])) return data[keys[i]]
|
||||
}
|
||||
return []
|
||||
},
|
||||
normalizeUser(item) {
|
||||
const id = item.id ?? item.userId ?? item.uid
|
||||
const nickname = item.nickname || item.nickName || ''
|
||||
const realName = item.realName || item.real_name || item.name || ''
|
||||
const phone = item.phone || item.mobile || item.tel || ''
|
||||
const label = realName || nickname || phone || `用户${id || ''}`
|
||||
return {
|
||||
id,
|
||||
label,
|
||||
phone
|
||||
}
|
||||
},
|
||||
openCopyPopup() {
|
||||
this.copyKeyword = ''
|
||||
this.copyUsers = []
|
||||
this.selectedCopyUserId = ''
|
||||
this.showCopyPopup = true
|
||||
},
|
||||
closeCopyPopup() {
|
||||
this.showCopyPopup = false
|
||||
},
|
||||
async searchCopyUsers() {
|
||||
const keyword = (this.copyKeyword || '').trim()
|
||||
if (!keyword) {
|
||||
uni.showToast({
|
||||
title: '请输入keyword',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.copySearching = true
|
||||
try {
|
||||
const {data} = await userSearchReq({
|
||||
keywords: keyword
|
||||
})
|
||||
const list = this.unwrapList(data)
|
||||
this.copyUsers = list
|
||||
.map(item => this.normalizeUser(item))
|
||||
.filter(item => item.id !== undefined && item.id !== null && String(item.id).trim() !== '')
|
||||
this.selectedCopyUserId = this.copyUsers[0] ? this.copyUsers[0].id : ''
|
||||
} catch (error) {
|
||||
this.copyUsers = []
|
||||
uni.showToast({
|
||||
title: '搜索失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.copySearching = false
|
||||
}
|
||||
},
|
||||
async submitCopy() {
|
||||
const targetUserId = this.selectedCopyUserId
|
||||
if (targetUserId === '' || targetUserId === null || targetUserId === undefined) {
|
||||
uni.showToast({
|
||||
title: '请选择用户',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
try {
|
||||
await copyUserTaskReq({
|
||||
id: this.item.id,
|
||||
taskId: this.item.taskId,
|
||||
sourceUserId: this.item.userId,
|
||||
userId: targetUserId,
|
||||
isCopy: 1
|
||||
})
|
||||
uni.showToast({
|
||||
title: '抄送成功',
|
||||
icon: 'success'
|
||||
})
|
||||
this.closeCopyPopup()
|
||||
this.$emit('copied')
|
||||
} catch (error) {
|
||||
uni.showToast({
|
||||
title: '抄送失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './record.scss';
|
||||
|
||||
.copy-popup-mask {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.copy-popup {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 40rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 88%;
|
||||
max-height: 70vh;
|
||||
overflow: auto;
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.copy-popup-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.copy-search-row {
|
||||
display: flex;
|
||||
gap: 10rpx;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.copy-search-input {
|
||||
flex: 1;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
border-radius: 12rpx;
|
||||
background: #f3f4f6;
|
||||
padding: 0 16rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.copy-search-btn {
|
||||
min-width: 110rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 12rpx;
|
||||
background: var(--brand-primary);
|
||||
color: #ffffff;
|
||||
font-size: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.copy-loading,
|
||||
.copy-empty {
|
||||
margin-top: 14rpx;
|
||||
font-size: 24rpx;
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.copy-user-list {
|
||||
margin-top: 14rpx;
|
||||
max-height: 420rpx;
|
||||
}
|
||||
|
||||
.copy-user-item {
|
||||
padding: 12rpx;
|
||||
border-radius: 12rpx;
|
||||
background: #f9fafb;
|
||||
margin-bottom: 10rpx;
|
||||
border: 1rpx solid #e5e7eb;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.copy-user-item-active {
|
||||
border-color: var(--brand-primary);
|
||||
background: #ecfdf5;
|
||||
}
|
||||
|
||||
.copy-user-name {
|
||||
font-size: 26rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.copy-user-phone {
|
||||
font-size: 22rpx;
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.copy-submit {
|
||||
margin-top: 14rpx;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,348 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="record">
|
||||
<view>
|
||||
<view class="record-meta" @click="goDetail" v-if="item.taskTitle">任务：{{ item.taskTitle }}</view>
|
||||
<view class="record-meta" @click="goDetail" v-if="item.chainName && item.chainName !== '-'">连锁：{{ item.chainName }}</view>
|
||||
<view class="record-meta" @click="goDetail" v-if="item.merchantName">门店：{{ item.merchantName }}</view>
|
||||
<view class="record-meta" @click="goDetail">提交人：{{ item.owner }} · {{ item.submitTime }}</view>
|
||||
<view v-if="item.imageList && item.imageList.length" class="record-media">
|
||||
<view v-if="item.imageList && item.imageList.length" class="media-images">
|
||||
<image
|
||||
v-for="(img, idx) in item.imageList"
|
||||
:key="idx"
|
||||
class="media-image"
|
||||
:src="resolveMediaUrl(img)"
|
||||
mode="aspectFill"
|
||||
@click="emitPreview(resolveMediaUrl(img), buildPreviewList(item.imageList))"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="record-actions" v-if="item.status === 1">
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="$emit('approve', item)">通过</view>
|
||||
</view>
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p danger-chip" @tap="$emit('reject', item)">驳回</view>
|
||||
</view>
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="openCopyPopup">抄送</view>
|
||||
</view>
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="goDetail">查看详情</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="record-actions" v-if="item.status === 3">
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="openCopyPopup">抄送</view>
|
||||
</view>
|
||||
<view class="flex-1 mx-15">
|
||||
<view class="chip w-90p" @tap="goDetail">查看详情</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="showCopyPopup" class="copy-popup-mask" @tap="closeCopyPopup" @touchmove.stop.prevent></view>
|
||||
<view v-if="showCopyPopup" class="copy-popup card" @tap.stop>
|
||||
<view class="copy-popup-head">
|
||||
<view class="section-title">抄送</view>
|
||||
<view class="close-btn" @tap="closeCopyPopup">关闭</view>
|
||||
</view>
|
||||
<view class="copy-search-row">
|
||||
<input
|
||||
v-model="copyKeyword"
|
||||
class="copy-search-input"
|
||||
type="text"
|
||||
placeholder="输入姓名/手机号搜索用户"
|
||||
@confirm="searchCopyUsers"
|
||||
/>
|
||||
<view class="copy-search-btn" @tap="searchCopyUsers">搜索</view>
|
||||
</view>
|
||||
<view v-if="copySearching" class="copy-loading">搜索中...</view>
|
||||
<scroll-view v-else class="copy-user-list" scroll-y>
|
||||
<view
|
||||
v-for="user in copyUsers"
|
||||
:key="`copy-user-${user.id}`"
|
||||
:class="['copy-user-item', selectedCopyUserId === user.id ? 'copy-user-item-active' : '']"
|
||||
@tap="selectedCopyUserId = user.id"
|
||||
>
|
||||
<text class="copy-user-name">{{ user.label }}</text>
|
||||
<text class="copy-user-phone">{{ user.phone || '' }}</text>
|
||||
</view>
|
||||
<view v-if="copyUsers.length === 0" class="copy-empty">暂无用户</view>
|
||||
</scroll-view>
|
||||
<view class="primary-btn copy-submit" @tap="submitCopy">确认抄送</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {userSearchReq} from "@/api/user";
|
||||
import {copyUserTaskReq} from "@/api/task";
|
||||
|
||||
export default {
|
||||
name: 'AuditStoreVisitItem',
|
||||
props: {
|
||||
item: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showCopyPopup: false,
|
||||
copyKeyword: '',
|
||||
copyUsers: [],
|
||||
copySearching: false,
|
||||
selectedCopyUserId: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
emitPreview(url, list) {
|
||||
this.$emit('preview', url, list)
|
||||
},
|
||||
resolveMediaUrl(media) {
|
||||
if (!media) return ''
|
||||
if (typeof media === 'string') return media
|
||||
return media.url || media.path || media.image || ''
|
||||
},
|
||||
buildPreviewList(list) {
|
||||
const items = Array.isArray(list) ? list : []
|
||||
return items.map(item => this.resolveMediaUrl(item)).filter(Boolean)
|
||||
},
|
||||
goDetail() {
|
||||
const taskId = this.item.taskId
|
||||
if (taskId === '' || taskId === null || taskId === undefined) {
|
||||
uni.showToast({
|
||||
title: '任务ID缺失',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const title = this.item.merchantName || this.item.taskTitle || ''
|
||||
const reward = this.item.taskReward !== undefined && this.item.taskReward !== null ? this.item.taskReward : ''
|
||||
const target = this.item.taskTarget || ''
|
||||
let url = `/pages/task/detail?id=${taskId}`
|
||||
url += `&fromAudit=1`
|
||||
if (this.item.id !== undefined && this.item.id !== null && this.item.id !== '') {
|
||||
url += `&auditId=${encodeURIComponent(String(this.item.id))}`
|
||||
}
|
||||
if (this.item.taskId !== undefined && this.item.taskId !== null && this.item.taskId !== '') {
|
||||
url += `&auditTaskId=${encodeURIComponent(String(this.item.taskId))}`
|
||||
}
|
||||
if (this.item.userId !== undefined && this.item.userId !== null && this.item.userId !== '') {
|
||||
url += `&auditUserId=${encodeURIComponent(String(this.item.userId))}`
|
||||
}
|
||||
if (this.item.status !== undefined && this.item.status !== null && this.item.status !== '') {
|
||||
url += `&auditStatus=${encodeURIComponent(String(this.item.status))}`
|
||||
}
|
||||
if (title) url += `&title=${encodeURIComponent(title)}`
|
||||
if (reward !== '') url += `&reward=${encodeURIComponent(String(reward))}`
|
||||
if (target) url += `&target=${encodeURIComponent(target)}`
|
||||
uni.navigateTo({url})
|
||||
},
|
||||
unwrapList(data) {
|
||||
if (Array.isArray(data)) return data
|
||||
if (!data || typeof data !== 'object') return []
|
||||
const keys = ['list', 'records', 'rows', 'items', 'data', 'result']
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
if (Array.isArray(data[keys[i]])) return data[keys[i]]
|
||||
}
|
||||
return []
|
||||
},
|
||||
normalizeUser(item) {
|
||||
const id = item.id ?? item.userId ?? item.uid
|
||||
const nickname = item.nickname || item.nickName || ''
|
||||
const realName = item.realName || item.real_name || item.name || ''
|
||||
const phone = item.phone || item.mobile || item.tel || ''
|
||||
const label = realName || nickname || phone || `用户${id || ''}`
|
||||
return {
|
||||
id,
|
||||
label,
|
||||
phone
|
||||
}
|
||||
},
|
||||
openCopyPopup() {
|
||||
this.copyKeyword = ''
|
||||
this.copyUsers = []
|
||||
this.selectedCopyUserId = ''
|
||||
this.showCopyPopup = true
|
||||
},
|
||||
closeCopyPopup() {
|
||||
this.showCopyPopup = false
|
||||
},
|
||||
async searchCopyUsers() {
|
||||
const keyword = (this.copyKeyword || '').trim()
|
||||
if (!keyword) {
|
||||
uni.showToast({
|
||||
title: '请输入keyword',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.copySearching = true
|
||||
try {
|
||||
const {data} = await userSearchReq({
|
||||
keywords: keyword
|
||||
})
|
||||
const list = this.unwrapList(data)
|
||||
this.copyUsers = list
|
||||
.map(item => this.normalizeUser(item))
|
||||
.filter(item => item.id !== undefined && item.id !== null && String(item.id).trim() !== '')
|
||||
this.selectedCopyUserId = this.copyUsers[0] ? this.copyUsers[0].id : ''
|
||||
} catch (error) {
|
||||
this.copyUsers = []
|
||||
uni.showToast({
|
||||
title: '搜索失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.copySearching = false
|
||||
}
|
||||
},
|
||||
async submitCopy() {
|
||||
const targetUserId = this.selectedCopyUserId
|
||||
if (targetUserId === '' || targetUserId === null || targetUserId === undefined) {
|
||||
uni.showToast({
|
||||
title: '请选择用户',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
try {
|
||||
await copyUserTaskReq({
|
||||
id: this.item.id,
|
||||
taskId: this.item.taskId,
|
||||
sourceUserId: this.item.userId,
|
||||
userId: targetUserId,
|
||||
isCopy: 1
|
||||
})
|
||||
uni.showToast({
|
||||
title: '抄送成功',
|
||||
icon: 'success'
|
||||
})
|
||||
this.closeCopyPopup()
|
||||
this.$emit('copied')
|
||||
} catch (error) {
|
||||
uni.showToast({
|
||||
title: '抄送失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './record.scss';
|
||||
|
||||
.copy-popup-mask {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.copy-popup {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 40rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 88%;
|
||||
max-height: 70vh;
|
||||
overflow: auto;
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.copy-popup-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
color: #6b7280;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.copy-search-row {
|
||||
display: flex;
|
||||
gap: 10rpx;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.copy-search-input {
|
||||
flex: 1;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
border-radius: 12rpx;
|
||||
background: #f3f4f6;
|
||||
padding: 0 16rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.copy-search-btn {
|
||||
min-width: 110rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 12rpx;
|
||||
background: #2fc6a7;
|
||||
color: #ffffff;
|
||||
font-size: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.copy-loading,
|
||||
.copy-empty {
|
||||
margin-top: 14rpx;
|
||||
font-size: 24rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.copy-user-list {
|
||||
margin-top: 14rpx;
|
||||
max-height: 420rpx;
|
||||
}
|
||||
|
||||
.copy-user-item {
|
||||
padding: 12rpx;
|
||||
border-radius: 12rpx;
|
||||
background: #f9fafb;
|
||||
margin-bottom: 10rpx;
|
||||
border: 1rpx solid #e5e7eb;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.copy-user-item-active {
|
||||
border-color: #2fc6a7;
|
||||
background: #ecfdf5;
|
||||
}
|
||||
|
||||
.copy-user-name {
|
||||
font-size: 26rpx;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.copy-user-phone {
|
||||
font-size: 22rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.copy-submit {
|
||||
margin-top: 16rpx;
|
||||
height: 64rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,220 @@
|
||||
.record {
|
||||
//border-bottom: 15rpx solid #f5f5f5;
|
||||
//border-radius: 999rpx;
|
||||
padding: 12rpx 20rpx;
|
||||
border-radius: 40rpx;
|
||||
background-color: white;
|
||||
margin: 15rpx 0;
|
||||
}
|
||||
|
||||
.record-title {
|
||||
font-size: 30rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.record-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.record-media {
|
||||
margin-top: 10rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
.record-extra {
|
||||
margin-top: 10rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.record-section {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.record-section-title {
|
||||
font-size: 26rpx;
|
||||
color: var(--text-main);
|
||||
font-weight: 600;
|
||||
margin-bottom: 6rpx;
|
||||
}
|
||||
|
||||
.clock-list {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.clock-item {
|
||||
width: 200rpx;
|
||||
}
|
||||
|
||||
.clock-image {
|
||||
width: 200rpx;
|
||||
height: 160rpx;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.clock-meta {
|
||||
margin-top: 6rpx;
|
||||
font-size: 22rpx;
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.clock-label {
|
||||
margin-right: 6rpx;
|
||||
color: var(--text-main);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.sales-audit-group {
|
||||
background: #f7f9fc;
|
||||
border-radius: 12rpx;
|
||||
padding: 12rpx;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.sales-audit-group:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.sales-audit-title {
|
||||
font-size: 24rpx;
|
||||
color: var(--text-main);
|
||||
font-weight: 600;
|
||||
margin-bottom: 6rpx;
|
||||
}
|
||||
|
||||
.sales-audit-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 22rpx;
|
||||
color: var(--text-main);
|
||||
padding: 4rpx 0;
|
||||
}
|
||||
|
||||
.sales-audit-item.muted {
|
||||
color: var(--text-sub);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.sales-audit-spec {
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.sales-audit-qty {
|
||||
color: #2563eb;
|
||||
}
|
||||
|
||||
.summary-text {
|
||||
background: #f7f9fc;
|
||||
border-radius: 12rpx;
|
||||
padding: 12rpx;
|
||||
font-size: 24rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.record-detail {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.detail-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6rpx;
|
||||
}
|
||||
|
||||
.detail-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6rpx;
|
||||
font-size: 24rpx;
|
||||
padding: 8rpx 10rpx;
|
||||
border-radius: 10rpx;
|
||||
background: #f7f9fc;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.detail-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.detail-name {
|
||||
color: var(--text-main);
|
||||
font-weight: 600;
|
||||
flex: 1;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.detail-qty {
|
||||
color: var(--text-sub);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.detail-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8rpx 16rpx;
|
||||
}
|
||||
|
||||
.detail-kv {
|
||||
display: flex;
|
||||
gap: 6rpx;
|
||||
min-width: 45%;
|
||||
}
|
||||
|
||||
.detail-label {
|
||||
color: var(--text-sub);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.detail-value {
|
||||
color: var(--text-main);
|
||||
flex: 1;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.detail-empty {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.media-images {
|
||||
display: flex;
|
||||
gap: 10rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.media-image {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.media-video video {
|
||||
width: 100%;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.record-actions {
|
||||
display: flex;
|
||||
gap: 10rpx;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.danger-chip {
|
||||
color: #f5576c;
|
||||
border-color: #f6c5d0;
|
||||
background: #fff2f5;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,255 @@
|
||||
<template>
|
||||
<view class="login-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar class="page-navbar" title="微信一键登录"/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>微信一键登录</text>
|
||||
</view>
|
||||
<text class="intro-text">需勾选用户协议与隐私协议，并授权手机号。身份认证需身份证正反面，职业资格证可额外上传。</text>
|
||||
<view class="hero-tags">
|
||||
<view class="chip">微信授权</view>
|
||||
<view class="chip">手机号授权</view>
|
||||
<view class="chip">身份认证</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">授权登录</view>
|
||||
<view class="agreements">
|
||||
<label class="agreement">
|
||||
<checkbox :checked="agreeUser" color="#2563eb" @tap.stop="toggleAgreement('user')" />
|
||||
<text>我已阅读并同意《用户协议》</text>
|
||||
</label>
|
||||
<label class="agreement">
|
||||
<checkbox :checked="agreePrivacy" color="#2563eb" @tap.stop="toggleAgreement('privacy')" />
|
||||
<text>我已阅读并同意《隐私协议》</text>
|
||||
</label>
|
||||
</view>
|
||||
<button type="primary" class="btn" :disabled="!canLogin" @tap="doLogin">微信一键登录</button>
|
||||
<button class="btn ghost" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">授权手机号</button>
|
||||
<view class="hint">微信规定：收集个人信息需用户勾选同意并授权手机号。</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">实名认证</view>
|
||||
<view class="upload-row" @tap="upload('front')">
|
||||
<view>
|
||||
<view class="upload-title">身份证人像面</view>
|
||||
<view class="upload-meta">{{ uploads.front ? '已上传' : '点击上传' }}</view>
|
||||
</view>
|
||||
<view class="chip">必填</view>
|
||||
</view>
|
||||
<view class="upload-row" @tap="upload('back')">
|
||||
<view>
|
||||
<view class="upload-title">身份证国徽面</view>
|
||||
<view class="upload-meta">{{ uploads.back ? '已上传' : '点击上传' }}</view>
|
||||
</view>
|
||||
<view class="chip">必填</view>
|
||||
</view>
|
||||
<view class="upload-row" @tap="upload('certificate')">
|
||||
<view>
|
||||
<view class="upload-title">职业资格证书</view>
|
||||
<view class="upload-meta">{{ uploads.certificate ? '已上传' : '可选上传' }}</view>
|
||||
</view>
|
||||
<view class="chip">加分项</view>
|
||||
</view>
|
||||
<view class="primary-btn submit" :class="{'disabled': !canSubmit}" @tap="submitCertification">提交认证</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
agreeUser: false,
|
||||
agreePrivacy: false,
|
||||
phoneAuthorized: false,
|
||||
uploads: {
|
||||
front: '',
|
||||
back: '',
|
||||
certificate: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
canLogin() {
|
||||
return this.agreeUser && this.agreePrivacy
|
||||
},
|
||||
canSubmit() {
|
||||
return this.uploads.front && this.uploads.back
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleAgreement(type) {
|
||||
if (type === 'user') this.agreeUser = !this.agreeUser
|
||||
if (type === 'privacy') this.agreePrivacy = !this.agreePrivacy
|
||||
},
|
||||
doLogin() {
|
||||
if (!this.canLogin) return
|
||||
uni.showToast({
|
||||
title: '已触发微信登录',
|
||||
icon: 'success'
|
||||
})
|
||||
},
|
||||
getPhoneNumber() {
|
||||
this.phoneAuthorized = true
|
||||
uni.showToast({
|
||||
title: '手机号授权成功',
|
||||
icon: 'success'
|
||||
})
|
||||
},
|
||||
upload(type) {
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
success: res => {
|
||||
this.uploads[type] = res.tempFilePaths[0]
|
||||
this.$forceUpdate()
|
||||
uni.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
submitCertification() {
|
||||
if (!this.canSubmit) {
|
||||
uni.showToast({
|
||||
title: '请先上传身份证正反面',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
uni.showToast({
|
||||
title: '认证已提交，等待审核',
|
||||
icon: 'success'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.login-page {
|
||||
min-height: 100vh;
|
||||
padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin-top: 18rpx;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.hero-tags {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin-top: 18rpx;
|
||||
}
|
||||
|
||||
.agreements {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.agreement {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 10rpx 0;
|
||||
}
|
||||
|
||||
.ghost {
|
||||
border: 1rpx solid var(--brand-primary);
|
||||
color: var(--brand-primary);
|
||||
background: #e9f1ff;
|
||||
}
|
||||
|
||||
.hint {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.upload-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.upload-row:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.upload-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.upload-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin-top: 16rpx;
|
||||
padding: 14rpx;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,328 @@
|
||||
<template>
|
||||
<view class="bonus-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="记录" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>记录</text>
|
||||
</view>
|
||||
<!-- <text class="intro-text">展示历史订单记录，按来源拆分提成（药动销、跑店/巡店、药分享、自主填报），保持蓝色系设计。</text>-->
|
||||
<!-- <view class="hero-tags">-->
|
||||
<!-- <view :class="['chip', { 'chip--active': activeFilter === 0 }]" @tap="toggleFilter(0)">药动销</view>-->
|
||||
<!-- <view :class="['chip', { 'chip--active': activeFilter === 4 }]" @tap="toggleFilter(4)">跑店/巡店</view>-->
|
||||
<!-- <view :class="['chip', { 'chip--active': activeFilter === 1 }]" @tap="toggleFilter(1)">药分享</view>-->
|
||||
<!-- <view :class="['chip', { 'chip--active': activeFilter === 6 }]" @tap="toggleFilter(6)">自主填报</view>-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="card summary">-->
|
||||
<!-- <view class="sum-item">-->
|
||||
<!-- <view class="sum-value">¥ {{ summary.movement }}</view>-->
|
||||
<!-- <view class="sum-label">药动销提成</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="sum-item">-->
|
||||
<!-- <view class="sum-value">¥ {{ summary.storeVisit }}</view>-->
|
||||
<!-- <view class="sum-label">跑店/巡店提成</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="sum-item">-->
|
||||
<!-- <view class="sum-value">¥ {{ summary.share }}</view>-->
|
||||
<!-- <view class="sum-label">药分享提成</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="sum-item">-->
|
||||
<!-- <view class="sum-value">¥ {{ summary.selfReport }}</view>-->
|
||||
<!-- <view class="sum-label">自主填报提成</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<!-- <view class="card withdraw-entry">-->
|
||||
<!-- <view>-->
|
||||
<!-- <view class="withdraw-title">可提现奖金</view>-->
|
||||
<!-- <view class="withdraw-amount">¥ {{ user.balance }}</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="primary-btn withdraw-btn" @tap="goWithdraw">奖金提现</view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">历史收入记录</view>
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<view v-else-if="filteredRecords.length === 0" class="empty">暂无记录</view>
|
||||
<view v-else class="record" v-for="(item, idx) in filteredRecords" :key="idx">
|
||||
<view>
|
||||
<view class="record-name">{{ item.title }}</view>
|
||||
<!-- <view class="record-meta">{{ item.source }} · 订单号：{{ item.orderNo }}</view>-->
|
||||
<view class="record-meta">日期：{{ item.date }}</view>
|
||||
</view>
|
||||
<!-- <view class="record-amount">+¥{{ item.amount }}</view>-->
|
||||
</view>
|
||||
</view>
|
||||
<Login ref="Login" @done="getUserData"/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {userBalanceLogListReq} from "@/api/bonus";
|
||||
import {getUserInfo} from "@/util/user";
|
||||
import {userInfoReq} from "@/api/user";
|
||||
import Login from "@/components/Login.vue";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {Login, AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
summary: {
|
||||
movement: '0.00',
|
||||
storeVisit: '0.00',
|
||||
share: '0.00',
|
||||
selfReport: '0.00',
|
||||
withdrawable: '0.00'
|
||||
},
|
||||
records: [],
|
||||
loading: false,
|
||||
activeFilter: null,
|
||||
user: {
|
||||
balance: 0
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredRecords() {
|
||||
if (this.activeFilter === null || this.activeFilter === undefined) return this.records
|
||||
return this.records.filter(item => Number(item.scene) === Number(this.activeFilter))
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
if (getUserInfo().token) {
|
||||
this.isLoggedIn = true
|
||||
this.getUserData()
|
||||
this.fetchBalanceLogs()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getUserData(){
|
||||
const {data} = await userInfoReq()
|
||||
this.isLoggedIn = true
|
||||
this.user = data
|
||||
},
|
||||
async fetchBalanceLogs() {
|
||||
this.loading = true
|
||||
try {
|
||||
const {data} = await userBalanceLogListReq({})
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.records = list.map(this.normalizeRecord)
|
||||
const movementTotal = this.records
|
||||
.filter(item => item.scene === 0)
|
||||
.reduce((sum, item) => sum + Number(item.amount || 0), 0)
|
||||
const storeVisitTotal = this.records
|
||||
.filter(item => item.scene === 4)
|
||||
.reduce((sum, item) => sum + Number(item.amount || 0), 0)
|
||||
const shareTotal = this.records
|
||||
.filter(item => item.scene === 1)
|
||||
.reduce((sum, item) => sum + Number(item.amount || 0), 0)
|
||||
const selfReportTotal = this.records
|
||||
.filter(item => item.scene === 6)
|
||||
.reduce((sum, item) => sum + Number(item.amount || 0), 0)
|
||||
const withdrawable = movementTotal + storeVisitTotal + shareTotal + selfReportTotal
|
||||
this.summary = {
|
||||
movement: movementTotal.toFixed(2),
|
||||
storeVisit: storeVisitTotal.toFixed(2),
|
||||
share: shareTotal.toFixed(2),
|
||||
selfReport: selfReportTotal.toFixed(2),
|
||||
withdrawable: withdrawable.toFixed(2)
|
||||
}
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
normalizeRecord(item) {
|
||||
const sceneValue = Number(item.scene)
|
||||
const source = sceneValue === 0
|
||||
? '药动销'
|
||||
: (sceneValue === 4 ? '跑店/巡店' : (sceneValue === 1 ? '药分享' : (sceneValue === 6 ? '自主填报' : '其他')))
|
||||
const amount = Number(item.amount || item.money || item.changeAmount || 0)
|
||||
return {
|
||||
scene: sceneValue,
|
||||
title: item.title || item.remark || `${source}记录`,
|
||||
source,
|
||||
orderNo: item.orderNo || item.order_no || item.bizNo || '-',
|
||||
date: item.createTime || item.createdAt || item.date || '-',
|
||||
amount: amount.toFixed(2)
|
||||
}
|
||||
},
|
||||
toggleFilter(scene) {
|
||||
this.activeFilter = this.activeFilter === scene ? null : scene
|
||||
},
|
||||
goWithdraw() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/bonus/withdraw'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bonus-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.hero-tags {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.chip {
|
||||
padding: 6rpx 16rpx;
|
||||
border-radius: 999rpx;
|
||||
border: 1rpx solid #c7d2fe;
|
||||
color: #4f46e5;
|
||||
font-size: 22rpx;
|
||||
font-weight: 700;
|
||||
background: #eef2ff;
|
||||
}
|
||||
|
||||
.chip--active {
|
||||
border-color: #2fc6a7;
|
||||
color: #2fc6a7;
|
||||
background: #e6fffa;
|
||||
}
|
||||
|
||||
.summary {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 12rpx;
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.withdraw-entry {
|
||||
margin: 18rpx 20rpx 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.withdraw-title {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.withdraw-amount {
|
||||
color: var(--brand-primary);
|
||||
font-size: 32rpx;
|
||||
font-weight: 800;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.withdraw-btn {
|
||||
padding: 10rpx 18rpx;
|
||||
height: 56rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.sum-item {
|
||||
background: linear-gradient(135deg, #f0f5ff, #ffffff);
|
||||
border-radius: 14rpx;
|
||||
padding: 16rpx;
|
||||
border: 1rpx solid #e7eef8;
|
||||
}
|
||||
|
||||
.sum-value {
|
||||
font-size: 32rpx;
|
||||
font-weight: 800;
|
||||
color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.sum-label {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.record {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.record:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.record-name {
|
||||
font-size: 26rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.record-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 2rpx;
|
||||
}
|
||||
|
||||
.record-amount {
|
||||
color: #ff3b30;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,254 @@
|
||||
<template>
|
||||
<view class="withdraw-record-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="提现记录" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>提现记录</text>
|
||||
</view>
|
||||
<text class="intro-text">查看历史提现申请与审核状态</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">历史提现</view>
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<view v-else-if="records.length === 0" class="empty">暂无记录</view>
|
||||
<view v-else class="record" v-for="(item, idx) in records" :key="idx">
|
||||
<view class="record-left">
|
||||
<view class="record-amount">¥ {{ item.money }}</view>
|
||||
<view class="record-meta">申请时间：{{ item.date }}</view>
|
||||
<view class="record-tags">
|
||||
<view :class="['record-tag', payTypeClass(item.payType)]">{{ payTypeLabel(item.payType) }}</view>
|
||||
</view>
|
||||
<view v-if="item.applyStatus === 2 && item.rejectReason" class="record-reject">
|
||||
拒绝原因：{{ item.rejectReason }}
|
||||
</view>
|
||||
</view>
|
||||
<view :class="['record-status', statusClass(item.applyStatus)]">{{ statusLabel(item.applyStatus) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
import {dealerWithdrawListReq} from "@/api/user";
|
||||
import dayjs from 'dayjs'
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
records: []
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.fetchRecords()
|
||||
},
|
||||
methods: {
|
||||
statusLabel(status) {
|
||||
if (status === 0) return '待审核'
|
||||
if (status === 1) return '审核通过'
|
||||
if (status === 2) return '已驳回'
|
||||
if (status === 3) return '已打款'
|
||||
return '未知状态'
|
||||
},
|
||||
statusClass(status) {
|
||||
if (status === 1) return 'success'
|
||||
if (status === 2) return 'danger'
|
||||
if (status === 3) return 'info'
|
||||
return 'pending'
|
||||
},
|
||||
payTypeLabel(payType) {
|
||||
if (payType === 10) return '微信'
|
||||
if (payType === 20) return '支付宝'
|
||||
if (payType === 30) return '银行卡'
|
||||
return '未知方式'
|
||||
},
|
||||
payTypeClass(payType) {
|
||||
if (payType === 10) return 'wechat'
|
||||
if (payType === 20) return 'alipay'
|
||||
if (payType === 30) return 'bank'
|
||||
return 'unknown'
|
||||
},
|
||||
normalizeRecord(item) {
|
||||
const money = Number(item.money || item.amount || item.cash || 0).toFixed(2)
|
||||
const applyStatus = Number(item.applyStatus)
|
||||
return {
|
||||
money,
|
||||
applyStatus: Number.isFinite(applyStatus) ? applyStatus : -1,
|
||||
payType: Number(item.payType),
|
||||
rejectReason: item.rejectReason || item.reject_reason || '',
|
||||
date: dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') || item.createdAt || item.create_time || '-'
|
||||
}
|
||||
},
|
||||
async fetchRecords() {
|
||||
this.loading = true
|
||||
try {
|
||||
const {data} = await dealerWithdrawListReq({})
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.records = list.map(this.normalizeRecord)
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.withdraw-record-page {
|
||||
min-height: 100vh;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.record {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 16rpx;
|
||||
padding: 16rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.record:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.record-left {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.record-amount {
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.record-meta {
|
||||
margin-top: 6rpx;
|
||||
font-size: 24rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.record-reject {
|
||||
margin-top: 6rpx;
|
||||
font-size: 24rpx;
|
||||
color: #ef4444;
|
||||
}
|
||||
|
||||
.record-tags {
|
||||
margin-top: 8rpx;
|
||||
display: flex;
|
||||
gap: 8rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.record-tag {
|
||||
padding: 4rpx 12rpx;
|
||||
border-radius: 999rpx;
|
||||
font-size: 22rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.record-tag.wechat {
|
||||
color: #16a34a;
|
||||
background: #dbeafe;
|
||||
}
|
||||
|
||||
.record-tag.alipay {
|
||||
color: #1d4ed8;
|
||||
background: #dbeafe;
|
||||
}
|
||||
|
||||
.record-tag.bank {
|
||||
color: #0f766e;
|
||||
background: #ccfbf1;
|
||||
}
|
||||
|
||||
.record-tag.unknown {
|
||||
color: #6b7280;
|
||||
background: #f3f4f6;
|
||||
}
|
||||
|
||||
.record-status {
|
||||
font-size: 24rpx;
|
||||
font-weight: 700;
|
||||
padding: 6rpx 14rpx;
|
||||
border-radius: 999rpx;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.record-status.pending {
|
||||
color: #f59e0b;
|
||||
background: #fff7ed;
|
||||
}
|
||||
|
||||
.record-status.success {
|
||||
color: #16a34a;
|
||||
background: #ecfdf5;
|
||||
}
|
||||
|
||||
.record-status.danger {
|
||||
color: #ef4444;
|
||||
background: #fee2e2;
|
||||
}
|
||||
|
||||
.record-status.info {
|
||||
color: #2563eb;
|
||||
background: #e0f2fe;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,369 @@
|
||||
<template>
|
||||
<view class="withdraw-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="提现" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>提现</text>
|
||||
</view>
|
||||
<text class="intro-text">提交提现申请，到账时间以平台审核为准</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">提现信息</view>
|
||||
<!-- <view class="info-row">-->
|
||||
<!-- <view>可提现余额</view>-->
|
||||
<!-- <view class="balance">¥ {{ withdrawable }}</view>-->
|
||||
<!-- </view>-->
|
||||
<view class="form-row">
|
||||
<view class="label">提现金额</view>
|
||||
<input v-model="form.money" class="input" type="digit" placeholder="请输入金额(0.5~200元)"/>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<view class="label">提现方式</view>
|
||||
<view class="pay-types">
|
||||
<view :class="['pay-type', form.payType === 10 ? 'active' : '']" @tap="form.payType = 10">微信</view>
|
||||
<!-- <view :class="['pay-type', form.payType === 20 ? 'active' : '']" @tap="form.payType = 20">支付宝</view>-->
|
||||
<!-- <view :class="['pay-type', form.payType === 30 ? 'active' : '']" @tap="form.payType = 30">银行卡</view>-->
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="form.payType === 20" class="form-row">
|
||||
<view class="label">支付宝姓名</view>
|
||||
<input v-model="form.alipayName" class="input" placeholder="请输入支付宝姓名"/>
|
||||
</view>
|
||||
<view v-if="form.payType === 20" class="form-row">
|
||||
<view class="label">支付宝账号</view>
|
||||
<input v-model="form.alipayAccount" class="input" placeholder="请输入支付宝账号"/>
|
||||
</view>
|
||||
<view v-if="form.payType === 30" class="form-row">
|
||||
<view class="label">开户行名称</view>
|
||||
<input v-model="form.bankName" class="input" placeholder="请输入开户行名称"/>
|
||||
</view>
|
||||
<view v-if="form.payType === 30" class="form-row">
|
||||
<view class="label">银行开户名</view>
|
||||
<input v-model="form.bankAccount" class="input" placeholder="请输入银行开户名"/>
|
||||
</view>
|
||||
<view v-if="form.payType === 30" class="form-row">
|
||||
<view class="label">银行卡号</view>
|
||||
<input v-model="form.bankCard" class="input" placeholder="请输入银行卡号"/>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<view class="label">备注</view>
|
||||
<input v-model="form.remark" class="input" placeholder="选填"/>
|
||||
</view>
|
||||
<view class="primary-btn submit" @tap="submitWithdraw">提交申请</view>
|
||||
</view>
|
||||
|
||||
<view class="info-row clickable" @tap="goWithdrawRecords">
|
||||
<view>提现记录</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
import {dealerWithdrawAddReq, userInfoReq, updateDealerWithdraw} from "@/api/user";
|
||||
import dayjs from 'dayjs'
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
withdrawable: 0,
|
||||
form: {
|
||||
payType: 10,
|
||||
money: '',
|
||||
alipayName: '',
|
||||
alipayAccount: '',
|
||||
bankName: '',
|
||||
bankAccount: '',
|
||||
bankCard: '',
|
||||
remark: ''
|
||||
},
|
||||
user: {
|
||||
balance: 0
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getUserData()
|
||||
},
|
||||
methods: {
|
||||
async getUserData() {
|
||||
const {data} = await userInfoReq()
|
||||
this.user = data
|
||||
this.withdrawable = this.user.balance
|
||||
},
|
||||
async submitWithdraw() {
|
||||
const money = Number(this.form.money)
|
||||
if (!money || money <= 0) {
|
||||
uni.showToast({
|
||||
title: '请输入正确金额',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (money < 0.5) {
|
||||
uni.showToast({
|
||||
title: '提现金额不能小于0.5元',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (money > 200) {
|
||||
uni.showToast({
|
||||
title: '提现金额不能大于200元',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (money > this.withdrawable) {
|
||||
uni.showToast({
|
||||
title: '超过可提现余额',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (this.form.payType === 20) {
|
||||
if (!this.form.alipayName) {
|
||||
uni.showToast({
|
||||
title: '请输入支付宝姓名',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.form.alipayAccount) {
|
||||
uni.showToast({
|
||||
title: '请输入支付宝账号',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
} else if (this.form.payType === 30) {
|
||||
if (!this.form.bankName) {
|
||||
uni.showToast({
|
||||
title: '请输入开户行名称',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.form.bankAccount) {
|
||||
uni.showToast({
|
||||
title: '请输入银行开户名',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.form.bankCard) {
|
||||
uni.showToast({
|
||||
title: '请输入银行卡号',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
uni.showLoading({
|
||||
title: '提交中...',
|
||||
})
|
||||
const _this = this
|
||||
const res = await dealerWithdrawAddReq(this.form).catch(err => {
|
||||
uni.hideLoading()
|
||||
setTimeout(() => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon: 'none'
|
||||
})
|
||||
}, 200)
|
||||
_this.getUserData()
|
||||
})
|
||||
if (res) {
|
||||
console.log(res)
|
||||
uni.hideLoading()
|
||||
if (this.form.payType === 10) {
|
||||
if (!wx.canIUse('requestMerchantTransfer')) {
|
||||
wx.showModal({
|
||||
content: '你的微信版本过低，请更新至最新版本。',
|
||||
showCancel: false,
|
||||
});
|
||||
return
|
||||
}
|
||||
wx.requestMerchantTransfer({
|
||||
mchId: '1738840566', // 商户号
|
||||
appId: 'wx0c1587a63b0b9db5', // appId
|
||||
package: res.data.package_info,
|
||||
success: (res) => {
|
||||
uni.navigateBack()
|
||||
},
|
||||
fail: async (err) => {
|
||||
console.log('err', err)
|
||||
uni.showToast({
|
||||
title: '您取消了提现',
|
||||
icon: 'none'
|
||||
})
|
||||
|
||||
await updateDealerWithdraw({
|
||||
id: res.data.id,
|
||||
rejectReason: "用户取消",
|
||||
applyStatus: 2,
|
||||
auditTime: dayjs().unix()
|
||||
})
|
||||
await _this.getUserData()
|
||||
},
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '提现申请已提交',
|
||||
icon: 'success'
|
||||
})
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1500)
|
||||
}
|
||||
|
||||
} else {
|
||||
uni.hideLoading()
|
||||
}
|
||||
},
|
||||
goWithdrawRecords() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/bonus/withdraw-record'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.withdraw-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
color: var(--brand-primary);
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.info-row.clickable {
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
color: #9ca3af;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.balance {
|
||||
color: var(--brand-primary);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.form-row:last-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: var(--text-main);
|
||||
font-size: 26rpx;
|
||||
min-width: 140rpx;
|
||||
}
|
||||
|
||||
.input {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
font-size: 26rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.pay-types {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
justify-content: flex-end;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.pay-type {
|
||||
padding: 6rpx 16rpx;
|
||||
border-radius: 999rpx;
|
||||
border: 1rpx solid #c7d2fe;
|
||||
color: #4f46e5;
|
||||
font-size: 22rpx;
|
||||
font-weight: 700;
|
||||
background: #eef2ff;
|
||||
}
|
||||
|
||||
.pay-type.active {
|
||||
border-color: #2fc6a7;
|
||||
color: #2fc6a7;
|
||||
background: #e6fffa;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin-top: 18rpx;
|
||||
padding: 14rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,339 @@
|
||||
<template>
|
||||
<view class="cart-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar class="page-navbar" title="购物车"/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>购物车</text>
|
||||
</view>
|
||||
<text class="intro-text">按商家分单结算，蓝色主色适配竖版，支持多件商品数量调整与勾选。</text>
|
||||
<view class="hero-tags">
|
||||
<view class="chip">分商家结算</view>
|
||||
<view class="chip">蓝白风格</view>
|
||||
<view class="chip">竖版适配</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card vendor-card" v-for="(vendor, vIdx) in cartVendors" :key="vendor.name">
|
||||
<view class="vendor-head">
|
||||
<label class="check">
|
||||
<checkbox :checked="vendor.selected" color="#2563eb" @tap.stop="toggleVendor(vIdx)" />
|
||||
<text class="vendor-name">{{ vendor.name }}</text>
|
||||
</label>
|
||||
<view class="freight">运费：¥{{ vendor.freight }}</view>
|
||||
</view>
|
||||
|
||||
<view class="item" v-for="(item, idx) in vendor.items" :key="item.id">
|
||||
<label class="check">
|
||||
<checkbox :checked="item.selected" color="#2563eb" @tap.stop="toggleItem(vIdx, idx)" />
|
||||
</label>
|
||||
<view class="item-info">
|
||||
<view class="item-name">{{ item.name }}</view>
|
||||
<view class="item-meta">规格 {{ item.specs }}</view>
|
||||
<view class="price-row">
|
||||
<view class="price">¥{{ item.price }}</view>
|
||||
<view class="origin">¥{{ item.origin }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="qty">
|
||||
<view class="btn" @tap="changeQty(vIdx, idx, -1)">-</view>
|
||||
<view class="num">{{ item.qty }}</view>
|
||||
<view class="btn" @tap="changeQty(vIdx, idx, 1)">+</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="summary card">
|
||||
<view class="summary-left">
|
||||
<view class="section-title">结算信息</view>
|
||||
<view class="sum-line">已选 {{ selectedCount }} 件，商品金额 ¥{{ goodsTotal }}</view>
|
||||
<view class="sum-line">预估运费 ¥{{ freightTotal }}，合计 ¥{{ totalPrice }}</view>
|
||||
</view>
|
||||
<view class="primary-btn go-checkout" @tap="goCheckout">去结算</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
cartVendors: [{
|
||||
name: '华润三九',
|
||||
freight: 8,
|
||||
selected: true,
|
||||
items: [{
|
||||
id: 1,
|
||||
name: '三九感冒灵颗粒',
|
||||
specs: '10袋/盒',
|
||||
price: 29.9,
|
||||
origin: 39.9,
|
||||
qty: 1,
|
||||
selected: true
|
||||
}, {
|
||||
id: 2,
|
||||
name: '感冒软胶囊',
|
||||
specs: '24粒/盒',
|
||||
price: 32,
|
||||
origin: 45,
|
||||
qty: 2,
|
||||
selected: true
|
||||
}]
|
||||
}, {
|
||||
name: '华润江中',
|
||||
freight: 6,
|
||||
selected: true,
|
||||
items: [{
|
||||
id: 3,
|
||||
name: '健胃消食片',
|
||||
specs: '48片/盒',
|
||||
price: 36.8,
|
||||
origin: 46,
|
||||
qty: 2,
|
||||
selected: true
|
||||
}]
|
||||
}]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
selectedCount() {
|
||||
return this.cartVendors.reduce((sum, v) => {
|
||||
v.items.forEach(i => {
|
||||
if (i.selected) sum += i.qty
|
||||
})
|
||||
return sum
|
||||
}, 0)
|
||||
},
|
||||
goodsTotal() {
|
||||
return this.cartVendors.reduce((sum, v) => {
|
||||
v.items.forEach(i => {
|
||||
if (i.selected) sum += i.qty * i.price
|
||||
})
|
||||
return sum
|
||||
}, 0).toFixed(2)
|
||||
},
|
||||
freightTotal() {
|
||||
return this.cartVendors.reduce((sum, v) => {
|
||||
const hasSelected = v.items.some(i => i.selected)
|
||||
return sum + (hasSelected ? v.freight : 0)
|
||||
}, 0).toFixed(2)
|
||||
},
|
||||
totalPrice() {
|
||||
return (parseFloat(this.goodsTotal) + parseFloat(this.freightTotal)).toFixed(2)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
changeQty(vIdx, idx, delta) {
|
||||
const item = this.cartVendors[vIdx].items[idx]
|
||||
const next = item.qty + delta
|
||||
if (next < 1) return
|
||||
this.cartVendors[vIdx].items[idx].qty = next
|
||||
this.cartVendors = [...this.cartVendors]
|
||||
},
|
||||
toggleItem(vIdx, idx) {
|
||||
const item = this.cartVendors[vIdx].items[idx]
|
||||
item.selected = !item.selected
|
||||
this.syncVendorSelect(vIdx)
|
||||
this.cartVendors = [...this.cartVendors]
|
||||
},
|
||||
toggleVendor(vIdx) {
|
||||
const vendor = this.cartVendors[vIdx]
|
||||
const next = !vendor.selected
|
||||
vendor.selected = next
|
||||
vendor.items.forEach(i => {
|
||||
i.selected = next
|
||||
})
|
||||
this.cartVendors = [...this.cartVendors]
|
||||
},
|
||||
syncVendorSelect(vIdx) {
|
||||
const vendor = this.cartVendors[vIdx]
|
||||
vendor.selected = vendor.items.every(i => i.selected)
|
||||
},
|
||||
goCheckout() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/order/checkout?total=${this.totalPrice}`
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.cart-page {
|
||||
min-height: 100vh;
|
||||
padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin-top: 18rpx;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.hero-tags {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
.vendor-card {
|
||||
margin-top: 18rpx;
|
||||
}
|
||||
|
||||
.vendor-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.check {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
}
|
||||
|
||||
.vendor-name {
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.freight {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
align-items: center;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.item-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.item-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin: 4rpx 0;
|
||||
}
|
||||
|
||||
.price-row {
|
||||
display: flex;
|
||||
gap: 10rpx;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #ff3b30;
|
||||
font-weight: 800;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.origin {
|
||||
text-decoration: line-through;
|
||||
color: #a1aabc;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.qty {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
background: #f4f7fb;
|
||||
border-radius: 12rpx;
|
||||
padding: 6rpx 10rpx;
|
||||
}
|
||||
|
||||
.btn {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
border-radius: 12rpx;
|
||||
background: #e9f1ff;
|
||||
color: var(--brand-primary);
|
||||
text-align: center;
|
||||
line-height: 40rpx;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.num {
|
||||
min-width: 34rpx;
|
||||
text-align: center;
|
||||
color: var(--text-main);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.summary {
|
||||
margin-top: 18rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.summary-left {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.sum-line {
|
||||
color: var(--text-sub);
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.go-checkout {
|
||||
padding: 14rpx 24rpx;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,276 @@
|
||||
<template>
|
||||
<view class="cert-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="个人信息认证" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>个人信息认证</text>
|
||||
</view>
|
||||
<text class="intro-text">提交身份证正反面识别，职业资格证书可选上传，审核通过后解锁全部功能。</text>
|
||||
<text class="intro-meta">当前状态：{{ statusLabel }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">证件上传</view>
|
||||
<view class="upload-row" @tap="upload('idCardFront')">
|
||||
<view>
|
||||
<view class="upload-title">身份证人像面</view>
|
||||
<view class="upload-meta">{{ uploads.idCardFront ? '已上传' : '待上传' }}</view>
|
||||
</view>
|
||||
<view class="chip">必填</view>
|
||||
</view>
|
||||
<view class="upload-row" @tap="upload('idCardBack')">
|
||||
<view>
|
||||
<view class="upload-title">身份证国徽面</view>
|
||||
<view class="upload-meta">{{ uploads.idCardBack ? '已上传' : '待上传' }}</view>
|
||||
</view>
|
||||
<view class="chip">必填</view>
|
||||
</view>
|
||||
<view class="upload-row" @tap="upload('qualification')">
|
||||
<view>
|
||||
<view class="upload-title">职业资格证书</view>
|
||||
<view class="upload-meta">{{ uploads.qualification ? '已上传' : '可选上传' }}</view>
|
||||
</view>
|
||||
<view class="chip">加分项</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">审核流程</view>
|
||||
<view class="step" v-for="(step, idx) in steps" :key="idx">
|
||||
<view class="step-index">{{ idx + 1 }}</view>
|
||||
<view>
|
||||
<view class="step-title">{{ step.title }}</view>
|
||||
<view class="step-meta">{{ step.desc }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<Login ref="Login" @done="getUserData"/>
|
||||
<view class="primary-btn submit" :class="{'disabled': !canSubmit}" @tap="submit" v-if="user.authStatus === 0">提交审核</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {chooseImg} from "@/util";
|
||||
import {updateUserReq, userInfoReq} from "@/api/user";
|
||||
import Login from "@/components/Login.vue";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
import {getUserInfo} from "@/util/user";
|
||||
|
||||
export default {
|
||||
components: {Login, AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
uploads: {
|
||||
idCardFront: '',
|
||||
idCardBack: '',
|
||||
qualification: ''
|
||||
},
|
||||
steps: [{
|
||||
title: '资料上传',
|
||||
desc: '身份证正反面、职业资格证书'
|
||||
}, {
|
||||
title: '系统预校验',
|
||||
desc: '自动识别姓名、证件号，校验清晰度'
|
||||
}, {
|
||||
title: '药小二人工审核',
|
||||
desc: '审核通过后抄送管理员'
|
||||
}],
|
||||
user: {
|
||||
authStatus: 0
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
canSubmit() {
|
||||
return this.uploads.idCardFront && this.uploads.idCardBack
|
||||
},
|
||||
statusLabel() {
|
||||
if (this.user.authStatus === 0) return '未提交'
|
||||
if (this.user.authStatus === 1) return '审核中'
|
||||
if (this.user.authStatus === 2) return '已通过'
|
||||
if (this.user.authStatus === 3) return '已驳回'
|
||||
return '未知'
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
if (getUserInfo().token) {
|
||||
this.getUserData()
|
||||
}else {
|
||||
this.$refs.Login.open()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getUserData(){
|
||||
const {data} = await userInfoReq()
|
||||
this.isLoggedIn = true
|
||||
this.user = data
|
||||
if (this.user.idCardFront) this.uploads.idCardFront = this.user.idCardFront
|
||||
if (this.user.idCardBack) this.uploads.idCardBack = this.user.idCardBack
|
||||
if (this.user.qualification) this.uploads.qualification = this.user.qualification
|
||||
},
|
||||
async upload(type) {
|
||||
if (this.user.authStatus === 1) {
|
||||
uni.showToast({
|
||||
title: '正在审核中，请勿重复提交',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (this.user.authStatus === 2) {
|
||||
uni.showToast({
|
||||
title: '已通过，请勿重复提交',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const res = await chooseImg(1)
|
||||
this.uploads[type] = res[0].path
|
||||
},
|
||||
async submit() {
|
||||
if (!this.canSubmit) {
|
||||
uni.showToast({
|
||||
title: '请先上传身份证正反面',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
await updateUserReq({
|
||||
idCardFront: this.uploads.idCardFront,
|
||||
idCardBack: this.uploads.idCardBack,
|
||||
qualification: this.uploads.qualification,
|
||||
authStatus: 1
|
||||
})
|
||||
uni.showToast({
|
||||
title: '认证已提交，等待审核',
|
||||
icon: 'none'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.cert-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.intro-meta {
|
||||
margin-top: 8rpx;
|
||||
font-size: 24rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.upload-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.upload-row:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.upload-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.upload-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.step {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
align-items: center;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx dashed #e3eaf4;
|
||||
}
|
||||
|
||||
.step:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.step-index {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
border-radius: 12rpx;
|
||||
background: #e9f1ff;
|
||||
color: var(--brand-primary);
|
||||
text-align: center;
|
||||
line-height: 40rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.step-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.step-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin: 18rpx 0;
|
||||
padding: 14rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,623 @@
|
||||
<template>
|
||||
<view class="exchange-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="药兑换"/>
|
||||
</view>
|
||||
|
||||
<view class="content">
|
||||
<scroll-view class="category-list" scroll-y>
|
||||
<view v-for="cat in categories" :key="cat.code" class="category-item"
|
||||
:class="{'active': cat.code === activeCategory}" @tap="selectCategory(cat.code)">
|
||||
<view class="category-name">{{ cat.name }}</view>
|
||||
<view class="category-type">{{ cat.type }}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<scroll-view class="product-list" scroll-y>
|
||||
<!-- <view class="sub-category-wrap">-->
|
||||
<!-- <scroll-view class="sub-category-scroll" scroll-x>-->
|
||||
<!-- <view-->
|
||||
<!-- v-for="sub in secondaryCategories"-->
|
||||
<!-- :key="sub"-->
|
||||
<!-- class="sub-category-chip"-->
|
||||
<!-- :class="{'active': sub === activeSubCategory}"-->
|
||||
<!-- @tap="selectSubCategory(sub)"-->
|
||||
<!-- >-->
|
||||
<!-- {{ sub }}-->
|
||||
<!-- </view>-->
|
||||
<!-- </scroll-view>-->
|
||||
<!-- </view>-->
|
||||
<view class="product-card card" v-for="item in filteredProducts" :key="item.id" @tap="openDetail(item)">
|
||||
<view class="product-head">
|
||||
<view class="product-name">{{ item.name }}</view>
|
||||
</view>
|
||||
<view class="product-meta">分类：{{ item.categoryName }}</view>
|
||||
<view class="price-row">
|
||||
<view class="price">￥{{ item.price }}</view>
|
||||
<view class="origin">￥{{ item.origin }}</view>
|
||||
<!-- <view class="sell-point">{{ item.sellPoint }}</view>-->
|
||||
</view>
|
||||
<view class="product-tags">
|
||||
<!-- <view class="tag" v-for="tag in item.tags" :key="tag">{{ tag }}</view>-->
|
||||
<view class="coupon" @tap.stop="openCoupon(item)">领券</view>
|
||||
</view>
|
||||
<view class="actions">
|
||||
<!-- <view class="hot">热卖推荐</view>-->
|
||||
<view class="btn-group">
|
||||
<!-- <button size="mini" type="default" plain @tap.stop="addToCart(item)">加入购物车</button>-->
|
||||
<u-icon name="/static/images/addCart.png" width="60rpx" height="60rpx"/>
|
||||
<button size="mini" class="warn-btn" style="margin-left: 20rpx" @tap.stop="buyNow(item)">购买</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<view class="cart-entry" @tap="openCartPopup">
|
||||
<u-icon name="/static/images/addCart.png" width="56rpx" height="56rpx"/>
|
||||
<view class="cart-entry-text">购物车</view>
|
||||
<view v-if="cartCount" class="cart-entry-badge">{{ cartCount }}</view>
|
||||
</view>
|
||||
|
||||
<view v-if="showCartPopup" class="cart-popup-mask" @tap="closeCartPopup"></view>
|
||||
<view v-if="showCartPopup" class="cart-popup card" @tap.stop>
|
||||
<view class="cart-popup-head">
|
||||
<view class="section-title">购物车</view>
|
||||
<view class="close-btn" @tap="closeCartPopup">关闭</view>
|
||||
</view>
|
||||
<!-- <view class="cart-note">不同商家商品分开显示，订单分开推送结算。</view>-->
|
||||
<view v-if="cartLoading" class="cart-empty">加载中...</view>
|
||||
<view v-else-if="cart.length === 0" class="cart-empty">购物车为空</view>
|
||||
<view v-else>
|
||||
<view class="cart-vendor" v-for="(vendor, index) in cart" :key="index">
|
||||
<view class="cart-vendor-head">
|
||||
<view class="vendor-name">{{ vendor.goods.goodsName }}</view>
|
||||
<!-- <view class="chip">商品 {{ (vendor.items || []).length }}</view>-->
|
||||
</view>
|
||||
<!-- <view class="cart-item-meta">规格 {{ prod.specs }}</view>-->
|
||||
<view class="cart-item-price">￥{{ vendor.goods.salePrice }} x {{ vendor.num }}</view>
|
||||
</view>
|
||||
<view class="cart-summary">
|
||||
<view>总价：
|
||||
<text class="price">￥{{ cartTotal }}</text>
|
||||
</view>
|
||||
<view class="primary-btn checkout" @tap="checkout">结算</view>
|
||||
<!-- <view class="primary-btn checkout" style="margin-left:12rpx;" @tap="goCart">查看购物车页</view>-->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {cartListReq, goodsCategoryListReq, goodsListReq} from "@/api/goods";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
categories: [],
|
||||
secondaryCategories: [
|
||||
'全部',
|
||||
'儿童用药',
|
||||
'男科用药',
|
||||
'胃肠用药',
|
||||
'医疗器械',
|
||||
'中药参茸',
|
||||
'五官用药',
|
||||
'心脑血管用药',
|
||||
'神经用药',
|
||||
'组合用药',
|
||||
'三高用药',
|
||||
'计生用品',
|
||||
'泌尿系统',
|
||||
'滋补调养',
|
||||
'维矿用药',
|
||||
'处方药',
|
||||
'抗菌消炎',
|
||||
'皮肤用药',
|
||||
'风湿骨伤',
|
||||
'保健食品',
|
||||
'敢买用药',
|
||||
'呼吸系统',
|
||||
'妇科用药'
|
||||
],
|
||||
activeCategory: null,
|
||||
activeSubCategory: '全部',
|
||||
products: [],
|
||||
cart: [],
|
||||
cartLoading: false,
|
||||
showCartPopup: false
|
||||
}
|
||||
},
|
||||
async onShow() {
|
||||
await this.fetchCategories()
|
||||
await this.fetchProducts()
|
||||
},
|
||||
computed: {
|
||||
filteredProducts() {
|
||||
return this.products.filter(p => {
|
||||
const matchCategory = p.category === this.activeCategory || p.categoryName === this.activeCategory
|
||||
const matchSub = this.activeSubCategory === '全部' || p.subCategory === this.activeSubCategory
|
||||
return matchCategory && matchSub
|
||||
})
|
||||
},
|
||||
cartTotal() {
|
||||
let total = 0
|
||||
this.cart.forEach(vendor => {
|
||||
// const items = vendor.items || []
|
||||
// items.forEach(item => {
|
||||
total += Number(vendor.goods.salePrice || 0) * Number(vendor.num || 0)
|
||||
// })
|
||||
})
|
||||
return total.toFixed(2)
|
||||
},
|
||||
cartCount() {
|
||||
let count = 0
|
||||
this.cart.forEach(vendor => {
|
||||
count += vendor.num
|
||||
})
|
||||
return count
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async fetchCategories() {
|
||||
try {
|
||||
const {data} = await goodsCategoryListReq()
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.categories = list.map(item => ({
|
||||
code: item.code || item.id || item.categoryId || item.value || item.name,
|
||||
name: item.name || item.title || '',
|
||||
type: item.type || item.groupName || ''
|
||||
}))
|
||||
if (!this.activeCategory && this.categories.length) {
|
||||
this.activeCategory = this.categories[0].code
|
||||
}
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '分类加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
async fetchProducts() {
|
||||
try {
|
||||
const {data} = await goodsListReq()
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.products = list.map(item => {
|
||||
const rawTags = item.tags || item.tag || []
|
||||
const tags = Array.isArray(rawTags) ? rawTags : String(rawTags).split(',').filter(Boolean)
|
||||
return {
|
||||
id: item.goodsId,
|
||||
name: item.goodsName,
|
||||
category: item.categoryCode || item.categoryId || item.cateId || item.category,
|
||||
categoryName: item.categoryName || item.cateName || '',
|
||||
subCategory: item.subCategoryName || item.subCategory || item.subCateName || '全部',
|
||||
specs: item.specs || item.specification || '',
|
||||
price: item.salePrice || 0,
|
||||
origin: item.originPrice || 0,
|
||||
sellPoint: item.sellPoint || item.subTitle || '',
|
||||
tags,
|
||||
vendor: item.vendor || item.brand || item.manufacturer || '',
|
||||
coupon: item.coupon || item.couponDesc || ''
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '商品加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
selectCategory(code) {
|
||||
this.activeCategory = code
|
||||
},
|
||||
selectSubCategory(name) {
|
||||
this.activeSubCategory = name
|
||||
},
|
||||
addToCart(product) {
|
||||
const vendorIndex = this.cart.findIndex(v => v.name === product.vendor)
|
||||
if (vendorIndex > -1) {
|
||||
const itemIndex = this.cart[vendorIndex].items.findIndex(i => i.name === product.name)
|
||||
if (itemIndex > -1) {
|
||||
this.cart[vendorIndex].items[itemIndex].qty += 1
|
||||
} else {
|
||||
this.cart[vendorIndex].items.push({
|
||||
name: product.name,
|
||||
specs: product.specs,
|
||||
price: product.price,
|
||||
qty: 1
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.cart.push({
|
||||
name: product.vendor,
|
||||
items: [{
|
||||
name: product.name,
|
||||
specs: product.specs,
|
||||
price: product.price,
|
||||
qty: 1
|
||||
}]
|
||||
})
|
||||
}
|
||||
this.cart = [...this.cart]
|
||||
uni.showToast({
|
||||
title: '已加入购物车',
|
||||
icon: 'success'
|
||||
})
|
||||
},
|
||||
buyNow(product) {
|
||||
const goodsDataList = [{
|
||||
goodsId: product.id,
|
||||
num: 1
|
||||
}]
|
||||
uni.navigateTo({
|
||||
url: `/pages/order/checkout?goodsDataList=${JSON.stringify(goodsDataList)}`
|
||||
})
|
||||
},
|
||||
openCoupon(product) {
|
||||
uni.navigateTo({
|
||||
url: '/packageUser/coupon/index'
|
||||
})
|
||||
},
|
||||
async openCartPopup() {
|
||||
this.showCartPopup = true
|
||||
await this.loadCartList()
|
||||
},
|
||||
closeCartPopup() {
|
||||
this.showCartPopup = false
|
||||
},
|
||||
async loadCartList() {
|
||||
this.cartLoading = true
|
||||
try {
|
||||
const {data} = await cartListReq()
|
||||
this.cart = data
|
||||
console.log(this.cart)
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '购物车加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.cartLoading = false
|
||||
}
|
||||
},
|
||||
checkout() {
|
||||
// uni.showToast({
|
||||
// title: '提交订单到各商家',
|
||||
// icon: 'none'
|
||||
// })
|
||||
const goodsDataList = []
|
||||
this.cart.forEach(vendor => {
|
||||
goodsDataList.push({
|
||||
goodsId: vendor.goodsId,
|
||||
num: vendor.num
|
||||
})
|
||||
})
|
||||
uni.navigateTo({
|
||||
url: `/pages/order/checkout?goodsDataList=${JSON.stringify(goodsDataList)}`
|
||||
})
|
||||
},
|
||||
openDetail(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/product/detail?id=${item.id}`
|
||||
})
|
||||
},
|
||||
goCart() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/cart/index'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.exchange-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
height: 960rpx;
|
||||
padding: 10rpx 6rpx;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
.category-list {
|
||||
flex: 0 0 200rpx;
|
||||
background: #f2f6fc;
|
||||
border-radius: 18rpx;
|
||||
padding: 10rpx;
|
||||
}
|
||||
|
||||
.category-item {
|
||||
background: #ffffff;
|
||||
border-radius: 14rpx;
|
||||
margin-bottom: 12rpx;
|
||||
padding: 16rpx 12rpx;
|
||||
color: var(--text-main);
|
||||
box-shadow: 0 8rpx 18rpx rgba(31, 111, 232, 0.05);
|
||||
border: 1rpx solid transparent;
|
||||
}
|
||||
|
||||
.category-item.active {
|
||||
border: 1rpx solid var(--brand-primary);
|
||||
box-shadow: 0 8rpx 22rpx rgba(31, 111, 232, 0.12);
|
||||
}
|
||||
|
||||
.category-name {
|
||||
|
||||
}
|
||||
|
||||
.category-type {
|
||||
color: var(--text-sub);
|
||||
font-size: 22rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.product-list {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.sub-category-wrap {
|
||||
margin-bottom: 16rpx;
|
||||
padding: 12rpx;
|
||||
}
|
||||
|
||||
.sub-category-scroll {
|
||||
display: flex;
|
||||
gap: 12rpx;
|
||||
margin-top: 10rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sub-category-chip {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 10rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #f5f8ff;
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
border: 1rpx solid #e1e8f5;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
|
||||
.sub-category-chip.active {
|
||||
color: #ffffff;
|
||||
background: var(--brand-primary);
|
||||
border-color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.product-card {
|
||||
margin-bottom: 16rpx;
|
||||
width: 90%;
|
||||
border: 1rpx solid #e7eef8;
|
||||
}
|
||||
|
||||
.product-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.product-name {
|
||||
font-size: 30rpx;
|
||||
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.product-meta {
|
||||
color: var(--text-sub);
|
||||
margin: 6rpx 0 10rpx 0;
|
||||
}
|
||||
|
||||
.price-row {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #ff3b30;
|
||||
font-size: 34rpx;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.origin {
|
||||
text-decoration: line-through;
|
||||
color: #a1aabc;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.sell-point {
|
||||
color: #ff8354;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.product-tags {
|
||||
display: flex;
|
||||
gap: 10rpx;
|
||||
margin-top: 12rpx;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tag {
|
||||
background: #e9f1ff;
|
||||
color: var(--brand-primary);
|
||||
border-radius: 999rpx;
|
||||
padding: 8rpx 14rpx;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.coupon {
|
||||
color: #ff8354;
|
||||
background: #fff1e9;
|
||||
border-radius: 999rpx;
|
||||
padding: 8rpx 14rpx;
|
||||
font-size: 22rpx;
|
||||
border: 1rpx dashed #ffb08a;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 14rpx;
|
||||
}
|
||||
|
||||
.hot {
|
||||
color: var(--brand-primary);
|
||||
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.cart-entry {
|
||||
position: fixed;
|
||||
right: 24rpx;
|
||||
bottom: 120rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 999rpx;
|
||||
padding: 10rpx 16rpx 10rpx 12rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
box-shadow: 0 12rpx 24rpx rgba(31, 111, 232, 0.18);
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.cart-entry-text {
|
||||
font-size: 24rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.cart-entry-badge {
|
||||
position: absolute;
|
||||
top: -10rpx;
|
||||
right: -10rpx;
|
||||
background: #ff3b30;
|
||||
color: #ffffff;
|
||||
min-width: 32rpx;
|
||||
height: 32rpx;
|
||||
border-radius: 999rpx;
|
||||
font-size: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 8rpx;
|
||||
}
|
||||
|
||||
.cart-popup-mask {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.cart-popup {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 40rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 88%;
|
||||
max-height: 70vh;
|
||||
overflow: auto;
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.cart-popup-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.cart-note {
|
||||
color: var(--text-sub);
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.cart-empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 24rpx 0;
|
||||
}
|
||||
|
||||
.cart-vendor {
|
||||
border: 1rpx dashed #dfe8f5;
|
||||
border-radius: 14rpx;
|
||||
padding: 12rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.cart-vendor-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.vendor-name {
|
||||
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.cart-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 6rpx;
|
||||
}
|
||||
|
||||
.cart-item-name {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.cart-item-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.cart-item-price {
|
||||
color: #ff3b30;
|
||||
|
||||
}
|
||||
|
||||
.cart-summary {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-top: 12rpx;
|
||||
border-top: 1rpx solid #e7eef8;
|
||||
}
|
||||
|
||||
.checkout {
|
||||
padding: 14rpx 24rpx;
|
||||
}
|
||||
</style>
|
||||
+369
File diff suppressed because one or more lines are too long
@@ -0,0 +1,57 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="progress" :class="Type">
|
||||
<view class="progress-text" v-if="Vice == true">{{ Width + '%' }}</view>
|
||||
<view class="progress-bar" :style="{width: Width+'%'}"><view class="progress-text" v-if="Main == true">{{ Width + '%' }}</view></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
// 进度条百分比
|
||||
Width: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
// 进度条样式
|
||||
/*
|
||||
aqua
|
||||
copper
|
||||
candy
|
||||
neon
|
||||
shine
|
||||
zigzag
|
||||
diamond
|
||||
hearts
|
||||
sparkle
|
||||
*/
|
||||
Type: {
|
||||
type: String,
|
||||
default: 'aqua',
|
||||
},
|
||||
// 主进度显示百分比
|
||||
Main: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
// 副进度显示百分比
|
||||
Vice: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
methods: {}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import url('Progress-Bar.css');
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,984 @@
|
||||
<template>
|
||||
<view class="mine-page">
|
||||
<view class="mine-hero">
|
||||
<!-- <AppNavbar class="mine-navbar" title="我的"/>-->
|
||||
<view class="hero-content">
|
||||
<view class="profile-left">
|
||||
<u-avatar :src="isLoggedIn ? user.avatar : ''" size="120rpx"/>
|
||||
<view class="profile-info">
|
||||
<view class="name">{{ isLoggedIn ? user.nickname : '未登录' }}</view>
|
||||
<view class="phone">{{ isLoggedIn ? user.phone : '点击登录同步手机号' }}</view>
|
||||
</view>
|
||||
<view class="primary-btn login-btn" @tap="toLogin" v-if="!isLoggedIn">去登录</view>
|
||||
</view>
|
||||
<view class="hero-right">
|
||||
<image class="hero-mascot"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/a8cc7a2ca9d342f5a10657b735c623cb.png"
|
||||
mode="aspectFit"></image>
|
||||
<view class="city-chip">{{ currentCity }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex justify-between items-center text-25" style="margin-top: 60rpx">
|
||||
<text class="text-main">转发分享给新用户，可获得积分</text>
|
||||
<!-- <text class="text-red font-bold">{{ getPoint }}积分</text>-->
|
||||
</view>
|
||||
<!-- <view class="notice-bar" v-if="lastCashLog">-->
|
||||
<!-- <text class="notice-label">奖励:</text>-->
|
||||
<!-- <text class="notice-text">{{ lastCashLog.user.nickname }}领取了{{ lastCashLog.money }}元</text>-->
|
||||
<!-- <view class="notice-more">></view>-->
|
||||
<!-- <u-icon name="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/9fd7c6fb0046d565cbd36c316023ee87.png"/>-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
|
||||
<view class="income-card">
|
||||
<!-- <view class="income-item" @click="openBonus">-->
|
||||
<!-- <view class="flex justify-start items-center">-->
|
||||
<!-- <view class="income-value">{{ bonus.taskIncome }}</view>-->
|
||||
<!-- <view class="income-unit">元</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="income-label">任务收益</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="income-item" @click="openBonus">-->
|
||||
<!-- <view class="flex justify-start items-center">-->
|
||||
<!-- <view class="income-value">{{ bonus.shareIncome }}</view>-->
|
||||
<!-- <view class="income-unit">元</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="income-label">晒单收益</view>-->
|
||||
<!-- </view>-->
|
||||
<view class="income-item" @click="openPoints">
|
||||
<view class="flex justify-start items-center">
|
||||
<view class="income-value income-value--points">{{ pointSummary.currentPoints }}</view>
|
||||
<view class="income-unit income-unit--points">积分</view>
|
||||
</view>
|
||||
<view class="income-label">我的积分</view>
|
||||
</view>
|
||||
<!-- <view class="income-btn" @tap="openWithdraw">去提现</view>-->
|
||||
</view>
|
||||
|
||||
<!-- <view class="income-card" v-if="isLoggedIn && user.canAuth === 1">-->
|
||||
<!-- <view class="income-item" @click="openBonus">-->
|
||||
<!-- <view class="flex justify-start items-center">-->
|
||||
<!-- <view class="income-value">{{ bonus.totalTaskIncome }}</view>-->
|
||||
<!-- <view class="income-unit">元</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="income-label">总任务收益</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="income-item" @click="openBonus">-->
|
||||
<!-- <view class="flex justify-start items-center">-->
|
||||
<!-- <view class="income-value">{{ bonus.totalShareIncome }}</view>-->
|
||||
<!-- <view class="income-unit">元</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="income-label">总晒单收益</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="income-item" @click="openBonus">-->
|
||||
<!-- <view class="flex justify-start items-center">-->
|
||||
<!-- <view class="income-value">{{ bonus.totalTaskIncome + bonus.totalShareIncome }}</view>-->
|
||||
<!-- <view class="income-unit">元</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="income-label">合计收益</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<view class="feature-banner-group">
|
||||
<view class="self-report-banner" @tap="openSelfReport">
|
||||
<text>自主填报</text>
|
||||
</view>
|
||||
<view class="self-report-banner" @tap="openVisit">
|
||||
<text>客户拜访</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="audit-banner" @tap="openAudit" v-if="user.canAuth === 1">
|
||||
<image class="audit-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/0fd31838127cd57b1c1db44f2c749353.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>药审核</text>
|
||||
</view>
|
||||
|
||||
<view class="quick-card">
|
||||
<view class="quick-item" @tap="openProfile">
|
||||
<image class="quick-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/f64dbb797897f7e997b9e390c9f5b3ff.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>用户资料</text>
|
||||
</view>
|
||||
<view class="quick-item" @tap="openOrder">
|
||||
<image class="quick-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/b8462c751e121744fa20f460c1f43ed8.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>全部订单</text>
|
||||
</view>
|
||||
<view class="quick-item" @tap="openCoupon">
|
||||
<image class="quick-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/d4a24c4f61bf29755396ed7c2eecb45a.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>领券中心</text>
|
||||
</view>
|
||||
<view class="quick-item" @tap="openPoints">
|
||||
<image class="quick-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/7a9be3484448c3e8253140b8ff05afc6.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>我的积分</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="section-card">
|
||||
<view class="section-title">服务内容</view>
|
||||
<view class="grid">
|
||||
<view class="grid-item" @tap="openMyShare">
|
||||
<image class="grid-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/f64dbb797897f7e997b9e390c9f5b3ff.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>我的分享</text>
|
||||
</view>
|
||||
<view class="grid-item" @tap="openAddress">
|
||||
<image class="grid-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/b8462c751e121744fa20f460c1f43ed8.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>收货地址</text>
|
||||
</view>
|
||||
<!-- <view class="grid-item" @tap="openBonus">-->
|
||||
<!-- <image class="grid-icon"-->
|
||||
<!-- src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/d4a24c4f61bf29755396ed7c2eecb45a.png"-->
|
||||
<!-- mode="aspectFit"></image>-->
|
||||
<!-- <text>奖金记录</text>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="grid-item" @tap="openWithdraw">-->
|
||||
<!-- <image class="grid-icon"-->
|
||||
<!-- src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/7a9be3484448c3e8253140b8ff05afc6.png"-->
|
||||
<!-- mode="aspectFit"></image>-->
|
||||
<!-- <text>资金提现</text>-->
|
||||
<!-- </view>-->
|
||||
<view class="grid-item" @tap="openCertification">
|
||||
<image class="grid-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/6aaa42c6f235c6720735aae14cb2c16a.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>个人信息认证</text>
|
||||
</view>
|
||||
<view class="grid-item" @tap="openTravel">
|
||||
<image class="grid-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/791479d861e69e833c3aa0073b602908.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>差旅报销</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="section-card">
|
||||
<view class="section-title">慢病管理</view>
|
||||
<view class="grid">
|
||||
<view class="grid-item" @tap="openChronic">
|
||||
<image class="grid-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/a9249f7069c609222b031809809e4b70.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>慢病信息收集</text>
|
||||
</view>
|
||||
<view class="grid-item" @tap="openChronicManage">
|
||||
<image class="grid-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/e3f81b35a32d0771d2fb7c5a23e393db.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>慢病信息管理</text>
|
||||
</view>
|
||||
<view class="grid-item" @tap="openService">
|
||||
<image class="grid-icon"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/5677d46c66b7ab57c9497e60e75daef5.png"
|
||||
mode="aspectFit"></image>
|
||||
<text>联系客服</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="logout-btn" @click="logout" v-if="isLoggedIn">
|
||||
<u-icon name="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/0193f5a958ccd4797d6e76403cb14096.png"/>
|
||||
<text>退出登录</text>
|
||||
</view>
|
||||
|
||||
<!-- <view class="card block">-->
|
||||
<!-- <view class="section-title">奖金记录</view>-->
|
||||
<!-- <view class="bonus-grid">-->
|
||||
<!-- <view class="bonus-item">-->
|
||||
<!-- <view class="bonus-value">¥ {{ bonus.movement }}</view>-->
|
||||
<!-- <view class="bonus-label">药动销提成</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="bonus-item">-->
|
||||
<!-- <view class="bonus-value">¥ {{ bonus.exchange }}</view>-->
|
||||
<!-- <view class="bonus-label">药兑换提成</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="bonus-list">-->
|
||||
<!-- <view class="bonus-row" v-for="(item, idx) in bonus.history" :key="idx">-->
|
||||
<!-- <view>-->
|
||||
<!-- <view class="bonus-name">{{ item.name }}</view>-->
|
||||
<!-- <view class="bonus-meta">{{ item.source }} · {{ item.date }}</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="bonus-amount">+¥{{ item.amount }}</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<!-- <view class="card block">-->
|
||||
<!-- <view class="section-title">奖金提现</view>-->
|
||||
<!-- <view class="withdraw-row">-->
|
||||
<!-- <view>-->
|
||||
<!-- <view class="withdraw-label">可提现余额</view>-->
|
||||
<!-- <view class="withdraw-value">¥ {{ withdraw.available }}</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- <view class="primary-btn withdraw-btn" @tap="applyWithdraw">申请提现</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<Login ref="Login" @done="getUserData"/>
|
||||
<u-popup :show="servicePopupVisible" mode="bottom" round="24rpx" close-on-click-overlay @close="closeServicePopup">
|
||||
<view class="service-popup">
|
||||
<view class="service-popup-head">
|
||||
<text class="service-popup-title">联系客服</text>
|
||||
<view class="service-popup-close" @tap="closeServicePopup">
|
||||
<u-icon name="close" size="32rpx" color="#7a8495"/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="service-popup-body">
|
||||
<view v-if="serviceList.length" class="service-list">
|
||||
<view
|
||||
class="service-item"
|
||||
v-for="(item, index) in serviceList"
|
||||
:key="index"
|
||||
@tap="handleServiceItem(item)"
|
||||
>
|
||||
<text class="service-item-text">{{ item.type }}: {{ item.title }}{{ item.content }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="service-empty">暂无客服内容</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {countUserIncomeReq, userInfoReq} from "@/api/user";
|
||||
import Login from '@/components/Login.vue'
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
import {clearUserInfo, getUserInfo} from "@/util/user";
|
||||
import {getLocationAction} from "@/util";
|
||||
import {dictDataInfoReq, yxeServiceReq} from "@/api/common";
|
||||
import {dealerWithdrawPageReq} from "@/api/bonus";
|
||||
import {userPointLogUserListReq} from "@/api/shop";
|
||||
|
||||
export default {
|
||||
components: {Login, AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
isLoggedIn: false,
|
||||
defaultAvatar: '/static/logo.png',
|
||||
user: {
|
||||
avatar: '',
|
||||
name: '',
|
||||
phone: '',
|
||||
city: '',
|
||||
qualification: '',
|
||||
canAuth: 0,
|
||||
balance: 0,
|
||||
},
|
||||
bonus: {
|
||||
movement: 0,
|
||||
exchange: 0,
|
||||
taskIncome: 0,
|
||||
shareIncome: 0,
|
||||
totalTaskIncome: 0,
|
||||
totalShareIncome: 0,
|
||||
history: []
|
||||
},
|
||||
pointSummary: {
|
||||
currentPoints: 0,
|
||||
},
|
||||
currentCity: '定位中',
|
||||
serviceList: [],
|
||||
servicePopupVisible: false,
|
||||
lastCashLog: null,
|
||||
getPoint: 0,
|
||||
}
|
||||
},
|
||||
async onShow() {
|
||||
await this.getPointConfig()
|
||||
await this.refreshPageData()
|
||||
},
|
||||
async onPullDownRefresh() {
|
||||
try {
|
||||
await this.refreshPageData()
|
||||
} finally {
|
||||
uni.stopPullDownRefresh()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getPointConfig() {
|
||||
const {data} = await dictDataInfoReq(591)
|
||||
this.getPoint = data.dictDataCode
|
||||
},
|
||||
async refreshPageData() {
|
||||
await this.getServiceList()
|
||||
await this.getLastCashLog()
|
||||
if (getUserInfo().token) {
|
||||
this.isLoggedIn = true
|
||||
await this.getUserData()
|
||||
}
|
||||
const res = await getLocationAction().catch(() => {
|
||||
uni.showToast({
|
||||
title: '请允许位置授权',
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
if (res) {
|
||||
this.currentCity = res.city_str
|
||||
}
|
||||
},
|
||||
async getServiceList() {
|
||||
try {
|
||||
const {data} = await yxeServiceReq()
|
||||
this.serviceList = this.normalizeServiceList(data)
|
||||
} catch (error) {
|
||||
this.serviceList = []
|
||||
}
|
||||
},
|
||||
async getUserData() {
|
||||
const {data} = await userInfoReq()
|
||||
this.isLoggedIn = true
|
||||
this.user = data
|
||||
await Promise.all([
|
||||
this.getUserIncomeData(),
|
||||
this.getUserPointData()
|
||||
])
|
||||
},
|
||||
async getLastCashLog() {
|
||||
const {data} = await dealerWithdrawPageReq({
|
||||
page: 1,
|
||||
limit: 1,
|
||||
})
|
||||
if (data.list.length) this.lastCashLog = data.list[0]
|
||||
},
|
||||
async getUserIncomeData() {
|
||||
const {data} = await countUserIncomeReq()
|
||||
this.bonus = data
|
||||
},
|
||||
async getUserPointData() {
|
||||
try {
|
||||
const {data} = await userPointLogUserListReq({
|
||||
page: 1,
|
||||
limit: 20
|
||||
})
|
||||
this.pointSummary.currentPoints = this.extractCurrentPoints(data)
|
||||
} catch (error) {
|
||||
this.pointSummary.currentPoints = this.resolveUserPoints(this.user)
|
||||
}
|
||||
},
|
||||
extractCurrentPoints(payload) {
|
||||
const payloadPoints = this.resolveUserPoints(payload)
|
||||
if (payloadPoints !== 0) return payloadPoints
|
||||
const payloadList = Array.isArray(payload)
|
||||
? payload
|
||||
: (payload && Array.isArray(payload.list) ? payload.list : [])
|
||||
const listPoints = payloadList.reduce((sum, item) => sum + this.resolvePointDelta(item), 0)
|
||||
if (listPoints !== 0) return listPoints
|
||||
return this.resolveUserPoints(this.user)
|
||||
},
|
||||
resolveUserPoints(source = {}) {
|
||||
const candidates = [
|
||||
source.currentPoints,
|
||||
source.currentPoint,
|
||||
source.points,
|
||||
source.point,
|
||||
source.totalPoints,
|
||||
source.totalPoint,
|
||||
source.integral,
|
||||
source.score
|
||||
]
|
||||
for (let i = 0; i < candidates.length; i++) {
|
||||
const value = Number(candidates[i])
|
||||
if (Number.isFinite(value)) return value
|
||||
}
|
||||
return 0
|
||||
},
|
||||
resolvePointDelta(source = {}) {
|
||||
const candidates = [
|
||||
source.changePoint,
|
||||
source.changePoints,
|
||||
source.changeNum,
|
||||
source.delta,
|
||||
source.num,
|
||||
source.amount,
|
||||
source.value,
|
||||
source.point,
|
||||
source.points,
|
||||
source.integral,
|
||||
source.score
|
||||
]
|
||||
for (let i = 0; i < candidates.length; i++) {
|
||||
const value = Number(candidates[i])
|
||||
if (Number.isFinite(value)) return value
|
||||
}
|
||||
return 0
|
||||
},
|
||||
toLogin() {
|
||||
this.$refs.Login.open()
|
||||
},
|
||||
normalizeServiceList(payload) {
|
||||
return Array.isArray(payload)
|
||||
? payload
|
||||
: (payload && Array.isArray(payload.list) ? payload.list : (payload ? [payload] : []))
|
||||
},
|
||||
async openService() {
|
||||
if (!this.serviceList.length) {
|
||||
await this.getServiceList()
|
||||
}
|
||||
if (!this.serviceList.length) {
|
||||
uni.showToast({
|
||||
title: '暂无客服信息',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.servicePopupVisible = true
|
||||
},
|
||||
closeServicePopup() {
|
||||
this.servicePopupVisible = false
|
||||
},
|
||||
formatServiceItem(item) {
|
||||
if (!item) return ''
|
||||
return `${item.type}：${item.value}`
|
||||
},
|
||||
handleServiceItem(item) {
|
||||
console.log(item)
|
||||
if (item.type === '电话') {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: item.content
|
||||
})
|
||||
return
|
||||
}
|
||||
if (item.type === '微信') {
|
||||
uni.setClipboardData({
|
||||
data: item.content,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '微信号已复制',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
openOrder() {
|
||||
this.jumpWithLogin('/pages/order/list')
|
||||
},
|
||||
openCoupon() {
|
||||
this.jumpWithLogin('/packageUser/coupon/index')
|
||||
},
|
||||
openPoints() {
|
||||
this.jumpWithLogin('/packageUser/points/index')
|
||||
},
|
||||
openProfile() {
|
||||
if (!this.isLoggedIn) return this.$refs.Login.open()
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/profile'
|
||||
})
|
||||
},
|
||||
openMyShare() {
|
||||
this.jumpWithLogin('/pages/share/mine')
|
||||
},
|
||||
openAddress() {
|
||||
this.jumpWithLogin('/packageUser/address/index')
|
||||
},
|
||||
openBonus() {
|
||||
this.jumpWithLogin('/pages/bonus/index')
|
||||
},
|
||||
openSelfReport() {
|
||||
this.jumpWithLogin('/packageUser/self-report/create')
|
||||
},
|
||||
openWithdraw() {
|
||||
this.jumpWithLogin('/pages/bonus/withdraw')
|
||||
},
|
||||
openCertification() {
|
||||
this.jumpWithLogin('/pages/certification/index')
|
||||
},
|
||||
openTravel() {
|
||||
this.jumpWithLogin('/packageUser/travel/index')
|
||||
},
|
||||
openVisit() {
|
||||
this.jumpWithLogin('/pages/visit/index')
|
||||
},
|
||||
openAudit() {
|
||||
this.jumpWithLogin('/pages/audit/index')
|
||||
},
|
||||
openChronic() {
|
||||
this.jumpWithLogin('/packageUser/chronic/index')
|
||||
},
|
||||
openChronicManage() {
|
||||
this.jumpWithLogin('/packageUser/chronic/manage')
|
||||
},
|
||||
jumpWithLogin(url){
|
||||
if (!this.isLoggedIn)
|
||||
return this.$refs.Login.open()
|
||||
uni.navigateTo({
|
||||
url
|
||||
})
|
||||
},
|
||||
logout(){
|
||||
clearUserInfo()
|
||||
this.user = {}
|
||||
this.isLoggedIn = false
|
||||
this.bonus = {
|
||||
taskIncome: 0,
|
||||
shareIncome: 0,
|
||||
totalTaskIncome: 0,
|
||||
totalShareIncome: 0,
|
||||
}
|
||||
this.pointSummary = {
|
||||
currentPoints: 0,
|
||||
}
|
||||
// this.$refs.Login.open()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mine-page {
|
||||
min-height: 100vh;
|
||||
padding: 0;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.mine-hero {
|
||||
padding: 180rpx 20rpx 20rpx 20rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/46361d4be9d61af01e0dd97870d8765c.png') no-repeat top center / 100% auto;
|
||||
}
|
||||
|
||||
.mine-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
margin-top: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.profile-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.profile-info {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.name {
|
||||
color: #1f2937;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.phone {
|
||||
color: #6b7280;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.login-btn {
|
||||
padding: 10rpx 18rpx;
|
||||
margin-left: 6rpx;
|
||||
}
|
||||
|
||||
.hero-right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
gap: 8rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hero-mascot {
|
||||
width: 150rpx;
|
||||
height: 115rpx;
|
||||
}
|
||||
|
||||
.city-chip {
|
||||
padding: 6rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #ffffff;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
color: #2fc6a7;
|
||||
font-size: 24rpx;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
bottom: -40rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 120rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.notice-bar {
|
||||
margin: 60rpx 20rpx 0;
|
||||
padding: 12rpx 16rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 999rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10rpx;
|
||||
box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.notice-label {
|
||||
color: #2fc6a7;
|
||||
font-weight: 700;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.notice-text {
|
||||
flex: 1;
|
||||
font-size: 24rpx;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.notice-more {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
border-radius: 50%;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #2fc6a7;
|
||||
}
|
||||
|
||||
.income-card {
|
||||
margin: 16rpx 20rpx 0;
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
padding: 18rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 16rpx;
|
||||
flex-wrap: wrap;
|
||||
box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
border: 1px solid #2fc6a7;
|
||||
border-top: 20px solid #2fc6a7;
|
||||
}
|
||||
|
||||
.income-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4rpx;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.income-value {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #ff3b30;
|
||||
}
|
||||
|
||||
.income-unit {
|
||||
font-size: 22rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.income-value--points,
|
||||
.income-unit--points {
|
||||
color: #2fc6a7;
|
||||
}
|
||||
|
||||
.income-label {
|
||||
font-size: 22rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.income-btn {
|
||||
padding: 10rpx 20rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
color: #ffffff;
|
||||
font-size: 24rpx;
|
||||
font-weight: 700;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.feature-banner-group {
|
||||
margin: 20rpx 20rpx 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.audit-banner {
|
||||
flex: 1;
|
||||
padding: 24rpx 14rpx;
|
||||
background: linear-gradient(164.72deg, rgba(215,177,115,1) 28.42%,rgba(226,190,133,1) 60.06%,rgba(214,173,106,1) 89.27%);
|
||||
color: #ffffff;
|
||||
border-radius: 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 10rpx;
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
margin: 0 20rpx 20rpx;
|
||||
}
|
||||
|
||||
.self-report-row {
|
||||
margin: 14rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.self-report-banner {
|
||||
flex: 1;
|
||||
border-radius: 40rpx;
|
||||
background: linear-gradient(135deg, #33d0b3, #22c3a1);
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
box-shadow: 0 10rpx 24rpx rgba(22, 163, 74, 0.18);
|
||||
margin-bottom: 20rpx;
|
||||
padding: 24rpx 14rpx;
|
||||
}
|
||||
|
||||
.audit-icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.quick-card {
|
||||
margin: 16rpx 20rpx 0;
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
padding: 20rpx 10rpx;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 10rpx;
|
||||
text-align: center;
|
||||
box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.quick-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
font-size: 24rpx;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.quick-icon {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
}
|
||||
|
||||
.section-card {
|
||||
margin: 16rpx 20rpx 0;
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
padding: 18rpx 14rpx 20rpx;
|
||||
box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
margin-bottom: 14rpx;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 18rpx 10rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
font-size: 24rpx;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.grid-icon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.logout-btn {
|
||||
margin: 22rpx 20rpx 0;
|
||||
padding: 18rpx 0;
|
||||
border-radius: 999rpx;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
color: #2fc6a7;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
background-color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.bonus-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 12rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.bonus-item {
|
||||
background: linear-gradient(135deg, #f0f5ff, #ffffff);
|
||||
border-radius: 14rpx;
|
||||
padding: 12rpx;
|
||||
border: 1rpx solid #e7eef8;
|
||||
}
|
||||
|
||||
.bonus-value {
|
||||
font-size: 32rpx;
|
||||
|
||||
color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.bonus-label {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.bonus-list {
|
||||
border-top: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.bonus-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx dashed #e3eaf4;
|
||||
}
|
||||
|
||||
.bonus-row:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.bonus-name {
|
||||
font-size: 28rpx;
|
||||
|
||||
}
|
||||
|
||||
.bonus-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.bonus-amount {
|
||||
color: #ff3b30;
|
||||
|
||||
}
|
||||
|
||||
.withdraw-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.withdraw-label {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.withdraw-value {
|
||||
font-size: 30rpx;
|
||||
|
||||
color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.withdraw-btn {
|
||||
padding: 12rpx 20rpx;
|
||||
}
|
||||
|
||||
.cert-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.cert-row:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.cert-title {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.cert-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.service-popup {
|
||||
background: #ffffff;
|
||||
padding: 24rpx 24rpx 32rpx;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
|
||||
.service-popup-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.service-popup-title {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.service-popup-close {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.service-popup-body {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.service-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.service-item {
|
||||
padding: 14rpx 16rpx;
|
||||
border-radius: 14rpx;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.service-item-text {
|
||||
font-size: 26rpx;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.service-empty {
|
||||
padding: 20rpx 0;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,261 @@
|
||||
<template>
|
||||
<view class="profile-page">
|
||||
<view class="profile-hero">
|
||||
<AppNavbar class="profile-navbar" title="用户资料" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>用户资料</text>
|
||||
</view>
|
||||
<text class="intro-text">点击头像上传，点击昵称获取微信昵称</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="info-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>用户资料</text>
|
||||
</view>
|
||||
<view class="avatar-row">
|
||||
<button class="ghost-btn" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
|
||||
<u-avatar class="avatar-img" :src="form.avatar" mode="aspectFill" />
|
||||
</button>
|
||||
<view class="avatar-tip">点击头像上传</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="info-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>姓名</text>
|
||||
</view>
|
||||
<view class="name-row">
|
||||
<input v-model="form.realName" class="input" type="text" maxlength="20" placeholder="请输入姓名" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="info-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>昵称</text>
|
||||
</view>
|
||||
<view class="nickname-row">
|
||||
<input v-model="form.nickname" class="input" type="nickname" placeholder="点击获取昵称" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="submit-btn" @tap="saveProfile">保存</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {updateUserReq, userInfoReq} from "@/api/user";
|
||||
import {chooseImg} from "@/util";
|
||||
import {uploadImg} from "@/util";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
defaultAvatar: '/static/logo.png',
|
||||
form: {
|
||||
avatar: '',
|
||||
realName: '',
|
||||
nickname: ''
|
||||
},
|
||||
saving: false
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.fetchUser()
|
||||
},
|
||||
methods: {
|
||||
async fetchUser() {
|
||||
const {data} = await userInfoReq()
|
||||
this.form.avatar = data.avatar || data.avatarUrl || ''
|
||||
this.form.realName = data.realName || data.real_name || data.name || ''
|
||||
this.form.nickname = data.nickname || data.name || ''
|
||||
},
|
||||
async onChooseAvatar(e) {
|
||||
const avatarUrl = e.detail && e.detail.avatarUrl
|
||||
if (!avatarUrl) return
|
||||
const res = await uploadImg(avatarUrl)
|
||||
this.form.avatar = res.path
|
||||
},
|
||||
async pickAvatar() {
|
||||
const res = await chooseImg(1)
|
||||
if (!res.length) return
|
||||
this.form.avatar = res[0].path
|
||||
},
|
||||
fetchWechatNickname() {
|
||||
if (!uni.getUserProfile) {
|
||||
uni.showToast({
|
||||
title: '当前环境不支持',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
uni.getUserProfile({
|
||||
desc: '用于完善用户资料',
|
||||
success: res => {
|
||||
const info = res.userInfo || {}
|
||||
if (info.nickName) this.form.nickname = info.nickName
|
||||
},
|
||||
fail: () => {
|
||||
uni.showToast({
|
||||
title: '获取失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
async saveProfile() {
|
||||
if (this.saving) return
|
||||
if (!String(this.form.realName || '').trim()) {
|
||||
uni.showToast({
|
||||
title: '请填写姓名',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.form.nickname) {
|
||||
uni.showToast({
|
||||
title: '请填写昵称',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.saving = true
|
||||
try {
|
||||
await updateUserReq({
|
||||
avatar: this.form.avatar,
|
||||
realName: String(this.form.realName || '').trim(),
|
||||
nickname: this.form.nickname
|
||||
})
|
||||
uni.showToast({
|
||||
title: '已保存',
|
||||
icon: 'success'
|
||||
})
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '保存失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.saving = false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.profile-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 60rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.profile-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
//background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
// top center / 100% auto;
|
||||
}
|
||||
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.info-card {
|
||||
margin: 16rpx 20rpx 0;
|
||||
padding: 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.avatar-row {
|
||||
margin-top: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.avatar-img {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 50%;
|
||||
background: #f5f7fb;
|
||||
}
|
||||
|
||||
.avatar-tip {
|
||||
color: #6b7280;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.ghost-btn {
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-radius: 999rpx;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ghost-btn::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.nickname-row {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.name-row {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.input {
|
||||
font-size: 28rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
margin: 24rpx 20rpx 0;
|
||||
padding: 18rpx 0;
|
||||
text-align: center;
|
||||
border-radius: 999rpx;
|
||||
background: linear-gradient(135deg, #33d0b3, #22c3a1);
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
box-shadow: 0 10rpx 18rpx rgba(34, 195, 161, 0.3);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,768 @@
|
||||
<template>
|
||||
<view class="checkout-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar class="page-navbar" title="订单结算" show-back/>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">收货信息</view>
|
||||
<view class="address" @tap="openAddressPopup">
|
||||
<view>
|
||||
<view class="addr-name">
|
||||
<text v-if="selectedAddress">{{ selectedAddress.name }} {{ selectedAddress.phone }}</text>
|
||||
<text v-else>请选择收货地址</text>
|
||||
</view>
|
||||
<view class="addr-detail">
|
||||
<text v-if="selectedAddress">{{ getFullAddress(selectedAddress) }}</text>
|
||||
<text v-else>点击选择或新增收货地址</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="address-actions">
|
||||
<view v-if="defaultSelected" class="chip">默认</view>
|
||||
<view class="choose">更换</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card block">
|
||||
<view class="section-title">商品信息</view>
|
||||
<view class="item" v-for="(item, index) in goodsList" :key="index">
|
||||
<view class="flex justify-start items-start">
|
||||
<u-image :src="item.image" width="80rpx" height="80rpx" radius="15rpx"/>
|
||||
<view class="ml-15">
|
||||
<view class="item-name">{{ item.goodsName }}</view>
|
||||
<view class="item-meta">x {{ item.num }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-price">¥{{ (item.num * item.salePrice).toFixed(2) }}</view>
|
||||
</view>
|
||||
<!-- <view class="vendor-sum">小计：¥{{ vendor.subtotal.toFixed(2) }}</view>-->
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">优惠</view>
|
||||
<view class="row">
|
||||
<view>优惠券</view>
|
||||
<view class="coupon" @tap="openCoupon">{{ couponText }}</view>
|
||||
</view>
|
||||
<!-- <view class="row">-->
|
||||
<!-- <view>发票</view>-->
|
||||
<!-- <switch :checked="invoice" color="#2563eb" @change="invoice = $event.detail.value"/>-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">费用明细</view>
|
||||
<view class="row">
|
||||
<view>商品金额</view>
|
||||
<view>¥{{ goodsTotal }}</view>
|
||||
</view>
|
||||
<!-- <view class="row">-->
|
||||
<!-- <view>运费</view>-->
|
||||
<!-- <view>¥{{ freightTotal }}</view>-->
|
||||
<!-- </view>-->
|
||||
<view class="row">
|
||||
<view>优惠</view>
|
||||
<view>-¥{{ discount }}</view>
|
||||
</view>
|
||||
<view class="row total">
|
||||
<view>应付总额</view>
|
||||
<view class="pay">¥{{ payTotal }}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="action-bar">
|
||||
<view class="sum">合计：¥{{ payTotal }}</view>
|
||||
<view class="primary-btn submit" @tap="submitOrder">提交订单</view>
|
||||
</view>
|
||||
|
||||
<view v-if="showAddressPopup" class="address-popup-mask" @tap="closeAddressPopup"></view>
|
||||
<view v-if="showAddressPopup" class="address-popup card" @tap.stop>
|
||||
<view class="popup-head">
|
||||
<view class="section-title">选择收货地址</view>
|
||||
<view class="close-btn" @tap="closeAddressPopup">关闭</view>
|
||||
</view>
|
||||
<view v-if="addressLoading" class="popup-empty">加载中...</view>
|
||||
<view v-else-if="addressList.length === 0" class="popup-empty">
|
||||
<view class="popup-empty-text">暂无地址</view>
|
||||
<u-button type="primary" shape="circle" size="mini" @tap="goAddAddress">去新增</u-button>
|
||||
</view>
|
||||
<view v-else class="popup-list">
|
||||
<view
|
||||
v-for="item in addressList"
|
||||
:key="item.id"
|
||||
class="popup-item"
|
||||
:class="{ active: isSelectedAddress(item) }"
|
||||
@tap="selectAddress(item)"
|
||||
>
|
||||
<view class="popup-item-head">
|
||||
<view class="addr-name">{{ item.name }} {{ item.phone }}</view>
|
||||
<view v-if="isDefaultAddress(item)" class="chip">默认</view>
|
||||
</view>
|
||||
<view class="addr-detail">{{ getFullAddress(item) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="showCouponPopup" class="address-popup-mask" @tap="closeCouponPopup"></view>
|
||||
<view v-if="showCouponPopup" class="coupon-popup card" @tap.stop>
|
||||
<view class="popup-head">
|
||||
<view class="section-title">选择优惠券</view>
|
||||
<view class="close-btn" @tap="closeCouponPopup">关闭</view>
|
||||
</view>
|
||||
<view v-if="couponLoading" class="popup-empty">加载中...</view>
|
||||
<view v-else-if="couponList.length === 0" class="popup-empty">
|
||||
<view class="popup-empty-text">暂无可用优惠券</view>
|
||||
</view>
|
||||
<view v-else class="coupon-list">
|
||||
<view
|
||||
v-for="item in couponList"
|
||||
:key="item.id"
|
||||
class="coupon-item"
|
||||
:class="{ active: isSelectedCoupon(item), disabled: !item.available }"
|
||||
@tap="selectCoupon(item)"
|
||||
>
|
||||
<view class="coupon-item-main">
|
||||
<!-- <view class="coupon-amount">¥{{ item.amount }}</view>-->
|
||||
<view class="coupon-info">
|
||||
<view class="coupon-title">{{ item.title }}</view>
|
||||
<!-- <view class="coupon-desc">{{ item.desc }}</view>-->
|
||||
<view class="coupon-expire">
|
||||
有效期：{{ item.expireType === 1 ? item.expireEndDate : `领取后${item.expireDay}天过期` }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="coupon-right">
|
||||
<view v-if="!item.available" class="coupon-status">{{ item.statusText }}</view>
|
||||
<view v-else-if="isSelectedCoupon(item)" class="chip">已选</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="coupon-footer">
|
||||
<view class="text-btn" @tap="clearCoupon">不使用优惠券</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {goodsListByIdsReq, orderAddReq} from "@/api/goods";
|
||||
import {userAddressListReq} from "@/api/address";
|
||||
import {userCouponListReq} from "@/api/coupon";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
vendors: [],
|
||||
goodsList: [],
|
||||
goodsDataList: [],
|
||||
invoice: false,
|
||||
addressList: [],
|
||||
addressLoading: false,
|
||||
showAddressPopup: false,
|
||||
selectedAddress: null,
|
||||
couponSourceList: [],
|
||||
couponList: [],
|
||||
couponLoading: false,
|
||||
showCouponPopup: false,
|
||||
selectedCoupon: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
goodsTotal() {
|
||||
return this.goodsList.reduce((sum, v) => sum + parseFloat(v.num * v.salePrice), 0).toFixed(2)
|
||||
},
|
||||
freightTotal() {
|
||||
return 0
|
||||
},
|
||||
orderAmountValue() {
|
||||
return parseFloat(this.goodsTotal) + parseFloat(this.freightTotal)
|
||||
},
|
||||
payTotal() {
|
||||
return (parseFloat(this.goodsTotal) + parseFloat(this.freightTotal) - parseFloat(this.discount)).toFixed(2)
|
||||
},
|
||||
defaultSelected() {
|
||||
return this.selectedAddress ? this.isDefaultAddress(this.selectedAddress) : false
|
||||
},
|
||||
discount() {
|
||||
if (!this.selectedCoupon || !this.selectedCoupon.available) return '0.00'
|
||||
const orderAmount = this.orderAmountValue
|
||||
const typeValue = Number(this.selectedCoupon.type)
|
||||
let discountAmount = 0
|
||||
if (typeValue === 1) {
|
||||
let rateValue = Number(this.selectedCoupon.reduceRate || 0)
|
||||
if (rateValue > 1) {
|
||||
rateValue = rateValue > 10 ? rateValue / 100 : rateValue / 10
|
||||
}
|
||||
rateValue = Math.max(0, Math.min(rateValue, 1))
|
||||
discountAmount = orderAmount * (1 - rateValue)
|
||||
} else {
|
||||
discountAmount = Number(this.selectedCoupon.reduceAmount || 0)
|
||||
}
|
||||
const maxDiscount = Math.min(discountAmount, orderAmount)
|
||||
return maxDiscount.toFixed(2)
|
||||
},
|
||||
couponText() {
|
||||
if (!this.selectedCoupon) return '选择优惠券'
|
||||
const title = this.selectedCoupon.title || '优惠券'
|
||||
return `${title} -¥${this.discount}`
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
orderAmountValue() {
|
||||
this.refreshCouponList()
|
||||
}
|
||||
},
|
||||
async onLoad(options) {
|
||||
const rawGoods = options.goodsDataList ? decodeURIComponent(options.goodsDataList) : '[]'
|
||||
try {
|
||||
this.goodsDataList = JSON.parse(rawGoods)
|
||||
} catch (err) {
|
||||
this.goodsDataList = []
|
||||
}
|
||||
await this.getGoodsList()
|
||||
await this.loadAddressList()
|
||||
},
|
||||
methods: {
|
||||
async getGoodsList() {
|
||||
if (!this.goodsDataList.length) {
|
||||
this.vendors = []
|
||||
return
|
||||
}
|
||||
const {data} = await goodsListByIdsReq({
|
||||
ids: this.goodsDataList.map(item => item.goodsId).join()
|
||||
})
|
||||
this.goodsList = data.map(item => {
|
||||
const goodsData = this.goodsDataList.find(goodsData => goodsData.goodsId === item.goodsId || goodsData.goodsId === item.id)
|
||||
return {
|
||||
num: goodsData.num,
|
||||
...item,
|
||||
}
|
||||
})
|
||||
this.$forceUpdate()
|
||||
console.log(this.goodsList)
|
||||
},
|
||||
async loadAddressList() {
|
||||
this.addressLoading = true
|
||||
try {
|
||||
const {data} = await userAddressListReq()
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.addressList = list
|
||||
const defaultItem = list.find(item => this.isDefaultAddress(item))
|
||||
this.selectedAddress = defaultItem || list[0] || null
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '地址加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.addressLoading = false
|
||||
}
|
||||
},
|
||||
isDefaultAddress(item) {
|
||||
return Number(item.isDefault) === 1 || Number(item.is_default) === 1 || item.is_default === true
|
||||
},
|
||||
openAddressPopup() {
|
||||
this.showAddressPopup = true
|
||||
if (!this.addressList.length) {
|
||||
this.loadAddressList()
|
||||
}
|
||||
},
|
||||
closeAddressPopup() {
|
||||
this.showAddressPopup = false
|
||||
},
|
||||
selectAddress(item) {
|
||||
this.selectedAddress = item
|
||||
this.showAddressPopup = false
|
||||
},
|
||||
goAddAddress() {
|
||||
this.showAddressPopup = false
|
||||
uni.navigateTo({
|
||||
url: '/packageUser/address/index'
|
||||
})
|
||||
},
|
||||
isSelectedAddress(item) {
|
||||
if (!this.selectedAddress) return false
|
||||
const selectedId = this.selectedAddress.id || this.selectedAddress.addressId || this.selectedAddress.full_address
|
||||
const itemId = item.id || item.addressId || item.full_address
|
||||
return selectedId && itemId ? selectedId === itemId : this.getFullAddress(item) === this.getFullAddress(this.selectedAddress)
|
||||
},
|
||||
getFullAddress(item) {
|
||||
if (!item) return ''
|
||||
return item.fullAddress || item.full_address || `${item.province || ''}${item.city || ''}${item.region || ''}${item.address || ''}`
|
||||
},
|
||||
async loadCouponList() {
|
||||
this.couponLoading = true
|
||||
try {
|
||||
const {data} = await userCouponListReq()
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.couponSourceList = list
|
||||
this.refreshCouponList()
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '优惠券加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.couponLoading = false
|
||||
}
|
||||
},
|
||||
openCoupon() {
|
||||
this.showCouponPopup = true
|
||||
this.loadCouponList()
|
||||
},
|
||||
closeCouponPopup() {
|
||||
this.showCouponPopup = false
|
||||
},
|
||||
selectCoupon(item) {
|
||||
if (!item.available) {
|
||||
uni.showToast({
|
||||
title: '该优惠券不可用',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.selectedCoupon = item
|
||||
this.showCouponPopup = false
|
||||
},
|
||||
clearCoupon() {
|
||||
this.selectedCoupon = null
|
||||
this.showCouponPopup = false
|
||||
},
|
||||
isSelectedCoupon(item) {
|
||||
return this.selectedCoupon && item.id && this.selectedCoupon.id === item.id
|
||||
},
|
||||
refreshCouponList() {
|
||||
if (!this.couponSourceList.length) return
|
||||
this.couponList = this.couponSourceList.map(this.normalizeUserCoupon)
|
||||
if (this.selectedCoupon) {
|
||||
const matched = this.couponList.find(item => item.id === this.selectedCoupon.id)
|
||||
this.selectedCoupon = matched && matched.available ? matched : null
|
||||
}
|
||||
},
|
||||
normalizeUserCoupon(item) {
|
||||
const coupon = item.coupon || {}
|
||||
const amount = Number(coupon.amount || item.amount || item.faceValue || item.money || 0)
|
||||
const statusValue = Number(item.used || item.status)
|
||||
let available = true
|
||||
let statusText = '可用'
|
||||
if (statusValue === 1) {
|
||||
available = false
|
||||
statusText = '已使用'
|
||||
}
|
||||
if (statusValue === 2) {
|
||||
available = false
|
||||
statusText = '已过期'
|
||||
}
|
||||
if (!Number.isFinite(statusValue)) {
|
||||
statusText = '可用'
|
||||
available = true
|
||||
}
|
||||
const startAmount = Number(coupon.startAmount || item.startAmount || 0)
|
||||
const orderAmount = this.orderAmountValue
|
||||
if (available && orderAmount < startAmount) {
|
||||
available = false
|
||||
statusText = '未满足门槛'
|
||||
}
|
||||
return {
|
||||
id: item.id || item.userCouponId || item.couponId || item.coupon_id,
|
||||
amount: amount.toFixed(2),
|
||||
title: coupon.title || item.title || item.name || '优惠券',
|
||||
desc: item.desc || item.description || item.useRule || '无门槛使用',
|
||||
expire: item.expire || item.expireTime || item.endTime || '-',
|
||||
available,
|
||||
statusText,
|
||||
expireType: coupon.expireType,
|
||||
expireEndDate: coupon.expireEndDate,
|
||||
expireDay: coupon.expireDay,
|
||||
startAmount,
|
||||
type: coupon.type || item.type || 0,
|
||||
reduceAmount: coupon.reduceAmount || item.reduceAmount || 0,
|
||||
reduceRate: coupon.reduceRate || item.reduceRate || 0
|
||||
}
|
||||
},
|
||||
async submitOrder() {
|
||||
if (!this.selectedAddress) {
|
||||
uni.showToast({
|
||||
title: '请先选择收货地址',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
uni.showLoading()
|
||||
const payload = {
|
||||
goodsList: this.goodsDataList,
|
||||
name: this.selectedAddress.name,
|
||||
phone: this.selectedAddress.phone,
|
||||
address: this.getFullAddress(this.selectedAddress),
|
||||
}
|
||||
if (this.selectedCoupon && this.selectedCoupon.id) {
|
||||
payload.couponId = this.selectedCoupon.id
|
||||
}
|
||||
const res = await orderAddReq(payload).catch(err => {
|
||||
uni.hideLoading()
|
||||
})
|
||||
if (res) {
|
||||
console.log(res)
|
||||
uni.hideLoading()
|
||||
uni.requestPayment({
|
||||
provider: res.data.provider, // 服务提供商
|
||||
timeStamp: res.data.timeStamp, // 时间戳
|
||||
nonceStr: res.data.nonceStr, // 随机字符串
|
||||
package: res.data.package,
|
||||
signType: res.data.signType, // 签名算法
|
||||
paySign: res.data.paySign, // 签名
|
||||
success: function (res) {
|
||||
uni.showToast({
|
||||
title: '支付成功',
|
||||
icon: 'success'
|
||||
});
|
||||
setTimeout(function () {
|
||||
uni.navigateTo({
|
||||
url: '/pages/order/list'
|
||||
});
|
||||
}, 500);
|
||||
},
|
||||
fail: function (err) {
|
||||
console.log('支付失败', err);
|
||||
uni.navigateTo({
|
||||
url: '/pages/order/list'
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.checkout-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 100rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin-top: 18rpx;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx;
|
||||
}
|
||||
|
||||
.address {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.addr-name {
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.addr-detail {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.address-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.choose {
|
||||
color: var(--brand-primary);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.vendor-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 6rpx;
|
||||
}
|
||||
|
||||
.vendor-name {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.freight {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 10rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.item-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.item-price {
|
||||
color: var(--brand-primary);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.vendor-sum {
|
||||
text-align: right;
|
||||
color: var(--text-main);
|
||||
font-weight: 700;
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.row:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.coupon {
|
||||
color: #ff8354;
|
||||
}
|
||||
|
||||
.total {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.pay {
|
||||
color: #ff3b30;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.action-bar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12rpx 24rpx;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 -6rpx 16rpx rgba(31, 111, 232, 0.08);
|
||||
}
|
||||
|
||||
.address-popup-mask {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.address-popup {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 40rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 88%;
|
||||
max-height: 70vh;
|
||||
overflow: auto;
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.popup-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.popup-empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
|
||||
.popup-empty-text {
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.popup-empty-btn {
|
||||
display: inline-flex;
|
||||
padding: 10rpx 20rpx;
|
||||
height: 52rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.popup-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.popup-item {
|
||||
border: 1rpx solid #e7eef8;
|
||||
border-radius: 14rpx;
|
||||
padding: 12rpx;
|
||||
}
|
||||
|
||||
.popup-item.active {
|
||||
border-color: var(--brand-primary);
|
||||
box-shadow: 0 8rpx 18rpx rgba(31, 111, 232, 0.1);
|
||||
}
|
||||
|
||||
.popup-item-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.coupon-popup {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 40rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 88%;
|
||||
max-height: 70vh;
|
||||
overflow: auto;
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.coupon-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.coupon-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border: 1rpx solid #e7eef8;
|
||||
border-radius: 14rpx;
|
||||
padding: 12rpx;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.coupon-item.active {
|
||||
border-color: var(--brand-primary);
|
||||
box-shadow: 0 8rpx 18rpx rgba(31, 111, 232, 0.1);
|
||||
}
|
||||
|
||||
.coupon-item.disabled {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.coupon-item-main {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.coupon-amount {
|
||||
font-size: 30rpx;
|
||||
font-weight: 800;
|
||||
color: #ff3b30;
|
||||
min-width: 100rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.coupon-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.coupon-title {
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.coupon-desc,
|
||||
.coupon-expire {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 2rpx;
|
||||
}
|
||||
|
||||
.coupon-right {
|
||||
min-width: 70rpx;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.coupon-status {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.coupon-footer {
|
||||
margin-top: 12rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-btn {
|
||||
color: var(--brand-primary);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.sum {
|
||||
color: var(--text-main);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.submit {
|
||||
padding: 14rpx 24rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,256 @@
|
||||
<template>
|
||||
<view class="order-detail-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="订单详情" show-back/>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">订单信息</view>
|
||||
<view class="info-row">
|
||||
<view>订单号</view>
|
||||
<view>{{ getOrderNo(order) }}</view>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<view>状态</view>
|
||||
<view class="status">{{ statusLabel(order.status) }}</view>
|
||||
</view>
|
||||
<view v-if="order.createTime || order.createdAt" class="info-row">
|
||||
<view>下单时间</view>
|
||||
<view>{{ order.createTime || order.createdAt }}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">收货地址</view>
|
||||
<view v-if="receiver.name" class="addr-name">{{ receiver.name }} {{ maskPhone(receiver.phone) }}</view>
|
||||
<view class="addr-detail">{{ receiver.address }}</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">商品清单</view>
|
||||
<view v-if="items.length === 0" class="empty">暂无商品</view>
|
||||
<view v-else class="items">
|
||||
<view class="item" v-for="(item, idx) in items" :key="idx">
|
||||
<view class="item-name">{{ item.goods.goodsName }}</view>
|
||||
<view class="item-meta">x {{ item.num || item.qty || 1 }}</view>
|
||||
<view class="item-price">¥{{ formatPrice(item.goods.salePrice || item.price || item.amount || 0) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">费用明细</view>
|
||||
<view class="info-row">
|
||||
<view>商品金额</view>
|
||||
<view>¥{{ formatPrice(order.totalPrice || 0) }}</view>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<view>运费</view>
|
||||
<view>¥{{ formatPrice(order.freightAmount || order.freight || 0) }}</view>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<view>优惠</view>
|
||||
<view>-¥{{ formatPrice(order.discountAmount || order.discount || 0) }}</view>
|
||||
</view>
|
||||
<view class="info-row total">
|
||||
<view>应付总额</view>
|
||||
<view class="pay">¥{{ formatPrice(order.orderPrice || order.payPrice || order.amount || 0) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {orderInfoReq} from "@/api/goods";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
order: {},
|
||||
items: [],
|
||||
receiver: {
|
||||
name: '',
|
||||
phone: '',
|
||||
address: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
async onLoad(options) {
|
||||
const id = options.id
|
||||
if (id) {
|
||||
await this.fetchOrder(id)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async fetchOrder(id) {
|
||||
try {
|
||||
const {data} = await orderInfoReq(id)
|
||||
this.order = data || {}
|
||||
this.items = this.order.goodsList || this.order.items || this.order.orderItems || []
|
||||
this.receiver = this.getReceiverInfo(this.order)
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '订单加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
getReceiverInfo(order) {
|
||||
const address = order.address || order.receiverAddress || order.shippingAddress || {}
|
||||
const name = order.receiverName || order.name || address.name || ''
|
||||
const phone = order.receiverPhone || order.phone || address.phone || ''
|
||||
const fullAddress = order.full_address || order.fullAddress || address.full_address || address.fullAddress || ''
|
||||
const mergedAddress = fullAddress || `${address.province || ''}${address.city || ''}${address.region || ''}${address.address || ''}`
|
||||
return {
|
||||
name,
|
||||
phone,
|
||||
address: mergedAddress || '暂无地址'
|
||||
}
|
||||
},
|
||||
getOrderNo(order) {
|
||||
return order.orderNo || order.order_no || order.no || order.id || ''
|
||||
},
|
||||
statusLabel(status) {
|
||||
if (status === 0 || status === 'pending') return '待支付'
|
||||
if (status === 1 || status === 'paid') return '待发货'
|
||||
if (status === 2 || status === 'shipped') return '已发货'
|
||||
if (status === 3 || status === 'completed') return '已完成'
|
||||
if (status === 4 || status === 'canceled') return '已取消'
|
||||
return status || '状态未知'
|
||||
},
|
||||
formatPrice(value) {
|
||||
const num = Number(value || 0)
|
||||
return num.toFixed(2)
|
||||
},
|
||||
maskPhone(phone) {
|
||||
const value = String(phone || '')
|
||||
if (value.length < 7) return value
|
||||
return `${value.slice(0, 3)}****${value.slice(-4)}`
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.order-detail-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 0 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin-top: 18rpx;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.info-row:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.status {
|
||||
color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.total {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pay {
|
||||
color: #ff3b30;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.addr-name {
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.addr-detail {
|
||||
margin-top: 6rpx;
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8rpx;
|
||||
}
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
color: var(--text-main);
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.item-meta {
|
||||
color: var(--text-sub);
|
||||
margin: 0 12rpx;
|
||||
}
|
||||
|
||||
.item-price {
|
||||
color: #ff3b30;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,240 @@
|
||||
<template>
|
||||
<view class="order-list-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="订单列表" show-back/>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<view v-else-if="orders.length === 0" class="empty">暂无订单</view>
|
||||
<view v-else class="order-list">
|
||||
<view class="order-card" v-for="order in orders" :key="order.orderId">
|
||||
<view class="order-head">
|
||||
<view class="order-no">订单号：{{ getOrderNo(order) }}</view>
|
||||
<view class="order-status">{{ statusLabel(order.orderStatus) }}</view>
|
||||
</view>
|
||||
<view v-if="order.createTime || order.createdAt" class="order-time">
|
||||
下单时间：{{ order.createTime || order.createdAt }}
|
||||
</view>
|
||||
<view class="order-items">
|
||||
<view class="order-item" v-for="(item, idx) in getOrderItems(order)" :key="idx">
|
||||
<view class="item-name">{{ item.goodsName || item.name || item.title }}</view>
|
||||
<view class="item-meta">x {{ item.num || item.qty || 1 }}</view>
|
||||
<view class="item-price">¥{{ formatPrice(item.salePrice || item.price || item.amount || 0) }}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="order-footer">
|
||||
<view class="order-total">合计：¥{{ formatPrice(order.totalAmount || order.amount || order.totalPrice || 0) }}</view>
|
||||
<view class="ghost-btn" @tap="goDetail(order)">查看详情</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {orderListReq} from "@/api/goods";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
orders: [],
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.fetchOrders()
|
||||
},
|
||||
methods: {
|
||||
async fetchOrders() {
|
||||
this.loading = true
|
||||
try {
|
||||
const {data} = await orderListReq()
|
||||
this.orders = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '订单加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
getOrderItems(order) {
|
||||
return order.goodsList || order.items || order.orderItems || []
|
||||
},
|
||||
getOrderNo(order) {
|
||||
return order.orderNo || order.order_no || order.no || order.id || ''
|
||||
},
|
||||
statusLabel(status) {
|
||||
if (status === 1) return '待支付'
|
||||
if (status === 2) return '待发货'
|
||||
if (status === 3 ) return '已发货'
|
||||
if (status === 4 ) return '已完成'
|
||||
if (status === 5 ) return '退款中'
|
||||
if (status === 6 ) return '退款成功'
|
||||
if (status === 7 ) return '退款失败'
|
||||
if (status === 0 ) return '已取消'
|
||||
return status || '状态未知'
|
||||
},
|
||||
formatPrice(value) {
|
||||
const num = Number(value || 0)
|
||||
return num.toFixed(2)
|
||||
},
|
||||
goDetail(order) {
|
||||
console.log(order.orderId)
|
||||
uni.navigateTo({
|
||||
url: `/pages/order/detail?id=${order.orderId}`
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.order-list-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.order-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.order-card {
|
||||
border: 1rpx solid #e7eef8;
|
||||
border-radius: 16rpx;
|
||||
padding: 16rpx;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.order-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.order-no {
|
||||
color: var(--text-main);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.order-status {
|
||||
color: var(--brand-primary);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.order-time {
|
||||
margin-top: 6rpx;
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.order-items {
|
||||
margin-top: 12rpx;
|
||||
border-top: 1rpx dashed #e7eef8;
|
||||
padding-top: 12rpx;
|
||||
}
|
||||
|
||||
.order-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 6rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.order-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.item-name {
|
||||
color: var(--text-main);
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.item-meta {
|
||||
color: var(--text-sub);
|
||||
margin: 0 12rpx;
|
||||
}
|
||||
|
||||
.item-price {
|
||||
color: #ff3b30;
|
||||
}
|
||||
|
||||
.order-footer {
|
||||
margin-top: 12rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.order-total {
|
||||
color: var(--text-main);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.ghost-btn {
|
||||
color: var(--brand-primary);
|
||||
border: 1rpx solid var(--brand-primary);
|
||||
padding: 6rpx 16rpx;
|
||||
border-radius: 999rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,996 @@
|
||||
<template>
|
||||
<view class="performance-page">
|
||||
<view class="perf-hero">
|
||||
<AppNavbar title="业绩统计"/>
|
||||
<view class="stats-card">
|
||||
<view class="flex justify-between items-center w-100p">
|
||||
<view class="stat-item">
|
||||
<view class="stat-value">{{ stats.doneNum }}/{{ stats.taskNum }}</view>
|
||||
<view class="stat-label">我的完成进度</view>
|
||||
</view>
|
||||
<!-- <view class="stat-item" @click="toBonus">-->
|
||||
<!-- <view class="stat-value">{{ stats.income }}元</view>-->
|
||||
<!-- <view class="stat-label">我的活动奖励</view>-->
|
||||
<!-- </view>-->
|
||||
<view class="stat-item">
|
||||
<view class="stat-value">{{ stats.doneRate }}%</view>
|
||||
<view class="stat-label">我的完成率</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex justify-between items-center w-100p pt-20 border-top" v-if="isLoggedIn && user.canAuth === 1">
|
||||
<view class="stat-item">
|
||||
<view class="stat-value text-main">{{ stats.totalDoneNum }}/{{ stats.totalTaskNum }}</view>
|
||||
<view class="stat-label">总完成进度</view>
|
||||
</view>
|
||||
<!-- <view class="stat-item" @click="toBonus">-->
|
||||
<!-- <view class="stat-value text-main">{{ stats.totalIncome }}元</view>-->
|
||||
<!-- <view class="stat-label">总活动奖励</view>-->
|
||||
<!-- </view>-->
|
||||
<view class="stat-item">
|
||||
<view class="stat-value text-main">{{ stats.totalDoneRate }}%</view>
|
||||
<view class="stat-label">总完成率</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="section-head">
|
||||
<view class="head-left" @tap="openAreaPicker">
|
||||
<u-icon name="map" size="26" color="#27c7a4"/>
|
||||
<text>{{ currentCity }}</text>
|
||||
</view>
|
||||
<view class="head-center">
|
||||
<image class="head-icon" mode="heightFix"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/6a639dcbe30e9c503d50f391272a066a.png"
|
||||
alt=""/>
|
||||
<!-- <text class="head-dot">✦</text>-->
|
||||
<!-- <text class="section-title">任务完成详情</text>-->
|
||||
</view>
|
||||
<view class="section-more"></view>
|
||||
</view>
|
||||
|
||||
<view class="filter-chips">
|
||||
<view class="filter-chip" @tap="openMerchantPicker">{{ merchantLabel }}</view>
|
||||
<view class="filter-chip" @tap="openManufacturerPicker">{{ manufacturerLabel }}</view>
|
||||
</view>
|
||||
|
||||
<view class="task-list">
|
||||
<template v-if="details.length">
|
||||
<view class="task-card" v-for="(item, index) in visibleDetails" :key="index" @tap="showDetails(item)">
|
||||
<view class="task-top">
|
||||
<text class="task-label">匹配门店：</text>
|
||||
<text class="task-value">{{ item.merchant.name || '-' }}</text>
|
||||
</view>
|
||||
<view class="task-divider"></view>
|
||||
<view class="task-row">
|
||||
<text class="task-label">任务名称：</text>
|
||||
<text class="task-value">{{ item.title }}</text>
|
||||
</view>
|
||||
<view class="task-row">
|
||||
<text class="task-label">当前状态：</text>
|
||||
<text :class="['task-status', taskStatusClass(item)]">{{ resolveTaskStatusLabel(item) }}</text>
|
||||
</view>
|
||||
<view class="task-row task-row-space">
|
||||
<text class="task-time">任务时间：{{ item.date || '-' }}</text>
|
||||
<view class="task-distance">
|
||||
<u-icon name="map" size="24" color="#ff9f43"/>
|
||||
<text>距离{{ item.distance || '100米' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="task-progress">
|
||||
<view class="progress-line">
|
||||
<view class="progress-fill"
|
||||
:style="{ width: `${item.num ? (item.doneNum / item.num) * 100 : 0}%` }"></view>
|
||||
</view>
|
||||
<view class="progress-right">
|
||||
<u-icon name="close-circle" color="#2fc6a7" size="30rpx"/>
|
||||
<!-- <view class="progress-icon">×</view>-->
|
||||
<view class="progress-count">{{ item.doneNum }}/{{ item.num }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="showMoreTaskBtn" class="task-more-btn" @tap="expandTaskList">查看更多</view>
|
||||
</template>
|
||||
<u-empty v-else
|
||||
icon="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/ddcc1bbd561d97128ed19407b07e299b.png"
|
||||
text="暂无数据"/>
|
||||
</view>
|
||||
|
||||
<view class="person-section">
|
||||
<view class="section-banner">
|
||||
<view class="banner-center">
|
||||
<!-- <text class="head-dot">✦</text>-->
|
||||
<!-- <text class="section-title section-title-light">按人员筛选</text>-->
|
||||
<image class="head-icon" mode="aspectFit"
|
||||
src="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/10fe8406037bab94adf5045216feb74a.png"
|
||||
alt=""/>
|
||||
</view>
|
||||
<view class="section-more section-more-light"></view>
|
||||
</view>
|
||||
<!-- <view class="person-search">-->
|
||||
<!-- <u-icon name="search" size="26" color="#9ca3af"/>-->
|
||||
<!-- <input type="text" placeholder="输入姓名搜索" v-model="personKeyword"/>-->
|
||||
<!-- <view class="search-btn" @tap="searchPerson">搜索</view>-->
|
||||
<!-- </view>-->
|
||||
<view class="p-20">
|
||||
<u-search showAction animation v-model="personKeyword" bgColor="white"
|
||||
searchIcon="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/16f54dd102cacccfb5085533009b70fc.png"/>
|
||||
</view>
|
||||
<view class="person-list">
|
||||
<template v-if="filteredPersons.length">
|
||||
<view class="person-item" v-for="(person, idx) in filteredPersons" :key="idx">
|
||||
<view class="person-left">
|
||||
<u-icon v-if="idx === 0"
|
||||
name="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/99b7a70575473d52e38c765a8635428c.png"
|
||||
size="50rpx"/>
|
||||
<u-icon v-else-if="idx === 1"
|
||||
name="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/3a984885c03dbd31f1bd998f98c41493.png"
|
||||
size="50rpx"/>
|
||||
<u-icon v-else-if="idx === 2"
|
||||
name="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/722383e4ed2ba2e98cd04ce3ee5c4b8f.png"
|
||||
size="50rpx"/>
|
||||
<text v-else class="person-index">{{ idx + 1 }}</text>
|
||||
<text class="person-name">{{ person.nickname || person.name || '-' }}</text>
|
||||
</view>
|
||||
<!-- <view class="person-right">奖励 ¥{{ person.incomeAmount }} 完成 {{-->
|
||||
<!-- person.taskCompleteNum-->
|
||||
<!-- }}/{{ person.totalTaskNum }}-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
</template>
|
||||
<u-empty v-else
|
||||
icon="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/ddcc1bbd561d97128ed19407b07e299b.png"
|
||||
text="暂无数据"/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<Login ref="Login" @done="getUserData"/>
|
||||
<AreaPicker
|
||||
:show="showAreaPicker"
|
||||
:default-province="currentProvince"
|
||||
:default-city="currentCity"
|
||||
@close="showAreaPicker = false"
|
||||
@confirm="onAreaConfirm"
|
||||
/>
|
||||
<u-popup :show="showMerchantPicker" mode="bottom" round="24rpx" @close="closeMerchantPicker">
|
||||
<view class="merchant-picker">
|
||||
<view class="merchant-picker-head">
|
||||
<view class="picker-action" @tap="closeMerchantPicker">取消</view>
|
||||
<text class="picker-title">药店筛选</text>
|
||||
<view class="picker-action primary" @tap="confirmMerchantPicker">确定</view>
|
||||
</view>
|
||||
<view class="merchant-picker-search">
|
||||
<u-search
|
||||
v-model="merchantSearchKeyword"
|
||||
bgColor="white"
|
||||
showAction
|
||||
animation
|
||||
actionText="搜索"
|
||||
searchIcon="https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/16f54dd102cacccfb5085533009b70fc.png"
|
||||
/>
|
||||
</view>
|
||||
<view v-if="merchantLoading" class="merchant-picker-loading">
|
||||
<u-loading-icon mode="circle"></u-loading-icon>
|
||||
</view>
|
||||
<picker-view
|
||||
v-else
|
||||
class="merchant-picker-view"
|
||||
:value="merchantPickerValue"
|
||||
:indicator-style="merchantIndicatorStyle"
|
||||
@change="onMerchantPickerChange"
|
||||
>
|
||||
<picker-view-column>
|
||||
<view
|
||||
v-for="(item, idx) in merchantFilteredOptions"
|
||||
:key="idx"
|
||||
class="merchant-picker-item"
|
||||
>{{ item.text }}
|
||||
</view>
|
||||
</picker-view-column>
|
||||
</picker-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup :show="showManufacturerPicker" mode="bottom" round="24rpx" @close="closeManufacturerPicker">
|
||||
<view class="merchant-picker">
|
||||
<view class="merchant-picker-head">
|
||||
<view class="picker-action" @tap="closeManufacturerPicker">取消</view>
|
||||
<text class="picker-title">厂家筛选</text>
|
||||
<view class="picker-action primary" @tap="confirmManufacturerPicker">确定</view>
|
||||
</view>
|
||||
<view v-if="manufacturerLoading" class="merchant-picker-loading">
|
||||
<u-loading-icon mode="circle"></u-loading-icon>
|
||||
</view>
|
||||
<picker-view
|
||||
v-else
|
||||
class="merchant-picker-view"
|
||||
:value="manufacturerPickerValue"
|
||||
:indicator-style="merchantIndicatorStyle"
|
||||
@change="onManufacturerPickerChange"
|
||||
>
|
||||
<picker-view-column>
|
||||
<view
|
||||
v-for="(item, idx) in manufacturerOptions"
|
||||
:key="idx"
|
||||
class="merchant-picker-item"
|
||||
>{{ item.text }}
|
||||
</view>
|
||||
</picker-view-column>
|
||||
</picker-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {taskDataReq, taskListForDataReq, taskUserRankReq} from "@/api/task";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
import {calcDistanceMeters, formatDistance, getLocationAction} from "@/util";
|
||||
import AreaPicker from "@/components/AreaPicker.vue";
|
||||
import Login from "@/components/Login.vue";
|
||||
import {userInfoReq} from "@/api/user";
|
||||
import {getUserInfo} from "@/util/user";
|
||||
import {merchantListReq} from "@/api/shop";
|
||||
import {productGroupReq} from "@/api/product";
|
||||
|
||||
export default {
|
||||
components: {Login, AppNavbar, AreaPicker},
|
||||
data() {
|
||||
return {
|
||||
customerOptions: ['全部客户', '大参林', '老百姓', '海王星辰'],
|
||||
industryOptions: ['自身产品', '大参林联营', '老百姓联营'],
|
||||
roleOptions: ['管理员视角', '店长视角', '本人视角'],
|
||||
customerIndex: 0,
|
||||
industryIndex: 0,
|
||||
roleIndex: 0,
|
||||
stats: {
|
||||
taskNum: 0,
|
||||
doneNum: 0,
|
||||
income: 0,
|
||||
doneRate: 0,
|
||||
totalDoneNum: 0,
|
||||
totalTaskNum: 0,
|
||||
totalIncome: 0,
|
||||
totalDoneRate: 0,
|
||||
},
|
||||
details: [],
|
||||
taskDisplayLimit: 10,
|
||||
taskListExpanded: false,
|
||||
lat: null,
|
||||
lng: null,
|
||||
currentCity: '定位中',
|
||||
currentProvince: '',
|
||||
showAreaPicker: false,
|
||||
isLoggedIn: false,
|
||||
personKeyword: '',
|
||||
persons: [],
|
||||
showMerchantPicker: false,
|
||||
merchantLoading: false,
|
||||
merchantOptions: [
|
||||
{id: '', text: '全部门店'}
|
||||
],
|
||||
merchantId: '',
|
||||
merchantText: '药店筛选',
|
||||
merchantSearchKeyword: '',
|
||||
merchantPickerValue: [0],
|
||||
showManufacturerPicker: false,
|
||||
manufacturerLoading: false,
|
||||
manufacturerOptions: [
|
||||
{markAbb: '', text: '全部厂家'}
|
||||
],
|
||||
manufacturerMarkAbb: '',
|
||||
manufacturerText: '厂家筛选',
|
||||
manufacturerPickerValue: [0],
|
||||
user: {
|
||||
canAuth: 0
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredPersons() {
|
||||
const kw = this.personKeyword.trim()
|
||||
const list = Array.isArray(this.persons) ? this.persons : []
|
||||
const filtered = kw ? list.filter(p => (p.nickname || '').includes(kw)) : list
|
||||
return filtered.slice().sort((a, b) => {
|
||||
const aAmount = Number(a.incomeAmount) || 0
|
||||
const bAmount = Number(b.incomeAmount) || 0
|
||||
return bAmount - aAmount
|
||||
})
|
||||
},
|
||||
merchantLabel() {
|
||||
return this.merchantText || '药店筛选'
|
||||
},
|
||||
manufacturerLabel() {
|
||||
return this.manufacturerText || '厂家筛选'
|
||||
},
|
||||
merchantFilteredOptions() {
|
||||
const kw = this.merchantSearchKeyword.trim()
|
||||
const list = Array.isArray(this.merchantOptions) ? this.merchantOptions : []
|
||||
const filtered = kw ? list.filter(item => (item.text || '').includes(kw)) : list
|
||||
return filtered.length ? filtered : [{id: '', text: '无匹配门店'}]
|
||||
},
|
||||
merchantIndicatorStyle() {
|
||||
return 'height: 44px;'
|
||||
},
|
||||
visibleDetails() {
|
||||
const list = Array.isArray(this.details) ? this.details : []
|
||||
if (this.taskListExpanded) return list
|
||||
return list.slice(0, this.taskDisplayLimit)
|
||||
},
|
||||
showMoreTaskBtn() {
|
||||
const list = Array.isArray(this.details) ? this.details : []
|
||||
return !this.taskListExpanded && list.length > this.taskDisplayLimit
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
merchantSearchKeyword() {
|
||||
this.merchantPickerValue = [0]
|
||||
}
|
||||
},
|
||||
async onShow() {
|
||||
await this.refreshPageData()
|
||||
},
|
||||
async onPullDownRefresh() {
|
||||
try {
|
||||
await this.refreshPageData()
|
||||
} finally {
|
||||
uni.stopPullDownRefresh()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async refreshPageData() {
|
||||
await this.getLocation()
|
||||
await this.getTaskList()
|
||||
await this.getUserRank()
|
||||
if (getUserInfo().token) await this.getUserData()
|
||||
},
|
||||
async getUserData() {
|
||||
const {data} = await userInfoReq()
|
||||
this.isLoggedIn = true
|
||||
this.user = data
|
||||
await this.getTaskData()
|
||||
},
|
||||
async getLocation() {
|
||||
const res = await getLocationAction().catch(() => {
|
||||
uni.showToast({
|
||||
title: '请允许位置授权',
|
||||
icon: 'none'
|
||||
})
|
||||
})
|
||||
if (res) {
|
||||
this.lat = Number(res.latitude)
|
||||
this.lng = Number(res.longitude)
|
||||
this.currentCity = res.city_str || this.currentCity
|
||||
this.currentProvince = res.province_str || this.currentProvince
|
||||
this.updateTaskDistances()
|
||||
}
|
||||
},
|
||||
async getTaskData() {
|
||||
const {data} = await taskDataReq()
|
||||
this.stats = data
|
||||
},
|
||||
async getTaskList() {
|
||||
const params = {
|
||||
province: this.currentProvince,
|
||||
city: this.currentCity,
|
||||
}
|
||||
if (this.merchantId !== '' && this.merchantId !== null && this.merchantId !== undefined) {
|
||||
params.merchantId = this.merchantId
|
||||
}
|
||||
if (this.manufacturerMarkAbb) {
|
||||
params.markAbb = this.manufacturerMarkAbb
|
||||
}
|
||||
const {data} = await taskListForDataReq(params)
|
||||
this.details = data
|
||||
this.taskListExpanded = false
|
||||
this.updateTaskDistances()
|
||||
},
|
||||
expandTaskList() {
|
||||
this.taskListExpanded = true
|
||||
},
|
||||
async getUserRank() {
|
||||
const {data} = await taskUserRankReq()
|
||||
this.persons = data
|
||||
},
|
||||
changeCustomer(e) {
|
||||
this.customerIndex = Number(e.detail.value)
|
||||
},
|
||||
changeIndustry(e) {
|
||||
this.industryIndex = Number(e.detail.value)
|
||||
},
|
||||
changeRole(e) {
|
||||
this.roleIndex = Number(e.detail.value)
|
||||
},
|
||||
openAreaPicker() {
|
||||
this.showAreaPicker = true
|
||||
},
|
||||
onAreaConfirm({provinceName, cityName}) {
|
||||
this.currentProvince = provinceName
|
||||
this.currentCity = cityName
|
||||
this.showAreaPicker = false
|
||||
this.getTaskList()
|
||||
},
|
||||
async getMerchantList() {
|
||||
this.merchantLoading = true
|
||||
try {
|
||||
const params = {}
|
||||
if (this.currentProvince) params.province = this.currentProvince
|
||||
if (this.currentCity && this.currentCity !== '定位中') params.city = this.currentCity
|
||||
const {data} = await merchantListReq(params)
|
||||
const list = Array.isArray(data)
|
||||
? data
|
||||
: (Array.isArray(data && data.records) ? data.records : (Array.isArray(data && data.list) ? data.list : []))
|
||||
const options = list.map(item => ({
|
||||
id: item.id ?? item.merchantId ?? item.merchant_id,
|
||||
text: item.name || item.merchantName || item.merchant_name || item.title || '未命名门店'
|
||||
})).filter(item => item.id !== undefined && item.id !== null)
|
||||
this.merchantOptions = [{id: '', text: '全部门店'}].concat(options)
|
||||
} catch (error) {
|
||||
uni.showToast({
|
||||
title: '门店列表获取失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.merchantLoading = false
|
||||
}
|
||||
},
|
||||
async openMerchantPicker() {
|
||||
// if (!this.merchantOptions || this.merchantOptions.length <= 1) {
|
||||
await this.getMerchantList()
|
||||
// }
|
||||
this.merchantSearchKeyword = ''
|
||||
const idx = this.merchantOptions.findIndex(item => item.id === this.merchantId)
|
||||
this.merchantPickerValue = [idx > -1 ? idx : 0]
|
||||
this.showMerchantPicker = true
|
||||
},
|
||||
closeMerchantPicker() {
|
||||
this.showMerchantPicker = false
|
||||
},
|
||||
onMerchantPickerChange(e) {
|
||||
const value = Array.isArray(e.detail && e.detail.value) ? e.detail.value : [0]
|
||||
this.merchantPickerValue = value
|
||||
},
|
||||
confirmMerchantPicker() {
|
||||
const selected = this.merchantFilteredOptions[this.merchantPickerValue[0]] || null
|
||||
if (selected) {
|
||||
this.merchantId = selected.id ?? ''
|
||||
this.merchantText = selected.text || '药店筛选'
|
||||
} else {
|
||||
this.merchantId = ''
|
||||
this.merchantText = '药店筛选'
|
||||
}
|
||||
this.showMerchantPicker = false
|
||||
this.getTaskList()
|
||||
},
|
||||
async getManufacturerList() {
|
||||
this.manufacturerLoading = true
|
||||
try {
|
||||
const {data} = await productGroupReq()
|
||||
console.log(data)
|
||||
const options = data.map(item => ({
|
||||
makerAbb: item.makerAbb,
|
||||
text: item.makerAbb || ''
|
||||
})).filter(item => item.text)
|
||||
console.log(options)
|
||||
this.manufacturerOptions = [{makerAbb: '', text: '全部厂家'}].concat(options)
|
||||
} catch (error) {
|
||||
uni.showToast({
|
||||
title: '厂家列表获取失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.manufacturerLoading = false
|
||||
}
|
||||
},
|
||||
async openManufacturerPicker() {
|
||||
if (!this.manufacturerOptions || this.manufacturerOptions.length <= 1) {
|
||||
await this.getManufacturerList()
|
||||
}
|
||||
const idx = this.manufacturerOptions.findIndex(item => item.markAbb === this.manufacturerMarkAbb)
|
||||
this.manufacturerPickerValue = [idx > -1 ? idx : 0]
|
||||
this.showManufacturerPicker = true
|
||||
},
|
||||
closeManufacturerPicker() {
|
||||
this.showManufacturerPicker = false
|
||||
},
|
||||
onManufacturerPickerChange(e) {
|
||||
const value = Array.isArray(e.detail && e.detail.value) ? e.detail.value : [0]
|
||||
this.manufacturerPickerValue = value
|
||||
},
|
||||
confirmManufacturerPicker() {
|
||||
const selected = this.manufacturerOptions[this.manufacturerPickerValue[0]] || null
|
||||
if (selected) {
|
||||
this.manufacturerMarkAbb = selected.markAbb ?? ''
|
||||
this.manufacturerText = selected.text || '厂家筛选'
|
||||
} else {
|
||||
this.manufacturerMarkAbb = ''
|
||||
this.manufacturerText = '厂家筛选'
|
||||
}
|
||||
this.showManufacturerPicker = false
|
||||
this.getTaskList()
|
||||
},
|
||||
updateTaskDistances() {
|
||||
if (!Number.isFinite(this.lat) || !Number.isFinite(this.lng)) return
|
||||
this.details = this.details.map(item => {
|
||||
const merchant = item.merchant || {}
|
||||
const lat = Number(merchant.lat || merchant.latitude || item.lat || item.latitude)
|
||||
const lng = Number(merchant.lng || merchant.longitude || item.lng || item.longitude)
|
||||
if (!Number.isFinite(lat) || !Number.isFinite(lng)) return item
|
||||
const meters = calcDistanceMeters(this.lat, this.lng, lat, lng)
|
||||
return Object.assign({}, item, {
|
||||
distance: formatDistance(meters)
|
||||
})
|
||||
})
|
||||
},
|
||||
pickFirstTaskText(values = []) {
|
||||
for (let i = 0; i < values.length; i++) {
|
||||
const value = values[i]
|
||||
if (value === undefined || value === null) continue
|
||||
const text = String(value).trim()
|
||||
if (text) return text
|
||||
}
|
||||
return ''
|
||||
},
|
||||
pickFirstTaskNumber(values = []) {
|
||||
for (let i = 0; i < values.length; i++) {
|
||||
const raw = values[i]
|
||||
if (raw === '' || raw === undefined || raw === null) continue
|
||||
const num = Number(raw)
|
||||
if (Number.isFinite(num)) return num
|
||||
}
|
||||
return null
|
||||
},
|
||||
resolveTaskStatusLabel(item = {}) {
|
||||
const userTask = item.userTask || {}
|
||||
const textLabel = this.pickFirstTaskText([
|
||||
item.statusText,
|
||||
item.taskStatusText,
|
||||
item.stateText,
|
||||
item.statusName,
|
||||
item.taskStatusName,
|
||||
userTask.statusText
|
||||
])
|
||||
if (textLabel) return textLabel
|
||||
|
||||
const userStatus = this.pickFirstTaskNumber([item.userTaskStatus, userTask.status, item.auditStatus])
|
||||
if (userStatus !== null) {
|
||||
if (userStatus === 2) return '已完成'
|
||||
if (userStatus === 1) return '审核中'
|
||||
if (userStatus === 3) return '审核驳回'
|
||||
if (userStatus === 0) return '待提交'
|
||||
}
|
||||
|
||||
const taskStatus = this.pickFirstTaskNumber([item.taskStatus, item.status, item.state])
|
||||
if (taskStatus !== null) {
|
||||
if (taskStatus === 2) return '已完成'
|
||||
if (taskStatus === 1) return '进行中'
|
||||
if (taskStatus === 0) return '未开始'
|
||||
}
|
||||
|
||||
const doneNum = Number(item.doneNum) || 0
|
||||
const totalNum = Number(item.num) || 0
|
||||
if (totalNum > 0 && doneNum >= totalNum) return '已完成'
|
||||
if (doneNum > 0) return '进行中'
|
||||
return '未开始'
|
||||
},
|
||||
taskStatusClass(item = {}) {
|
||||
const label = this.resolveTaskStatusLabel(item)
|
||||
if (label.includes('驳回') || label.includes('失败')) return 'task-status-danger'
|
||||
if (label.includes('完成') || label.includes('通过')) return 'task-status-success'
|
||||
if (label.includes('审核中') || label.includes('进行') || label.includes('待')) return 'task-status-pending'
|
||||
return 'task-status-default'
|
||||
},
|
||||
searchPerson() {
|
||||
if (!this.personKeyword.trim()) {
|
||||
uni.showToast({
|
||||
title: '请输入姓名',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
showDetails(task) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/task/detail?title=${encodeURIComponent(task.merchant.name)}&reward=${task.reward}&target=${task.cate.title}&id=${task.id}`
|
||||
})
|
||||
},
|
||||
toBonus() {
|
||||
if (!this.isLoggedIn) {
|
||||
return this.$refs.Login.open()
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: '/pages/bonus/index'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.performance-page {
|
||||
min-height: 100vh;
|
||||
padding: 0 0 40rpx;
|
||||
background: #e9fbf6;
|
||||
}
|
||||
|
||||
.perf-hero {
|
||||
padding: 0 0 20rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat top center / 100% auto;
|
||||
}
|
||||
|
||||
.perf-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.stats-card {
|
||||
margin: 0 20rpx 0;
|
||||
padding: 18rpx 18rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
border-top: 20rpx solid #2fc6a7;
|
||||
//display: grid;
|
||||
//grid-template-columns: repeat(3, 1fr);
|
||||
//gap: 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
text-align: center;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #ff3b30;
|
||||
}
|
||||
|
||||
.stat-label {
|
||||
margin-top: 6rpx;
|
||||
font-size: 22rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.section-head {
|
||||
margin: 14rpx 20rpx 0 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.head-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6rpx;
|
||||
font-size: 24rpx;
|
||||
color: #2fc6a7;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.head-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6rpx;
|
||||
color: #2fc6a7;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.head-dot {
|
||||
font-size: 20rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
color: #2fc6a7;
|
||||
}
|
||||
|
||||
.section-more {
|
||||
font-size: 22rpx;
|
||||
color: #6b7280;
|
||||
width: 50rpx;
|
||||
}
|
||||
|
||||
.filter-chips {
|
||||
margin: 12rpx 20rpx 0;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
.filter-chip {
|
||||
padding: 6rpx 14rpx;
|
||||
border-radius: 999rpx;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
color: #2fc6a7;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.task-list {
|
||||
margin: 12rpx 20rpx 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14rpx;
|
||||
}
|
||||
|
||||
.task-more-btn {
|
||||
margin: 6rpx auto 0;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 999rpx;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
color: #2fc6a7;
|
||||
font-size: 24rpx;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.task-card {
|
||||
background: #ffffff;
|
||||
border-radius: 18rpx;
|
||||
padding: 14rpx 16rpx;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
box-shadow: 0 8rpx 16rpx rgba(39, 199, 164, 0.12);
|
||||
}
|
||||
|
||||
.task-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6rpx;
|
||||
font-size: 24rpx;
|
||||
color: #374151;
|
||||
}
|
||||
|
||||
.task-label {
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.task-divider {
|
||||
height: 1rpx;
|
||||
background: #d7f4eb;
|
||||
margin: 10rpx 0;
|
||||
}
|
||||
|
||||
.task-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6rpx;
|
||||
font-size: 24rpx;
|
||||
color: #374151;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.task-row-space {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.task-time {
|
||||
color: #6b7280;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.task-distance {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4rpx;
|
||||
font-size: 22rpx;
|
||||
color: #ff8a00;
|
||||
}
|
||||
|
||||
.task-status {
|
||||
font-size: 22rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.task-status-default {
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.task-status-pending {
|
||||
color: #ff9f43;
|
||||
}
|
||||
|
||||
.task-status-success {
|
||||
color: #22c55e;
|
||||
}
|
||||
|
||||
.task-status-danger {
|
||||
color: #ef4444;
|
||||
}
|
||||
|
||||
.task-progress {
|
||||
margin-top: 12rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.progress-line {
|
||||
flex: 1;
|
||||
height: 6rpx;
|
||||
background: #e5f7f1;
|
||||
border-radius: 999rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.progress-fill {
|
||||
height: 100%;
|
||||
background: #37c977;
|
||||
}
|
||||
|
||||
.progress-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6rpx;
|
||||
font-size: 22rpx;
|
||||
color: #2fc6a7;
|
||||
}
|
||||
|
||||
.progress-icon {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
border-radius: 50%;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
|
||||
.person-section {
|
||||
margin-top: 18rpx;
|
||||
overflow: hidden;
|
||||
background-image: url("https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/09dd8e6519b44d71410fc82a7e255540.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.section-banner {
|
||||
padding: 12rpx 14rpx;
|
||||
//background: linear-gradient(135deg, #33d0b3, #22c3a1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.banner-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6rpx;
|
||||
}
|
||||
|
||||
.section-title-light {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.section-more-light {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.person-search {
|
||||
padding: 12rpx 14rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10rpx;
|
||||
background: #ffffff;
|
||||
border-bottom: 1rpx dashed #d7f4eb;
|
||||
}
|
||||
|
||||
.person-search input {
|
||||
flex: 1;
|
||||
font-size: 24rpx;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.search-btn {
|
||||
padding: 6rpx 16rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
color: #ffffff;
|
||||
font-size: 24rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.person-list {
|
||||
padding: 10rpx;
|
||||
margin: 20rpx;
|
||||
background-color: white;
|
||||
border-radius: 10rpx;
|
||||
min-height: 200rpx;
|
||||
}
|
||||
|
||||
.person-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx dashed #d7f4eb;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.person-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.person-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10rpx;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.person-index {
|
||||
font-size: 24rpx;
|
||||
font-weight: 700;
|
||||
color: #2fc6a7;
|
||||
width: 36rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.person-name {
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.person-right {
|
||||
color: #ef4444;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
.head-icon {
|
||||
height: 60rpx;
|
||||
}
|
||||
|
||||
.merchant-picker {
|
||||
background: #ffffff;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
padding-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.merchant-picker-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 18rpx 20rpx;
|
||||
border-bottom: 1rpx solid #eef2f7;
|
||||
}
|
||||
|
||||
.picker-title {
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.picker-action {
|
||||
font-size: 24rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.picker-action.primary {
|
||||
color: #2fc6a7;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.merchant-picker-search {
|
||||
padding: 12rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.merchant-picker-loading {
|
||||
height: 320rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.merchant-picker-view {
|
||||
height: 360rpx;
|
||||
}
|
||||
|
||||
.merchant-picker-item {
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #111827;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,289 @@
|
||||
<template>
|
||||
<view class="product-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar class="page-navbar" title="商品详情"/>
|
||||
</view>
|
||||
<view class="product-detail" v-if="product.goodsId">
|
||||
<view class="gallery card">
|
||||
<swiper class="swiper" circular autoplay indicator-dots indicator-color="#d8e6ff"
|
||||
indicator-active-color="#2563eb" v-if="product.files">
|
||||
<swiper-item v-for="(img, idx) in JSON.parse(product.files)" :key="idx">
|
||||
<image class="cover" :src="img.url" mode="aspectFill"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<!-- <view class="badge rating">评分 {{ product.rating }} / 5</view>-->
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="price-row">
|
||||
<view class="price">¥{{ product.salePrice }}</view>
|
||||
<view class="origin">¥{{ product.originPrice }}</view>
|
||||
<view class="coupon" @tap="openCoupon">领券</view>
|
||||
</view>
|
||||
<view class="name">{{ product.goodsName }}</view>
|
||||
<!-- <view class="sell-point">{{ // product.sellPoint }}</view>-->
|
||||
<!-- <view class="meta">规格：{{ product.specs }} · 厂家：{{ product.vendor }}</view>-->
|
||||
</view>
|
||||
|
||||
<!-- <view class="card block">-->
|
||||
<!-- <view class="section-title">商品规格</view>-->
|
||||
<!-- <view class="specs">-->
|
||||
<!-- <view class="chip" v-for="spec in product.specOptions" :key="spec" :class="{'active': spec === selectedSpec}"-->
|
||||
<!-- @tap="selectedSpec = spec">{{ spec }}-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">图文详情</view>
|
||||
<u-parse :content="product.content"/>
|
||||
</view>
|
||||
|
||||
<!-- <view class="card block">-->
|
||||
<!-- <view class="section-title">热卖推荐</view>-->
|
||||
<!-- <view class="recommend" v-for="item in recommends" :key="item.id" @tap="openRecommend(item)">-->
|
||||
<!-- <view class="rec-name">{{ item.name }}</view>-->
|
||||
<!-- <view class="rec-meta">{{ item.specs }} · ¥{{ item.price }}</view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<view class="action-bar">
|
||||
<u-icon name="share" label="分享" label-pos="bottom" size="40rpx"/>
|
||||
<view class="action-group">
|
||||
<view class="primary-btn" @tap="addCart">加入购物车</view>
|
||||
<view class="primary-btn buy" @tap="buyNow">立即购买</view>
|
||||
</view>
|
||||
</view>
|
||||
<Login ref="Login" @done="getUserData"/>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {goodsInfoReq} from "@/api/goods";
|
||||
import Login from "@/components/Login.vue";
|
||||
import {userInfoReq} from "@/api/user";
|
||||
import {getUserInfo} from "@/util/user";
|
||||
import {addCartReq} from "@/api/cart";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {Login, AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
product: {},
|
||||
selectedSpec: '10袋/盒',
|
||||
recommends: [],
|
||||
isLoggedIn: false,
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
if (options.id) {
|
||||
this.id = options.id
|
||||
this.getInfo()
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
if (getUserInfo().token) {
|
||||
this.isLoggedIn = true
|
||||
this.getUserData()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getUserData() {
|
||||
const {data} = await userInfoReq()
|
||||
this.isLoggedIn = true
|
||||
},
|
||||
async getInfo() {
|
||||
const {data} = await goodsInfoReq(this.id)
|
||||
this.product = data
|
||||
},
|
||||
openCoupon() {
|
||||
uni.navigateTo({
|
||||
url: '/packageUser/coupon/index'
|
||||
})
|
||||
},
|
||||
async addCart() {
|
||||
if (!this.isLoggedIn) return this.$refs.Login.open()
|
||||
await addCartReq({
|
||||
goodsId: this.product.goodsId,
|
||||
num: 1
|
||||
})
|
||||
uni.showToast({
|
||||
title: '已加入购物车',
|
||||
icon: 'success'
|
||||
})
|
||||
},
|
||||
buyNow() {
|
||||
const goodsDataList = [{
|
||||
goodsId: this.product.goodsId,
|
||||
num: 1
|
||||
}]
|
||||
uni.navigateTo({
|
||||
url: `/pages/order/checkout?goodsDataList=${JSON.stringify(goodsDataList)}`
|
||||
})
|
||||
},
|
||||
openRecommend(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/product/detail?name=${encodeURIComponent(item.name)}&price=${item.price}&origin=${item.price}`
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.product-page {
|
||||
min-height: 100vh;
|
||||
padding: 0 20rpx 100rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.product-detail {
|
||||
padding: 0 6rpx 100rpx;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
height: 320rpx;
|
||||
}
|
||||
|
||||
.cover {
|
||||
width: 100%;
|
||||
height: 320rpx;
|
||||
}
|
||||
|
||||
.rating {
|
||||
position: absolute;
|
||||
top: 12rpx;
|
||||
right: 12rpx;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin-top: 18rpx;
|
||||
}
|
||||
|
||||
.price-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #ff3b30;
|
||||
font-size: 36rpx;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.origin {
|
||||
color: #a1aabc;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.coupon {
|
||||
color: #ff8354;
|
||||
background: #fff1e9;
|
||||
border-radius: 999rpx;
|
||||
padding: 6rpx 12rpx;
|
||||
border: 1rpx dashed #ffb08a;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 34rpx;
|
||||
font-weight: 800;
|
||||
color: var(--text-main);
|
||||
margin: 8rpx 0;
|
||||
}
|
||||
|
||||
.sell-point {
|
||||
color: #ff3b30;
|
||||
font-size: 26rpx;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.meta {
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.specs {
|
||||
display: flex;
|
||||
gap: 10rpx;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.chip.active {
|
||||
background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-soft));
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.detail-text {
|
||||
color: var(--text-main);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.recommend {
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.recommend:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.rec-name {
|
||||
font-weight: 700;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.rec-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.action-bar {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10rpx;
|
||||
padding: 12rpx 24rpx;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 -6rpx 16rpx rgba(31, 111, 232, 0.08);
|
||||
}
|
||||
|
||||
.collect {
|
||||
color: var(--brand-primary);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.action-group {
|
||||
margin-left: 20rpx;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.buy {
|
||||
margin-left: 20rpx;
|
||||
background: linear-gradient(135deg, #ff8354, #ff9f72);
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,942 @@
|
||||
<template>
|
||||
<view>
|
||||
<view v-if="showPopup" class="share-popup-mask" @tap="close" @touchmove.stop.prevent></view>
|
||||
<view v-if="showPopup" class="share-popup card" @tap.stop>
|
||||
<view class="popup-head">
|
||||
<view class="section-title">晒单信息</view>
|
||||
<view class="close-btn" @tap="close">关闭</view>
|
||||
</view>
|
||||
|
||||
<view class="form-row">
|
||||
<view class="label">门店</view>
|
||||
<view class="picker-input" @tap="openMerchantPicker">
|
||||
<view class="picker-input-inner">
|
||||
<text :class="form.merchantName ? 'picker-text' : 'picker-placeholder'">
|
||||
{{ form.merchantName || '请选择门店' }}
|
||||
</text>
|
||||
<u-icon name="arrow-right" size="20" color="#9ca3af"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="detail-title">商品明细</view>
|
||||
<view class="detail-actions">
|
||||
<view class="ghost-btn" @tap="addItem">新增商品</view>
|
||||
</view>
|
||||
<view v-if="form.list.length === 0" class="detail-empty">暂无明细</view>
|
||||
<view v-else class="detail-list">
|
||||
<view class="detail-item" v-for="(detail, idx) in form.list" :key="idx">
|
||||
<view class="detail-head">
|
||||
<view class="detail-index">第 {{ idx + 1 }} 项</view>
|
||||
<view class="detail-remove" @tap="removeItem(idx)">删除</view>
|
||||
</view>
|
||||
|
||||
<view class="form-row">
|
||||
<view class="label">商品</view>
|
||||
<view class="picker-input" @tap="openProductPicker(idx)">
|
||||
<view class="picker-input-inner">
|
||||
<text :class="detail.goodsName ? 'picker-text' : 'picker-placeholder'">
|
||||
{{ detail.goodsName || '点击选择商品' }}
|
||||
</text>
|
||||
<u-icon name="arrow-right" size="20" color="#9ca3af"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-row">
|
||||
<view class="label">厂家</view>
|
||||
<view class="form-value">{{ detail.makerAbb || '-' }}</view>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<view class="label">规格</view>
|
||||
<view class="form-value">{{ detail.spec || '-' }}</view>
|
||||
</view>
|
||||
<!-- <view class="form-row">-->
|
||||
<!-- <view class="label">红包金额</view>-->
|
||||
<!-- <view class="form-value">￥{{ detail.income || 0 }}</view>-->
|
||||
<!-- </view>-->
|
||||
<view class="form-row">
|
||||
<view class="label">编码</view>
|
||||
<view class="form-value">{{ detail.goodsCode || '-' }}</view>
|
||||
</view>
|
||||
<view class="form-row">
|
||||
<view class="label">数量</view>
|
||||
<input v-model="detail.num" class="input" type="number" placeholder="请输入数量"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="form-row total-bonus-row">-->
|
||||
<!-- <view class="label">总红包金额</view>-->
|
||||
<!-- <view class="form-value total-bonus-value">￥{{ totalBonusDisplay }}</view>-->
|
||||
<!-- </view>-->
|
||||
|
||||
<view class="detail-title">小票</view>
|
||||
<view class="receipt-upload" @tap="chooseReceipt">
|
||||
<template v-if="form.receiptLocalPath">
|
||||
<image class="receipt-image" :src="form.receiptLocalPath" mode="aspectFill"/>
|
||||
<view class="receipt-tip">
|
||||
{{ receiptUploading ? '上传中...' : (form.receiptUrl ? '已上传，点击重新上传' : '点击重新上传') }}
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<u-icon name="camera" size="40" color="#9ca3af"/>
|
||||
<view class="receipt-tip">{{ receiptUploading ? '上传中...' : '上传小票' }}</view>
|
||||
</template>
|
||||
</view>
|
||||
|
||||
<view class="detail-title">留言（可选）</view>
|
||||
<view class="remark-wrap">
|
||||
<textarea
|
||||
v-model="form.remark"
|
||||
class="textarea"
|
||||
placeholder="请输入留言"
|
||||
maxlength="200"
|
||||
auto-height
|
||||
/>
|
||||
</view>
|
||||
|
||||
<view class="primary-btn submit" @tap="submit">提交</view>
|
||||
</view>
|
||||
|
||||
<u-popup :show="showMerchantPicker" mode="bottom" round="24rpx" @close="closeMerchantPicker">
|
||||
<view class="merchant-picker">
|
||||
<view class="merchant-picker-head">
|
||||
<view class="picker-action" @tap="closeMerchantPicker">取消</view>
|
||||
<text class="picker-title">选择门店</text>
|
||||
<view class="picker-action primary" @tap="confirmMerchantPicker">确定</view>
|
||||
</view>
|
||||
<view class="merchant-picker-search">
|
||||
<input
|
||||
v-model="merchantSearchKeyword"
|
||||
class="merchant-search-input"
|
||||
placeholder="搜索门店"
|
||||
placeholder-class="merchant-search-placeholder"
|
||||
/>
|
||||
</view>
|
||||
<view v-if="merchantLoading" class="merchant-picker-loading">
|
||||
<u-loading-icon mode="circle"></u-loading-icon>
|
||||
</view>
|
||||
<picker-view
|
||||
v-else
|
||||
class="merchant-picker-view"
|
||||
:value="merchantPickerValue"
|
||||
:indicator-style="merchantIndicatorStyle"
|
||||
@change="onMerchantPickerChange"
|
||||
>
|
||||
<picker-view-column>
|
||||
<view v-for="(item, idx) in merchantFilteredOptions" :key="idx" class="merchant-picker-item">{{ item.text }}</view>
|
||||
</picker-view-column>
|
||||
</picker-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
<u-popup :show="showProductPicker" mode="bottom" round="24rpx" @close="closeProductPicker">
|
||||
<view class="product-picker">
|
||||
<view class="merchant-picker-head">
|
||||
<view class="picker-action" @tap="closeProductPicker">取消</view>
|
||||
<text class="picker-title">选择商品</text>
|
||||
<view class="picker-action primary" @tap="closeProductPicker">完成</view>
|
||||
</view>
|
||||
<view class="merchant-picker-search">
|
||||
<input
|
||||
v-model="productKeyword"
|
||||
class="merchant-search-input"
|
||||
placeholder="搜索商品名称/编码/厂家"
|
||||
placeholder-class="merchant-search-placeholder"
|
||||
/>
|
||||
</view>
|
||||
<view v-if="productLoading" class="merchant-picker-loading">
|
||||
<u-loading-icon mode="circle"></u-loading-icon>
|
||||
</view>
|
||||
<scroll-view v-else class="product-scroll" scroll-y>
|
||||
<view v-if="filteredProducts.length === 0" class="detail-empty">暂无商品</view>
|
||||
<view
|
||||
v-for="(item, idx) in filteredProducts"
|
||||
:key="idx"
|
||||
class="product-option"
|
||||
@tap="selectProduct(item)"
|
||||
>
|
||||
<view class="product-option-name">{{ item.goodsName || '-' }}</view>
|
||||
<view class="product-option-meta">厂家：{{ item.makerAbb || '-' }}</view>
|
||||
<view class="product-option-meta">规格：{{ item.spec || '-' }}</view>
|
||||
<!-- <view class="product-option-meta">红包金额：￥{{ item.income || 0 }}</view>-->
|
||||
<view class="product-option-meta">编码：{{ item.goodsCode || '-' }}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import dayjs from 'dayjs'
|
||||
import {calcDistanceMeters, uploadImg} from "@/util";
|
||||
import {merchantListReq} from "@/api/shop";
|
||||
import {shareAddReq} from "@/api/share";
|
||||
import {productListReq} from "@/api/product";
|
||||
|
||||
export default {
|
||||
name: 'ShareCreatePopup',
|
||||
props: {
|
||||
lat: {
|
||||
type: Number,
|
||||
default: null
|
||||
},
|
||||
lng: {
|
||||
type: Number,
|
||||
default: null
|
||||
},
|
||||
currentProvince: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
currentCity: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
chain: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showPopup: false,
|
||||
showMerchantPicker: false,
|
||||
showProductPicker: false,
|
||||
merchantLoading: false,
|
||||
productLoading: false,
|
||||
merchantList: [],
|
||||
productList: [],
|
||||
merchantSearchKeyword: '',
|
||||
merchantPickerValue: [0],
|
||||
productKeyword: '',
|
||||
activeProductRowIndex: 0,
|
||||
receiptUploading: false,
|
||||
form: this.buildForm()
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
merchantFilteredOptions() {
|
||||
const list = Array.isArray(this.merchantList) ? this.merchantList : []
|
||||
const keyword = (this.merchantSearchKeyword || '').trim()
|
||||
const filtered = keyword ? list.filter(item => (item.text || '').includes(keyword)) : list
|
||||
return filtered.length ? filtered : [{id: '', text: '无匹配门店'}]
|
||||
},
|
||||
merchantPickerIndex() {
|
||||
const idx = this.merchantFilteredOptions.findIndex(item => item.id === this.form.merchantId)
|
||||
return idx > -1 ? idx : 0
|
||||
},
|
||||
merchantIndicatorStyle() {
|
||||
return 'height: 44px;'
|
||||
},
|
||||
filteredProducts() {
|
||||
const list = Array.isArray(this.productList) ? this.productList : []
|
||||
const keyword = (this.productKeyword || '').trim().toLowerCase()
|
||||
if (!keyword) return list
|
||||
return list.filter(item => {
|
||||
const name = (item.goodsName || '').toLowerCase()
|
||||
const maker = (item.makerAbb || '').toLowerCase()
|
||||
const spec = (item.spec || '').toLowerCase()
|
||||
const code = (item.goodsCode || '').toLowerCase()
|
||||
return name.includes(keyword) || maker.includes(keyword) || spec.includes(keyword) || code.includes(keyword)
|
||||
})
|
||||
},
|
||||
totalBonus() {
|
||||
const list = Array.isArray(this.form.list) ? this.form.list : []
|
||||
return list.reduce((sum, item) => {
|
||||
const hasSelectedProduct = !!(item.goodsName || item.goodsCode)
|
||||
if (!hasSelectedProduct) return sum
|
||||
const num = Number(item.num)
|
||||
const income = Number(item.income)
|
||||
if (!Number.isFinite(num) || num <= 0) return sum
|
||||
if (!Number.isFinite(income) || income <= 0) return sum
|
||||
return sum + (income * num)
|
||||
}, 0)
|
||||
},
|
||||
totalBonusDisplay() {
|
||||
return this.totalBonus.toFixed(2)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
merchantSearchKeyword() {
|
||||
this.merchantPickerValue = [0]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
buildForm() {
|
||||
return {
|
||||
merchantName: '',
|
||||
merchantId: '',
|
||||
province: '',
|
||||
city: '',
|
||||
lat: '',
|
||||
lng: '',
|
||||
remark: '',
|
||||
receiptLocalPath: '',
|
||||
receiptUrl: '',
|
||||
list: [this.createEmptyItem()]
|
||||
}
|
||||
},
|
||||
createEmptyItem() {
|
||||
return {
|
||||
goodsCode: '',
|
||||
goodsName: '',
|
||||
makerAbb: '',
|
||||
spec: '',
|
||||
income: '',
|
||||
num: ''
|
||||
}
|
||||
},
|
||||
normalizeMerchant(item) {
|
||||
const id = item.id ?? item.merchantId ?? item.merchant_id
|
||||
const text = item.name || item.merchantName || item.merchant_name || item.title || '未命名门店'
|
||||
const lat = Number(item.lat ?? item.latitude ?? item.merchantLat ?? item.merchant_lat)
|
||||
const lng = Number(item.lng ?? item.longitude ?? item.merchantLng ?? item.merchant_lng)
|
||||
return {
|
||||
id,
|
||||
text,
|
||||
lat: Number.isFinite(lat) ? lat : null,
|
||||
lng: Number.isFinite(lng) ? lng : null,
|
||||
province: item.province || item.province_str || '',
|
||||
city: item.city || item.city_str || ''
|
||||
}
|
||||
},
|
||||
findNearestMerchant(list) {
|
||||
if (!Number.isFinite(this.lat) || !Number.isFinite(this.lng)) return null
|
||||
let nearest = null
|
||||
let minDistance = Infinity
|
||||
list.forEach(item => {
|
||||
if (!Number.isFinite(item.lat) || !Number.isFinite(item.lng)) return
|
||||
const meters = calcDistanceMeters(this.lat, this.lng, item.lat, item.lng)
|
||||
if (!Number.isFinite(meters)) return
|
||||
if (meters < minDistance) {
|
||||
minDistance = meters
|
||||
nearest = item
|
||||
}
|
||||
})
|
||||
return nearest
|
||||
},
|
||||
applyMerchant(merchant) {
|
||||
if (!merchant) return
|
||||
this.form.merchantName = merchant.text || ''
|
||||
this.form.merchantId = merchant.id ?? ''
|
||||
this.form.province = merchant.province || this.currentProvince || ''
|
||||
this.form.city = merchant.city || this.currentCity || ''
|
||||
this.form.lat = Number.isFinite(merchant.lat) ? merchant.lat : ''
|
||||
this.form.lng = Number.isFinite(merchant.lng) ? merchant.lng : ''
|
||||
},
|
||||
normalizeProduct(item) {
|
||||
const product = item && item.product ? item.product : {}
|
||||
const code = item.goodsCode || item.code || item.productCode || item.batchCode || product.code || product.goodsCode || product.batchCode || ''
|
||||
const name = item.goodsName || item.goods_name || item.title || item.name || product.title || product.goodsName || product.name || ''
|
||||
const maker = item.makerAbb || item.maker || item.manufacturer || product.makerAbb || product.maker || product.manufacturer || ''
|
||||
const spec = product.spec || item.spec || item.specification || ''
|
||||
const incomeRaw = product.income !== undefined && product.income !== null ? product.income : (item.income || 0)
|
||||
const income = Number(incomeRaw) || 0
|
||||
return {
|
||||
goodsCode: code,
|
||||
goodsName: name,
|
||||
makerAbb: maker,
|
||||
spec,
|
||||
income
|
||||
}
|
||||
},
|
||||
uniqueProducts(list) {
|
||||
const map = {}
|
||||
list.forEach(item => {
|
||||
const key = item.goodsCode || `${item.goodsName}_${item.spec}_${item.makerAbb}`
|
||||
if (!key) return
|
||||
if (!map[key]) {
|
||||
map[key] = item
|
||||
}
|
||||
})
|
||||
return Object.keys(map).map(key => map[key])
|
||||
},
|
||||
async getMerchantList() {
|
||||
this.merchantLoading = true
|
||||
try {
|
||||
const params = {}
|
||||
const chain = String(this.chain || this.form.chainName || '').trim()
|
||||
if (chain) params.chain = chain
|
||||
const {data} = await merchantListReq(params)
|
||||
const list = Array.isArray(data)
|
||||
? data
|
||||
: (Array.isArray(data && data.records) ? data.records : (Array.isArray(data && data.list) ? data.list : []))
|
||||
this.merchantList = list.map(item => this.normalizeMerchant(item)).filter(item => item.id !== undefined && item.id !== null)
|
||||
} catch (error) {
|
||||
this.merchantList = []
|
||||
uni.showToast({
|
||||
title: '门店列表获取失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.merchantLoading = false
|
||||
}
|
||||
},
|
||||
async getProductsByMerchant() {
|
||||
if (!this.form.merchantId) {
|
||||
this.productList = []
|
||||
return
|
||||
}
|
||||
this.productLoading = true
|
||||
try {
|
||||
const {data} = await productListReq({
|
||||
merchantId: this.form.merchantId
|
||||
})
|
||||
const rawList = Array.isArray(data)
|
||||
? data
|
||||
: (Array.isArray(data && data.list)
|
||||
? data.list
|
||||
: (Array.isArray(data && data.records) ? data.records : []))
|
||||
const normalized = rawList.map(item => this.normalizeProduct(item)).filter(item => !!item.goodsName)
|
||||
this.productList = this.uniqueProducts(normalized)
|
||||
} catch (error) {
|
||||
this.productList = []
|
||||
uni.showToast({
|
||||
title: '商品数据获取失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.productLoading = false
|
||||
}
|
||||
},
|
||||
async open() {
|
||||
this.form = this.buildForm()
|
||||
this.productKeyword = ''
|
||||
this.merchantSearchKeyword = ''
|
||||
this.merchantPickerValue = [0]
|
||||
this.productList = []
|
||||
this.showPopup = true
|
||||
await this.getMerchantList()
|
||||
if (!this.merchantList.length) {
|
||||
return
|
||||
}
|
||||
const nearest = this.findNearestMerchant(this.merchantList)
|
||||
const target = nearest || this.merchantList[0]
|
||||
this.applyMerchant(target)
|
||||
await this.getProductsByMerchant()
|
||||
},
|
||||
close() {
|
||||
this.showPopup = false
|
||||
this.showMerchantPicker = false
|
||||
this.showProductPicker = false
|
||||
},
|
||||
openMerchantPicker() {
|
||||
this.merchantPickerValue = [this.merchantPickerIndex]
|
||||
this.showMerchantPicker = true
|
||||
},
|
||||
closeMerchantPicker() {
|
||||
this.showMerchantPicker = false
|
||||
},
|
||||
onMerchantPickerChange(e) {
|
||||
const value = e.detail && e.detail.value !== undefined ? e.detail.value : e.detail
|
||||
const index = Array.isArray(value) ? value[0] : Number(value || 0)
|
||||
this.merchantPickerValue = [index]
|
||||
},
|
||||
async confirmMerchantPicker() {
|
||||
const index = this.merchantPickerValue[0] || 0
|
||||
const options = this.merchantFilteredOptions
|
||||
const selected = options[index]
|
||||
if (!selected || selected.id === '' || selected.id === null || selected.id === undefined) {
|
||||
return
|
||||
}
|
||||
this.applyMerchant(selected)
|
||||
this.showMerchantPicker = false
|
||||
this.form.list = [this.createEmptyItem()]
|
||||
await this.getProductsByMerchant()
|
||||
},
|
||||
addItem() {
|
||||
this.form.list.push(this.createEmptyItem())
|
||||
},
|
||||
removeItem(index) {
|
||||
this.form.list.splice(index, 1)
|
||||
if (!this.form.list.length) {
|
||||
this.form.list.push(this.createEmptyItem())
|
||||
}
|
||||
},
|
||||
async openProductPicker(index) {
|
||||
if (!this.form.merchantId) {
|
||||
uni.showToast({
|
||||
title: '请先选择门店',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.productList.length) {
|
||||
await this.getProductsByMerchant()
|
||||
}
|
||||
this.activeProductRowIndex = index
|
||||
this.productKeyword = ''
|
||||
this.showProductPicker = true
|
||||
},
|
||||
closeProductPicker() {
|
||||
this.showProductPicker = false
|
||||
},
|
||||
selectProduct(item) {
|
||||
const index = this.activeProductRowIndex
|
||||
const row = this.form.list[index]
|
||||
if (!row) return
|
||||
this.$set(this.form.list, index, {
|
||||
...row,
|
||||
goodsCode: item.goodsCode || '',
|
||||
goodsName: item.goodsName || '',
|
||||
makerAbb: item.makerAbb || '',
|
||||
spec: item.spec || '',
|
||||
income: item.income || 0
|
||||
})
|
||||
this.showProductPicker = false
|
||||
},
|
||||
chooseReceipt() {
|
||||
uni.chooseImage({
|
||||
count: 1,
|
||||
sourceType: ['album', 'camera'],
|
||||
sizeType: ['original'],
|
||||
success: async ({tempFilePaths}) => {
|
||||
if (tempFilePaths && tempFilePaths[0]) {
|
||||
const localPath = tempFilePaths[0]
|
||||
this.form.receiptLocalPath = localPath
|
||||
this.form.receiptUrl = ''
|
||||
await this.uploadReceipt(localPath)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async uploadReceipt(localPath) {
|
||||
if (!localPath) return ''
|
||||
try {
|
||||
this.receiptUploading = true
|
||||
const uploadRes = await uploadImg(localPath)
|
||||
const url = uploadRes && uploadRes.path ? uploadRes.path : ''
|
||||
if (!url) {
|
||||
throw new Error('upload failed')
|
||||
}
|
||||
this.form.receiptUrl = url
|
||||
return url
|
||||
} catch (error) {
|
||||
this.form.receiptUrl = ''
|
||||
uni.showToast({
|
||||
title: '小票上传失败，请重试',
|
||||
icon: 'none'
|
||||
})
|
||||
return ''
|
||||
} finally {
|
||||
this.receiptUploading = false
|
||||
}
|
||||
},
|
||||
async ensureReceiptUrl() {
|
||||
if (this.form.receiptUrl) return this.form.receiptUrl
|
||||
const path = this.form.receiptLocalPath || ''
|
||||
if (!path) return ''
|
||||
if (/^https?:\/\//.test(path)) return path
|
||||
return this.uploadReceipt(path)
|
||||
},
|
||||
validateBeforeSubmit() {
|
||||
if (!this.form.merchantId) {
|
||||
uni.showToast({
|
||||
title: '请选择门店',
|
||||
icon: 'none'
|
||||
})
|
||||
return null
|
||||
}
|
||||
const selectedRows = (this.form.list || [])
|
||||
.map((item, index) => ({
|
||||
...item,
|
||||
_index: index
|
||||
}))
|
||||
.filter(item => item.goodsName || item.goodsCode)
|
||||
if (!selectedRows.length) {
|
||||
uni.showToast({
|
||||
title: '请至少选择一个商品',
|
||||
icon: 'none'
|
||||
})
|
||||
return null
|
||||
}
|
||||
for (let i = 0; i < selectedRows.length; i++) {
|
||||
const current = selectedRows[i]
|
||||
const rawNum = current.num === null || current.num === undefined ? '' : String(current.num).trim()
|
||||
if (!rawNum) {
|
||||
uni.showToast({
|
||||
title: `请填写第${current._index + 1}项商品数量`,
|
||||
icon: 'none'
|
||||
})
|
||||
return null
|
||||
}
|
||||
const num = Number(rawNum)
|
||||
if (!Number.isFinite(num) || num <= 0 || num > 1000) {
|
||||
uni.showToast({
|
||||
title: `第${current._index + 1}项商品数量格式不正确`,
|
||||
icon: 'none'
|
||||
})
|
||||
return null
|
||||
}
|
||||
}
|
||||
if (!this.form.receiptLocalPath) {
|
||||
uni.showToast({
|
||||
title: '请上传小票',
|
||||
icon: 'none'
|
||||
})
|
||||
return null
|
||||
}
|
||||
if (this.receiptUploading) {
|
||||
uni.showToast({
|
||||
title: '小票上传中，请稍后提交',
|
||||
icon: 'none'
|
||||
})
|
||||
return null
|
||||
}
|
||||
return selectedRows
|
||||
},
|
||||
async submit() {
|
||||
const selectedRows = this.validateBeforeSubmit()
|
||||
if (!selectedRows) return
|
||||
try {
|
||||
uni.showLoading({
|
||||
title: '提交中...'
|
||||
})
|
||||
const image = await this.ensureReceiptUrl()
|
||||
if (!image) {
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: '小票上传失败',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const detailList = selectedRows.map(item => ({
|
||||
goodsCode: item.goodsCode || '',
|
||||
goodsName: item.goodsName || '',
|
||||
num: Number(item.num) || 0,
|
||||
spec: item.spec || '',
|
||||
amount: '',
|
||||
sourceCode: ''
|
||||
}))
|
||||
const payload = {
|
||||
merchantName: this.form.merchantName,
|
||||
merchantId: this.form.merchantId,
|
||||
province: this.form.province,
|
||||
city: this.form.city,
|
||||
date: dayjs().format('YYYY-MM-DD'),
|
||||
orderNo: '',
|
||||
amount: '',
|
||||
remark: this.form.remark || '',
|
||||
lat: this.form.lat,
|
||||
lng: this.form.lng,
|
||||
image,
|
||||
hasChange: true,
|
||||
detailList
|
||||
}
|
||||
await shareAddReq(payload)
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
this.close()
|
||||
this.$emit('submitted')
|
||||
} catch (error) {
|
||||
uni.hideLoading()
|
||||
uni.showToast({
|
||||
title: '提交失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.share-popup-mask {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.45);
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.share-popup {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 40rpx;
|
||||
transform: translateX(-50%);
|
||||
width: 88%;
|
||||
max-height: 70vh;
|
||||
overflow: auto;
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.popup-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
color: #6b7280;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #111827;
|
||||
font-size: 26rpx;
|
||||
min-width: 140rpx;
|
||||
}
|
||||
|
||||
.input {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
font-size: 26rpx;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.form-value {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
font-size: 26rpx;
|
||||
color: #111827;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.total-bonus-row {
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.total-bonus-value {
|
||||
color: #ef4444;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.picker-input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.picker-input-inner {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: 8rpx;
|
||||
min-height: 40rpx;
|
||||
}
|
||||
|
||||
.picker-text {
|
||||
color: #111827;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.picker-placeholder {
|
||||
color: #9ca3af;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.detail-title {
|
||||
margin-top: 14rpx;
|
||||
font-weight: 700;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.detail-actions {
|
||||
margin-top: 8rpx;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.ghost-btn {
|
||||
color: #22c3a1;
|
||||
border: 1rpx solid #22c3a1;
|
||||
padding: 6rpx 16rpx;
|
||||
border-radius: 999rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.detail-empty {
|
||||
color: #6b7280;
|
||||
text-align: center;
|
||||
padding: 14rpx 0;
|
||||
}
|
||||
|
||||
.detail-list {
|
||||
margin-top: 8rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.detail-item {
|
||||
border: 1rpx dashed #dfe8f5;
|
||||
border-radius: 12rpx;
|
||||
padding: 12rpx;
|
||||
}
|
||||
|
||||
.detail-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 6rpx;
|
||||
}
|
||||
|
||||
.detail-index {
|
||||
color: #6b7280;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.detail-remove {
|
||||
color: #ff3b30;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.receipt-upload {
|
||||
margin-top: 10rpx;
|
||||
border: 1rpx dashed #d1d5db;
|
||||
border-radius: 12rpx;
|
||||
min-height: 220rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8rpx;
|
||||
background: #f9fafb;
|
||||
}
|
||||
|
||||
.receipt-image {
|
||||
width: 100%;
|
||||
height: 220rpx;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
|
||||
.receipt-tip {
|
||||
color: #6b7280;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.remark-wrap {
|
||||
margin-top: 10rpx;
|
||||
border: 1rpx solid #edf1f7;
|
||||
border-radius: 12rpx;
|
||||
padding: 10rpx 12rpx;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
width: 100%;
|
||||
min-height: 90rpx;
|
||||
font-size: 26rpx;
|
||||
color: #111827;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin-top: 16rpx;
|
||||
padding: 14rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.merchant-picker,
|
||||
.product-picker {
|
||||
padding: 20rpx 24rpx 30rpx;
|
||||
}
|
||||
|
||||
.merchant-picker-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.picker-action {
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
}
|
||||
|
||||
.picker-action.primary {
|
||||
color: #2fc6a7;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.picker-title {
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.merchant-picker-search {
|
||||
margin: 6rpx 0 12rpx;
|
||||
}
|
||||
|
||||
.merchant-search-input {
|
||||
width: 100%;
|
||||
background: #f3f4f6;
|
||||
border-radius: 12rpx;
|
||||
padding: 12rpx 16rpx;
|
||||
font-size: 26rpx;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.merchant-search-placeholder {
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
.merchant-picker-loading {
|
||||
padding: 20rpx 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.merchant-picker-view {
|
||||
height: 360rpx;
|
||||
}
|
||||
|
||||
.merchant-picker-item {
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.product-scroll {
|
||||
max-height: 60vh;
|
||||
}
|
||||
|
||||
.product-option {
|
||||
padding: 16rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.product-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.product-option-name {
|
||||
font-size: 28rpx;
|
||||
color: #111827;
|
||||
font-weight: 700;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
|
||||
.product-option-meta {
|
||||
font-size: 22rpx;
|
||||
color: #4b5563;
|
||||
margin-top: 2rpx;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,329 @@
|
||||
<template>
|
||||
<view class="share-detail-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="分享详情" show-back/>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">基本信息</view>
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<template v-else>
|
||||
<view class="info-row">
|
||||
<text class="info-label">门店</text>
|
||||
<text class="info-value">{{ detailEntry.merchantName || detailEntry.merchant_name || '未命名门店' }}</text>
|
||||
</view>
|
||||
<!-- <view class="info-row">-->
|
||||
<!-- <text class="info-label">红包</text>-->
|
||||
<!-- <text class="info-value text-red">￥{{ formatPrice(detailEntry.income || 0) }}</text>-->
|
||||
<!-- </view>-->
|
||||
<view class="info-row">
|
||||
<text class="info-label">提交人</text>
|
||||
<text class="info-value">{{ detailEntry.owner || '-' }}</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="info-label">日期</text>
|
||||
<text class="info-value">{{ detailEntry.date || detailEntry.activityDateText || '-' }}</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="info-label">留言</text>
|
||||
<text class="info-value">{{ detailEntry.remark || '-' }}</text>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">小票查看</view>
|
||||
<view v-if="receiptImages.length" class="media-images">
|
||||
<image
|
||||
v-for="(receipt, receiptIdx) in receiptImages"
|
||||
:key="`receipt-${receiptIdx}`"
|
||||
class="media-image"
|
||||
:src="receipt"
|
||||
mode="aspectFill"
|
||||
@tap="previewReceipt(receiptImages, receiptIdx)"
|
||||
/>
|
||||
</view>
|
||||
<view v-else class="detail-empty">暂无小票</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">商品明细</view>
|
||||
<view v-if="detailList.length" class="detail-list">
|
||||
<view class="detail-item" v-for="(detail, idx) in detailList" :key="idx">
|
||||
<view class="detail-head">
|
||||
<view class="detail-name">{{ detail.goodsName || detail.goods_name || detail.name || detail.title || '商品' }}</view>
|
||||
</view>
|
||||
<view class="detail-grid">
|
||||
<view class="detail-kv">
|
||||
<text class="detail-label">数量</text>
|
||||
<text class="detail-value">x {{ detail.num || detail.qty || 0 }}</text>
|
||||
</view>
|
||||
<view class="detail-kv">
|
||||
<text class="detail-label">厂家</text>
|
||||
<text class="detail-value">{{ resolveManufacturer(detail) }}</text>
|
||||
</view>
|
||||
<view class="detail-kv">
|
||||
<text class="detail-label">编号</text>
|
||||
<text class="detail-value">{{ resolveCode(detail) }}</text>
|
||||
</view>
|
||||
<view class="detail-kv">
|
||||
<text class="detail-label">规格</text>
|
||||
<text class="detail-value">{{ resolveSpec(detail) }}</text>
|
||||
</view>
|
||||
<view class="detail-kv">
|
||||
<text class="detail-label">金额</text>
|
||||
<text class="detail-value text-red">{{ formatMoney(resolveAmount(detail)) }}</text>
|
||||
</view>
|
||||
<!-- <view class="detail-kv">-->
|
||||
<!-- <text class="detail-label">额外加提</text>-->
|
||||
<!-- <text class="detail-value text-red">{{ formatMoney(resolveExtraAmount(detail)) }}</text>-->
|
||||
<!-- </view>-->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="detail-empty">暂无明细</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
loading: true,
|
||||
detailEntry: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
detailList() {
|
||||
const list = this.detailEntry.detailList
|
||||
return Array.isArray(list) ? list : []
|
||||
},
|
||||
receiptImages() {
|
||||
const list = this.detailEntry.receiptImages
|
||||
return Array.isArray(list) ? list : []
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.loadDetail(options || {})
|
||||
},
|
||||
methods: {
|
||||
loadDetail(options = {}) {
|
||||
const rawKey = options.cacheKey || ''
|
||||
const cacheKey = rawKey ? decodeURIComponent(rawKey) : ''
|
||||
let payload = null
|
||||
if (cacheKey) {
|
||||
try {
|
||||
payload = uni.getStorageSync(cacheKey)
|
||||
uni.removeStorageSync(cacheKey)
|
||||
} catch (error) {
|
||||
}
|
||||
}
|
||||
if (!payload) {
|
||||
this.loading = false
|
||||
uni.showToast({
|
||||
title: '详情数据不存在',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.detailEntry = this.normalizeShareItem(payload)
|
||||
console.log(this.detailEntry)
|
||||
this.loading = false
|
||||
},
|
||||
normalizeShareItem(item) {
|
||||
const detailListRaw = item.detailList || item.list || []
|
||||
const detailList = this.parseJsonMaybe(detailListRaw)
|
||||
return {
|
||||
...item,
|
||||
detailList: Array.isArray(detailList) ? detailList : [],
|
||||
receiptImages: this.resolveReceiptImages(item)
|
||||
}
|
||||
},
|
||||
parseJsonMaybe(value) {
|
||||
if (value === null || value === undefined || value === '') return []
|
||||
if (typeof value === 'string') {
|
||||
try {
|
||||
return JSON.parse(value)
|
||||
} catch (error) {
|
||||
return []
|
||||
}
|
||||
}
|
||||
return value
|
||||
},
|
||||
resolveReceiptImages(item = {}) {
|
||||
const candidates = [
|
||||
item.image,
|
||||
item.images,
|
||||
item.receiptPhoto,
|
||||
item.receiptPhotos,
|
||||
item.receipt_photo,
|
||||
item.receipt_photos,
|
||||
item.receiptImages
|
||||
]
|
||||
const urls = []
|
||||
candidates.forEach(value => {
|
||||
this.appendReceiptValue(urls, value)
|
||||
})
|
||||
return Array.from(new Set(urls.filter(url => /^https?:\/\//.test(url) || /^\/\//.test(url))))
|
||||
},
|
||||
appendReceiptValue(target, value) {
|
||||
if (value === null || value === undefined || value === '') return
|
||||
if (Array.isArray(value)) {
|
||||
value.forEach(item => this.appendReceiptValue(target, item))
|
||||
return
|
||||
}
|
||||
if (typeof value === 'object') {
|
||||
const url = value.url || value.path || value.src || value.image || value.img
|
||||
if (url) this.appendReceiptValue(target, url)
|
||||
return
|
||||
}
|
||||
const text = String(value).trim()
|
||||
if (!text) return
|
||||
if (text.startsWith('[') || text.startsWith('{')) {
|
||||
try {
|
||||
const parsed = JSON.parse(text)
|
||||
this.appendReceiptValue(target, parsed)
|
||||
return
|
||||
} catch (error) {
|
||||
}
|
||||
}
|
||||
if (text.includes(',')) {
|
||||
text.split(',').forEach(part => this.appendReceiptValue(target, part))
|
||||
return
|
||||
}
|
||||
target.push(text)
|
||||
},
|
||||
previewReceipt(list = [], current = 0) {
|
||||
if (!Array.isArray(list) || list.length === 0) return
|
||||
uni.previewImage({
|
||||
urls: list,
|
||||
current: list[current] || list[0]
|
||||
})
|
||||
},
|
||||
resolveManufacturer(detail) {
|
||||
if (!detail) return '-'
|
||||
const product = detail.product || {}
|
||||
const value = detail.makerAbb
|
||||
|| detail.manufacturer
|
||||
|| detail.vendor
|
||||
|| detail.factory
|
||||
|| detail.brand
|
||||
|| product.makerAbb
|
||||
|| product.manufacturer
|
||||
|| product.vendor
|
||||
|| product.factory
|
||||
|| product.brand
|
||||
return this.normalizeText(value)
|
||||
},
|
||||
resolveCode(detail) {
|
||||
if (!detail) return '-'
|
||||
const value = detail.goodsCode
|
||||
|| detail.code
|
||||
|| detail.productCode
|
||||
|| detail.skuCode
|
||||
|| detail.barcode
|
||||
return this.normalizeText(value)
|
||||
},
|
||||
resolveSpec(detail) {
|
||||
if (!detail) return '-'
|
||||
const product = detail.product || {}
|
||||
const value = detail.spec
|
||||
|| detail.specification
|
||||
|| detail.standard
|
||||
|| product.spec
|
||||
|| product.specification
|
||||
|| product.standard
|
||||
return this.normalizeText(value)
|
||||
},
|
||||
resolveAmount(detail) {
|
||||
if (!detail) return ''
|
||||
if (detail.income !== undefined && detail.income !== null && detail.income !== '') return detail.income
|
||||
if (detail.product && detail.product.income !== undefined && detail.product.income !== null && detail.product.income !== '') {
|
||||
return detail.product.income
|
||||
}
|
||||
return ''
|
||||
},
|
||||
resolveExtraAmount(detail) {
|
||||
if (!detail) return ''
|
||||
if (detail.extraIncome !== undefined && detail.extraIncome !== null && detail.extraIncome !== '') return detail.extraIncome
|
||||
if (detail.product && detail.product.extraIncome !== undefined && detail.product.extraIncome !== null && detail.product.extraIncome !== '') {
|
||||
return detail.product.extraIncome
|
||||
}
|
||||
return ''
|
||||
},
|
||||
normalizeText(value) {
|
||||
if (value === 0) return '0'
|
||||
if (value === null || value === undefined || value === '') return '-'
|
||||
return String(value)
|
||||
},
|
||||
formatMoney(value) {
|
||||
if (value === null || value === undefined || value === '') return '-'
|
||||
const num = Number(value)
|
||||
if (Number.isFinite(num)) return `￥${num.toFixed(2)}`
|
||||
return String(value)
|
||||
},
|
||||
formatPrice(value) {
|
||||
const num = Number(value || 0)
|
||||
return num.toFixed(2)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '../audit/components/record.scss';
|
||||
|
||||
.share-detail-page {
|
||||
min-height: 100vh;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 20rpx;
|
||||
padding: 10rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.info-row:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.info-label {
|
||||
color: #6b7280;
|
||||
font-size: 24rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
color: #1f2937;
|
||||
font-size: 24rpx;
|
||||
text-align: right;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color: #ef4444;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,727 @@
|
||||
<template>
|
||||
<view class="my-share-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="我的分享" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>我的分享</text>
|
||||
</view>
|
||||
<text class="intro-text">查看已提交的晒单记录</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">筛选查询</view>
|
||||
<view class="filter-row">
|
||||
<view class="filter-chip" @tap="openChainPicker">{{ chainLabel }}</view>
|
||||
<view class="filter-chip" @tap="openDatePicker('start')">{{ filterForm.startDate || '开始日期' }}</view>
|
||||
<view class="filter-chip" @tap="openDatePicker('end')">{{ filterForm.endDate || '结束日期' }}</view>
|
||||
</view>
|
||||
<view class="keyword-row">
|
||||
<input
|
||||
v-model="filterForm.merchantKeyword"
|
||||
class="keyword-input"
|
||||
type="text"
|
||||
confirm-type="search"
|
||||
placeholder="请输入门店关键词"
|
||||
placeholder-class="keyword-placeholder"
|
||||
@confirm="handleQuery"
|
||||
/>
|
||||
<view class="filter-btn primary" @tap="handleQuery">查询</view>
|
||||
<view class="filter-btn" @tap="handleReset">重置</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="block">
|
||||
<view class="section-title">记录列表</view>
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<view v-else-if="shares.length === 0" class="empty">暂无分享记录</view>
|
||||
<view v-else-if="filteredShares.length === 0" class="empty">暂无匹配记录</view>
|
||||
<view v-else>
|
||||
<view class="record" v-for="item in filteredShares" :key="item._rowKey">
|
||||
<view class="record-meta">门店：{{ item.merchantName || item.merchant_name || '未命名门店' }}</view>
|
||||
<!-- <view class="record-meta" style="color: red">-->
|
||||
<!-- 红包：￥{{ formatPrice(item.income || 0) }}-->
|
||||
<!-- <text v-if="hasExtraIncome(item)">（含额外加提:{{ formatPrice(resolveExtraIncome(item)) }}元）</text>-->
|
||||
<!-- </view>-->
|
||||
<view class="record-meta">提交人：{{ item.owner || '-' }} · {{ item.date || item.activityDateText }}</view>
|
||||
<view class="record-meta">留言：{{ item.remark || '-' }}</view>
|
||||
<view class="record-toggle" @tap="openDetail(item)">
|
||||
<text>点击查看详情</text>
|
||||
<u-icon name="arrow-right" size="20" color="#2fc6a7"/>
|
||||
</view>
|
||||
<view v-if="item.statusValue !== 1" class="record-actions">
|
||||
<view class="flex-1 mx-15">
|
||||
<view
|
||||
:class="['chip w-90p danger-chip', deletingId === item._rowKey ? 'disabled-chip' : '']"
|
||||
@tap="handleVoid(item)"
|
||||
>{{ deletingId === item._rowKey ? '作废中...' : '作废' }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-picker
|
||||
:show="showChainPicker"
|
||||
:columns="[chainOptions]"
|
||||
:loading="chainLoading"
|
||||
:defaultIndex="chainPickerIndex"
|
||||
keyName="text"
|
||||
@confirm="onChainConfirm"
|
||||
@cancel="closeChainPicker"
|
||||
@close="closeChainPicker"
|
||||
/>
|
||||
<u-datetime-picker
|
||||
:show="showStartPicker"
|
||||
:value="startPickerValue"
|
||||
mode="date"
|
||||
@confirm="e => onDateConfirm('start', e)"
|
||||
@cancel="closeDatePicker('start')"
|
||||
@close="closeDatePicker('start')"
|
||||
/>
|
||||
<u-datetime-picker
|
||||
:show="showEndPicker"
|
||||
:value="endPickerValue"
|
||||
mode="date"
|
||||
@confirm="e => onDateConfirm('end', e)"
|
||||
@cancel="closeDatePicker('end')"
|
||||
@close="closeDatePicker('end')"
|
||||
/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import dayjs from "dayjs";
|
||||
import {shareDeleteReq, shareUserListReq} from "@/api/share";
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
import {merchantGroupByChainReq} from "@/api/shop";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
shares: [],
|
||||
loading: false,
|
||||
chainLoading: false,
|
||||
showChainPicker: false,
|
||||
showStartPicker: false,
|
||||
showEndPicker: false,
|
||||
chainOptions: [{id: '', text: '全部连锁'}],
|
||||
chainMerchantMap: {},
|
||||
deletingId: '',
|
||||
filterForm: {
|
||||
chainId: '',
|
||||
merchantKeyword: '',
|
||||
startDate: '',
|
||||
endDate: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
chainLabel() {
|
||||
const selected = this.chainOptions.find(item => item.id === this.filterForm.chainId)
|
||||
return (selected && selected.text) || '连锁筛选'
|
||||
},
|
||||
chainPickerIndex() {
|
||||
const idx = this.chainOptions.findIndex(item => item.id === this.filterForm.chainId)
|
||||
return [idx > -1 ? idx : 0]
|
||||
},
|
||||
startPickerValue() {
|
||||
return this.filterForm.startDate ? dayjs(this.filterForm.startDate).valueOf() : Date.now()
|
||||
},
|
||||
endPickerValue() {
|
||||
return this.filterForm.endDate ? dayjs(this.filterForm.endDate).valueOf() : Date.now()
|
||||
},
|
||||
filteredShares() {
|
||||
const list = Array.isArray(this.shares) ? this.shares : []
|
||||
const keyword = (this.filterForm.merchantKeyword || '').trim().toLowerCase()
|
||||
const startTs = this.filterForm.startDate
|
||||
? dayjs(`${this.filterForm.startDate} 00:00:00`).valueOf()
|
||||
: null
|
||||
const endTs = this.filterForm.endDate
|
||||
? dayjs(`${this.filterForm.endDate} 23:59:59`).valueOf()
|
||||
: null
|
||||
return list.filter(item => {
|
||||
if (this.filterForm.chainId && String(item.chainIdNormalized || '') !== String(this.filterForm.chainId)) {
|
||||
return false
|
||||
}
|
||||
if (keyword) {
|
||||
const merchantText = String(item.merchantName || item.merchant_name || '').toLowerCase()
|
||||
if (!merchantText.includes(keyword)) return false
|
||||
}
|
||||
if ((startTs || endTs) && !Number.isFinite(item.activityTimestamp)) {
|
||||
return false
|
||||
}
|
||||
if (startTs && item.activityTimestamp < startTs) {
|
||||
return false
|
||||
}
|
||||
if (endTs && item.activityTimestamp > endTs) {
|
||||
return false
|
||||
}
|
||||
return true
|
||||
})
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.initPage()
|
||||
},
|
||||
methods: {
|
||||
async initPage() {
|
||||
await this.fetchChainList()
|
||||
await this.fetchShareList()
|
||||
},
|
||||
async fetchChainList() {
|
||||
this.chainLoading = true
|
||||
try {
|
||||
const {data} = await merchantGroupByChainReq({})
|
||||
const list = this.unwrapList(data)
|
||||
const chainList = list
|
||||
.map((item, index) => this.normalizeMerchantChain(item, index))
|
||||
.filter(item => item.id !== '' && item.id !== null && item.id !== undefined)
|
||||
const chainOptions = [{id: '', text: '全部连锁'}]
|
||||
const chainMerchantMap = {}
|
||||
chainList.forEach(chain => {
|
||||
chainOptions.push({
|
||||
id: chain.id,
|
||||
text: chain.text
|
||||
})
|
||||
const merchants = Array.isArray(chain.merchants) ? chain.merchants : []
|
||||
merchants.forEach(merchant => {
|
||||
const merchantId = merchant.id
|
||||
if (merchantId === '' || merchantId === null || merchantId === undefined) return
|
||||
chainMerchantMap[String(merchantId)] = {
|
||||
chainId: chain.id,
|
||||
chainName: chain.text
|
||||
}
|
||||
})
|
||||
})
|
||||
this.chainOptions = chainOptions
|
||||
this.chainMerchantMap = chainMerchantMap
|
||||
} catch (error) {
|
||||
this.chainOptions = [{id: '', text: '全部连锁'}]
|
||||
this.chainMerchantMap = {}
|
||||
} finally {
|
||||
this.chainLoading = false
|
||||
}
|
||||
},
|
||||
buildQueryParams() {
|
||||
const params = {}
|
||||
const chainId = this.filterForm.chainId
|
||||
const keyword = (this.filterForm.merchantKeyword || '').trim()
|
||||
const startDate = this.filterForm.startDate
|
||||
const endDate = this.filterForm.endDate
|
||||
const chainIdText = String(chainId || '')
|
||||
const isVirtualChain = chainIdText.startsWith('chain_')
|
||||
if (chainId !== '' && chainId !== null && chainId !== undefined && !isVirtualChain) {
|
||||
params.chainId = chainId
|
||||
}
|
||||
if (keyword) {
|
||||
params.merchantName = keyword
|
||||
params.keyword = keyword
|
||||
}
|
||||
if (startDate) {
|
||||
params.createTimeStart = `${startDate} 00:00:00`
|
||||
params.dateStart = startDate
|
||||
}
|
||||
if (endDate) {
|
||||
params.createTimeEnd = `${endDate} 23:59:59`
|
||||
params.dateEnd = endDate
|
||||
}
|
||||
return params
|
||||
},
|
||||
async fetchShareList() {
|
||||
this.loading = true
|
||||
try {
|
||||
const {data} = await shareUserListReq(this.buildQueryParams())
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.shares = list.map((item, index) => this.normalizeShareItem(item, index))
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
console.log(err)
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
handleQuery() {
|
||||
if (!this.validateDateRange()) return
|
||||
this.fetchShareList()
|
||||
},
|
||||
async handleReset() {
|
||||
this.filterForm = {
|
||||
chainId: '',
|
||||
merchantKeyword: '',
|
||||
startDate: '',
|
||||
endDate: ''
|
||||
}
|
||||
await this.fetchShareList()
|
||||
},
|
||||
openChainPicker() {
|
||||
this.showChainPicker = true
|
||||
},
|
||||
closeChainPicker() {
|
||||
this.showChainPicker = false
|
||||
},
|
||||
onChainConfirm(e) {
|
||||
const selected = e.value && e.value.length ? e.value[0] : null
|
||||
this.filterForm.chainId = selected ? (selected.id ?? '') : ''
|
||||
this.showChainPicker = false
|
||||
this.handleQuery()
|
||||
},
|
||||
openDatePicker(type) {
|
||||
if (type === 'start') {
|
||||
this.showStartPicker = true
|
||||
return
|
||||
}
|
||||
this.showEndPicker = true
|
||||
},
|
||||
closeDatePicker(type) {
|
||||
if (type === 'start') {
|
||||
this.showStartPicker = false
|
||||
return
|
||||
}
|
||||
this.showEndPicker = false
|
||||
},
|
||||
onDateConfirm(type, event) {
|
||||
const raw = event && event.value !== undefined ? event.value : Date.now()
|
||||
const value = dayjs(raw).format('YYYY-MM-DD')
|
||||
const prevStartDate = this.filterForm.startDate
|
||||
const prevEndDate = this.filterForm.endDate
|
||||
if (type === 'start') {
|
||||
this.filterForm.startDate = value
|
||||
this.showStartPicker = false
|
||||
} else {
|
||||
this.filterForm.endDate = value
|
||||
this.showEndPicker = false
|
||||
}
|
||||
if (!this.validateDateRange()) {
|
||||
this.filterForm.startDate = prevStartDate
|
||||
this.filterForm.endDate = prevEndDate
|
||||
return
|
||||
}
|
||||
this.fetchShareList()
|
||||
},
|
||||
validateDateRange() {
|
||||
const {startDate, endDate} = this.filterForm
|
||||
if (!startDate || !endDate) return true
|
||||
const startTs = dayjs(`${startDate} 00:00:00`).valueOf()
|
||||
const endTs = dayjs(`${endDate} 23:59:59`).valueOf()
|
||||
if (startTs <= endTs) return true
|
||||
uni.showToast({
|
||||
title: '开始日期不能晚于结束日期',
|
||||
icon: 'none'
|
||||
})
|
||||
return false
|
||||
},
|
||||
normalizeShareItem(item, index) {
|
||||
const detailListRaw = item.detailList || item.list || []
|
||||
const detailList = this.parseJsonMaybe(detailListRaw)
|
||||
const receiptImages = this.resolveReceiptImages(item)
|
||||
const chainInfo = this.resolveShareChain(item)
|
||||
const activityRaw = item.date || item.shareDate || item.createTime || item.createdAt || item.create_time || ''
|
||||
const activityTimestamp = this.parseDateToTimestamp(activityRaw)
|
||||
const statusValue = Number(item.status)
|
||||
let statusLabel = '状态未知'
|
||||
let statusClass = 'pending'
|
||||
if (statusValue === 0) statusLabel = '待审核'
|
||||
if (statusValue === 1) {
|
||||
statusLabel = '已通过'
|
||||
statusClass = 'success'
|
||||
}
|
||||
if (statusValue === 2) {
|
||||
statusLabel = '已驳回'
|
||||
statusClass = 'danger'
|
||||
}
|
||||
return {
|
||||
...item,
|
||||
_rowKey: this.buildRowKey(item, index),
|
||||
detailList: Array.isArray(detailList) ? detailList : [],
|
||||
receiptImages,
|
||||
chainIdNormalized: chainInfo.chainId,
|
||||
chainName: chainInfo.chainName,
|
||||
activityDateText: activityRaw || '-',
|
||||
activityTimestamp,
|
||||
statusValue,
|
||||
statusLabel,
|
||||
owner: item.user.realName || item.user.nickname || '-',
|
||||
statusClass
|
||||
}
|
||||
},
|
||||
buildRowKey(item, index) {
|
||||
const keySeed = item.id ?? item.shareId ?? item.orderNo ?? item.createTime ?? item.date
|
||||
return keySeed !== undefined && keySeed !== null && String(keySeed).trim() !== ''
|
||||
? `share_${keySeed}`
|
||||
: `share_${index}`
|
||||
},
|
||||
buildDetailCacheKey(item = {}) {
|
||||
const seed = item._rowKey || item.id || item.shareId || Date.now()
|
||||
return `share_detail_${seed}`
|
||||
},
|
||||
openDetail(item) {
|
||||
if (!item) return
|
||||
const cacheKey = this.buildDetailCacheKey(item)
|
||||
try {
|
||||
uni.setStorageSync(cacheKey, item)
|
||||
} catch (error) {
|
||||
}
|
||||
uni.navigateTo({
|
||||
url: `/pages/share/detail?cacheKey=${encodeURIComponent(cacheKey)}`
|
||||
})
|
||||
},
|
||||
async handleVoid(item) {
|
||||
if (!item || Number(item.statusValue) === 1) return
|
||||
if (this.deletingId) return
|
||||
const targetId = item.id ?? item.shareId ?? ''
|
||||
if (targetId === '' || targetId === null || targetId === undefined) {
|
||||
uni.showToast({
|
||||
title: '记录ID缺失，无法作废',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const confirmRes = await new Promise(resolve => {
|
||||
uni.showModal({
|
||||
title: '确认作废',
|
||||
content: '作废后不可恢复，是否继续？',
|
||||
confirmText: '确定',
|
||||
cancelText: '取消',
|
||||
success: resolve,
|
||||
fail: () => resolve({confirm: false})
|
||||
})
|
||||
})
|
||||
if (!confirmRes || !confirmRes.confirm) return
|
||||
try {
|
||||
this.deletingId = item._rowKey
|
||||
const res = await shareDeleteReq(targetId)
|
||||
if (res && res.code !== undefined && Number(res.code) !== 0) {
|
||||
throw new Error('delete failed')
|
||||
}
|
||||
uni.showToast({
|
||||
title: '作废成功',
|
||||
icon: 'success'
|
||||
})
|
||||
await this.fetchShareList()
|
||||
} catch (error) {
|
||||
uni.showToast({
|
||||
title: '作废失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.deletingId = ''
|
||||
}
|
||||
},
|
||||
resolveShareChain(item) {
|
||||
const rawChainId = item.chainId ?? item.chain_id ?? item.chainCode ?? item.chain_code ?? ''
|
||||
const merchantId = item.merchantId ?? item.merchant_id ?? ''
|
||||
const directName = item.chainName || item.chain_name || item.chain || item.chainAbb || ''
|
||||
let chainId = rawChainId
|
||||
let chainName = directName
|
||||
const merchantChain = merchantId !== '' && merchantId !== null && merchantId !== undefined
|
||||
? this.chainMerchantMap[String(merchantId)]
|
||||
: null
|
||||
if (!chainId && merchantChain) {
|
||||
chainId = merchantChain.chainId
|
||||
}
|
||||
if (!chainName && merchantChain) {
|
||||
chainName = merchantChain.chainName
|
||||
}
|
||||
if (!chainName && chainId !== '' && chainId !== null && chainId !== undefined) {
|
||||
const selected = this.chainOptions.find(option => String(option.id) === String(chainId))
|
||||
chainName = selected ? selected.text : ''
|
||||
}
|
||||
return {
|
||||
chainId: chainId ?? '',
|
||||
chainName: chainName || '-'
|
||||
}
|
||||
},
|
||||
parseJsonMaybe(value) {
|
||||
if (value === null || value === undefined || value === '') return []
|
||||
if (typeof value === 'string') {
|
||||
try {
|
||||
return JSON.parse(value)
|
||||
} catch (err) {
|
||||
return []
|
||||
}
|
||||
}
|
||||
return value
|
||||
},
|
||||
resolveReceiptImages(item = {}) {
|
||||
const candidates = [
|
||||
item.image,
|
||||
item.images,
|
||||
item.receiptPhoto,
|
||||
item.receiptPhotos,
|
||||
item.receipt_photo,
|
||||
item.receipt_photos
|
||||
]
|
||||
const urls = []
|
||||
candidates.forEach(value => {
|
||||
this.appendReceiptValue(urls, value)
|
||||
})
|
||||
const unique = Array.from(new Set(urls.filter(url => /^https?:\/\//.test(url) || /^\/\//.test(url))))
|
||||
return unique
|
||||
},
|
||||
appendReceiptValue(target, value) {
|
||||
if (value === null || value === undefined || value === '') return
|
||||
if (Array.isArray(value)) {
|
||||
value.forEach(item => this.appendReceiptValue(target, item))
|
||||
return
|
||||
}
|
||||
if (typeof value === 'object') {
|
||||
const url = value.url || value.path || value.src || value.image || value.img
|
||||
if (url) this.appendReceiptValue(target, url)
|
||||
return
|
||||
}
|
||||
const text = String(value).trim()
|
||||
if (!text) return
|
||||
if (text.startsWith('[') || text.startsWith('{')) {
|
||||
try {
|
||||
const parsed = JSON.parse(text)
|
||||
this.appendReceiptValue(target, parsed)
|
||||
return
|
||||
} catch (err) {
|
||||
}
|
||||
}
|
||||
if (text.includes(',')) {
|
||||
text.split(',').forEach(part => this.appendReceiptValue(target, part))
|
||||
return
|
||||
}
|
||||
target.push(text)
|
||||
},
|
||||
parseDateToTimestamp(value) {
|
||||
if (value === null || value === undefined || value === '') return NaN
|
||||
const raw = String(value).trim()
|
||||
if (!raw) return NaN
|
||||
if (/^-?\d+(\.\d+)?$/.test(raw)) {
|
||||
const num = Number(raw)
|
||||
if (!Number.isFinite(num)) return NaN
|
||||
const millis = Math.abs(num) < 1e12 ? num * 1000 : num
|
||||
return millis
|
||||
}
|
||||
const parsed = dayjs(raw)
|
||||
if (!parsed.isValid()) return NaN
|
||||
return parsed.valueOf()
|
||||
},
|
||||
normalizeMerchantChain(item, index) {
|
||||
const chainName = this.pickFirstText(item, ['chainName', 'chain', 'chainAbb', 'name', 'title']) || `连锁${index + 1}`
|
||||
const rawChainId = item.chainId ?? item.chain_id ?? item.id ?? item.chainCode ?? item.chain_code ?? ''
|
||||
const chainId = rawChainId === undefined || rawChainId === null || String(rawChainId).trim() === ''
|
||||
? `chain_${index}`
|
||||
: rawChainId
|
||||
const childCandidates = ['children', 'merchantList', 'merchants', 'shopList', 'list', 'records']
|
||||
let rawChildren = []
|
||||
for (let i = 0; i < childCandidates.length; i++) {
|
||||
const list = item[childCandidates[i]]
|
||||
if (Array.isArray(list) && list.length) {
|
||||
rawChildren = list
|
||||
break
|
||||
}
|
||||
}
|
||||
const merchants = rawChildren
|
||||
.map(child => this.normalizeMerchant(child))
|
||||
.filter(merchant => merchant.id !== undefined && merchant.id !== null && String(merchant.id).trim() !== '')
|
||||
return {
|
||||
id: chainId,
|
||||
text: chainName,
|
||||
merchants
|
||||
}
|
||||
},
|
||||
normalizeMerchant(item) {
|
||||
const id = item.id ?? item.merchantId ?? item.merchant_id
|
||||
const text = item.name || item.merchantName || item.merchant_name || item.title || '未命名门店'
|
||||
return {
|
||||
id,
|
||||
text
|
||||
}
|
||||
},
|
||||
pickFirstText(source, keys = []) {
|
||||
if (!source || typeof source !== 'object') return ''
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
const value = source[keys[i]]
|
||||
if (value !== undefined && value !== null && String(value).trim()) {
|
||||
return String(value).trim()
|
||||
}
|
||||
}
|
||||
return ''
|
||||
},
|
||||
unwrapList(data) {
|
||||
if (Array.isArray(data)) return data
|
||||
if (!data || typeof data !== 'object') return []
|
||||
const keys = ['list', 'records', 'rows', 'items', 'data', 'result', 'chainList']
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
const value = data[keys[i]]
|
||||
if (Array.isArray(value)) return value
|
||||
if (value && typeof value === 'object') {
|
||||
const nested = this.unwrapList(value)
|
||||
if (nested.length) return nested
|
||||
}
|
||||
}
|
||||
return [data]
|
||||
},
|
||||
formatPrice(value) {
|
||||
const num = Number(value || 0)
|
||||
return num.toFixed(2)
|
||||
},
|
||||
resolveExtraIncome(source = {}) {
|
||||
const candidates = [
|
||||
source.extraIncome,
|
||||
source.extra_income,
|
||||
source.extraBonus,
|
||||
source.extra_bonus,
|
||||
source.otherIncome,
|
||||
source.other_income
|
||||
]
|
||||
for (let i = 0; i < candidates.length; i++) {
|
||||
const raw = candidates[i]
|
||||
if (raw === '' || raw === null || raw === undefined) continue
|
||||
const num = Number(raw)
|
||||
if (Number.isFinite(num)) return num
|
||||
}
|
||||
return 0
|
||||
},
|
||||
hasExtraIncome(source = {}) {
|
||||
return this.resolveExtraIncome(source) !== 0
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '../audit/components/record.scss';
|
||||
|
||||
.my-share-page {
|
||||
min-height: 100vh;
|
||||
//padding: 0 20rpx 40rpx;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
//padding: 30rpx 6rpx 18rpx;
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat
|
||||
top center / 100% auto;
|
||||
}
|
||||
|
||||
.page-navbar {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2fc6a7;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.filter-row {
|
||||
margin-top: 14rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.filter-chip {
|
||||
padding: 8rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
border: 1rpx solid #2fc6a7;
|
||||
color: #2fc6a7;
|
||||
font-size: 22rpx;
|
||||
background: #f3fffb;
|
||||
}
|
||||
|
||||
.keyword-row {
|
||||
margin-top: 14rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
.keyword-input {
|
||||
flex: 1;
|
||||
height: 64rpx;
|
||||
border-radius: 14rpx;
|
||||
border: 1rpx solid #d1d5db;
|
||||
background: #ffffff;
|
||||
padding: 0 16rpx;
|
||||
font-size: 24rpx;
|
||||
color: #374151;
|
||||
}
|
||||
|
||||
.keyword-placeholder {
|
||||
color: #9ca3af;
|
||||
}
|
||||
|
||||
.filter-btn {
|
||||
min-width: 96rpx;
|
||||
height: 64rpx;
|
||||
padding: 0 20rpx;
|
||||
border-radius: 14rpx;
|
||||
border: 1rpx solid #d1d5db;
|
||||
color: #6b7280;
|
||||
font-size: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.filter-btn.primary {
|
||||
border-color: #2fc6a7;
|
||||
background: #2fc6a7;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.record-toggle {
|
||||
margin-top: 8rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: 4rpx;
|
||||
font-size: 24rpx;
|
||||
color: #2fc6a7;
|
||||
}
|
||||
|
||||
.disabled-chip {
|
||||
color: #9ca3af;
|
||||
border-color: #e5e7eb;
|
||||
background: #f3f4f6;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,748 @@
|
||||
<template>
|
||||
<view class="visit-page">
|
||||
<view class="page-hero">
|
||||
<AppNavbar title="客户拜访" show-back/>
|
||||
<view class="intro-card">
|
||||
<view class="card-title">
|
||||
<view class="title-bar"></view>
|
||||
<text>培训拜访</text>
|
||||
</view>
|
||||
<text class="intro-text">记录培训拜访现场定位、沟通内容和照片，提交后可回看历史记录。</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">新增拜访</view>
|
||||
<view class="form">
|
||||
<view class="form-row location-row">
|
||||
<text>定位信息</text>
|
||||
<view class="location-box">
|
||||
<view class="picker-value location-text" :class="{placeholder: !visitForm.location}">
|
||||
{{ visitForm.location || '定位中，或点击右侧重新定位' }}
|
||||
</view>
|
||||
<view class="location-meta">
|
||||
<text>{{ formatCoordinate('纬度', visitForm.lat) }}</text>
|
||||
<text>{{ formatCoordinate('经度', visitForm.lng) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="refresh-btn" @tap="fetchLocation(false, true)">重新定位</view>
|
||||
</view>
|
||||
|
||||
<view class="form-row">
|
||||
<text>连锁</text>
|
||||
<view class="selector-picker" @tap="openChainPicker">
|
||||
<view class="picker-value" :class="{placeholder: !visitForm.chain}">
|
||||
{{ visitForm.chain || (chainLoading ? '连锁加载中...' : '请选择连锁') }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-row">
|
||||
<text>拜访人员</text>
|
||||
<input v-model="visitForm.name" maxlength="30" placeholder="请输入拜访人员"/>
|
||||
</view>
|
||||
|
||||
<view class="form-row textarea-row">
|
||||
<text>沟通内容</text>
|
||||
<textarea
|
||||
v-model="visitForm.content"
|
||||
class="textarea-input"
|
||||
maxlength="500"
|
||||
auto-height
|
||||
placeholder="请输入沟通内容"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<view class="upload" @tap="uploadPhotos">
|
||||
<view>
|
||||
<view class="upload-title">拍照上传</view>
|
||||
<view class="upload-meta">{{ photos.length ? `已上传 ${photos.length} 张，点击继续拍照` : '点击拍照上传，最多 9 张' }}</view>
|
||||
</view>
|
||||
<view class="chip">必填</view>
|
||||
</view>
|
||||
|
||||
<view v-if="photos.length" class="photo-list">
|
||||
<view class="photo-item" v-for="(photo, index) in photos" :key="`${photo}-${index}`">
|
||||
<image class="photo-image" :src="photo" mode="aspectFill" @tap="previewPhoto(index)"/>
|
||||
<view class="photo-remove" @tap.stop="removePhoto(index)">x</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-row textarea-row">
|
||||
<text>活动小结</text>
|
||||
<textarea
|
||||
v-model="visitForm.summary"
|
||||
class="textarea-input"
|
||||
maxlength="300"
|
||||
auto-height
|
||||
placeholder="请输入活动小结"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<view class="primary-btn submit" @tap="submitVisit">提交拜访</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card block">
|
||||
<view class="section-title">历史记录</view>
|
||||
<view v-if="loading" class="empty">加载中...</view>
|
||||
<view v-else-if="visitHistory.length === 0" class="empty">暂无记录</view>
|
||||
<view v-else>
|
||||
<view class="history" v-for="item in visitHistory" :key="item.id">
|
||||
<view class="history-head" @tap="toggleHistoryDetail(item.id)">
|
||||
<view class="history-main">
|
||||
<view class="history-title">{{ item.name || '未命名拜访' }}</view>
|
||||
<view class="history-meta">{{ item.createdAt || '暂无时间' }}</view>
|
||||
</view>
|
||||
<view class="history-side">
|
||||
<view class="history-status" :class="item.statusClass">{{ item.status }}</view>
|
||||
<u-icon name="arrow-right" size="24" color="#9ca3af" :class="['history-arrow', item.expanded ? 'open' : '']"/>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="item.expanded" class="history-detail">
|
||||
<view class="history-line">定位：{{ item.location || '-' }}</view>
|
||||
<view class="history-line">纬度：{{ item.lat || '-' }}</view>
|
||||
<view class="history-line">经度：{{ item.lng || '-' }}</view>
|
||||
<view class="history-line">连锁：{{ item.chain || '-' }}</view>
|
||||
<view class="history-line">沟通内容：{{ item.content || '-' }}</view>
|
||||
<view class="history-line">活动小结：{{ item.summary || '-' }}</view>
|
||||
<view class="history-line">照片：</view>
|
||||
<view v-if="item.photos.length" class="history-photo-list">
|
||||
<view class="history-photo-item" v-for="(photo, photoIndex) in item.photos" :key="`${item.id}-${photoIndex}`">
|
||||
<image
|
||||
class="history-photo-image"
|
||||
:src="photo"
|
||||
mode="aspectFill"
|
||||
@tap="previewHistoryPhoto(item.photos, photoIndex)"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="history-line">-</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<u-picker
|
||||
:show="showChainPicker"
|
||||
:columns="[chainOptions]"
|
||||
:loading="chainLoading"
|
||||
:defaultIndex="chainPickerIndex"
|
||||
keyName="text"
|
||||
@confirm="onChainConfirm"
|
||||
@cancel="closeChainPicker"
|
||||
@close="closeChainPicker"
|
||||
/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AppNavbar from "@/components/AppNavbar.vue";
|
||||
import {chooseImg, getLocationOnly} from "@/util";
|
||||
import {visitAddReq, visitListReq} from "@/api/visit";
|
||||
import {merchantGroupByChainReq} from "@/api/shop";
|
||||
|
||||
export default {
|
||||
components: {AppNavbar},
|
||||
data() {
|
||||
return {
|
||||
visitForm: this.buildForm(),
|
||||
photos: [],
|
||||
visitHistory: [],
|
||||
chainOptions: [],
|
||||
chainLoading: false,
|
||||
showChainPicker: false,
|
||||
loading: false,
|
||||
locating: false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
chainPickerIndex() {
|
||||
if (!this.chainOptions.length) return [0]
|
||||
const idx = this.chainOptions.findIndex(item => String(item.id) === String(this.visitForm.chainId))
|
||||
return [idx < 0 ? 0 : idx]
|
||||
}
|
||||
},
|
||||
async onShow() {
|
||||
await Promise.all([
|
||||
this.fetchLocation(true),
|
||||
this.fetchHistory(),
|
||||
this.fetchChainOptions()
|
||||
])
|
||||
},
|
||||
methods: {
|
||||
buildForm() {
|
||||
return {
|
||||
lat: '',
|
||||
lng: '',
|
||||
location: '',
|
||||
chainId: '',
|
||||
chain: '',
|
||||
name: '',
|
||||
content: '',
|
||||
summary: ''
|
||||
}
|
||||
},
|
||||
async fetchChainOptions() {
|
||||
this.chainLoading = true
|
||||
try {
|
||||
const {data} = await merchantGroupByChainReq()
|
||||
const list = this.unwrapList(data)
|
||||
this.chainOptions = list.map((item, index) => this.normalizeChainOption(item, index))
|
||||
.filter(item => item.id !== undefined && item.id !== null && String(item.id).trim() !== '')
|
||||
if (this.visitForm.chainId && !this.chainOptions.find(item => String(item.id) === String(this.visitForm.chainId))) {
|
||||
this.visitForm.chainId = ''
|
||||
this.visitForm.chain = ''
|
||||
}
|
||||
} catch (err) {
|
||||
this.chainOptions = []
|
||||
} finally {
|
||||
this.chainLoading = false
|
||||
}
|
||||
},
|
||||
openChainPicker() {
|
||||
this.showChainPicker = true
|
||||
},
|
||||
closeChainPicker() {
|
||||
this.showChainPicker = false
|
||||
},
|
||||
onChainConfirm(event) {
|
||||
const selected = event && event.value && event.value.length ? event.value[0] : null
|
||||
this.visitForm.chainId = selected ? selected.id : ''
|
||||
this.visitForm.chain = selected ? selected.text : ''
|
||||
this.showChainPicker = false
|
||||
},
|
||||
formatCoordinate(label, value) {
|
||||
if (value === '' || value === null || value === undefined) return `${label}：-`
|
||||
return `${label}：${value}`
|
||||
},
|
||||
async fetchLocation(silent = false, force = false) {
|
||||
if (this.locating) return
|
||||
if (!force && this.visitForm.location && this.visitForm.lat && this.visitForm.lng) return
|
||||
this.locating = true
|
||||
if (!silent) {
|
||||
uni.showLoading({
|
||||
title: '定位中'
|
||||
})
|
||||
}
|
||||
try {
|
||||
const res = await getLocationOnly()
|
||||
this.visitForm.lat = res.latitude
|
||||
this.visitForm.lng = res.longitude
|
||||
this.visitForm.location = res.full || [res.province_str, res.city_str, res.area_str].filter(Boolean).join(' ')
|
||||
} catch (err) {
|
||||
if (!silent) {
|
||||
uni.showToast({
|
||||
title: '定位失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
} finally {
|
||||
if (!silent) uni.hideLoading()
|
||||
this.locating = false
|
||||
}
|
||||
},
|
||||
async uploadPhotos() {
|
||||
const remain = 9 - this.photos.length
|
||||
if (remain <= 0) {
|
||||
uni.showToast({
|
||||
title: '最多上传9张',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
const res = await chooseImg(remain, ['camera'])
|
||||
this.photos = [
|
||||
...this.photos,
|
||||
...res.map(item => item.path).filter(Boolean)
|
||||
]
|
||||
},
|
||||
removePhoto(index) {
|
||||
this.photos.splice(index, 1)
|
||||
},
|
||||
previewPhoto(index) {
|
||||
if (!this.photos.length) return
|
||||
uni.previewImage({
|
||||
urls: this.photos,
|
||||
current: this.photos[index] || this.photos[0]
|
||||
})
|
||||
},
|
||||
async submitVisit() {
|
||||
if (!this.visitForm.lat || !this.visitForm.lng || !this.visitForm.location) {
|
||||
uni.showToast({
|
||||
title: '请先获取定位',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.visitForm.chainId || !this.visitForm.chain) {
|
||||
uni.showToast({
|
||||
title: '请选择连锁',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.visitForm.name || !this.visitForm.content || !this.photos.length || !this.visitForm.summary) {
|
||||
uni.showToast({
|
||||
title: '请填写完整信息',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
try {
|
||||
await visitAddReq({
|
||||
lat: this.visitForm.lat,
|
||||
lng: this.visitForm.lng,
|
||||
location: this.visitForm.location,
|
||||
chainId: this.visitForm.chainId,
|
||||
chain: this.visitForm.chain,
|
||||
name: this.visitForm.name,
|
||||
content: this.visitForm.content,
|
||||
photos: JSON.stringify(this.photos),
|
||||
summary: this.visitForm.summary
|
||||
})
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
})
|
||||
const locationSnapshot = {
|
||||
lat: this.visitForm.lat,
|
||||
lng: this.visitForm.lng,
|
||||
location: this.visitForm.location,
|
||||
chainId: this.visitForm.chainId,
|
||||
chain: this.visitForm.chain
|
||||
}
|
||||
this.visitForm = {
|
||||
...this.buildForm(),
|
||||
...locationSnapshot
|
||||
}
|
||||
this.photos = []
|
||||
await this.fetchHistory()
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '提交失败',
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
async fetchHistory() {
|
||||
this.loading = true
|
||||
try {
|
||||
const {data} = await visitListReq()
|
||||
const list = Array.isArray(data) ? data : (data && data.list ? data.list : [])
|
||||
this.visitHistory = list.map(this.normalizeHistory)
|
||||
} catch (err) {
|
||||
uni.showToast({
|
||||
title: '记录加载失败',
|
||||
icon: 'none'
|
||||
})
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
normalizeHistory(item) {
|
||||
const statusValue = Number(item.status)
|
||||
let status = '待处理'
|
||||
let statusClass = 'pending'
|
||||
if (statusValue === 0) {
|
||||
status = '审核中'
|
||||
statusClass = 'pending'
|
||||
} else if (statusValue === 1) {
|
||||
status = '已通过'
|
||||
statusClass = 'success'
|
||||
} else if (statusValue === 2 || statusValue === 3) {
|
||||
status = '已驳回'
|
||||
statusClass = 'reject'
|
||||
} else if (item.statusText || item.status_text) {
|
||||
status = item.statusText || item.status_text
|
||||
statusClass = ''
|
||||
}
|
||||
return {
|
||||
id: item.id,
|
||||
name: item.name || item.visitName || '',
|
||||
content: item.content || item.remark || '',
|
||||
summary: item.summary || item.result || '',
|
||||
location: item.location || item.address || '',
|
||||
lat: item.lat || item.latitude || '',
|
||||
lng: item.lng || item.longitude || '',
|
||||
chainId: item.chainId || item.chain_id || item.chainCode || item.chain_code || '',
|
||||
chain: item.chain || item.chain_name || item.chain || item.chainAbb || '',
|
||||
photos: this.parsePhotos(item.photos || item.images || item.image),
|
||||
createdAt: item.createTime || item.createdAt || item.create_date || '',
|
||||
status,
|
||||
statusClass,
|
||||
expanded: false
|
||||
}
|
||||
},
|
||||
parsePhotos(value) {
|
||||
if (value === null || value === undefined || value === '') return []
|
||||
if (Array.isArray(value)) {
|
||||
return value.map(item => {
|
||||
if (!item) return ''
|
||||
if (typeof item === 'string') return item
|
||||
return item.url || item.path || item.image || item.img || ''
|
||||
}).filter(Boolean)
|
||||
}
|
||||
if (typeof value === 'object') {
|
||||
const url = value.url || value.path || value.image || value.img
|
||||
return url ? [url] : []
|
||||
}
|
||||
const text = String(value).trim()
|
||||
if (!text) return []
|
||||
if (text.startsWith('[') || text.startsWith('{')) {
|
||||
try {
|
||||
return this.parsePhotos(JSON.parse(text))
|
||||
} catch (err) {
|
||||
}
|
||||
}
|
||||
if (text.includes(',')) {
|
||||
return text.split(',').map(item => item.trim()).filter(Boolean)
|
||||
}
|
||||
return [text]
|
||||
},
|
||||
toggleHistoryDetail(id) {
|
||||
this.visitHistory = this.visitHistory.map(item => {
|
||||
if (item.id !== id) return item
|
||||
return {
|
||||
...item,
|
||||
expanded: !item.expanded
|
||||
}
|
||||
})
|
||||
},
|
||||
previewHistoryPhoto(list = [], index = 0) {
|
||||
if (!Array.isArray(list) || !list.length) return
|
||||
uni.previewImage({
|
||||
urls: list,
|
||||
current: list[index] || list[0]
|
||||
})
|
||||
},
|
||||
normalizeChainOption(item, index) {
|
||||
const text = item.chain || item.chain || item.chainAbb || item.name || item.title || item.text || `连锁${index + 1}`
|
||||
const rawId = item.chainId ?? item.chain_id ?? item.id ?? item.chainCode ?? item.chain_code ?? ''
|
||||
const id = rawId === undefined || rawId === null || String(rawId).trim() === ''
|
||||
? `chain_${index}`
|
||||
: rawId
|
||||
return {
|
||||
id,
|
||||
text
|
||||
}
|
||||
},
|
||||
unwrapList(data) {
|
||||
if (Array.isArray(data)) return data
|
||||
if (!data || typeof data !== 'object') return []
|
||||
const keys = ['list', 'records', 'rows', 'items', 'data', 'result', 'chainList']
|
||||
for (let i = 0; i < keys.length; i++) {
|
||||
const value = data[keys[i]]
|
||||
if (Array.isArray(value)) return value
|
||||
if (value && typeof value === 'object') {
|
||||
const nested = this.unwrapList(value)
|
||||
if (nested.length) return nested
|
||||
}
|
||||
}
|
||||
return [data]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.visit-page {
|
||||
min-height: 100vh;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.page-hero {
|
||||
background: url('https://yaodongxiao.oss-cn-guangzhou.aliyuncs.com/20260126/462bfa04cf0eff8698884c38b9d17519.png') no-repeat top center / 100% auto;
|
||||
}
|
||||
|
||||
.intro-card {
|
||||
margin: 18rpx 20rpx 0;
|
||||
padding: 20rpx 18rpx;
|
||||
border-radius: 20rpx;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0 10rpx 20rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #2f78ff;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
margin-top: 12rpx;
|
||||
font-size: 26rpx;
|
||||
color: #6b7280;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin: 18rpx 20rpx 0;
|
||||
}
|
||||
|
||||
.form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 20rpx;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.form-row input {
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.selector-picker {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.selector-picker .picker-value {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.location-row {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.location-box {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
gap: 8rpx;
|
||||
}
|
||||
|
||||
.picker-value {
|
||||
color: var(--text-main);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.picker-value.placeholder {
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.location-text {
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
line-height: 1.5;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.location-meta {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
gap: 4rpx;
|
||||
font-size: 22rpx;
|
||||
color: var(--text-sub);
|
||||
}
|
||||
|
||||
.refresh-btn {
|
||||
flex-shrink: 0;
|
||||
margin-top: 2rpx;
|
||||
padding: 8rpx 18rpx;
|
||||
border-radius: 999rpx;
|
||||
background: #eef4ff;
|
||||
color: #2f78ff;
|
||||
font-size: 22rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.textarea-row {
|
||||
align-items: flex-start;
|
||||
padding-top: 16rpx;
|
||||
}
|
||||
|
||||
.textarea-input {
|
||||
flex: 1;
|
||||
min-height: 120rpx;
|
||||
text-align: right;
|
||||
font-size: 26rpx;
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
.upload {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.upload-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.upload-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.photo-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.photo-item {
|
||||
position: relative;
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.photo-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.photo-remove {
|
||||
position: absolute;
|
||||
top: 8rpx;
|
||||
right: 8rpx;
|
||||
width: 34rpx;
|
||||
height: 34rpx;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
color: #ffffff;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 22rpx;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin-top: 12rpx;
|
||||
padding: 14rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.history {
|
||||
padding: 12rpx 0;
|
||||
border-bottom: 1rpx solid #edf1f7;
|
||||
}
|
||||
|
||||
.history:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.history-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.history-main {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.history-title {
|
||||
font-weight: 700;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.history-meta {
|
||||
color: var(--text-sub);
|
||||
font-size: 24rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.history-side {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
}
|
||||
|
||||
.history-status {
|
||||
font-weight: 700;
|
||||
color: #ff8354;
|
||||
}
|
||||
|
||||
.history-status.success {
|
||||
color: #22c55e;
|
||||
}
|
||||
|
||||
.history-status.reject {
|
||||
color: #ff3b30;
|
||||
}
|
||||
|
||||
.history-arrow {
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
||||
.history-arrow.open {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.history-detail {
|
||||
margin-top: 10rpx;
|
||||
padding: 12rpx;
|
||||
border-radius: 12rpx;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.history-line {
|
||||
margin-top: 6rpx;
|
||||
font-size: 24rpx;
|
||||
color: #4b5563;
|
||||
line-height: 1.6;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.history-line:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.history-photo-list {
|
||||
margin-top: 10rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
.history-photo-item {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.history-photo-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: var(--text-sub);
|
||||
text-align: center;
|
||||
padding: 16rpx 0;
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
@@ -0,0 +1,829 @@
|
||||
$bg: #F8F8F8;
|
||||
$yellow: #e2d602;
|
||||
$orange: #fd7600;
|
||||
$orange-deep: #FF4B00;
|
||||
$orange-light: #FFC5AD;
|
||||
$green: #2fc6a7;
|
||||
$green-light: #a1ded0;
|
||||
$blue: #2563eb;
|
||||
$blue-light: #049DFF;
|
||||
$blue-light-50: #ebf3f8;
|
||||
$purple: #c770f6;
|
||||
$purple-light: #E0AFFB;
|
||||
$red: #FE6869;
|
||||
$red-light: #F7B2B2;
|
||||
$gray-weight: #666;
|
||||
$gray: #bbb;
|
||||
$gray-light: #F7F7F7;
|
||||
$gold: #B68320;
|
||||
$gold-light: #FFF0D3;
|
||||
$fdca00: #FDCA00;
|
||||
$u-primary: $green;
|
||||
|
||||
//p, span {
|
||||
// font-size: 30rpx;
|
||||
// margin: 0;
|
||||
//}
|
||||
|
||||
h6 {
|
||||
font-weight: bolder !important;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
|
||||
.pos-r {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pos-a {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.bg {
|
||||
background-color: $bg;
|
||||
}
|
||||
|
||||
.bg-gray-light {
|
||||
background-color: $gray-light;
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.bg-main {
|
||||
background-color: $u-primary;
|
||||
}
|
||||
|
||||
.bg-linear {
|
||||
background : linear-gradient(90deg, #049DFF, #2665c4);
|
||||
}
|
||||
|
||||
.bg-red {
|
||||
background-color: $red;
|
||||
}
|
||||
|
||||
.bg-orange {
|
||||
background-color: $orange;
|
||||
}
|
||||
|
||||
.bg-blue {
|
||||
background-color: $blue;
|
||||
}
|
||||
|
||||
.bg-gold {
|
||||
background-color: $gold;
|
||||
}
|
||||
|
||||
.bg-green {
|
||||
background-color: $green;
|
||||
}
|
||||
|
||||
.bg-main-light {
|
||||
background-color: #E0F2FE;
|
||||
}
|
||||
|
||||
.bg-fff0 {
|
||||
background-color: #F0F0F0FF;
|
||||
}
|
||||
|
||||
.shadow {
|
||||
box-shadow: 0 2px 6px 0 rgba(191, 218, 251, 1);
|
||||
}
|
||||
|
||||
.shadow-top {
|
||||
box-shadow: 0px -2px 13px rgba(191, 218, 251, 1);
|
||||
}
|
||||
|
||||
.shadow-light {
|
||||
box-shadow: 0 4rpx 12rpx 0 rgba(206, 206, 206, 80);
|
||||
}
|
||||
|
||||
.shadow-50 {
|
||||
box-shadow: -2rpx 4rpx 14rpx 4rpx rgba(206, 206, 206, 50);
|
||||
}
|
||||
|
||||
.font-bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.tips {
|
||||
font-size: 20rpx;
|
||||
color: $gray;
|
||||
}
|
||||
|
||||
.text-main {
|
||||
color: $u-primary !important;
|
||||
}
|
||||
|
||||
.text-orange {
|
||||
color: #fd7600;
|
||||
}
|
||||
|
||||
.text-blue {
|
||||
color: $blue;
|
||||
}
|
||||
|
||||
.text-blue-light {
|
||||
color: $blue-light;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color: $green;
|
||||
}
|
||||
|
||||
.text-red {
|
||||
color: $red;
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color: $gray;
|
||||
}
|
||||
|
||||
.text-gray-weight {
|
||||
color: $gray-weight;
|
||||
}
|
||||
|
||||
.text-black {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.color-6C {
|
||||
color: #6C6C6C;
|
||||
}
|
||||
|
||||
.text-white {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.text-line-through {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.color-9A {
|
||||
color: #9A9A9A;
|
||||
}
|
||||
|
||||
.color-333 {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.justify-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.justify-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.items-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.items-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.items-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.item-self {
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flex-rev {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.flex-1 {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.flex-2 {
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.flex-shrink {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.flex-none {
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.flex-grow {
|
||||
flex-grow: 1
|
||||
}
|
||||
|
||||
.flex-grow-0 {
|
||||
flex-grow: 0
|
||||
}
|
||||
|
||||
.h-100 {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.h-100p {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.h-90p {
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
.h-50p {
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
.h-10p {
|
||||
height: 10%;
|
||||
}
|
||||
|
||||
.w-100 {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.w-100p {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.w-5p {
|
||||
width: 5%;
|
||||
}
|
||||
|
||||
.w-10p {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.w-15p {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.w-20p {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.w-25p {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.w-30p {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.w-33p {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.w-40p {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.w-45p {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.w-50p {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.w-60p {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.w-67p {
|
||||
width: 67%;
|
||||
}
|
||||
|
||||
.w-75p {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.w-80p {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.w-85p {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
.w-90p {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.p-10 {
|
||||
padding: 10rpx;
|
||||
}
|
||||
|
||||
.p-15 {
|
||||
padding: 15rpx;
|
||||
}
|
||||
|
||||
.pb-15 {
|
||||
padding-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.pb-20 {
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.pb-30 {
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.p-20 {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.p-25 {
|
||||
padding: 25rpx;
|
||||
}
|
||||
|
||||
.p-30 {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.px-20 {
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
|
||||
.px-40 {
|
||||
padding: 0 40rpx;
|
||||
}
|
||||
|
||||
.p-50 {
|
||||
padding: 50rpx;
|
||||
}
|
||||
|
||||
.py-10 {
|
||||
padding: 10rpx 0;
|
||||
}
|
||||
|
||||
.py-15 {
|
||||
padding: 15rpx 0;
|
||||
}
|
||||
|
||||
.py-20 {
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
|
||||
.py-25 {
|
||||
padding: 25rpx 0;
|
||||
}
|
||||
|
||||
.py-30 {
|
||||
padding: 30rpx 0;
|
||||
}
|
||||
|
||||
.px-15 {
|
||||
padding: 0 15rpx;
|
||||
}
|
||||
|
||||
.px-20 {
|
||||
padding: 0 15rpx;
|
||||
}
|
||||
|
||||
.px-30 {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.pl-15 {
|
||||
padding-left: 15rpx;
|
||||
}
|
||||
|
||||
.pl-20 {
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
.pr-15 {
|
||||
padding-right: 15rpx;
|
||||
}
|
||||
|
||||
.pr-20 {
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
|
||||
.pt-10 {
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
.pt-20 {
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
|
||||
.pr-25 {
|
||||
padding-right: 25rpx;
|
||||
}
|
||||
|
||||
.m-a {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.m-10 {
|
||||
margin: 10rpx;
|
||||
}
|
||||
|
||||
.m-15 {
|
||||
margin: 15rpx;
|
||||
}
|
||||
|
||||
.m-20 {
|
||||
margin: 20rpx;
|
||||
}
|
||||
|
||||
.m-25 {
|
||||
margin: 25rpx;
|
||||
}
|
||||
|
||||
.m-30 {
|
||||
margin: 30rpx;
|
||||
}
|
||||
|
||||
.m-35 {
|
||||
margin: 35rpx;
|
||||
}
|
||||
|
||||
.ml-10 {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.ml-15 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
|
||||
.ml-25 {
|
||||
margin-left: 25rpx;
|
||||
}
|
||||
|
||||
.ml-35 {
|
||||
margin-left: 35rpx;
|
||||
}
|
||||
|
||||
.mt-10 {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.mt-15 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
|
||||
.mt-20 {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.mt-25 {
|
||||
margin-top: 25rpx;
|
||||
}
|
||||
|
||||
.mt-30 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.mt-40 {
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.mt-50 {
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
|
||||
.mb-25 {
|
||||
margin-bottom: 25rpx;
|
||||
}
|
||||
|
||||
.mb-40 {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.my-10 {
|
||||
margin-top: 10rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.my-15 {
|
||||
margin-top: 15rpx;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.my-20 {
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.my-25 {
|
||||
margin-top: 25rpx;
|
||||
margin-bottom: 25rpx;
|
||||
}
|
||||
|
||||
.mx-15 {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
|
||||
.mx-20 {
|
||||
margin-left: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.mx-25 {
|
||||
margin-left: 25rpx;
|
||||
margin-right: 25rpx;
|
||||
}
|
||||
|
||||
.mb-10 {
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.mb-15 {
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.mb-20 {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.mr-10 {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.mr-15 {
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
|
||||
.ml-20 {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.mr-25 {
|
||||
margin-right: 25rpx;
|
||||
}
|
||||
|
||||
.mr-35 {
|
||||
margin-right: 35rpx;
|
||||
}
|
||||
|
||||
.text-15 {
|
||||
font-size: 15rpx;
|
||||
}
|
||||
|
||||
.text-20 {
|
||||
font-size: 20rpx;
|
||||
line-height: 20rpx;
|
||||
}
|
||||
|
||||
.text-24 {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.text-25 {
|
||||
font-size: 25rpx;
|
||||
line-height: 35rpx;
|
||||
}
|
||||
|
||||
.text-26 {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.text-28 {
|
||||
font-size: 28rpx;
|
||||
line-height: 28rpx;
|
||||
}
|
||||
|
||||
.text-30 {
|
||||
font-size: 30rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
|
||||
.text-35 {
|
||||
font-size: 35rpx;
|
||||
line-height: 35rpx;
|
||||
}
|
||||
|
||||
.text-40 {
|
||||
font-size: 40rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 40rpx;
|
||||
}
|
||||
|
||||
.rounded-sm {
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.circle {
|
||||
border-radius: 999px;
|
||||
}
|
||||
|
||||
.rounded-16 {
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.rounded-bottom {
|
||||
border-radius: 0 0 40rpx 40rpx;
|
||||
}
|
||||
|
||||
.rounded-top {
|
||||
border-radius: 40rpx 40rpx 0 0;
|
||||
}
|
||||
|
||||
.border-top {
|
||||
border-top: 1px solid $gray-light;
|
||||
}
|
||||
|
||||
.border-bottom {
|
||||
border-bottom: 1px solid $gray-light;
|
||||
}
|
||||
|
||||
|
||||
.border-right {
|
||||
border-right: 1px solid $gray-light;
|
||||
}
|
||||
|
||||
.border {
|
||||
border: 1px solid $gray;
|
||||
}
|
||||
|
||||
.canvas-hide {
|
||||
//position: fixed;
|
||||
//right: 100vw;
|
||||
//bottom: 100vh;
|
||||
//z-index: -9999;
|
||||
//opacity: 0;
|
||||
}
|
||||
|
||||
.card {
|
||||
@extend .rounded;
|
||||
@extend .bg-white;
|
||||
@extend .p-20;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
@extend .w-100p;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.public-sub-btn {
|
||||
background: $fdca00;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
border-radius: 50rpx;
|
||||
text-align: center;
|
||||
padding: 24rpx 0;
|
||||
}
|
||||
|
||||
.b-20 {
|
||||
bottom: 20rpx;
|
||||
}
|
||||
|
||||
.p-button {
|
||||
background: linear-gradient(#E5CB98, #FBEDBC);
|
||||
color: #B68320;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "iconfont";
|
||||
src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAeYAAsAAAAADlAAAAdLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEAgqOYItrATYCJAMkCxQABCAFhG0HcBv/CzOjdoNyEiD7nwnxpstuRCLrGmPTaffv/hnWZJHUNtWZeOD/3t03mks73vmC/3jA8SRom0aatimgfv7d9M8lBEJCIHRBKua0E7EEOqedMBEJm8N7js0MWpgq9PlMkGcTsS8NgH3X/AEbFaFGZNFvH+xR2uYofWlu9NO9ypmTgvNlW8CitMbdT7rHpgAXaKxBOfzWBdQCFgyrMV3kKtMLUFGd7GEC0JSkACq79OKAIMbDAW2W48z1QESSiQsUARGRZFyYAZ0AR8Q1ogsAjs7vhy+UBQIgwhPwR83HdB4F7R6gR25M+CrAUEwAobtM6LuBBBRA1qlLZvYO80KFg8isxmImAH1xHwzc0UPpQ/ph9cNLD+8+cn/9mnAgGQwUGkVj0B1kUhL4EP94IgQIVeCoDc62pg7uyLCRwUMCauARlsQ0ElWAq5EoAV9CogB8FzYieLq7qQM0rM5DYAriAik/Li6hNpHBj2knBBuokIJWymUizhppEknSNKNTIHnPfnR5WRIjFnmB0MgyTh9CFr9W5WgCNNfq00hdfi0KEVVL7I0kQvMYjy8OUbDAQIFwzDiGGzMKX+/PVu1sih2FbLk8PneQ0e84zT9a9GckbXu06x/h1C0hw45Twmlb0BLgUtCw7qqMfsqCGhV6bZl8tzTOhwXIwI1ZQCJLIIvccUoHE88h4XC2eGu4M/1XNB3fedRypMHlpyhbEwA5zn0qQ+4JIFxpmvQRIqHR6kOYxT8yRF6DufwjDl1JEG+8Wqk8ej0Z33StarLSdvb0fhAL+06dIRXWc4EDCLccDJ7nRTRGNUgi5S3sUk8hG4BAIuuqdJzCcXaWtWpZK0O7I0Mqs9SeBk6HJs+pMZ3cqWSo18Up8nh2vcql1drvYnRZfFaWawwlbAjnNuUeD0fz47f2GNsa/fF7o5EiX96JqiMhfWMOZ3c32aoWarUuu1GgZb3ZijxTszPBoebYYVU51WtjNSTXad3ekZzB2YUmmynf7Frv87CjOrjBApsDIHqPD//DhUKGSMSAEKRwBgqH+XDUGI0YIlaOKiYk2EnSqUEWF7XAageI3OVCf/PhsDEaNSKnhrSzKBTiQlVdDbJsPEl0ONSUS4ssTnLO4dOJ8O/y7lwLIsG9w6MxwIZTFYojgSR8c7B6ksJqZ8UOB6W0ubb0SifPuQb42mUpNFyJuQI0OLvELTPRSN5ODs3CBUKIBoDa1xrz1K/SNy3fVPVDMKK2XqdM6a9QLFycnZWRVUJ89QUvJOjZoAOfr7zKhGDrb79CEfP5M8/DTEvPngRh8AWBr9OZ66+89rX3tVtZ8tVf0r2fhur6+fMn0ALooJU7KIuS79+fpFNWX018UNVONCAU6vv7QGWHX5rbxpdvCW5JI9sFt9aUVW1pjXfr1K+5X6dOeOsts8vm/p1Iq+glCpUiObh4EVm2JbClPL5V603DrqjoTQomnlFsolUURBISwDpcroJ7b0oA02NQonc6VOv1iZVzBiYiduCcysTgHXF6OAN6GftRd0b3kZV9q0+AxEQ+IRESEvhEqIl262o2d+ZSUQfnmQcNY2dMXbp06rKxDTkJDJeW6vN3QmnfdO+etSJLmp0tSazIHjphQaZo7r6Dq2MZ3eom36nkLlp5St+X1jcrBkv4xK/79qbGfer3tXOWL0+NzJUNjuev1m2r8TwarGszs8uaVXMJRufavYvjGRWXNvLMw4a6hqnTp+OWddN3rFg+ixl4/IR5XXolag7ZzhxpDtvDmd17wTeo3HzocG+79mhzQ6GYS6SY3AUFNu1aUC5jsE6YcVIdLZk+YIqhI161tOWSVwtt2jUJey9Kv5VI+tWYJCCe8U3j1Nhp6t/ry8zF48oidd2GdLkxpPOAeiG9UXgmkpyh9YWSltIkJvUm3/2XckNk/emn1TPGhuRv5ddp5qpQ5XLRDWCzQqyzQ4tWrMxPsIRfxsInjYr7g9evq5O7w5KQAvAPYk1YW0p4kkSoGpozaS3WThNOfixfE8B+wzrpbqcdWAzzu1akq+jGw+IgeIpNPUYoW30gqPdHzI3c6qeif0AMzVuoE4HK3keDt+KE/PXzUOM3K4anQW5D40VTGYGmWAAeCflDN7ulJpW9TyBKHUAklQgJIYOROQVQQamAKkJbaMrX9fKWFqYDBmUZgJkVDBDGXhBRCAKGcdEJJzg3AKfxAiSYgAHJgFrckJIVVqPJSTBWzCD5AKVcG5mmE7ftHW1TxhL2O+o/lEBlsJjO43U3rFG6OCU87VLVgBGu4Moeh2XJ4IVzTHXqVP1xNjNZp05TrlqTVkfBWC3zDJKPPaVcm611kvj5O9qmjKVgyI/9H0qg7cNiOq/AuKG60pBT6RyedqmUacDoLVzBlTKxFNUMPnu/HFOdugaV/jijqUxVNB2eqs41gtM3LCcta4sQhsQIRxIkRQSSIRLEim8daOMprvsqcXCDRdX2cFgMy8TbcsJh6vBNMY++jmv7bXgQHHmqWy0A') format('woff2');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 22px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-undo:before {
|
||||
content: "\e607";
|
||||
}
|
||||
|
||||
.icon-redo:before {
|
||||
content: "\e606";
|
||||
}
|
||||
|
||||
.icon-img:before {
|
||||
content: "\e6e2";
|
||||
}
|
||||
|
||||
.icon-video:before {
|
||||
content: "\e798";
|
||||
}
|
||||
|
||||
.icon-link:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
|
||||
.icon-text:before {
|
||||
content: "\e6ce";
|
||||
}
|
||||
|
||||
.icon-clear:before {
|
||||
content: "\e637";
|
||||
}
|
||||
|
||||
.icon-save:before {
|
||||
content: "\e501";
|
||||
}
|
||||
|
||||
.required {
|
||||
@extend .pos-a;
|
||||
left: -9px;
|
||||
color: #f56c6c;
|
||||
line-height: 20px;
|
||||
font-size: 20px;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.overflow-y {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.overflow-x {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.album-item {
|
||||
width: 190rpx;
|
||||
height: 190rpx;
|
||||
@extend .m-10;
|
||||
@extend .flex;
|
||||
@extend .justify-center;
|
||||
@extend .items-center;
|
||||
}
|
||||
|
||||
.del-wrap {
|
||||
@extend .pos-a;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border-radius: 0 0 0 5px;
|
||||
padding: 10rpx;
|
||||
background-color: $red;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.min-height {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.share-btn {
|
||||
border: none;
|
||||
background: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&::after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.border-main{
|
||||
border-color: $u-primary !important;
|
||||
}
|
||||
|
||||
.popup-close {
|
||||
bottom: -80rpx;
|
||||
left: calc(50% - 20rpx);
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user