Compare commits
No commits in common. "master" and "feature/yi" have entirely different histories.
master
...
feature/yi
@ -9,5 +9,4 @@ export const apiArr = {
|
||||
updateApply: "/api/v2/wechat/commodity/after-sales/update-apply", //商品订单售后修改申请
|
||||
createReview: "/api/v2/wechat/commodity/review/create", //创建订单评价
|
||||
orderRefund: "/api/v2/wechat/commodity/order/refund", //商品订单退款
|
||||
selectGoodsDetail: "/api/v2/wechat/commodity/goods-info/by-goods", //根据货品id查询商品货品信息
|
||||
};
|
||||
|
||||
@ -1,10 +0,0 @@
|
||||
export const apiArr = {
|
||||
ecApply: "/api/v2/wechat/lkl-split-business/ec-apply", //电子合同申请
|
||||
ecQuery: "/api/v2/wechat/lkl-split-business/ec-query", //电子合同查询
|
||||
ecDownload: "/api/v2/wechat/lkl-split-business/ec-download", //电子合同下载
|
||||
upload: "/api/v2/wechat/lkl-split-business/upload", //附件上传
|
||||
applyLedgerReceiver: "/api/v2/wechat/lkl-split-business/apply-ledger-receiver", //分账接收方创建申请
|
||||
applyBind: "/api/v2/wechat/lkl-split-business/apply-bind", //分账关系绑定申请
|
||||
addMer: "/api/v2/wechat/lkl-split-business/add-mer", //商户进件
|
||||
applyLedgerMer: "/api/v2/wechat/lkl-split-business/apply-ledger-mer", //商户分账业务开通申请
|
||||
};
|
||||
@ -4,6 +4,4 @@ export const apiArr = {
|
||||
getHomeBanner: "/api/v2/wechat/home-banner-region-crud/page", //获取首页banner及其广告
|
||||
getButtonNum:"/api/v2/wechat/nav-display-crud/info",//获取首页button的行数 数量
|
||||
getHomeButton:"/api/v2/wechat/home-button-region-crud/page", //获取首页button
|
||||
|
||||
statusQuery:"/api/v2/wechat/store-info-crud/status-query", //门店审核状态查询
|
||||
};
|
||||
@ -43,63 +43,63 @@ export default {
|
||||
navList: [
|
||||
{
|
||||
photo:
|
||||
"https://static.hshuishang.com/property-img-file/footer_home.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_home.png",
|
||||
photoAc:
|
||||
"https://static.hshuishang.com/property-img-file/footer_homeAc.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_homeAc.png",
|
||||
nav_name: "智慧首页",
|
||||
url: "/pages/index/index",
|
||||
},
|
||||
{
|
||||
photo:
|
||||
"https://static.hshuishang.com/property-img-file/footer_facility.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_facility.png",
|
||||
photoAc:
|
||||
"https://static.hshuishang.com/property-img-file/footer_facilityAc.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_facilityAc.png",
|
||||
nav_name: "智能设备",
|
||||
url: "/packages/smartDevice/index/index",
|
||||
},
|
||||
{
|
||||
photo:
|
||||
"https://static.hshuishang.com/property-img-file/footer_richScan.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_richScan.png",
|
||||
photoAc:
|
||||
"https://static.hshuishang.com/property-img-file/footer_richScan.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_richScan.png",
|
||||
url: "",
|
||||
isScan: true,
|
||||
},
|
||||
{
|
||||
photo:
|
||||
"https://static.hshuishang.com/property-img-file/footer_community.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_community.png",
|
||||
photoAc:
|
||||
"https://static.hshuishang.com/property-img-file/footer_communityAc.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_communityAc.png",
|
||||
nav_name: "我的小区",
|
||||
url: "/packages/community/index/index",
|
||||
},
|
||||
// {
|
||||
// photo: "https://static.hshuishang.com/property-img-file/footer_localLife.png",
|
||||
// photoAc: "https://static.hshuishang.com/property-img-file/footer_localLifeAc.png",
|
||||
// photo: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_localLife.png",
|
||||
// photoAc: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_localLifeAc.png",
|
||||
// nav_name: "本地生活",
|
||||
// url: "/packages/localLife/index/index",
|
||||
// },
|
||||
// {
|
||||
// photo:
|
||||
// "https://static.hshuishang.com/property-img-file/footer_shop.png",
|
||||
// "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_shop.png",
|
||||
// photoAc:
|
||||
// "https://static.hshuishang.com/property-img-file/footer_shopAc.png",
|
||||
// "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_shopAc.png",
|
||||
// nav_name: "优选商城",
|
||||
// url: "/packages/shop/index/index",
|
||||
// },
|
||||
// {
|
||||
// photo:
|
||||
// "https://static.hshuishang.com/property-img-file/footer_door.png",
|
||||
// "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_door.png",
|
||||
// photoAc:
|
||||
// "https://static.hshuishang.com/property-img-file/footer_communityAc.png",
|
||||
// "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_communityAc.png",
|
||||
// nav_name: "到家服务",
|
||||
// url: "/packages/homeServer/index/index",
|
||||
// },
|
||||
{
|
||||
photo:
|
||||
"https://static.hshuishang.com/property-img-file/footer_mine.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_mine.png",
|
||||
photoAc:
|
||||
"https://static.hshuishang.com/property-img-file/footer_mineAc.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_mineAc.png",
|
||||
nav_name: "个人中心",
|
||||
url: "/pages/user/index",
|
||||
},
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<view class="search">
|
||||
<view class="locat" catchtap="goPagesLink">
|
||||
<image class="local_left_icon" src="https://static.hshuishang.com/User/_assets/location.png"
|
||||
<image class="local_left_icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/User/_assets/location.png"
|
||||
mode="" />
|
||||
<text class="local_city">{{address}}</text>
|
||||
<van-icon name="arrow-down" color="#FF512A " />
|
||||
</view>
|
||||
<view class='search_bar'>
|
||||
<image class="search_icon"
|
||||
src="https://static.hshuishang.com/community/_assets/Group_36.png" mode="" />
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community/_assets/Group_36.png" mode="" />
|
||||
<input class="search_input" placeholder='输入搜索的社区名称' confirm-type='search' @input="searchInput"
|
||||
@confirm="searchInput" :value=" selectKeyWord" />
|
||||
</view>
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
<view class="center">物业公司:{{item.shop && item.shop.shop_name || item.property}}</view>
|
||||
<view class="address">
|
||||
<image class="address_icon"
|
||||
src="https://static.hshuishang.com/community/_assets/Group_50.png" mode="" />
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community/_assets/Group_50.png" mode="" />
|
||||
<view class="text-container">
|
||||
<text>{{item.addr}}</text>
|
||||
</view>
|
||||
@ -17,13 +17,13 @@
|
||||
<view class="bottom">
|
||||
<view class="bottom_left">
|
||||
<view class="btn" @click.stop="handleOptionClick">
|
||||
<image class="btn_icon" src="https://static.hshuishang.com/community/_assets/Send.png"
|
||||
<image class="btn_icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community/_assets/Send.png"
|
||||
mode="aspectFill" />
|
||||
导航
|
||||
</view>
|
||||
<view class="btn mobile" @click.stop="headlePhoneClick">
|
||||
<image class="btn_icon"
|
||||
src="https://static.hshuishang.com/community/_assets/Phone-telephone.png" mode="" />
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community/_assets/Phone-telephone.png" mode="" />
|
||||
电话
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -10,22 +10,22 @@
|
||||
<view class="msg">
|
||||
<view class="msg_left">
|
||||
<view class="msg_left_1">
|
||||
<image src="https://static.hshuishang.com/kitchen/kitchen_time.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/kitchen_time.png" mode="widthFix" />
|
||||
{{shopInfo.opening_time}}-{{shopInfo.closing_time}}
|
||||
<view>营业</view>
|
||||
</view>
|
||||
<view class="msg_left_2">
|
||||
<image src="https://static.hshuishang.com/kitchen/kitchen_add.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/kitchen_add.png" mode="widthFix" />
|
||||
{{shopInfo.addrInfo}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="msg_right">
|
||||
<view class="msg_right1" @click="haderTelClick">
|
||||
<image src="https://static.hshuishang.com/kitchen/kitchen_phone.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/kitchen_phone.png" mode="widthFix" />
|
||||
电话
|
||||
</view>
|
||||
<view class="msg_right2" @click="handleOptionClick">
|
||||
<image src="https://static.hshuishang.com/kitchen/kitchen_add.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/kitchen_add.png" mode="widthFix" />
|
||||
导航
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
.box {
|
||||
width: 750rpx;
|
||||
height: 1343rpx;
|
||||
background: url(https://static.hshuishang.com/kitchen/recharge_bg.png) no-repeat;
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/recharge_bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.msg {
|
||||
width: 710rpx;
|
||||
height: 308rpx;
|
||||
background: url(https://static.hshuishang.com/kitchen/recharge_tit.png) no-repeat;
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/recharge_tit.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 auto;
|
||||
margin-top: 30rpx;
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
<view class="msg">
|
||||
账户余额(元)
|
||||
<view>{{money}}</view>
|
||||
<image src="https://static.hshuishang.com/kitchen/recharge_img.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/recharge_img.png" mode="widthFix" />
|
||||
</view>
|
||||
|
||||
<view class="recharge">
|
||||
|
||||
@ -62,7 +62,7 @@ image {
|
||||
height: 150rpx;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
background-image: url('https://static.hshuishang.com/gp_detail_top.png');
|
||||
background-image: url('https://wechat-img-file.oss-cn-beijing.aliyuncs.com/gp_detail_top.png');
|
||||
background-size: cover;
|
||||
background-position: -30rpx center;
|
||||
}
|
||||
@ -621,7 +621,7 @@ image {
|
||||
.shadowBox_img {
|
||||
width: 600rpx;
|
||||
height: 945rpx;
|
||||
background: url('https://static.hshuishang.com/property-img-file/shop_share_bg.png') no-repeat;
|
||||
background: url('https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
|
||||
@ -83,7 +83,7 @@
|
||||
<view class="Msg_ItemTit">货号</view>
|
||||
<view class="Msg_ItemCon" @click="copys(currentGG.goods_no)">
|
||||
{{ currentGG.goods_no }}
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_copy.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_copy.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="Msg_Item">
|
||||
@ -117,14 +117,14 @@
|
||||
<view class="Car">
|
||||
<view class="car_left">
|
||||
<view class="share" @click="share">
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_share.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share.png"
|
||||
mode="widthFix"></image>
|
||||
分享
|
||||
</view>
|
||||
<view class="cars" @click="car">
|
||||
<u-badge numberType="limit" :type="type" max="99" :value="carNum"></u-badge>
|
||||
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_car.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car.png"
|
||||
mode="widthFix"></image>
|
||||
购物车
|
||||
</view>
|
||||
@ -155,14 +155,14 @@
|
||||
<view class="shadowBox1">
|
||||
<view class="shadowBox1Item" @click="shareFriend">
|
||||
<button class="shadowBox1Item_btn" open-type="share" bindtap="onShareButtonClick">
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_WX.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
||||
mode="aspectFill"></image>
|
||||
微信好友
|
||||
</button>
|
||||
</view>
|
||||
<view class="shadowBox1Item" @click="openSave">
|
||||
<button class="shadowBox1Item_btn">
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_saveImg.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_saveImg.png"
|
||||
mode="aspectFill"></image>
|
||||
生成海报
|
||||
</button>
|
||||
@ -175,7 +175,7 @@
|
||||
<view class="shadowBox_img">
|
||||
<view class="boxshadow_tit">今日商品推荐</view>
|
||||
<view class="boxshadow_img">
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_share_img.png">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png">
|
||||
</image>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
@ -203,12 +203,12 @@
|
||||
</view>
|
||||
<view class="temp">
|
||||
<view class="temp1">
|
||||
<img class="temp_img" src="https://static.hshuishang.com/pingjia.png" />
|
||||
<img class="temp_img" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/pingjia.png" />
|
||||
为你展示真实评价
|
||||
</view>
|
||||
<view class="temp1" @click="showSizePopup">
|
||||
款式
|
||||
<img class="temp_img1" src="https://static.hshuishang.com/kuanshi.png" />
|
||||
<img class="temp_img1" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kuanshi.png" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="reviews-list" v-if="comments.length > 0">
|
||||
@ -297,7 +297,6 @@ export default {
|
||||
boxshadow1: false,
|
||||
boxshadow2: false,
|
||||
id: "",
|
||||
adver_id: "",//活动id
|
||||
groupById: "",
|
||||
promotional_price: "", //活动价
|
||||
info: "",
|
||||
@ -507,7 +506,7 @@ export default {
|
||||
this.boxshadow2 = false;
|
||||
// 微信小程序保存图片
|
||||
uni.downloadFile({
|
||||
url: "https://static.hshuishang.com/property-img-file/shop_share_img.png",
|
||||
url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png",
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
uni.saveImageToPhotosAlbum({
|
||||
@ -542,7 +541,6 @@ export default {
|
||||
getGoodsInfo() {
|
||||
const params = {
|
||||
id: this.id,
|
||||
adver_id: this.adver_id,
|
||||
}
|
||||
request(apiArr.getGoodsInfo, "POST", params).then((res) => {
|
||||
// 分割图片
|
||||
@ -729,14 +727,14 @@ export default {
|
||||
// 购买记录
|
||||
getBuyRecord() {
|
||||
const params = {
|
||||
activity_id: this.groupById,
|
||||
goods_id: this.itemObj.id,
|
||||
activity_id: 47,
|
||||
goods_id: this.id
|
||||
}
|
||||
request(apiArr2.groupBuyRecord, 'POST', params).then(res => {
|
||||
const record = res.group_buy_record.map(item => {
|
||||
return {
|
||||
...item,
|
||||
avatar: picUrl + item.avatar
|
||||
avatar: picture + item.avatar
|
||||
}
|
||||
})
|
||||
this.purchaseRecords = record
|
||||
@ -783,7 +781,6 @@ export default {
|
||||
this.top = meun.top;
|
||||
this.localHeight = meun.height;
|
||||
this.id = this.itemObj.commodity_id ? this.itemObj.commodity_id : this.itemObj.id;
|
||||
this.adver_id = this.itemObj.adver_id
|
||||
this.groupById = this.itemObj.groupById
|
||||
this.promotional_price = this.itemObj.promotional_price
|
||||
this.getBuyRecord()
|
||||
|
||||
@ -277,7 +277,7 @@ page {
|
||||
.copy-icon {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
background-image: url('https://static.hshuishang.com/myOrder/copy.png');
|
||||
background-image: url('https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/copy.png');
|
||||
background-size: cover;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
@ -72,7 +72,7 @@
|
||||
<view class="payment-item" @click="selectPayment('wechat')">
|
||||
<view class="payment-icon">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_wechat.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png"
|
||||
mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="payment-content">
|
||||
@ -82,12 +82,12 @@
|
||||
</view>
|
||||
<view class="payment-select" v-if="selectedPayment === 'wechat'">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_check2.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png"
|
||||
mode="aspectFit" style="width: 40rpx; height: 40rpx;"></image>
|
||||
</view>
|
||||
<view class="payment-select" v-else>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_check1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png"
|
||||
mode="aspectFit" style="width: 40rpx; height: 40rpx;"></image>
|
||||
</view>
|
||||
</view>
|
||||
@ -195,7 +195,7 @@
|
||||
<view class="payment-item" @click="selectPayment('wechat')">
|
||||
<view class="payment-icon">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_wechat.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png"
|
||||
mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="payment-content">
|
||||
@ -205,12 +205,12 @@
|
||||
</view>
|
||||
<view class="payment-select" v-if="selectedPayment === 'wechat'">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_check2.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png"
|
||||
mode="aspectFit" style="width: 40rpx; height: 40rpx;"></image>
|
||||
</view>
|
||||
<view class="payment-select" v-else>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_check1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png"
|
||||
mode="aspectFit" style="width: 40rpx; height: 40rpx;"></image>
|
||||
</view>
|
||||
</view>
|
||||
@ -227,7 +227,7 @@
|
||||
<view class="shadowBox2">
|
||||
<view class="shadowBox_img">
|
||||
<view class="boxshadow_tit">
|
||||
<image src="https://static.hshuishang.com/af_√.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/af_√.png"
|
||||
class="boxshadow_tit_img">
|
||||
</image>
|
||||
已支付成功
|
||||
@ -235,7 +235,7 @@
|
||||
<view class="boxshadow_img">
|
||||
<view v-if="verifyCode">核销码:{{ verifyCode }}</view>
|
||||
<!-- <image
|
||||
src="https://static.hshuishang.com/property-img-file/shop_share_img.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png">
|
||||
</image> -->
|
||||
</view>
|
||||
<view>
|
||||
@ -246,7 +246,7 @@
|
||||
<view class="wealBox">
|
||||
<view class="wealBoxItem wealBoxItem1">
|
||||
<view class="wealBoxItemTop">
|
||||
<image src="https://static.hshuishang.com/activity_fen.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_fen.png"
|
||||
mode="aspectFit">
|
||||
</image>
|
||||
<view>石榴分</view>
|
||||
@ -260,7 +260,7 @@
|
||||
</view>
|
||||
<view class="wealBoxItem wealBoxItem2">
|
||||
<view class="wealBoxItemTop">
|
||||
<image src="https://static.hshuishang.com/activity_zi.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_zi.png"
|
||||
mode="aspectFit">
|
||||
</image>
|
||||
<view>石榴籽</view>
|
||||
@ -274,7 +274,7 @@
|
||||
</view>
|
||||
<view class="wealBoxItem wealBoxItem3">
|
||||
<view class="wealBoxItemTop">
|
||||
<image src="https://static.hshuishang.com/activity_jin.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/activity_jin.png"
|
||||
mode="aspectFit" />
|
||||
<view>石榴金</view>
|
||||
</view>
|
||||
@ -299,20 +299,20 @@
|
||||
<button class="shadowBox1Item_btn" open-type="share" bindtap="onShareButtonClick" />
|
||||
<view class="shadowBox1Item">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/shop_WX.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
||||
mode="aspectFill"></image>
|
||||
微信好友
|
||||
</view>
|
||||
<button class="shadowBox2Item_btn" open-type="share" bindtap="onShareButtonClick" />
|
||||
<view class="shadowBox1Item" @click="shareFriend">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/shop_WX.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
|
||||
mode="aspectFill"></image>
|
||||
小程序链接
|
||||
</view>
|
||||
<!-- <view class="shadowBox1Item" @click="openSave">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/shop_saveImg.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_saveImg.png"
|
||||
mode="aspectFill"></image>
|
||||
二维码海报
|
||||
</view> -->
|
||||
@ -331,7 +331,7 @@
|
||||
<view class="boxshadow_tit">今日商品推荐</view>
|
||||
<view class="boxshadow_img">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/shop_share_img.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png">
|
||||
</image>
|
||||
</view>
|
||||
<view class="shadowBoxInfo">
|
||||
@ -786,7 +786,7 @@ export default {
|
||||
this.boxshadow2 = false;
|
||||
// 微信小程序保存图片
|
||||
uni.downloadFile({
|
||||
url: "https://static.hshuishang.com/property-img-file/shop_share_img.png",
|
||||
url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png",
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
uni.saveImageToPhotosAlbum({
|
||||
|
||||
@ -185,30 +185,23 @@
|
||||
|
||||
/* 购物车按钮 */
|
||||
.shop_car {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
position: absolute;
|
||||
bottom: 150rpx;
|
||||
right: 30rpx;
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
position: fixed;
|
||||
right: 33rpx;
|
||||
bottom: 80rpx;
|
||||
z-index: 10;
|
||||
border-radius: 50%;
|
||||
background-color: #ffffff;
|
||||
padding: 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.shop_car image {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.u-badge {
|
||||
position: absolute;
|
||||
right: 0rpx;
|
||||
top: -6rpx;
|
||||
z-index: 11;
|
||||
right: 0;
|
||||
top: -10rpx;
|
||||
}
|
||||
|
||||
/* 规格标签样式 */
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
<!-- 购物车按钮 -->
|
||||
<view class="shop_car" @click="shopCar">
|
||||
<u-badge numberType="limit" type="error" max="99" :value="carNum"></u-badge>
|
||||
<image src="https://static.hshuishang.com/property-img-file/page_user_Group_1564.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_car_num.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="empty" v-if="shopCarTotal == 0">
|
||||
<image src="https://static.hshuishang.com/shopCar_no.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/shopCar_no.png"></image>
|
||||
</view>
|
||||
<view class="main" v-else>
|
||||
<view class="deleteIcon" @click="deleteItem">
|
||||
@ -22,10 +22,10 @@
|
||||
<view class="footer_all" @click="is_day_checked"
|
||||
style="color: orange; font-size: 35rpx; font-weight: bolder;">
|
||||
<image v-if="!isDaychecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check1.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png">
|
||||
</image>
|
||||
<image v-if="isDaychecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check2.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png">
|
||||
</image>
|
||||
当日达
|
||||
</view>
|
||||
@ -34,10 +34,10 @@
|
||||
<view class="goodsItem_supplier">
|
||||
<view class="goodsItem_left" @click="supplierCheck(carItem, true)">
|
||||
<image v-if="!carItem.supplierChecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check1.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png">
|
||||
</image>
|
||||
<image v-if="carItem.supplierChecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check2.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png">
|
||||
</image>
|
||||
</view>
|
||||
<view class="goodsItem_tit">
|
||||
@ -48,10 +48,10 @@
|
||||
:key="item.id">
|
||||
<view class="goodsItem_left" @click="DayChecked(item)">
|
||||
<image v-if="!item.checked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check1.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png">
|
||||
</image>
|
||||
<image v-if="item.checked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check2.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png">
|
||||
</image>
|
||||
</view>
|
||||
<view class="goodsItem_right">
|
||||
@ -107,10 +107,10 @@
|
||||
<view class="footer_all" @click="parcel_post_checked"
|
||||
style="color: orange; font-size: 35rpx; font-weight: bolder;">
|
||||
<image v-if="!isParcelPostchecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check1.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png">
|
||||
</image>
|
||||
<image v-if="isParcelPostchecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check2.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png">
|
||||
</image>
|
||||
包邮
|
||||
</view>
|
||||
@ -119,10 +119,10 @@
|
||||
<view class="goodsItem_supplier">
|
||||
<view class="goodsItem_left" @click="supplierCheck(carItem, false)">
|
||||
<image v-if="!carItem.supplierChecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check1.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png">
|
||||
</image>
|
||||
<image v-if="carItem.supplierChecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check2.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png">
|
||||
</image>
|
||||
</view>
|
||||
<view class="goodsItem_tit">
|
||||
@ -133,10 +133,10 @@
|
||||
:key="item.id">
|
||||
<view class="goodsItem_left" @click="changeChecked(item)">
|
||||
<image v-if="!item.checked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check1.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png">
|
||||
</image>
|
||||
<image v-if="item.checked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check2.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png">
|
||||
</image>
|
||||
</view>
|
||||
<view class="goodsItem_right">
|
||||
@ -169,7 +169,8 @@
|
||||
</view>
|
||||
</template>
|
||||
<template #input>
|
||||
<text style="width: 80rpx; text-align: center" class="input">{{
|
||||
<text style="width: 80rpx; text-align: center"
|
||||
class="input">{{
|
||||
item.count }}</text>
|
||||
</template>
|
||||
<template #plus>
|
||||
@ -192,10 +193,10 @@
|
||||
<view class="footer_left">
|
||||
<view class="footer_all" @click="allChecked">
|
||||
<image v-if="!isAllchecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check1.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png">
|
||||
</image>
|
||||
<image v-if="isAllchecked"
|
||||
src="https://static.hshuishang.com/property-img-file/com_check2.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png">
|
||||
</image>
|
||||
全选
|
||||
</view>
|
||||
@ -516,7 +517,7 @@ export default {
|
||||
// total += goods.commodity_goods_info.sales_price * goods.count;
|
||||
// }
|
||||
|
||||
if (goods.is_one_one === 1) {
|
||||
if(goods.is_one_one === 1) {
|
||||
total += goods.price * (goods.count / 2)
|
||||
} else {
|
||||
total += goods.price * goods.count
|
||||
@ -534,7 +535,6 @@ export default {
|
||||
const that = this;
|
||||
request(apiArr.deleteCar, "POST", {
|
||||
ids: [carItem.id],
|
||||
goods_cate: 3,
|
||||
}).then((res) => {
|
||||
// 从商品列表中移除该商品
|
||||
item.splice(goodsIndex, 1);
|
||||
@ -700,7 +700,6 @@ export default {
|
||||
|
||||
request(apiArr.deleteCar, "POST", {
|
||||
ids,
|
||||
goods_cate: 3,
|
||||
})
|
||||
.then((res) => {
|
||||
uni.showToast({
|
||||
|
||||
@ -307,7 +307,7 @@ page {
|
||||
content: '';
|
||||
width: 52rpx;
|
||||
height: 22rpx;
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_active.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_active.png);
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<div class="myRealEstate">
|
||||
<div class="myRealEstates">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communityNav.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityNav.png" mode="aspectFill"></image>
|
||||
<div class="name">滏阳锦苑</div>
|
||||
<div class="Visitor">访客身份 点击立即入驻本社区</div>
|
||||
</div>
|
||||
@ -25,7 +25,7 @@
|
||||
<div class="ConList">
|
||||
<div class="ConItem" v-for="item in 3" @click="desc">
|
||||
<div class="ConItem_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_act2Img.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_act2Img.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
<div class="ConItem_right">
|
||||
<div class="ConItem_right_tit">关于小区停车场治理通告</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<view class="container">
|
||||
|
||||
<div class="userAva">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png" alt="" mode="aspectFill" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png" alt="" mode="aspectFill" />
|
||||
</div>
|
||||
<div class="Name">MarrekoZhang</div>
|
||||
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<div class="searchBox">
|
||||
<img src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png" alt="" />
|
||||
<img src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png" alt="" />
|
||||
<input placeholder="请输入小区名称" type="text">
|
||||
</div>
|
||||
|
||||
<div class="communityList">
|
||||
<div class="communityItem" v-for="(item, index) in 5" :key="index" @click="chooseCommunityInfo">
|
||||
<div class="communityItem_img">
|
||||
<img src="https://static.hshuishang.com/property-img-file/com_act2Img.png" alt="" />
|
||||
<img src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_act2Img.png" alt="" />
|
||||
</div>
|
||||
|
||||
<div class="communityItem_msg">
|
||||
@ -21,8 +21,8 @@
|
||||
</div>
|
||||
|
||||
<div class="communityItem_msg_more">
|
||||
<img src="https://static.hshuishang.com/property-img-file/com_check1.png" alt="" />
|
||||
<!-- <img src="https://static.hshuishang.com/property-img-file/com_check2.png" alt="" /> -->
|
||||
<img src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png" alt="" />
|
||||
<!-- <img src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png" alt="" /> -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
<div class="communityList">
|
||||
<div class="communityItem">
|
||||
<div class="communityItem_img">
|
||||
<image mode="aspectFill" src="https://static.hshuishang.com/property-img-file/com_act2Img.png" alt="" />
|
||||
<image mode="aspectFill" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_act2Img.png" alt="" />
|
||||
</div>
|
||||
|
||||
<div class="communityItem_msg">
|
||||
@ -20,7 +20,7 @@
|
||||
</div>
|
||||
|
||||
<div class="communityItem_msg_more">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communityMore.png" alt="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityMore.png" alt="" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -167,7 +167,7 @@ image {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_activeIcon.png) no-repeat;
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_activeIcon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
@ -206,7 +206,7 @@ image {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_activeIcon.png) no-repeat;
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_activeIcon.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<div class="currentAdd_left">{{ city.region }}</div>
|
||||
<div class="currentAdd_right" @click="changeAddress">
|
||||
切换城市
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_choseAddress.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_choseAddress.png"></image>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<div class="search">
|
||||
<input type="text" placeholder="请输入小区名称" v-model="communityName" />
|
||||
<image @click="searchByName"
|
||||
src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
|
||||
</image>
|
||||
</div>
|
||||
|
||||
@ -24,14 +24,14 @@
|
||||
<div class="communityItem_address">{{ item.addr }}</div>
|
||||
</div>
|
||||
<div class="communityItem_right">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communityMore.png">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityMore.png">
|
||||
</image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="empty" v-if="communityList.length == 0">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_noSearch.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
|
||||
<span>未找到相关信息的小区</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -39,7 +39,7 @@
|
||||
<!-- <div class="communityBox" v-if="step == 2">
|
||||
<div class="search">
|
||||
<input type="text" placeholder="请输入楼栋名称">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"></image>
|
||||
</div>
|
||||
|
||||
<div class="floorList">
|
||||
@ -49,7 +49,7 @@
|
||||
</div>
|
||||
|
||||
<div class="empty" v-if="!foloorList">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_noSearch.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
|
||||
<span>未找到相关信息的楼栋</span>
|
||||
</div>
|
||||
</div> -->
|
||||
@ -58,7 +58,7 @@
|
||||
<div class="search">
|
||||
<input v-model="searchQuery" type="text" placeholder="请输入楼栋名称" />
|
||||
<image @click="searchName"
|
||||
src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
|
||||
</image>
|
||||
</div>
|
||||
|
||||
@ -70,7 +70,7 @@
|
||||
</div>
|
||||
|
||||
<div class="empty" v-if="filteredFloorsList.length === 0">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_noSearch.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
|
||||
<span>未找到相关信息的楼栋</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -79,7 +79,7 @@
|
||||
<div class="search">
|
||||
<input v-model="searchQuery" type="text" placeholder="请输入楼层名称" />
|
||||
<image @click="searchName"
|
||||
src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
|
||||
</image>
|
||||
</div>
|
||||
|
||||
@ -92,7 +92,7 @@
|
||||
</div>
|
||||
|
||||
<div class="empty" v-if="filteredFloorsList.length === 0">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_noSearch.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
|
||||
<span>未找到相关信息的楼层</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -101,7 +101,7 @@
|
||||
<div class="search">
|
||||
<input v-model="searchQuery" type="text" placeholder="请输入房间名称" />
|
||||
<image @click="searchName"
|
||||
src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
|
||||
</image>
|
||||
</div>
|
||||
|
||||
@ -114,7 +114,7 @@
|
||||
</div>
|
||||
|
||||
<div class="empty" v-if="filteredFloorsList.length === 0">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_noSearch.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
|
||||
<span>未找到相关信息的房间</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -378,17 +378,17 @@ page {
|
||||
}
|
||||
|
||||
.tabItem1 {
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_tabBg1.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_tabBg1.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.tabItem2 {
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_tabBg2.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_tabBg2.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.tabItem3 {
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_tabBg3.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_tabBg3.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@ -470,7 +470,7 @@ page {
|
||||
content: '';
|
||||
width: 52rpx;
|
||||
height: 22rpx;
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_active.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_active.png);
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
|
||||
@ -2,57 +2,57 @@
|
||||
<view class="container">
|
||||
<view class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
|
||||
<view class="searchBox_add">
|
||||
<img src="https://static.hshuishang.com/property-img-file/com_communityIcon.png" alt="" />
|
||||
<img src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityIcon.png" alt="" />
|
||||
我的房产
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<div class="myRealEstate">
|
||||
<div class="myRealEstates">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communityNav.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityNav.png" mode="aspectFill"></image>
|
||||
<div class="name">滏阳锦苑</div>
|
||||
<div class="Visitor">访客身份 点击立即入驻本社区</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="Announcement">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_Announcement.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_Announcement.png" mode="aspectFill"></image>
|
||||
<div class="line"></div>
|
||||
<div class="msg" @click="notice">
|
||||
<div>asdasdasd</div>
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_more.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_more.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="navList">
|
||||
<div class="navItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_NavIcon1.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_NavIcon1.png" mode="aspectFill"></image>
|
||||
物业服务
|
||||
</div>
|
||||
|
||||
<div class="navItem" @click="repair">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_NavIcon2.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_NavIcon2.png" mode="aspectFill"></image>
|
||||
在线报修
|
||||
</div>
|
||||
|
||||
<div class="navItem" @click="propertyPayment">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_NavIcon3.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_NavIcon3.png" mode="aspectFill"></image>
|
||||
物业缴费
|
||||
</div>
|
||||
|
||||
<div class="navItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_NavIcon4.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_NavIcon4.png" mode="aspectFill"></image>
|
||||
物业公积
|
||||
</div>
|
||||
|
||||
<div class="navItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_NavIcon5.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_NavIcon5.png" mode="aspectFill"></image>
|
||||
社区管家
|
||||
</div>
|
||||
|
||||
<div class="navItem" @click="mores">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_NavIconMore.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_NavIconMore.png" mode="aspectFill"></image>
|
||||
更多
|
||||
</div>
|
||||
</div>
|
||||
@ -78,7 +78,7 @@
|
||||
|
||||
<div class="nearbyList">
|
||||
<div class="emptys" v-if="false">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_nearbyList_empty.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyList_empty.png" mode="aspectFill"></image>
|
||||
周边暂无补贴公积金商家
|
||||
|
||||
<div class="emptysBtn">
|
||||
@ -88,21 +88,21 @@
|
||||
|
||||
<div class="nearbyList_left">
|
||||
<div class="nearbyList_leftItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_nearbyImg1.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyImg1.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
<div class="nearbyList_leftItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_nearbyImg1.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyImg1.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nearbyList_right">
|
||||
<div class="nearbyList_rightItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_nearbyImg2.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyImg2.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
<div class="nearbyList_rightItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_nearbyImg2.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyImg2.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
<div class="nearbyList_rightItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_nearbyImg2.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyImg2.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -124,7 +124,7 @@
|
||||
|
||||
<div v-if="active == 0" class="act1">
|
||||
<div class="empty" >
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_empty.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_empty.png" mode="aspectFill"></image>
|
||||
暂无信息
|
||||
|
||||
<div class="emptyAdd">发布社区互动信息</div>
|
||||
@ -133,20 +133,20 @@
|
||||
<div class="MsgList_left" v-if="false">
|
||||
<div class="MsgList_leftItem">
|
||||
<div class="MsgList_leftItemImg">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png" mode="widthFix"></image>
|
||||
</div>
|
||||
<div class="MsgList_leftItemName">我家的小猫丢了,谁看见了请联系我~</div>
|
||||
<div class="MsgList_leftItemMsg">
|
||||
<div class="MsgList_leftItemMsg_like">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_likeIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png" mode="aspectFill"></image>
|
||||
134
|
||||
</div>
|
||||
<div class="MsgList_leftItemMsg_like">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_comIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_comIcon.png" mode="aspectFill"></image>
|
||||
134
|
||||
</div>
|
||||
<div class="MsgList_leftItemMsg_like">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_shareIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_shareIcon.png" mode="aspectFill"></image>
|
||||
134
|
||||
</div>
|
||||
</div>
|
||||
@ -156,7 +156,7 @@
|
||||
<div class="MsgList_right" v-if="false">
|
||||
<div class="MsgList_rightItem">
|
||||
<div class="MsgList_rightItemImg">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_MsgImg2.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg2.png" mode="widthFix"></image>
|
||||
</div>
|
||||
|
||||
<div class="MsgList_rightItemName">
|
||||
@ -165,15 +165,15 @@
|
||||
|
||||
<div class="MsgList_leftItemMsg">
|
||||
<div class="MsgList_leftItemMsg_like">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_likeIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png" mode="aspectFill"></image>
|
||||
134
|
||||
</div>
|
||||
<div class="MsgList_leftItemMsg_like">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_comIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_comIcon.png" mode="aspectFill"></image>
|
||||
134
|
||||
</div>
|
||||
<div class="MsgList_leftItemMsg_like">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_shareIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_shareIcon.png" mode="aspectFill"></image>
|
||||
134
|
||||
</div>
|
||||
</div>
|
||||
@ -187,15 +187,15 @@
|
||||
|
||||
<div class="MsgList_leftItemMsg">
|
||||
<div class="MsgList_leftItemMsg_like">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_likeIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png" mode="aspectFill"></image>
|
||||
134
|
||||
</div>
|
||||
<div class="MsgList_leftItemMsg_like">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_comIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_comIcon.png" mode="aspectFill"></image>
|
||||
134
|
||||
</div>
|
||||
<div class="MsgList_leftItemMsg_like">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_shareIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_shareIcon.png" mode="aspectFill"></image>
|
||||
134
|
||||
</div>
|
||||
</div>
|
||||
@ -206,7 +206,7 @@
|
||||
<div v-if="active == 1" class="act2">
|
||||
|
||||
<div class="empty" >
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_empty.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_empty.png" mode="aspectFill"></image>
|
||||
暂无信息
|
||||
|
||||
<div class="emptyAdd">发布社区互动信息</div>
|
||||
@ -214,7 +214,7 @@
|
||||
|
||||
<div class="act2Item" v-for="itme in 3">
|
||||
<div class="act2Item_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_act2Img.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_act2Img.png" mode="widthFix"></image>
|
||||
</div>
|
||||
<div class="act2Item_right">
|
||||
<div class="act2Item_right_Name">约1.7~2.3斤/份 【软糯甜香】新鲜水果 玉米</div>
|
||||
@ -224,7 +224,7 @@
|
||||
|
||||
<div class="act2Item_right_Btn">
|
||||
<div class="act2Item_right_Btn_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_act2Ms.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_act2Ms.png" mode="widthFix"></image>
|
||||
¥
|
||||
<span>5.58</span>
|
||||
</div>
|
||||
@ -242,7 +242,7 @@
|
||||
<div v-if="active == 2" class="act2">
|
||||
|
||||
<div class="empty" >
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_empty.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_empty.png" mode="aspectFill"></image>
|
||||
暂无信息
|
||||
|
||||
<div class="emptyAdd">发布社区互动信息</div>
|
||||
@ -250,7 +250,7 @@
|
||||
|
||||
<div class="act2Item" v-for="itme in 3">
|
||||
<div class="act2Item_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_act2Img.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_act2Img.png" mode="widthFix"></image>
|
||||
</div>
|
||||
<div class="act2Item_right">
|
||||
<div class="act2Item_right_Name">约1.7~2.3斤/份 【软糯甜香】新鲜水果 玉米</div>
|
||||
@ -278,7 +278,7 @@
|
||||
<div v-if="active == 3" class="act4">
|
||||
<div class="act4Item" v-for="itme in 4">
|
||||
<div class="act4Img">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_act2Img.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_act2Img.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
<div class="act4Name">
|
||||
舒克小苏打牙膏(洁白细护)120G
|
||||
|
||||
@ -21,22 +21,22 @@
|
||||
{
|
||||
"id": 1,
|
||||
"title": "物业介绍",
|
||||
"pic": "https://static.hshuishang.com/Group_3677.png"
|
||||
"pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Group_3677.png"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"title": "物业缴费",
|
||||
"pic": "https://static.hshuishang.com/Group_3680.png"
|
||||
"pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Group_3680.png"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"title": "物业费",
|
||||
"pic": "https://static.hshuishang.com/Group_3679.png"
|
||||
"pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Group_3679.png"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"title": "报事报修",
|
||||
"pic": "https://static.hshuishang.com/Group_3678.png"
|
||||
"pic": "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Group_3678.png"
|
||||
}
|
||||
],
|
||||
"defaultNoticeList": [
|
||||
|
||||
@ -234,7 +234,7 @@ image {
|
||||
|
||||
.active2::after {
|
||||
content: '';
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_active.png) no-repeat;
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 52rpx;
|
||||
height: 22rpx;
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<!-- <view class="empty" v-if="communityList.length == 0">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_newEmpty.png" alt="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_newEmpty.png" alt="" />
|
||||
<text>当前账户未绑定任何项目房源信息</text>
|
||||
<button class="emptyBtn" @click="addCommunity">新增房产绑定</button>
|
||||
</view> -->
|
||||
@ -17,7 +17,7 @@
|
||||
|
||||
<view class="swiperBox_no1">
|
||||
<swiper @animationfinish="swipers" autoplay circular>
|
||||
<image src="https://static.hshuishang.com/community_no_image1.png" mode="aspectFill"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image1.png" mode="aspectFill"
|
||||
class="swiperBox_no_img" @click="addCommunity" />
|
||||
</swiper>
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
|
||||
<view class="swiperBox_no2">
|
||||
<swiper @animationfinish="swipers" autoplay circular>
|
||||
<image src="https://static.hshuishang.com/community_no_image2.png" mode="aspectFill"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image2.png" mode="aspectFill"
|
||||
class="swiperBox_no_img" @click="addCommunity" />
|
||||
</swiper>
|
||||
</view>
|
||||
@ -73,7 +73,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="swiperBox1" v-if="bannerList.length > 0">
|
||||
<view class="swiperBox1">
|
||||
<swiper @animationfinish="swipers" autoplay circular>
|
||||
<swiper-item v-for="(item, index) in bannerList" :key="index" @click="headerServerClick(item)">
|
||||
<image :src="item.ad_picture" mode="aspectFill" />
|
||||
@ -87,20 +87,7 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="swiperBox_no1" v-else>
|
||||
<swiper @animationfinish="swipers" autoplay circular>
|
||||
<image src="https://static.hshuishang.com/community_no_image1.png" mode="aspectFill"
|
||||
class="swiperBox_no_img" />
|
||||
</swiper>
|
||||
|
||||
<view class="dot">
|
||||
<view :class="['dotItem', currentIdx == index ? 'active' : '']" v-for="(item, index) in bannerList"
|
||||
:key="index">
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="swiperBox2" v-if="streamerList.length > 0">
|
||||
<view class="swiperBox2">
|
||||
<swiper @animationfinish="swipers" autoplay circular>
|
||||
<swiper-item v-for="(item, index) in streamerList" :key="index" @click="headerServerClick(item)">
|
||||
<image :src="item.ad_picture" mode="aspectFill" class="swiperBox2_img" />
|
||||
@ -108,13 +95,6 @@
|
||||
</swiper>
|
||||
</view>
|
||||
|
||||
<view class="swiperBox_no2" v-else>
|
||||
<swiper @animationfinish="swipers" autoplay circular>
|
||||
<image src="https://static.hshuishang.com/community_no_image2.png" mode="aspectFill"
|
||||
class="swiperBox_no_img" />
|
||||
</swiper>
|
||||
</view>
|
||||
|
||||
<view class="funcList">
|
||||
<u-grid :col="rowNum" :border="false">
|
||||
<u-grid-item v-for="(item, index) in functionList" @click="jump(item.mini_program_url)" :key="index">
|
||||
@ -179,7 +159,7 @@
|
||||
</swiper>
|
||||
</view>
|
||||
<view class="close" @click="closeAds">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_close.png">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_close.png">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
@ -238,43 +218,43 @@ export default {
|
||||
functionList: [],
|
||||
noValFunctionList: [
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction1.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction1.png',
|
||||
nav_name: "物业介绍",
|
||||
},
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction2.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction2.png',
|
||||
nav_name: "物业缴费",
|
||||
},
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction3.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction3.png',
|
||||
nav_name: "物业费",
|
||||
},
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction1.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction1.png',
|
||||
nav_name: "物业报修",
|
||||
},
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction4.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction4.png',
|
||||
nav_name: "便民电话",
|
||||
},
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction5.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction5.png',
|
||||
nav_name: "人脸门禁",
|
||||
},
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction6.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction6.png',
|
||||
nav_name: "手机开门",
|
||||
},
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction7.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction7.png',
|
||||
nav_name: "物业活动",
|
||||
},
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction8.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction8.png',
|
||||
nav_name: "访客邀请",
|
||||
},
|
||||
{
|
||||
nav_icon: 'https://static.hshuishang.com/noValFunction10.png',
|
||||
nav_icon: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction10.png',
|
||||
nav_name: "场地预约",
|
||||
},
|
||||
],
|
||||
@ -337,7 +317,7 @@ export default {
|
||||
is_published: 1,
|
||||
jump_target: 1,
|
||||
mini_program_url: "/packages/community/repairList/index",
|
||||
nav_icon: "https://static.hshuishang.com/noValFunction1.png",
|
||||
nav_icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction1.png",
|
||||
nav_name: "报事报修",
|
||||
other_appid: "",
|
||||
other_path: "",
|
||||
@ -351,7 +331,7 @@ export default {
|
||||
is_published: 1,
|
||||
jump_target: 1,
|
||||
mini_program_url: "/packages/community/propertyPayment/index",
|
||||
nav_icon: "https://static.hshuishang.com/noValFunction2.png",
|
||||
nav_icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction2.png",
|
||||
nav_name: "物业缴费",
|
||||
other_appid: "",
|
||||
other_path: "",
|
||||
@ -365,7 +345,7 @@ export default {
|
||||
is_published: 1,
|
||||
jump_target: 1,
|
||||
mini_program_url: "/packages/community/providentFund/index",
|
||||
nav_icon: "https://static.hshuishang.com/noValFunction3.png",
|
||||
nav_icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/noValFunction3.png",
|
||||
nav_name: "物业费",
|
||||
other_appid: "",
|
||||
other_path: "",
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="community-list-container">
|
||||
<view class="top">
|
||||
<image src="https://static.hshuishang.com/communityTopImg.png" mode=""></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/communityTopImg.png" mode=""></image>
|
||||
</view>
|
||||
<view class="community-list">
|
||||
<view class="community-item-box" v-for="(item, index) in communityList" :key="index">
|
||||
@ -30,7 +30,7 @@
|
||||
</view>
|
||||
<view class="community-address">
|
||||
<image id="local"
|
||||
src="https://static.hshuishang.com/property-img-file/local_localIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
<view class="community-address-text">{{ item.addr }}</view>
|
||||
</view>
|
||||
@ -62,7 +62,7 @@ export default {
|
||||
hasMoreData: true,
|
||||
isLoading: false,
|
||||
tencentMapKey: '55NBZ-MUQYW-EAJRL-YIWPA-ZXCR6-4NBPP', // 腾讯地图API Key
|
||||
defaultCommunityImage: 'https://static.hshuishang.com/community_no_image3.png' // 默认小区图片
|
||||
defaultCommunityImage: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image3.png' // 默认小区图片
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<view class="empty" v-if="communityList.length == 0">
|
||||
<view class="emptyTitle">绑定房源</view>
|
||||
<view class="emptyMsg">请绑定房源信息 以便使用其他功能</view>
|
||||
<image src="https://static.hshuishang.com/community_no_image3.png" alt="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/community_no_image3.png" alt="" />
|
||||
</view>
|
||||
|
||||
<view class="communityList">
|
||||
@ -30,9 +30,9 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="communityItem_right">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_check1.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check1.png"
|
||||
v-if="item.community_id != currentCommunity.id"></image>
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_check2.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_check2.png"
|
||||
v-if="item.community_id == currentCommunity.id"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
</view>
|
||||
|
||||
<view class="add" @click="addCar">
|
||||
<image src="https://static.hshuishang.com/ConvenServer/addCar.png" mode="widthFix"/>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/ConvenServer/addCar.png" mode="widthFix"/>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -307,7 +307,7 @@ page {
|
||||
content: '';
|
||||
width: 52rpx;
|
||||
height: 22rpx;
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_active.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_active.png);
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<div class="myRealEstate">
|
||||
<div class="myRealEstates">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communityNav.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityNav.png" mode="aspectFill"></image>
|
||||
<div class="name">滏阳锦苑</div>
|
||||
<div class="Visitor">访客身份 点击立即入驻本社区</div>
|
||||
</div>
|
||||
@ -25,7 +25,7 @@
|
||||
<div class="ConList">
|
||||
<div class="ConItem" v-for="item in 3" @click="desc">
|
||||
<div class="ConItem_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_act2Img.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_act2Img.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
<div class="ConItem_right">
|
||||
<div class="ConItem_right_tit">关于小区停车场治理通告</div>
|
||||
|
||||
@ -128,7 +128,7 @@ page {
|
||||
bottom: -2rpx;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_activeIcon.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_activeIcon.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
|
||||
@ -65,7 +65,7 @@
|
||||
<u-upload :fileList="imgList" name="imgList" @afterRead="afterReadImg" @delete="deletePic" multiple
|
||||
:maxCount="5">
|
||||
<view class="imgCon">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_imageImg.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png" mode="widthFix"></image>
|
||||
上传图片
|
||||
</view>
|
||||
</u-upload>
|
||||
@ -78,7 +78,7 @@
|
||||
<u-upload v-if="!videoList.url" :fileList="videoList" @afterRead="afterReadVideo" @delete="deleteVideo" name="videoList"
|
||||
:maxCount="1" accept="video">
|
||||
<view class="imgCon">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_videoImg.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_videoImg.png" mode="widthFix"></image>
|
||||
上传视频
|
||||
</view>
|
||||
</u-upload>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<view class="searchIpt">
|
||||
<input type="text" placeholder="社区名称/业主姓名/业主手机" placeholder-style="color: #999999;font-size: 24rpx;"
|
||||
:value="search" @input="search" />
|
||||
<image class="sear_icon" src="https://static.hshuishang.com/water_filter/dervice/deriveSearch.png"
|
||||
<image class="sear_icon" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/dervice/deriveSearch.png"
|
||||
mode="" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -131,7 +131,7 @@ image {
|
||||
position: absolute;
|
||||
right: 8rpx;
|
||||
top: 23rpx;
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_jfImg.png) no-repeat;
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_jfImg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
|
||||
<view class="community">
|
||||
<view class="community_left">
|
||||
<image mode="aspectFill" src="https://static.hshuishang.com/property-img-file/test.png"
|
||||
<image mode="aspectFill" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/test.png"
|
||||
alt="" />
|
||||
</view>
|
||||
<view class="community_right" @click="changeShow">
|
||||
@ -102,7 +102,7 @@
|
||||
<view class="PayTypeItem_left">
|
||||
<view class="PayTypeItem_img">
|
||||
<image mode="aspectFill"
|
||||
src="https://static.hshuishang.com/property-img-file/com_wechat.png" alt="" />
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png" alt="" />
|
||||
</view>
|
||||
<view class="PayTypeItem_con">
|
||||
<view class="PayTypeItem_con_tit">微信支付</view>
|
||||
@ -119,7 +119,7 @@
|
||||
<view class="PayTypeItem_left">
|
||||
<view class="PayTypeItem_img">
|
||||
<image mode="aspectFill"
|
||||
src="https://static.hshuishang.com/property-img-file/com_homeMoney.png" alt="" />
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png" alt="" />
|
||||
</view>
|
||||
<view class="PayTypeItem_con">
|
||||
<view class="PayTypeItem_con_tit">物业费支付</view>
|
||||
@ -228,7 +228,7 @@
|
||||
<view class="banlenceItem">
|
||||
<view class="banlenceItem_left">
|
||||
<image mode="aspectFill"
|
||||
src="https://static.hshuishang.com/property-img-file/com_wechat.png" alt="" />
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_wechat.png" alt="" />
|
||||
微信支付
|
||||
</view>
|
||||
<view class="banlenceItem_right">
|
||||
@ -239,7 +239,7 @@
|
||||
<view class="banlenceItem">
|
||||
<view class="banlenceItem_left">
|
||||
<image mode="aspectFill"
|
||||
src="https://static.hshuishang.com/property-img-file/com_homeMoney.png" alt="" />
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_homeMoney.png" alt="" />
|
||||
物业费支付
|
||||
</view>
|
||||
<view class="banlenceItem_right">
|
||||
|
||||
@ -3,7 +3,7 @@ page {
|
||||
}
|
||||
.container {
|
||||
.container_body {
|
||||
background: url("https://static.hshuishang.com/property-img-file/community_providentFund_Group_1523.png") no-repeat;
|
||||
background: url("https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Group_1523.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.title {
|
||||
|
||||
@ -90,13 +90,13 @@
|
||||
<image
|
||||
v-if="item.checked"
|
||||
class="pic"
|
||||
src="https://static.hshuishang.com/property-img-file/community_providentFund_Group_1444.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Group_1444.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
<image
|
||||
v-else
|
||||
class="pic"
|
||||
src="https://static.hshuishang.com/property-img-file/community_providentFund_Ellipse_160.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Ellipse_160.png"
|
||||
mode="scaleToFill"
|
||||
/>
|
||||
</view>
|
||||
|
||||
@ -61,7 +61,7 @@
|
||||
content: '';
|
||||
width: 52rpx;
|
||||
height: 22rpx;
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_active.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_active.png);
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
|
||||
@ -71,7 +71,7 @@
|
||||
</view>
|
||||
|
||||
<view v-if="list.length == 0" class="empty">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_nearbyList_empty.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyList_empty.png"
|
||||
mode="aspectFill"></image>
|
||||
暂无数据
|
||||
</view>
|
||||
@ -188,11 +188,6 @@ export default {
|
||||
},
|
||||
},
|
||||
|
||||
onShow() {
|
||||
this.init();
|
||||
this.getTabsList();
|
||||
},
|
||||
|
||||
onLoad(options) {
|
||||
const meun = menuButtonInfo();
|
||||
this.top = meun.top;
|
||||
|
||||
@ -88,17 +88,17 @@
|
||||
}
|
||||
|
||||
.tabItem1 {
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_tabBg1.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_tabBg1.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.tabItem2 {
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_tabBg2.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_tabBg2.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.tabItem3 {
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_tabBg3.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_tabBg3.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
||||
@ -75,128 +75,128 @@ export default {
|
||||
return {
|
||||
functionList: [
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon1.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon1.png",
|
||||
name: "业主入驻",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon2.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon2.png",
|
||||
name: "我的房产",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon3.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon3.png",
|
||||
name: "生活缴费",
|
||||
url: "weixin://dl/business/?t=WvQ1ZJv0J5Z"
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon4.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon4.png",
|
||||
name: "便民服务",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon5.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon5.png",
|
||||
name: "物业费",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon6.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon6.png",
|
||||
name: "社区互动",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon7.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon7.png",
|
||||
name: "物业费",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon8.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon8.png",
|
||||
name: "物业服务",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon9.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon9.png",
|
||||
name: "报事报修",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon10.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon10.png",
|
||||
name: "物业缴费",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon11.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon11.png",
|
||||
name: "纠纷调解",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_serverIcon12.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_serverIcon12.png",
|
||||
name: "社区管家",
|
||||
url: ""
|
||||
},
|
||||
],
|
||||
localList: [
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_localIcon1.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_localIcon1.png",
|
||||
name: "美食",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_localIcon2.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_localIcon2.png",
|
||||
name: "家教",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_localIcon3.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_localIcon3.png",
|
||||
name: "超市",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_localIcon4.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_localIcon4.png",
|
||||
name: "健身",
|
||||
url: ""
|
||||
},
|
||||
],
|
||||
shopList: [
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_shopIcon1.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_shopIcon1.png",
|
||||
name: "电商购物",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_shopIcon2.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_shopIcon2.png",
|
||||
name: "社区团购",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_shopIcon3.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_shopIcon3.png",
|
||||
name: "本地优选",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_shopIcon4.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_shopIcon4.png",
|
||||
name: "社区拼团",
|
||||
url: ""
|
||||
},
|
||||
],
|
||||
cardList: [
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_cardIcon1.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_cardIcon1.png",
|
||||
name: "我的积分",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_cardIcon2.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_cardIcon2.png",
|
||||
name: "积分兑换",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_cardIcon3.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_cardIcon3.png",
|
||||
name: "我的优惠卡",
|
||||
url: ""
|
||||
},
|
||||
{
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_cardIcon4.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_cardIcon4.png",
|
||||
name: "我的会员卡",
|
||||
url: ""
|
||||
},
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<view class="swiper">
|
||||
<swiper>
|
||||
<swiper-item>
|
||||
<image src="https://static.hshuishang.com/doorToDoor/door_img.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_img.png" mode="" />
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</view>
|
||||
@ -29,25 +29,25 @@
|
||||
<view class="serviceTagItem" @click="jump">
|
||||
<view class="serviceTagItem_name">家政保洁</view>
|
||||
<view class="serviceTagItem_img1">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/hot1.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/hot1.png" mode="widthFix" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="serviceTagItem item2" @click="jump">
|
||||
<view class="serviceTagItem_name">专业保姆</view>
|
||||
<view class="serviceTagItem_img2">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/hot2.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/hot2.png" mode="widthFix" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="serviceTagItem item3" @click="jump">
|
||||
<view class="serviceTagItem_name">家电维修</view>
|
||||
<view class="serviceTagItem_img3">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/hot3.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/hot3.png" mode="widthFix" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="serviceTagItem item4" @click="jump">
|
||||
<view class="serviceTagItem_name">搬家拉货</view>
|
||||
<view class="serviceTagItem_img4">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/hot4.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/hot4.png" mode="widthFix" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -65,7 +65,7 @@
|
||||
<view class="item_tit_left">{{item.cate_name}}</view>
|
||||
<view class="item_tit_right" @click="jump(item.cate_id)">
|
||||
更多
|
||||
<image src="https://static.hshuishang.com/water_filter/filter_more.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/filter_more.png" mode="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="item_goodsList">
|
||||
@ -123,55 +123,55 @@
|
||||
return {
|
||||
tabList:[{
|
||||
name:"服务中心",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon1.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon1.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
},
|
||||
{
|
||||
name:"家政保洁",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon2.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon2.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
},
|
||||
{
|
||||
name:"衣物洗护",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon3.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon3.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
|
||||
},
|
||||
{
|
||||
name:"家电维修",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon4.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon4.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
|
||||
},
|
||||
{
|
||||
name:"跑腿服务",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon5.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon5.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
},
|
||||
{
|
||||
name:"养车用车",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon6.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon6.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
},
|
||||
{
|
||||
name:"保姆月嫂",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon7.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon7.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
},
|
||||
{
|
||||
name:"家电清洗",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon8.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon8.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
|
||||
},
|
||||
{
|
||||
name:"搬家拉货",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon9.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon9.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
},
|
||||
{
|
||||
name:"家装维修",
|
||||
img:'https://static.hshuishang.com/doorToDoor/door_icon10.png',
|
||||
img:'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/door_icon10.png',
|
||||
url:"../ServiceMore/ServiceMore",
|
||||
},
|
||||
],
|
||||
|
||||
@ -4,29 +4,29 @@
|
||||
<view class="tit">请填写预约信息</view>
|
||||
<view class="row none" v-if="isreal == 1">
|
||||
<view class="row_tit">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/reser_icon1.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/reser_icon1.png" mode="" />
|
||||
请选择上门时间
|
||||
</view>
|
||||
|
||||
<view class="row_con" @click="changeShow">
|
||||
{{time}}
|
||||
<image src="https://static.hshuishang.com/water_filter/filter_more.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/filter_more.png" mode="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="row none" v-if="isreal == 2">
|
||||
<view class="row_tit">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/reser_icon2.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/reser_icon2.png" mode="" />
|
||||
请选择服务时间
|
||||
</view>
|
||||
<view class="row_con" @click="changeShow2">
|
||||
{{serTime}}
|
||||
<image src="https://static.hshuishang.com/water_filter/filter_more.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/filter_more.png" mode="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="gray"></view>
|
||||
<view class="row">
|
||||
<view class="row_tit">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/reser_icon3.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/reser_icon3.png" mode="" />
|
||||
联系人姓名
|
||||
</view>
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="row_tit">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/reser_icon4.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/reser_icon4.png" mode="" />
|
||||
联系人电话
|
||||
</view>
|
||||
|
||||
@ -62,18 +62,18 @@
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="row_tit">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/reser_icon5.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/reser_icon5.png" mode="" />
|
||||
请选择服务地址
|
||||
</view>
|
||||
<view class="row_con" @click="changeArea">
|
||||
|
||||
{{citys}}
|
||||
<image src="https://static.hshuishang.com/water_filter/filter_more.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/water_filter/filter_more.png" mode="" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="row none">
|
||||
<view class="row_tit">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/reser_icon5.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/reser_icon5.png" mode="" />
|
||||
详细地址
|
||||
</view>
|
||||
|
||||
@ -103,7 +103,7 @@
|
||||
<view class="gray"></view>
|
||||
<view class="row none">
|
||||
<view class="row_tit2">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/reser_icon6.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/reser_icon6.png" mode="" />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="给商家捎句话"
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
<view class="item_left_msg_tit">
|
||||
{{item.title}}
|
||||
<view class="phone" @click="call">
|
||||
<image src="https://static.hshuishang.com/doorToDoor/phone.png" mode="widthFix" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/doorToDoor/phone.png" mode="widthFix" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="item_left_msg_time">服务时间:{{item.biz_time}}</view>
|
||||
|
||||
@ -8,22 +8,22 @@
|
||||
<view class="msg">
|
||||
<view class="msg_left">
|
||||
<view class="msg_left_1">
|
||||
<image src="https://static.hshuishang.com/kitchen/kitchen_time.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/kitchen_time.png" mode="" />
|
||||
{{info.opening_time}}-{{info.closing_time}}
|
||||
<view>{{info.is_open === 1 ? '营业' :'停业'}}</view>
|
||||
</view>
|
||||
<view class="msg_left_2">
|
||||
<image src="https://static.hshuishang.com/kitchen/kitchen_add.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/kitchen_add.png" mode="" />
|
||||
{{info.addr}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="msg_right">
|
||||
<view class="msg_right1" @click="call">
|
||||
<image src="https://static.hshuishang.com/kitchen/kitchen_phone.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/kitchen_phone.png" mode="" />
|
||||
电话
|
||||
</view>
|
||||
<view class="msg_right2" @click="handleOptionClick">
|
||||
<image src="https://static.hshuishang.com/kitchen/kitchen_add.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kitchen/kitchen_add.png" mode="" />
|
||||
导航
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -1,279 +0,0 @@
|
||||
/* addMer/index.css */
|
||||
page {
|
||||
padding-bottom: 0rpx;
|
||||
}
|
||||
|
||||
.establish-acceptor-container {
|
||||
padding: 0 30rpx;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.acceptor-form {
|
||||
background-color: #fff;
|
||||
border-radius: 12rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin-bottom: 24rpx;
|
||||
padding-bottom: 12rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 32rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.form-label.required::after {
|
||||
content: '*';
|
||||
color: #e64340;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
padding: 0 24rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
border-color: #007aff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.form-input::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* 弹窗样式 */
|
||||
.popup {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
width: 80%;
|
||||
max-height: 70vh;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.popup-title {
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.popup-list {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
max-height: 50vh;
|
||||
}
|
||||
|
||||
.popup-item {
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.popup-item:active {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.popup-footer {
|
||||
padding: 20rpx;
|
||||
border-top: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.popup-cancel-btn {
|
||||
width: 100%;
|
||||
padding: 0 20rpx;
|
||||
background-color: #fff;
|
||||
border: 1rpx solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
font-size: 32rpx;
|
||||
background-color: #007aff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* 弹窗选择器样式 */
|
||||
.popup-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 24rpx;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
background-color: #fff;
|
||||
height: 88rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
/* 附件上传样式 */
|
||||
.attachment-section {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.attachment-item {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8rpx;
|
||||
padding: 24rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.upload-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border: none;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.upload-btn:active {
|
||||
background-color: #0051d5;
|
||||
}
|
||||
|
||||
.file-info {
|
||||
margin-top: 16rpx;
|
||||
padding: 16rpx;
|
||||
background-color: #e8f4ff;
|
||||
border-radius: 8rpx;
|
||||
font-size: 26rpx;
|
||||
color: #007aff;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.delete-btn {
|
||||
padding: 0rpx 20rpx;
|
||||
background-color: #e64340;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 10rpx;
|
||||
font-size: 24rpx;
|
||||
cursor: pointer;
|
||||
margin-right: 0rpx;
|
||||
}
|
||||
|
||||
.delete-btn:active {
|
||||
background-color: #c21f1c;
|
||||
}
|
||||
|
||||
.add-attachment-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #f0f0f0;
|
||||
color: #666;
|
||||
font-size: 28rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.add-attachment-btn:active {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
/* 提交按钮样式 */
|
||||
.submit-section {
|
||||
margin-top: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.submit-btn,
|
||||
.submit-btn1 {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 122, 255, 0.3);
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background-color: #007aff;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
|
||||
.submit-btn1 {
|
||||
background-color: #ff4016;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
|
||||
.submit-btn:active {
|
||||
background-color: #0051d5;
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
.submit-btn:disabled {
|
||||
background-color: #b8d5ff;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* 输入框错误状态 */
|
||||
.form-input.error {
|
||||
border-color: #e64340;
|
||||
}
|
||||
|
||||
/* 滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #c1c1c1;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #a8a8a8;
|
||||
}
|
||||
@ -1,749 +0,0 @@
|
||||
<template>
|
||||
<view class="establish-acceptor-container">
|
||||
<form class="acceptor-form" @submit.prevent="submitForm">
|
||||
<!-- 基本信息 -->
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户ID</label>
|
||||
<input type="number" class="form-input" v-model.number="formData.mch_id" placeholder="请输入商户ID"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户注册名称</label>
|
||||
<input type="text" class="form-input" v-model="formData.merRegName"
|
||||
placeholder="请输入商户注册名称,长度不小于4个汉字,8~40字符" required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户地区代码</label>
|
||||
<view class="popup-select" @click="showAreaPopup = true">
|
||||
<span>{{ selectedAreaLabel || '请选择商户地区代码' }}</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户详细地址</label>
|
||||
<input type="text" class="form-input" v-model="formData.merRegAddr"
|
||||
placeholder="请输入去除省、市、区后的详细地址,6-200字符" required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户MCC编号</label>
|
||||
<view class="popup-select" @click="showMccPopup = true">
|
||||
<span>{{ selectedMccLabel || '请选择商户MCC编号' }}</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">营业执照名称</label>
|
||||
<input type="text" class="form-input" v-model="formData.merBlisName"
|
||||
placeholder="请输入营业执照名称,小微商户可不传">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">营业执照号</label>
|
||||
<input type="text" class="form-input" v-model="formData.merBlis" placeholder="请输入营业执照号,小微商户可不传">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">营业执照开始日期</label>
|
||||
<input type="date" class="form-input" v-model="formData.merBlisStDt" placeholder="请选择营业执照开始日期">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">营业执照有效期</label>
|
||||
<input type="date" class="form-input" v-model="formData.merBlisExpDt" placeholder="请选择营业执照有效期">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户经营内容</label>
|
||||
<view class="popup-select" @click="showBusiContentPopup = true">
|
||||
<span>{{ selectedBusiContentLabel || '请选择商户经营内容' }}</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 法人信息 -->
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户法人姓名</label>
|
||||
<input type="text" class="form-input" v-model="formData.larName" placeholder="请输入商户法人姓名" required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">法人证件类型</label>
|
||||
<view class="popup-select" @click="showIdTypePopup = true">
|
||||
<span>{{ selectedIdTypeLabel || '请选择法人证件类型' }}</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">法人身份证号码</label>
|
||||
<input type="text" class="form-input" v-model="formData.larIdcard" placeholder="请输入法人身份证号码"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">法人身份证开始日期</label>
|
||||
<input type="date" class="form-input" v-model="formData.larIdcardStDt" placeholder="请选择法人身份证开始日期"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">法人身份证有效期</label>
|
||||
<input type="date" class="form-input" v-model="formData.larIdcardExpDt" placeholder="请选择法人身份证有效期"
|
||||
required>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 联系人信息 -->
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户联系人姓名</label>
|
||||
<input type="text" class="form-input" v-model="formData.merContactName" placeholder="请输入商户联系人姓名"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户联系人手机号码</label>
|
||||
<input type="number" class="form-input" v-model="formData.merContactMobile"
|
||||
placeholder="请输入商户联系人手机号码" required>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 结算账户信息 -->
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label required">结算账户开户行号</label>
|
||||
<input type="text" class="form-input" v-model="formData.openningBankCode" placeholder="请输入结算账户开户行号"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">结算账户开户行名称</label>
|
||||
<input type="text" class="form-input" v-model="formData.openningBankName" placeholder="请输入结算账户开户行名称"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">结算账户清算行号</label>
|
||||
<input type="text" class="form-input" v-model="formData.clearingBankCode" placeholder="请输入结算账户清算行号"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">结算账户账号</label>
|
||||
<input type="text" class="form-input" v-model="formData.acctNo" placeholder="请输入结算账户账号" required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">结算账户名称</label>
|
||||
<input type="text" class="form-input" v-model="formData.acctName" placeholder="请输入结算账户名称" required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">结算账户性质</label>
|
||||
<view class="popup-select" @click="showAcctTypePopup = true">
|
||||
<span>{{ selectedAcctTypeLabel || '请选择结算账户性质' }}</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 附件上传 -->
|
||||
<view class="form-section">
|
||||
<h3 class="section-title">附件上传(可选)</h3>
|
||||
<view class="attachment-section">
|
||||
<view class="attachment-item" v-for="(file, index) in formData.fileData" :key="index">
|
||||
<view class="form-item">
|
||||
<label class="form-label">附件类型</label>
|
||||
<view class="popup-select" @click="showFileAttachTypePopup = index">
|
||||
<span>{{ getAttachTypeLabel(file.attType) || '请选择附件类型' }}</span>
|
||||
</view>
|
||||
</view>
|
||||
<button class="upload-btn" @click="uploadFile(index)">上传文件</button>
|
||||
<view v-if="file.attFileId" class="file-info">
|
||||
<span>{{ file.attachName || '已上传文件' }}</span>
|
||||
<button class="delete-btn" @click="removeFile(index)">删除</button>
|
||||
</view>
|
||||
</view>
|
||||
<button class="add-attachment-btn" @click="addFile">添加附件</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 提交按钮 -->
|
||||
<view class="form-section submit-section">
|
||||
<button type="button" class="submit-btn1" @click="ecQuery">结果查询</button>
|
||||
<button type="submit" class="submit-btn" @click="submitForm">提交申请</button>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
<!-- 地区代码弹窗 -->
|
||||
<view class="popup" v-if="showAreaPopup">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择商户地区代码</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="area in areaOptions" :key="area.value" @click="selectArea(area)">
|
||||
{{ area.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showAreaPopup = false">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- MCC编号弹窗 -->
|
||||
<view class="popup" v-if="showMccPopup">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择商户MCC编号</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="mcc in mccOptions" :key="mcc.value" @click="selectMcc(mcc)">
|
||||
{{ mcc.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showMccPopup = false">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 经营内容弹窗 -->
|
||||
<view class="popup" v-if="showBusiContentPopup">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择商户经营内容</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="content in busiContentOptions" :key="content.value"
|
||||
@click="selectBusiContent(content)">
|
||||
{{ content.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showBusiContentPopup = false">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 法人证件类型弹窗 -->
|
||||
<view class="popup" v-if="showIdTypePopup">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择法人证件类型</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="type in idTypeOptions" :key="type.value"
|
||||
@click="selectIdType(type)">
|
||||
{{ type.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showIdTypePopup = false">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 结算账户性质弹窗 -->
|
||||
<view class="popup" v-if="showAcctTypePopup">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择结算账户性质</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="type in acctTypeOptions" :key="type.value"
|
||||
@click="selectAcctType(type)">
|
||||
{{ type.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showAcctTypePopup = false">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 文件附件类型弹窗 -->
|
||||
<view class="popup" v-if="showFileAttachTypePopup >= 0">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择附件类型</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="type in fileAttachTypeOptions" :key="type.value"
|
||||
@click="selectFileAttachType(showFileAttachTypePopup, type)">
|
||||
{{ type.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showFileAttachTypePopup = -1">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { picUrl, menuButtonInfo, request, NavgateTo, RequsetUrl } from "../../../utils";
|
||||
import { apiArr } from "../../../api/contract";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 表单数据
|
||||
formData: {
|
||||
mch_id: null, // 商户ID
|
||||
merRegName: '', // 商户注册名称
|
||||
merRegDistCode: '', // 商户地区代码
|
||||
merRegAddr: '', // 商户详细地址
|
||||
mccCode: '', // 商户MCC编号
|
||||
merBlisName: '', // 营业执照名称
|
||||
merBlis: '', // 营业执照号
|
||||
merBlisStDt: '', // 营业执照开始日期
|
||||
merBlisExpDt: '', // 营业执照有效期
|
||||
merBusiContent: '', // 商户经营内容
|
||||
larName: '', // 商户法人姓名
|
||||
larIdType: '', // 法人证件类型
|
||||
larIdcard: '', // 法人身份证号码
|
||||
larIdcardStDt: '', // 法人身份证开始日期
|
||||
larIdcardExpDt: '', // 法人身份证有效期
|
||||
merContactMobile: '', // 商户联系人手机号码
|
||||
merContactName: '', // 商户联系人姓名
|
||||
openningBankCode: '', // 结算账户开户行号
|
||||
openningBankName: '', // 结算账户开户行名称
|
||||
clearingBankCode: '', // 结算账户清算行号
|
||||
acctNo: '', // 结算账户账号
|
||||
acctName: '', // 结算账户名称
|
||||
acctTypeCode: '', // 结算账户性质
|
||||
feeData: [], // 费率数据(可选)
|
||||
fileData: [
|
||||
{
|
||||
attType: '',
|
||||
attFileId: '',
|
||||
attachName: ''
|
||||
}
|
||||
] // 文件数据(可选)
|
||||
},
|
||||
|
||||
// 弹窗控制
|
||||
showAreaPopup: false,
|
||||
showMccPopup: false,
|
||||
showBusiContentPopup: false,
|
||||
showIdTypePopup: false,
|
||||
showAcctTypePopup: false,
|
||||
showFileAttachTypePopup: -1,
|
||||
|
||||
// 选择项标签
|
||||
selectedAreaLabel: '',
|
||||
selectedMccLabel: '',
|
||||
selectedBusiContentLabel: '',
|
||||
selectedIdTypeLabel: '',
|
||||
selectedAcctTypeLabel: '',
|
||||
|
||||
// 选项数据(示例数据,实际应从API获取)
|
||||
areaOptions: [
|
||||
{ value: '110101', label: '北京市东城区' },
|
||||
{ value: '110102', label: '北京市西城区' },
|
||||
{ value: '310101', label: '上海市黄浦区' },
|
||||
{ value: '310102', label: '上海市黄浦区' }
|
||||
],
|
||||
|
||||
mccOptions: [
|
||||
{ value: '5411', label: '大型超市' },
|
||||
{ value: '5999', label: '其他零售商户' },
|
||||
{ value: '7011', label: '住宿服务' },
|
||||
{ value: '7221', label: '美容美发服务' }
|
||||
],
|
||||
|
||||
busiContentOptions: [
|
||||
{ value: 'GROCERY', label: '食品饮料' },
|
||||
{ value: 'CLOTHING', label: '服装鞋帽' },
|
||||
{ value: 'SERVICE', label: '生活服务' },
|
||||
{ value: 'ENTERTAINMENT', label: '娱乐休闲' }
|
||||
],
|
||||
|
||||
idTypeOptions: [
|
||||
{ value: 'IDCARD', label: '身份证' },
|
||||
{ value: 'PASSPORT', label: '护照' },
|
||||
{ value: 'MILITARY_ID', label: '军人证' },
|
||||
{ value: 'OTHER', label: '其他' }
|
||||
],
|
||||
|
||||
acctTypeOptions: [
|
||||
{ value: '57', label: '对公' },
|
||||
{ value: '58', label: '对私' }
|
||||
],
|
||||
|
||||
fileAttachTypeOptions: [
|
||||
{ value: 'FR_ID_CARD_FRONT', label: '法人身份证正面' },
|
||||
{ value: 'FR_ID_CARD_BEHIND', label: '法人身份证反面' },
|
||||
{ value: 'ID_CARD_FRONT', label: '结算人身份证正面' },
|
||||
{ value: 'ID_CARD_BEHIND', label: '结算人身份证反面' },
|
||||
{ value: 'BANK_CARD', label: '银行卡' },
|
||||
{ value: 'BUSINESS_LICENCE', label: '营业执照' },
|
||||
{ value: 'MERCHANT_PHOTO', label: '商户门头照' },
|
||||
{ value: 'SHOPINNER', label: '商铺内部照片' },
|
||||
{ value: 'XY', label: '线下纸质协议' },
|
||||
{ value: 'NETWORK_XY', label: '电子协议' },
|
||||
{ value: 'HT', label: '租赁合同' },
|
||||
{ value: 'COOPERATION_QUALIFICATION_PROOF', label: '合作资质证明' },
|
||||
{ value: 'FOOD_QUALIFICATION_PROOF', label: '食品经营相关资质' },
|
||||
{ value: 'NO_LEGAL_PERSON_SETT_AUTH_LETTER', label: '非法人结算授权书' },
|
||||
{ value: 'SPLIT_ENTRUST_FILE', label: '结算授权委托书' },
|
||||
{ value: 'RENTAL_AGREEMENT', label: '集市方与场地方间的租赁协议' },
|
||||
{ value: 'SPLIT_COOPERATION_FILE', label: '集市方与摊主间的合作协议' },
|
||||
{ value: 'OTHERS', label: '其他' }
|
||||
]
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 添加附件
|
||||
addFile() {
|
||||
this.formData.fileData.push({
|
||||
attType: '',
|
||||
attFileId: '',
|
||||
attachName: ''
|
||||
});
|
||||
},
|
||||
|
||||
// 选择商户地区代码
|
||||
selectArea(area) {
|
||||
this.formData.merRegDistCode = area.value;
|
||||
this.selectedAreaLabel = area.label;
|
||||
this.showAreaPopup = false;
|
||||
},
|
||||
|
||||
// 选择商户MCC编号
|
||||
selectMcc(mcc) {
|
||||
this.formData.mccCode = mcc.value;
|
||||
this.selectedMccLabel = mcc.label;
|
||||
this.showMccPopup = false;
|
||||
},
|
||||
|
||||
// 选择商户经营内容
|
||||
selectBusiContent(content) {
|
||||
this.formData.merBusiContent = content.value;
|
||||
this.selectedBusiContentLabel = content.label;
|
||||
this.showBusiContentPopup = false;
|
||||
},
|
||||
|
||||
// 选择法人证件类型
|
||||
selectIdType(type) {
|
||||
this.formData.larIdType = type.value;
|
||||
this.selectedIdTypeLabel = type.label;
|
||||
this.showIdTypePopup = false;
|
||||
},
|
||||
|
||||
// 选择结算账户性质
|
||||
selectAcctType(type) {
|
||||
this.formData.acctTypeCode = type.value;
|
||||
this.selectedAcctTypeLabel = type.label;
|
||||
this.showAcctTypePopup = false;
|
||||
},
|
||||
|
||||
// 选择文件附件类型
|
||||
selectFileAttachType(index, type) {
|
||||
this.formData.fileData[index].attType = type.value;
|
||||
this.showFileAttachTypePopup = -1;
|
||||
},
|
||||
|
||||
// 获取附件类型标签
|
||||
getAttachTypeLabel(typeValue) {
|
||||
if (!typeValue) return '';
|
||||
const option = this.fileAttachTypeOptions.find(type => type.value === typeValue);
|
||||
return option ? option.label : '';
|
||||
},
|
||||
|
||||
// 删除附件
|
||||
removeFile(index) {
|
||||
this.formData.fileData.splice(index, 1);
|
||||
},
|
||||
|
||||
// 上传文件
|
||||
uploadFile(index) {
|
||||
const fileData = this.formData.fileData[index];
|
||||
|
||||
// 检查是否选择了附件类型
|
||||
if (!fileData.attType) {
|
||||
uni.showToast({
|
||||
title: '请先选择附件类型',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 调用 uni.chooseMessageFile API 选择文件
|
||||
uni.chooseMessageFile({
|
||||
count: 1,
|
||||
type: 'file',
|
||||
extension: ['pdf', 'doc', 'docx', 'jpg', 'jpeg', 'png'], // 支持的文件类型
|
||||
success: (res) => {
|
||||
const tempFile = res.tempFiles[0];
|
||||
console.log("选择的文件:", tempFile);
|
||||
|
||||
// 设置文件名
|
||||
fileData.attachName = tempFile.name;
|
||||
|
||||
// 显示上传中提示
|
||||
uni.showLoading({
|
||||
title: '上传中',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 直接使用uni.uploadFile上传文件
|
||||
uni.uploadFile({
|
||||
url: RequsetUrl + apiArr.upload, // 完整的上传接口URL
|
||||
filePath: tempFile.path, // 文件路径
|
||||
name: 'file', // 文件对应的key,根据后端要求设置
|
||||
formData: {
|
||||
attType: fileData.attType // 附件类型
|
||||
},
|
||||
header: {
|
||||
Authorization: uni.getStorageSync("ctoken") // 添加认证信息
|
||||
},
|
||||
success: (uploadRes) => {
|
||||
// 解析响应数据
|
||||
const res = JSON.parse(uploadRes.data);
|
||||
|
||||
// 更新附件信息
|
||||
fileData.attFileId = res.data.respData.attFileId;
|
||||
|
||||
uni.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
});
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('文件上传失败:', error);
|
||||
uni.showToast({
|
||||
title: '上传失败',
|
||||
icon: 'none'
|
||||
});
|
||||
},
|
||||
complete: () => {
|
||||
uni.hideLoading(); // 隐藏加载提示
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('选择文件失败:', err);
|
||||
uni.showToast({
|
||||
title: '选择文件失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 表单验证
|
||||
validateForm() {
|
||||
const { formData } = this;
|
||||
|
||||
// 验证必需字段
|
||||
if (!formData.mch_id) {
|
||||
uni.showToast({ title: '请输入商户ID', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.merRegName) {
|
||||
uni.showToast({ title: '请输入商户注册名称', icon: 'none' });
|
||||
return false;
|
||||
} else if (formData.merRegName.length < 8 || formData.merRegName.length > 40) {
|
||||
uni.showToast({ title: '商户注册名称长度必须在8~40字符之间', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.merRegDistCode) {
|
||||
uni.showToast({ title: '请选择商户地区代码', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.merRegAddr) {
|
||||
uni.showToast({ title: '请输入商户详细地址', icon: 'none' });
|
||||
return false;
|
||||
} else if (formData.merRegAddr.length < 6 || formData.merRegAddr.length > 200) {
|
||||
uni.showToast({ title: '商户详细地址长度必须在6~200字符之间', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.mccCode) {
|
||||
uni.showToast({ title: '请选择商户MCC编号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.merBusiContent) {
|
||||
uni.showToast({ title: '请选择商户经营内容', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.larName) {
|
||||
uni.showToast({ title: '请输入商户法人姓名', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.larIdType) {
|
||||
uni.showToast({ title: '请选择法人证件类型', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.larIdcard) {
|
||||
uni.showToast({ title: '请输入法人身份证号码', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.larIdcardStDt) {
|
||||
uni.showToast({ title: '请选择法人身份证开始日期', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.larIdcardExpDt) {
|
||||
uni.showToast({ title: '请选择法人身份证有效期', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.merContactMobile) {
|
||||
uni.showToast({ title: '请输入商户联系人手机号码', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.merContactName) {
|
||||
uni.showToast({ title: '请输入商户联系人姓名', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.openningBankCode) {
|
||||
uni.showToast({ title: '请输入结算账户开户行号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.openningBankName) {
|
||||
uni.showToast({ title: '请输入结算账户开户行名称', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.clearingBankCode) {
|
||||
uni.showToast({ title: '请输入结算账户清算行号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctNo) {
|
||||
uni.showToast({ title: '请输入结算账户账号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctName) {
|
||||
uni.showToast({ title: '请输入结算账户名称', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctTypeCode) {
|
||||
uni.showToast({ title: '请选择结算账户性质', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
ecQuery() {
|
||||
const storeValue = uni.getStorageSync('storeValue');
|
||||
if (!storeValue || !storeValue.contractId) {
|
||||
uni.showToast({
|
||||
title: '请先提交申请',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
const params = {
|
||||
contractId: storeValue.contractId
|
||||
}
|
||||
request(apiArr.queryMerchant, "POST", params).then(res => {
|
||||
if (res.respData.contractStatus === 'REVIEW_ING') {
|
||||
uni.showToast({
|
||||
title: '审核通过',
|
||||
icon: 'success'
|
||||
});
|
||||
uni.setStorageSync('storeValue', { merInnerNo: res.respData.merInnerNo });
|
||||
uni.setStorageSync('storeValue', { merCupNo: res.respData.merCupNo });
|
||||
} else if (res.respData.contractStatus === 'WAIT_FOR_CONTACT') {
|
||||
uni.showToast({
|
||||
title: '审核驳回',
|
||||
icon: 'none'
|
||||
});
|
||||
} else if (res.respData.contractStatus === 'MANUAL_AUDIT') {
|
||||
uni.showToast({
|
||||
title: '审核中',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 表单提交逻辑
|
||||
submitForm() {
|
||||
// 验证表单
|
||||
if (!this.validateForm()) {
|
||||
return;
|
||||
}
|
||||
|
||||
uni.showLoading({
|
||||
title: '提交中...',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 准备请求参数
|
||||
const submitData = {
|
||||
mch_id: this.formData.mch_id,
|
||||
merRegName: this.formData.merRegName,
|
||||
merRegDistCode: this.formData.merRegDistCode,
|
||||
merRegAddr: this.formData.merRegAddr,
|
||||
mccCode: this.formData.mccCode,
|
||||
merBlisName: this.formData.merBlisName,
|
||||
merBlis: this.formData.merBlis,
|
||||
merBlisStDt: this.formData.merBlisStDt,
|
||||
merBlisExpDt: this.formData.merBlisExpDt,
|
||||
merBusiContent: this.formData.merBusiContent,
|
||||
larName: this.formData.larName,
|
||||
larIdType: this.formData.larIdType,
|
||||
larIdcard: this.formData.larIdcard,
|
||||
larIdcardStDt: this.formData.larIdcardStDt,
|
||||
larIdcardExpDt: this.formData.larIdcardExpDt,
|
||||
merContactMobile: this.formData.merContactMobile,
|
||||
merContactName: this.formData.merContactName,
|
||||
openningBankCode: this.formData.openningBankCode,
|
||||
openningBankName: this.formData.openningBankName,
|
||||
clearingBankCode: this.formData.clearingBankCode,
|
||||
acctNo: this.formData.acctNo,
|
||||
acctName: this.formData.acctName,
|
||||
acctTypeCode: this.formData.acctTypeCode,
|
||||
feeData: [],
|
||||
fileData: []
|
||||
};
|
||||
|
||||
// 只添加有attFileId的文件到fileData
|
||||
const validFiles = this.formData.fileData.filter(file => file.attFileId);
|
||||
if (validFiles.length > 0) {
|
||||
submitData.fileData = validFiles.map(file => ({
|
||||
attType: file.attType,
|
||||
attFileId: file.attFileId,
|
||||
attachName: file.attachName
|
||||
}));
|
||||
}
|
||||
|
||||
console.log('提交的数据:', submitData);
|
||||
|
||||
// 调用addMer接口提交数据
|
||||
request(apiArr.addMer, "POST", submitData).then(res => {
|
||||
uni.hideLoading();
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
});
|
||||
uni.setStorageSync('storeValue', { contractId: res.respData.contractId });
|
||||
}).catch(error => {
|
||||
uni.hideLoading();
|
||||
console.error('提交失败:', error);
|
||||
uni.showToast({
|
||||
title: '提交失败',
|
||||
icon: 'none'
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import url("./index.css");
|
||||
</style>
|
||||
@ -1,283 +0,0 @@
|
||||
/* 分账接收方创建页面样式 */
|
||||
.establish-acceptor-container {
|
||||
padding: 0 30rpx;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
page{
|
||||
padding-bottom: 0rpx;
|
||||
}
|
||||
|
||||
/* 弹窗样式 */
|
||||
.popup {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
width: 80%;
|
||||
max-height: 70vh;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.popup-title {
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.popup-list {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
max-height: 50vh;
|
||||
}
|
||||
|
||||
.popup-item {
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.popup-item:active {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.popup-footer {
|
||||
padding: 20rpx;
|
||||
border-top: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.popup-cancel-btn {
|
||||
width: 100%;
|
||||
padding: 0 20rpx;
|
||||
background-color: #fff;
|
||||
border: 1rpx solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
font-size: 32rpx;
|
||||
background-color: #007aff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* 弹窗选择器样式 */
|
||||
.popup-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 20rpx;
|
||||
border: 1rpx solid #ddd;
|
||||
border-radius: 6rpx;
|
||||
background-color: #fff;
|
||||
min-height: 80rpx;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
margin: 30rpx 0 40rpx;
|
||||
}
|
||||
|
||||
.acceptor-form {
|
||||
background-color: #fff;
|
||||
border-radius: 12rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin-bottom: 24rpx;
|
||||
padding-bottom: 12rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 32rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.form-label.required::after {
|
||||
content: '*';
|
||||
color: #e64340;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
padding: 0 24rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
border-color: #007aff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.form-input::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* 附件上传样式 */
|
||||
.attachment-section {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.attachment-item {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8rpx;
|
||||
padding: 24rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.upload-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border: none;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.upload-btn:active {
|
||||
background-color: #0051d5;
|
||||
}
|
||||
|
||||
.file-info {
|
||||
margin-top: 16rpx;
|
||||
padding: 16rpx;
|
||||
background-color: #e8f4ff;
|
||||
border-radius: 8rpx;
|
||||
font-size: 26rpx;
|
||||
color: #007aff;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.delete-btn {
|
||||
padding: 0rpx 20rpx;
|
||||
background-color: #e64340;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 10rpx;
|
||||
font-size: 24rpx;
|
||||
cursor: pointer;
|
||||
margin-right: 0rpx;
|
||||
}
|
||||
|
||||
.delete-btn:active {
|
||||
background-color: #c21f1c;
|
||||
}
|
||||
|
||||
.add-attachment-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #f0f0f0;
|
||||
color: #666;
|
||||
font-size: 28rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.add-attachment-btn:active {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
/* 提交按钮样式 */
|
||||
.submit-section {
|
||||
margin-top: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 122, 255, 0.3);
|
||||
}
|
||||
|
||||
.submit-btn:active {
|
||||
background-color: #0051d5;
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
.submit-btn:disabled {
|
||||
background-color: #b8d5ff;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* 响应式调整 */
|
||||
@media (min-width: 768px) {
|
||||
.establish-acceptor-container {
|
||||
max-width: 800rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* 输入框错误状态 */
|
||||
.form-input.error {
|
||||
border-color: #e64340;
|
||||
}
|
||||
|
||||
/* 滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #c1c1c1;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #a8a8a8;
|
||||
}
|
||||
@ -1,410 +0,0 @@
|
||||
<template>
|
||||
<view class="establish-acceptor-container">
|
||||
<form class="acceptor-form" @submit.prevent="submitForm">
|
||||
<!-- 基本信息 -->
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label">分账商户内部商户号</label>
|
||||
<input type="text" class="form-input" v-model="formData.merInnerNo" placeholder="请输入分账商户内部商户号">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">分账商户银联商户号</label>
|
||||
<input type="text" class="form-input" v-model="formData.merCupNo" placeholder="请输入分账商户银联商户号">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">分账接收方编号</label>
|
||||
<input type="text" class="form-input" v-model="formData.receiverNo" placeholder="请输入分账接收方编号" required>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 合作协议附件 -->
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label required">附件名称</label>
|
||||
<input type="text" class="form-input" v-model="formData.entrustFileName" placeholder="请输入合作协议附件名称" required>
|
||||
</view>
|
||||
<button class="upload-btn" @click="uploadEntrustFile">上传合作协议</button>
|
||||
<view v-if="formData.entrustFilePath" class="file-info">
|
||||
<span>{{ formData.entrustFileName || '已上传文件' }}</span>
|
||||
<button class="delete-btn" @click="removeEntrustFile">删除</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 其他附件(可选) -->
|
||||
<view class="form-section">
|
||||
<h3 class="section-title">附件上传(可选)</h3>
|
||||
<view class="attachment-section">
|
||||
<view class="attachment-item" v-for="(attachment, index) in formData.attachments" :key="index">
|
||||
<view class="form-item">
|
||||
<label class="form-label">附件类型</label>
|
||||
<view class="popup-select" @click="showAttachTypePopup = index">
|
||||
<span>{{ getAttachTypeLabel(attachment.attachType) || '请选择附件类型' }}</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<label class="form-label">附件名称</label>
|
||||
<input type="text" class="form-input" v-model="attachment.attachName" placeholder="请输入附件名称">
|
||||
</view>
|
||||
<button class="upload-btn" @click="uploadFile(index)">上传文件</button>
|
||||
<view v-if="attachment.attachStorePath" class="file-info">
|
||||
<span>{{ attachment.attachName || '已上传文件' }}</span>
|
||||
<button class="delete-btn" @click="removeAttachment(index)">删除</button>
|
||||
</view>
|
||||
</view>
|
||||
<button class="add-attachment-btn" @click="addAttachment">添加附件</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-section submit-section">
|
||||
<button type="submit" class="submit-btn" @click="submitForm">申请绑定</button>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
<!-- 附件类型弹窗 -->
|
||||
<view class="popup" v-if="showAttachTypePopup >= 0">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择附件类型</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="type in attachTypeOptions" :key="type.value" @click="selectAttachType(showAttachTypePopup, type)">
|
||||
{{ type.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showAttachTypePopup = -1">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { picUrl, menuButtonInfo, request, NavgateTo, RequsetUrl } from "../../../utils";
|
||||
import { apiArr } from "../../../api/contract";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 弹窗控制
|
||||
showAttachTypePopup: -1,
|
||||
|
||||
// 附件类型选项
|
||||
attachTypeOptions: [
|
||||
{ value: 'FR_ID_CARD_FRONT', label: '法人身份证正面' },
|
||||
{ value: 'FR_ID_CARD_BEHIND', label: '法人身份证反面' },
|
||||
{ value: 'ID_CARD_FRONT', label: '结算人身份证正面' },
|
||||
{ value: 'ID_CARD_BEHIND', label: '结算人身份证反面' },
|
||||
{ value: 'BANK_CARD', label: '银行卡' },
|
||||
{ value: 'BUSINESS_LICENCE', label: '营业执照' },
|
||||
{ value: 'MERCHANT_PHOTO', label: '商户门头照' },
|
||||
{ value: 'SHOPINNER', label: '商铺内部照片' },
|
||||
{ value: 'XY', label: '线下纸质协议' },
|
||||
{ value: 'NETWORK_XY', label: '电子协议' },
|
||||
{ value: 'HT', label: '租赁合同' },
|
||||
{ value: 'COOPERATION_QUALIFICATION_PROOF', label: '合作资质证明' },
|
||||
{ value: 'FOOD_QUALIFICATION_PROOF', label: '食品经营相关资质' },
|
||||
{ value: 'NO_LEGAL_PERSON_SETT_AUTH_LETTER', label: '非法人结算授权书' },
|
||||
{ value: 'SPLIT_ENTRUST_FILE', label: '结算授权委托书' },
|
||||
{ value: 'RENTAL_AGREEMENT', label: '集市方与场地方间的租赁协议' },
|
||||
{ value: 'SPLIT_COOPERATION_FILE', label: '集市方与摊主间的合作协议' },
|
||||
{ value: 'OTHERS', label: '其他' }
|
||||
],
|
||||
|
||||
// 表单数据
|
||||
formData: {
|
||||
// 可选字段
|
||||
merInnerNo: '',
|
||||
merCupNo: '',
|
||||
// 必需字段
|
||||
receiverNo: '',
|
||||
entrustFileName: '',
|
||||
entrustFilePath: '',
|
||||
// 可选附件列表
|
||||
attachments: []
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 添加附件
|
||||
addAttachment() {
|
||||
this.formData.attachments.push({
|
||||
attachType: '',
|
||||
attachName: '',
|
||||
attachStorePath: ''
|
||||
});
|
||||
},
|
||||
|
||||
// 选择附件类型
|
||||
selectAttachType(index, type) {
|
||||
this.formData.attachments[index].attachType = type.value;
|
||||
this.showAttachTypePopup = -1;
|
||||
},
|
||||
|
||||
// 获取附件类型标签
|
||||
getAttachTypeLabel(typeValue) {
|
||||
if (!typeValue) return '';
|
||||
const option = this.attachTypeOptions.find(type => type.value === typeValue);
|
||||
return option ? option.label : '';
|
||||
},
|
||||
|
||||
// 删除附件
|
||||
removeAttachment(index) {
|
||||
this.formData.attachments.splice(index, 1);
|
||||
},
|
||||
|
||||
// 上传合作协议文件
|
||||
uploadEntrustFile() {
|
||||
// 调用 uni.chooseMessageFile API 选择文件
|
||||
uni.chooseMessageFile({
|
||||
count: 1,
|
||||
type: 'file',
|
||||
extension: ['pdf', 'doc', 'docx', 'jpg', 'jpeg', 'png'], // 支持的文件类型
|
||||
success: (res) => {
|
||||
const tempFile = res.tempFiles[0];
|
||||
console.log("选择的文件:", tempFile);
|
||||
|
||||
// 如果用户没有填写附件名称,使用选择的文件名
|
||||
if (!this.formData.entrustFileName) {
|
||||
this.formData.entrustFileName = tempFile.name;
|
||||
}
|
||||
|
||||
// 显示上传中提示
|
||||
uni.showLoading({
|
||||
title: '上传中',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 直接使用uni.uploadFile上传文件
|
||||
uni.uploadFile({
|
||||
url: RequsetUrl + apiArr.upload, // 完整的上传接口URL
|
||||
filePath: tempFile.path, // 文件路径
|
||||
name: 'file', // 文件对应的key,根据后端要求设置
|
||||
formData: {
|
||||
attType: 'ENTRUST_FILE' // 合作协议附件类型
|
||||
},
|
||||
header: {
|
||||
Authorization: uni.getStorageSync("ctoken") // 添加认证信息
|
||||
},
|
||||
success: (uploadRes) => {
|
||||
// 解析响应数据
|
||||
const res = JSON.parse(uploadRes.data);
|
||||
|
||||
// 更新附件信息
|
||||
this.formData.entrustFilePath = res.data.respData.attFileId;
|
||||
|
||||
uni.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
});
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('文件上传失败:', error);
|
||||
uni.showToast({
|
||||
title: '上传失败',
|
||||
icon: 'none'
|
||||
});
|
||||
},
|
||||
complete: () => {
|
||||
uni.hideLoading(); // 隐藏加载提示
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('选择文件失败:', err);
|
||||
uni.showToast({
|
||||
title: '选择文件失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 删除合作协议文件
|
||||
removeEntrustFile() {
|
||||
this.formData.entrustFileName = '';
|
||||
this.formData.entrustFilePath = '';
|
||||
},
|
||||
|
||||
// 上传其他附件
|
||||
uploadFile(index) {
|
||||
const attachment = this.formData.attachments[index];
|
||||
|
||||
// 检查是否选择了附件类型
|
||||
if (!attachment.attachType) {
|
||||
uni.showToast({
|
||||
title: '请先选择附件类型',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 调用 uni.chooseMessageFile API 选择文件
|
||||
uni.chooseMessageFile({
|
||||
count: 1,
|
||||
type: 'file',
|
||||
extension: ['pdf', 'doc', 'docx', 'jpg', 'jpeg', 'png'], // 支持的文件类型
|
||||
success: (res) => {
|
||||
const tempFile = res.tempFiles[0];
|
||||
console.log("选择的文件:", tempFile);
|
||||
|
||||
// 如果用户没有填写附件名称,使用选择的文件名
|
||||
if (!attachment.attachName) {
|
||||
attachment.attachName = tempFile.name;
|
||||
}
|
||||
|
||||
// 显示上传中提示
|
||||
uni.showLoading({
|
||||
title: '上传中',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 直接使用uni.uploadFile上传文件
|
||||
uni.uploadFile({
|
||||
url: RequsetUrl + apiArr.upload, // 完整的上传接口URL
|
||||
filePath: tempFile.path, // 文件路径
|
||||
name: 'file', // 文件对应的key,根据后端要求设置
|
||||
formData: {
|
||||
attType: attachment.attachType // 其他表单参数
|
||||
},
|
||||
header: {
|
||||
Authorization: uni.getStorageSync("ctoken") // 添加认证信息
|
||||
},
|
||||
success: (uploadRes) => {
|
||||
// 解析响应数据
|
||||
const res = JSON.parse(uploadRes.data);
|
||||
|
||||
// 更新附件信息
|
||||
attachment.attachStorePath = res.data.respData.attFileId;
|
||||
|
||||
uni.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
});
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('文件上传失败:', error);
|
||||
uni.showToast({
|
||||
title: '上传失败',
|
||||
icon: 'none'
|
||||
});
|
||||
},
|
||||
complete: () => {
|
||||
uni.hideLoading(); // 隐藏加载提示
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('选择文件失败:', err);
|
||||
uni.showToast({
|
||||
title: '选择文件失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 表单验证
|
||||
validateForm() {
|
||||
const { formData } = this;
|
||||
|
||||
// 验证必需字段
|
||||
if (!formData.receiverNo) {
|
||||
uni.showToast({ title: '请输入分账接收方编号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.entrustFileName) {
|
||||
uni.showToast({ title: '请输入合作协议附件名称', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.entrustFilePath) {
|
||||
uni.showToast({ title: '请上传合作协议附件', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
// 表单提交逻辑
|
||||
submitForm() {
|
||||
// 验证表单
|
||||
if (!this.validateForm()) {
|
||||
return;
|
||||
}
|
||||
|
||||
uni.showLoading({
|
||||
title: '提交中...',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 准备请求参数
|
||||
const submitData = {
|
||||
merInnerNo: this.formData.merInnerNo, // 分账商户内部商户号(可选)
|
||||
merCupNo: this.formData.merCupNo, // 分账商户银联商户号(可选)
|
||||
receiverNo: this.formData.receiverNo, // 分账接收方编号(必需)
|
||||
entrustFileName: this.formData.entrustFileName, // 合作协议附件名称(必需)
|
||||
entrustFilePath: this.formData.entrustFilePath, // 合作协议附件路径(必需)
|
||||
attachments: [] // 分账关系绑定申请附件(可选)
|
||||
};
|
||||
|
||||
// 只添加有attachStorePath的附件到attachments
|
||||
const validAttachments = this.formData.attachments.filter(attach => attach.attachStorePath);
|
||||
if (validAttachments.length > 0) {
|
||||
submitData.attachments = validAttachments.map(attach => ({
|
||||
attachType: attach.attachType,
|
||||
attachName: attach.attachName,
|
||||
attachStorePath: attach.attachStorePath
|
||||
}));
|
||||
}
|
||||
|
||||
console.log('提交的数据:', submitData);
|
||||
|
||||
// 调用applyBind接口提交数据
|
||||
request(apiArr.applyBind, "POST", submitData).then(res => {
|
||||
uni.hideLoading();
|
||||
|
||||
if (res && res.cmdRetCode === 'SUCCESS') {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
uni.navigateBack();
|
||||
}, 1500);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res?.retMsg || '提交失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
}).catch(error => {
|
||||
uni.hideLoading();
|
||||
console.error('提交失败:', error);
|
||||
uni.showToast({
|
||||
title: '提交失败',
|
||||
icon: 'none'
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
// 重置表单
|
||||
resetForm() {
|
||||
this.formData = {
|
||||
merInnerNo: '',
|
||||
merCupNo: '',
|
||||
receiverNo: '',
|
||||
entrustFileName: '',
|
||||
entrustFilePath: '',
|
||||
attachments: []
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import url("./index.css");
|
||||
</style>
|
||||
@ -1,279 +0,0 @@
|
||||
/* addMer/index.css */
|
||||
page {
|
||||
padding-bottom: 0rpx;
|
||||
}
|
||||
|
||||
.establish-acceptor-container {
|
||||
padding: 0 30rpx;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.acceptor-form {
|
||||
background-color: #fff;
|
||||
border-radius: 12rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin-bottom: 24rpx;
|
||||
padding-bottom: 12rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 32rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.form-label.required::after {
|
||||
content: '*';
|
||||
color: #e64340;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
padding: 0 24rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
border-color: #007aff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.form-input::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* 弹窗样式 */
|
||||
.popup {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
width: 80%;
|
||||
max-height: 70vh;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.popup-title {
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.popup-list {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
max-height: 50vh;
|
||||
}
|
||||
|
||||
.popup-item {
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.popup-item:active {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.popup-footer {
|
||||
padding: 20rpx;
|
||||
border-top: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.popup-cancel-btn {
|
||||
width: 100%;
|
||||
padding: 0 20rpx;
|
||||
background-color: #fff;
|
||||
border: 1rpx solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
font-size: 32rpx;
|
||||
background-color: #007aff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* 弹窗选择器样式 */
|
||||
.popup-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 24rpx;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
background-color: #fff;
|
||||
height: 88rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
/* 附件上传样式 */
|
||||
.attachment-section {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.attachment-item {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8rpx;
|
||||
padding: 24rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.upload-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border: none;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.upload-btn:active {
|
||||
background-color: #0051d5;
|
||||
}
|
||||
|
||||
.file-info {
|
||||
margin-top: 16rpx;
|
||||
padding: 16rpx;
|
||||
background-color: #e8f4ff;
|
||||
border-radius: 8rpx;
|
||||
font-size: 26rpx;
|
||||
color: #007aff;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.delete-btn {
|
||||
padding: 0rpx 20rpx;
|
||||
background-color: #e64340;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 10rpx;
|
||||
font-size: 24rpx;
|
||||
cursor: pointer;
|
||||
margin-right: 0rpx;
|
||||
}
|
||||
|
||||
.delete-btn:active {
|
||||
background-color: #c21f1c;
|
||||
}
|
||||
|
||||
.add-attachment-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #f0f0f0;
|
||||
color: #666;
|
||||
font-size: 28rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.add-attachment-btn:active {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
/* 提交按钮样式 */
|
||||
.submit-section {
|
||||
margin-top: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.submit-btn,
|
||||
.submit-btn1 {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 122, 255, 0.3);
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background-color: #007aff;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
|
||||
.submit-btn1 {
|
||||
background-color: #ff4016;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
|
||||
.submit-btn:active {
|
||||
background-color: #0051d5;
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
.submit-btn:disabled {
|
||||
background-color: #b8d5ff;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* 输入框错误状态 */
|
||||
.form-input.error {
|
||||
border-color: #e64340;
|
||||
}
|
||||
|
||||
/* 滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #c1c1c1;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #a8a8a8;
|
||||
}
|
||||
@ -1,327 +0,0 @@
|
||||
<template>
|
||||
<view class="establish-acceptor-container">
|
||||
<form class="acceptor-form" @submit.prevent="submitForm">
|
||||
<!-- 基本信息 -->
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户号</label>
|
||||
<input type="number" class="form-input" v-model.number="formData.mch_id" placeholder="请输入商户号"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">拉卡拉内部商户号</label>
|
||||
<input type="text" class="form-input" v-model="formData.merInnerNo" placeholder="请输入拉卡拉内部商户号(可选)">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">银联商户号</label>
|
||||
<input type="text" class="form-input" v-model="formData.merCupNo" placeholder="请输入银联商户号(可选)">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">联系手机号</label>
|
||||
<input type="number" class="form-input" v-model="formData.contactMobile" placeholder="请输入联系手机号"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">电子分账协议号</label>
|
||||
<input type="text" class="form-input" v-model="formData.eleContractNo" placeholder="请输入电子分账协议号(可选)">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 附件上传 -->
|
||||
<view class="form-section">
|
||||
<h3 class="section-title">附件上传(可选)</h3>
|
||||
<view class="attachment-section">
|
||||
<view class="attachment-item" v-for="(file, index) in formData.fileData" :key="index">
|
||||
<view class="form-item">
|
||||
<label class="form-label">附件类型</label>
|
||||
<view class="popup-select" @click="showFileAttachTypePopup = index">
|
||||
<span>{{ getAttachTypeLabel(file.attType) || '请选择附件类型' }}</span>
|
||||
</view>
|
||||
</view>
|
||||
<button class="upload-btn" @click="uploadFile(index)">上传文件</button>
|
||||
<view v-if="file.attFileId" class="file-info">
|
||||
<span>{{ file.attachName || '已上传文件' }}</span>
|
||||
<button class="delete-btn" @click="removeFile(index)">删除</button>
|
||||
</view>
|
||||
</view>
|
||||
<button class="add-attachment-btn" @click="addFile">添加附件</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 提交按钮 -->
|
||||
<view class="form-section submit-section">
|
||||
<button type="button" class="submit-btn1" @click="ecQuery">结果查询</button>
|
||||
<button type="submit" class="submit-btn" @click="submitForm">提交申请</button>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
<!-- 文件附件类型弹窗 -->
|
||||
<view class="popup" v-if="showFileAttachTypePopup >= 0">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择附件类型</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="type in fileAttachTypeOptions" :key="type.value"
|
||||
@click="selectFileAttachType(showFileAttachTypePopup, type)">
|
||||
{{ type.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showFileAttachTypePopup = -1">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { picUrl, menuButtonInfo, request, NavgateTo, RequsetUrl } from "../../../utils";
|
||||
import { apiArr } from "../../../api/contract";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 表单数据
|
||||
formData: {
|
||||
mch_id: null, // 商户号(必需)
|
||||
merInnerNo: '', // 拉卡拉内部商户号(可选)
|
||||
merCupNo: '', // 银联商户号(可选)
|
||||
contactMobile: '', // 联系手机号(必需)
|
||||
eleContractNo: '', // 电子分账协议号(可选)
|
||||
fileData: [
|
||||
{
|
||||
attType: '',
|
||||
attFileId: '',
|
||||
attachName: ''
|
||||
}
|
||||
] // 文件数据(可选)
|
||||
},
|
||||
|
||||
// 弹窗控制
|
||||
showFileAttachTypePopup: -1,
|
||||
|
||||
// 文件附件类型选项(示例数据,实际应从API获取)
|
||||
fileAttachTypeOptions: [
|
||||
{ value: 'BUSINESS_LICENSE', label: '营业执照' },
|
||||
{ value: 'ID_CARD_FRONT', label: '身份证正面' },
|
||||
{ value: 'ID_CARD_BACK', label: '身份证反面' },
|
||||
{ value: 'BANK_CARD', label: '银行卡' },
|
||||
{ value: 'CONTRACT', label: '合同文件' },
|
||||
{ value: 'OTHER', label: '其他' }
|
||||
]
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 添加附件
|
||||
addFile() {
|
||||
this.formData.fileData.push({
|
||||
attType: '',
|
||||
attFileId: '',
|
||||
attachName: ''
|
||||
});
|
||||
},
|
||||
|
||||
// 选择文件附件类型
|
||||
selectFileAttachType(index, type) {
|
||||
this.formData.fileData[index].attType = type.value;
|
||||
this.showFileAttachTypePopup = -1;
|
||||
},
|
||||
|
||||
// 获取附件类型标签
|
||||
getAttachTypeLabel(typeValue) {
|
||||
if (!typeValue) return '';
|
||||
const option = this.fileAttachTypeOptions.find(type => type.value === typeValue);
|
||||
return option ? option.label : '';
|
||||
},
|
||||
|
||||
// 删除附件
|
||||
removeFile(index) {
|
||||
this.formData.fileData.splice(index, 1);
|
||||
},
|
||||
|
||||
// 上传文件
|
||||
uploadFile(index) {
|
||||
const fileData = this.formData.fileData[index];
|
||||
|
||||
// 检查是否选择了附件类型
|
||||
if (!fileData.attType) {
|
||||
uni.showToast({
|
||||
title: '请先选择附件类型',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 调用 uni.chooseMessageFile API 选择文件
|
||||
uni.chooseMessageFile({
|
||||
count: 1,
|
||||
type: 'file',
|
||||
extension: ['pdf', 'doc', 'docx', 'jpg', 'jpeg', 'png'], // 支持的文件类型
|
||||
success: (res) => {
|
||||
const tempFile = res.tempFiles[0];
|
||||
console.log("选择的文件:", tempFile);
|
||||
|
||||
// 设置文件名
|
||||
fileData.attachName = tempFile.name;
|
||||
|
||||
// 显示上传中提示
|
||||
uni.showLoading({
|
||||
title: '上传中',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 直接使用uni.uploadFile上传文件
|
||||
uni.uploadFile({
|
||||
url: RequsetUrl + apiArr.upload, // 完整的上传接口URL
|
||||
filePath: tempFile.path, // 文件路径
|
||||
name: 'file', // 文件对应的key,根据后端要求设置
|
||||
formData: {
|
||||
attType: fileData.attType // 附件类型
|
||||
},
|
||||
header: {
|
||||
Authorization: uni.getStorageSync("ctoken") // 添加认证信息
|
||||
},
|
||||
success: (uploadRes) => {
|
||||
// 解析响应数据
|
||||
const res = JSON.parse(uploadRes.data);
|
||||
|
||||
// 更新附件信息
|
||||
fileData.attFileId = res.data.respData.attFileId;
|
||||
fileData.attachName = tempFile.name; // 文件名
|
||||
|
||||
uni.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
});
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('文件上传失败:', error);
|
||||
uni.showToast({
|
||||
title: '上传失败',
|
||||
icon: 'none'
|
||||
});
|
||||
},
|
||||
complete: () => {
|
||||
uni.hideLoading(); // 隐藏加载提示
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('选择文件失败:', err);
|
||||
uni.showToast({
|
||||
title: '选择文件失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 表单验证
|
||||
validateForm() {
|
||||
const { formData } = this;
|
||||
|
||||
// 验证必需字段
|
||||
if (!formData.mch_id) {
|
||||
uni.showToast({ title: '请输入商户号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.contactMobile) {
|
||||
uni.showToast({ title: '请输入联系手机号', icon: 'none' });
|
||||
return false;
|
||||
} else if (!/^1[3-9]\d{9}$/.test(formData.contactMobile)) {
|
||||
uni.showToast({ title: '请输入有效的手机号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
ecQuery() {
|
||||
// const storeValue = uni.getStorageSync('storeValue');
|
||||
// if (!storeValue || !storeValue.contractId) {
|
||||
// uni.showToast({
|
||||
// title: '请先提交申请',
|
||||
// icon: 'none'
|
||||
// });
|
||||
// return;
|
||||
// }
|
||||
// const params = {
|
||||
// contractId: storeValue.contractId
|
||||
// }
|
||||
request(apiArr.queryLedgerMer, "POST", {}).then(res => {
|
||||
if (res.respData.splitStatus === 'VALID') {
|
||||
uni.showToast({
|
||||
title: '审核通过',
|
||||
icon: 'success'
|
||||
});
|
||||
} else if (res.respData.contractStatus === 'INVALID') {
|
||||
uni.showToast({
|
||||
title: '审核未通过',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 表单提交逻辑
|
||||
submitForm() {
|
||||
// 验证表单
|
||||
if (!this.validateForm()) {
|
||||
return;
|
||||
}
|
||||
|
||||
uni.showLoading({
|
||||
title: '提交中...',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 准备请求参数
|
||||
const submitData = {
|
||||
mch_id: this.formData.mch_id,
|
||||
merInnerNo: this.formData.merInnerNo,
|
||||
merCupNo: this.formData.merCupNo,
|
||||
contactMobile: this.formData.contactMobile,
|
||||
eleContractNo: this.formData.eleContractNo,
|
||||
attachments: []
|
||||
};
|
||||
|
||||
// 只添加有attFileId的文件到attachments
|
||||
const validFiles = this.formData.fileData.filter(file => file.attFileId);
|
||||
if (validFiles.length > 0) {
|
||||
submitData.attachments = validFiles.map(file => ({
|
||||
attachType: file.attType,
|
||||
attachName: file.attachName,
|
||||
attachStorePath: file.attFileId
|
||||
}));
|
||||
}
|
||||
|
||||
console.log('提交的数据:', submitData);
|
||||
|
||||
request(apiArr.applyLedgerMer, "POST", submitData).then(res => {
|
||||
uni.hideLoading();
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
});
|
||||
uni.setStorageSync('storeValue', { fz_apply_id: res.resp_data.ec_apply_id });
|
||||
}).catch(error => {
|
||||
uni.hideLoading();
|
||||
console.error('提交失败:', error);
|
||||
uni.showToast({
|
||||
title: '提交失败',
|
||||
icon: 'none'
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import url("./index.css");
|
||||
</style>
|
||||
@ -68,9 +68,9 @@ export default {
|
||||
},
|
||||
getAvatarUrl(record){
|
||||
if(record.client_id_one == uni.getStorageSync('openId')){
|
||||
return record.two.avatar ? picUrl + record.two.avatar : 'https://static.hshuishang.com/defaultTx.png'
|
||||
return record.two.avatar ? picUrl + record.two.avatar : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/defaultTx.png'
|
||||
}else{
|
||||
return record.one.avatar ? picUrl + record.one.avatar : 'https://static.hshuishang.com/defaultTx.png'
|
||||
return record.one.avatar ? picUrl + record.one.avatar : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/defaultTx.png'
|
||||
}
|
||||
},
|
||||
// 格式化时间
|
||||
|
||||
@ -1,430 +0,0 @@
|
||||
/* 全局样式重置与基础设置 */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "SimSun", "宋体", serif;
|
||||
}
|
||||
|
||||
page {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.contract-container {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
word-break: break-word;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* 导航栏样式 */
|
||||
.nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20rpx 30rpx;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.save-btn {
|
||||
font-size: 26rpx;
|
||||
color: #0066cc;
|
||||
background: transparent;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* 滚动容器样式 */
|
||||
.contract-scroll {
|
||||
width: 100%;
|
||||
padding: 20rpx 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 合同内容区基础样式 */
|
||||
.contract-content {
|
||||
width: 100%;
|
||||
line-height: 1.8;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* 合同头部样式 */
|
||||
.header {
|
||||
margin-bottom: 40rpx;
|
||||
/* text-align: center; */
|
||||
}
|
||||
|
||||
.qrcode-tip {
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.contract-title {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
margin: 20rpx 0;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.party-info {
|
||||
text-align: left;
|
||||
margin: 30rpx 0;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.preamble {
|
||||
text-indent: 56rpx;
|
||||
/* 首行缩进2字符(28rpx*2) */
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
/* 条款通用样式 */
|
||||
.clauses {
|
||||
margin-bottom: 60rpx;
|
||||
}
|
||||
|
||||
.clause {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.clause-num {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
margin: 20rpx 0;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.clause-content {
|
||||
margin-left: 40rpx;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* 服务项样式 */
|
||||
.service-item {
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
margin: 20rpx 0 10rpx 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.service-desc {
|
||||
text-indent: 56rpx;
|
||||
margin: 10rpx 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.service-list {
|
||||
list-style: disc;
|
||||
margin-left: 50rpx;
|
||||
margin-bottom: 20rpx;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
.service-list li {
|
||||
margin-bottom: 15rpx;
|
||||
line-height: 1.8;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* 表格通用样式 */
|
||||
.fee-table,
|
||||
.info-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 20rpx 0;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.fee-table th,
|
||||
.fee-table td,
|
||||
.info-table th,
|
||||
.info-table td {
|
||||
border: 1px solid #333333;
|
||||
padding: 12rpx 8rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fee-table th,
|
||||
.info-table th,
|
||||
.info-table .table-label {
|
||||
background-color: #f5f5f5;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 填写项样式 */
|
||||
.fill-input {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4rpx;
|
||||
padding: 0 8px;
|
||||
margin: 0 4rpx;
|
||||
font-size: 13px;
|
||||
color: #333333;
|
||||
background-color: #ffffff;
|
||||
flex-shrink: 0;
|
||||
height: 28px;
|
||||
width: 80px;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.fill-tiny {
|
||||
width: 60px;
|
||||
/* 小尺寸输入框(如百分比、台数) */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fill-small {
|
||||
width: 140px;
|
||||
/* 中尺寸输入框(如银行名称、其他说明) */
|
||||
}
|
||||
|
||||
.fill-normal {
|
||||
width: 300rpx;
|
||||
/* 常规尺寸输入框(如商户名称、地址) */
|
||||
}
|
||||
|
||||
.fill-date {
|
||||
width: 220rpx;
|
||||
/* 日期输入框 */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fill-table {
|
||||
width: 100%;
|
||||
/* 表格内输入框:填满单元格 */
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 单选/多选样式 */
|
||||
.radio-label,
|
||||
.checkbox-label {
|
||||
margin-right: 25rpx;
|
||||
margin-bottom: 15rpx;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
flex-wrap: wrap;
|
||||
gap: 8rpx;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* 单选/多选组容器:控制整体间距 */
|
||||
.radio-group-container,
|
||||
.checkbox-group-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 15rpx;
|
||||
margin: 15rpx 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 单个单选/多选选项:垂直居中对齐,统一高度 */
|
||||
.radio-label,
|
||||
.checkbox-label {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
word-break: break-word;
|
||||
max-width: 100%;
|
||||
flex-wrap: wrap;
|
||||
gap: 8rpx;
|
||||
/* radio/checkbox 与文本的间距 */
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
padding: 8rpx 0;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* 商户更名输入框:仅在选中时显示,与文本对齐 */
|
||||
#input-original-name {
|
||||
margin-left: 10rpx;
|
||||
/* 与“商户更名”文本的间距 */
|
||||
margin-top: 0;
|
||||
/* 清除默认margin,确保垂直居中 */
|
||||
}
|
||||
|
||||
/* 备注/说明文本样式 */
|
||||
.note,
|
||||
.mode-note,
|
||||
.risk-note,
|
||||
.deduct-note,
|
||||
.table-note,
|
||||
.appendix-footnote {
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
margin: 10rpx 0;
|
||||
text-indent: 56rpx;
|
||||
}
|
||||
|
||||
/* 签字区域样式 */
|
||||
.sign-main,
|
||||
.sign-appendix {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 60rpx 0;
|
||||
padding: 0 40rpx;
|
||||
}
|
||||
|
||||
.sign-party {
|
||||
text-align: center;
|
||||
width: 45%;
|
||||
line-height: 2.2;
|
||||
}
|
||||
|
||||
/* 附件通用样式 */
|
||||
.appendix {
|
||||
margin: 80rpx 0;
|
||||
padding: 20rpx;
|
||||
border-top: 1px dashed #cccccc;
|
||||
}
|
||||
|
||||
.appendix-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin: 30rpx 0;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.appendix-subtitle {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
margin: 30rpx 0 15rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.appendix-note {
|
||||
font-size: 24rpx;
|
||||
color: #666666;
|
||||
text-align: right;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
/* 授权书内容样式 */
|
||||
.authorization-content {
|
||||
text-indent: 56rpx;
|
||||
margin: 15rpx 0;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* 提交按钮样式 */
|
||||
.submit-btn {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
background-color: #0066cc;
|
||||
color: #ffffff;
|
||||
font-size: 32rpx;
|
||||
padding: 18rpx 0;
|
||||
border-radius: 12rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* 适配小程序端滚动条样式(隐藏默认滚动条) */
|
||||
::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
/* 补充样式优化 */
|
||||
.radio-group-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20rpx;
|
||||
margin: 10rpx 0;
|
||||
}
|
||||
|
||||
.radio-label,
|
||||
.checkbox-label {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
margin-right: 25rpx;
|
||||
margin-bottom: 10rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.checkbox-group {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 15rpx;
|
||||
}
|
||||
|
||||
.service-list li {
|
||||
margin-bottom: 15rpx;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.fee-label {
|
||||
display: block;
|
||||
margin: 8rpx 0;
|
||||
}
|
||||
|
||||
.mode-item {
|
||||
margin: 15rpx 0;
|
||||
text-indent: 56rpx;
|
||||
}
|
||||
|
||||
.mode-note {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
margin: 10rpx 0;
|
||||
text-indent: 56rpx;
|
||||
}
|
||||
|
||||
.table-note {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
margin: 10rpx 0 5rpx 0;
|
||||
}
|
||||
|
||||
.authorization-content {
|
||||
text-indent: 56rpx;
|
||||
margin: 15rpx 0;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.sign-appendix {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20rpx;
|
||||
margin: 40rpx 0;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
|
||||
.sign-appendix p {
|
||||
line-height: 2;
|
||||
font-size: 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10rpx;
|
||||
}
|
||||
|
||||
/* 优化表格内输入框 */
|
||||
.info-table .fill-input,
|
||||
.fee-table .fill-input {
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #0066cc;
|
||||
margin: 2rpx;
|
||||
}
|
||||
|
||||
/* 优化单选/多选按钮对齐 */
|
||||
radio,
|
||||
checkbox {
|
||||
margin-right: 8rpx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,283 +0,0 @@
|
||||
/* 分账接收方创建页面样式 */
|
||||
.establish-acceptor-container {
|
||||
padding: 20rpx;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
page{
|
||||
padding-bottom: 0rpx;
|
||||
}
|
||||
|
||||
/* 弹窗样式 */
|
||||
.popup {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
width: 80%;
|
||||
max-height: 70vh;
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.popup-title {
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.popup-list {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
max-height: 50vh;
|
||||
}
|
||||
|
||||
.popup-item {
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.popup-item:active {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.popup-footer {
|
||||
padding: 20rpx;
|
||||
border-top: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.popup-cancel-btn {
|
||||
width: 100%;
|
||||
padding: 0 20rpx;
|
||||
background-color: #fff;
|
||||
border: 1rpx solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
font-size: 32rpx;
|
||||
background-color: #007aff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* 弹窗选择器样式 */
|
||||
.popup-select {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 20rpx;
|
||||
border: 1rpx solid #ddd;
|
||||
border-radius: 6rpx;
|
||||
background-color: #fff;
|
||||
min-height: 80rpx;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
margin: 30rpx 0 40rpx;
|
||||
}
|
||||
|
||||
.acceptor-form {
|
||||
background-color: #fff;
|
||||
border-radius: 12rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin-bottom: 24rpx;
|
||||
padding-bottom: 12rpx;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 32rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.form-label.required::after {
|
||||
content: '*';
|
||||
color: #e64340;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
padding: 0 24rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
border-color: #007aff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.form-input::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* 附件上传样式 */
|
||||
.attachment-section {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.attachment-item {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 8rpx;
|
||||
padding: 24rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.upload-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border: none;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.upload-btn:active {
|
||||
background-color: #0051d5;
|
||||
}
|
||||
|
||||
.file-info {
|
||||
margin-top: 16rpx;
|
||||
padding: 16rpx;
|
||||
background-color: #e8f4ff;
|
||||
border-radius: 8rpx;
|
||||
font-size: 26rpx;
|
||||
color: #007aff;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.delete-btn {
|
||||
padding: 0rpx 20rpx;
|
||||
background-color: #e64340;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 10rpx;
|
||||
font-size: 24rpx;
|
||||
cursor: pointer;
|
||||
margin-right: 0rpx;
|
||||
}
|
||||
|
||||
.delete-btn:active {
|
||||
background-color: #c21f1c;
|
||||
}
|
||||
|
||||
.add-attachment-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #f0f0f0;
|
||||
color: #666;
|
||||
font-size: 28rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.add-attachment-btn:active {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
/* 提交按钮样式 */
|
||||
.submit-section {
|
||||
margin-top: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 16rpx;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 122, 255, 0.3);
|
||||
}
|
||||
|
||||
.submit-btn:active {
|
||||
background-color: #0051d5;
|
||||
transform: scale(0.98);
|
||||
}
|
||||
|
||||
.submit-btn:disabled {
|
||||
background-color: #b8d5ff;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* 响应式调整 */
|
||||
@media (min-width: 768px) {
|
||||
.establish-acceptor-container {
|
||||
max-width: 800rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* 输入框错误状态 */
|
||||
.form-input.error {
|
||||
border-color: #e64340;
|
||||
}
|
||||
|
||||
/* 滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 8rpx;
|
||||
height: 8rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #c1c1c1;
|
||||
border-radius: 4rpx;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #a8a8a8;
|
||||
}
|
||||
@ -1,512 +0,0 @@
|
||||
<template>
|
||||
<view class="establish-acceptor-container">
|
||||
<form class="acceptor-form" @submit.prevent="submitForm">
|
||||
<!-- 必需字段 -->
|
||||
<view class="form-section">
|
||||
<!-- <view class="form-item">
|
||||
<label class="form-label required">商户号</label>
|
||||
<input
|
||||
type="number"
|
||||
class="form-input"
|
||||
v-model="formData.mchId"
|
||||
placeholder="请输入商户号"
|
||||
required
|
||||
>
|
||||
</view> -->
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">分账接收方名称</label>
|
||||
<input type="text" class="form-input" v-model="formData.receiverName" placeholder="请输入分账接收方名称"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">联系手机号</label>
|
||||
<input type="tel" class="form-input" v-model="formData.contactMobile" placeholder="请输入联系手机号"
|
||||
required>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label">营业执照号码</label>
|
||||
<input type="text" class="form-input" v-model="formData.licenseNo" placeholder="请输入营业执照号码">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">营业执照名称</label>
|
||||
<input type="text" class="form-input" v-model="formData.licenseName" placeholder="请输入营业执照名称">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">法人姓名</label>
|
||||
<input type="text" class="form-input" v-model="formData.legalPersonName" placeholder="请输入法人姓名">
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">法人证件号</label>
|
||||
<input type="text" class="form-input" v-model="formData.legalPersonCertificateNo"
|
||||
placeholder="请输入法人证件号">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label required">收款账户卡号</label>
|
||||
<input type="text" class="form-input" v-model="formData.acctNo" placeholder="请输入收款账户卡号" required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">收款账户名称</label>
|
||||
<input type="text" class="form-input" v-model="formData.acctName" placeholder="请输入收款账户名称" required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">收款账户类型</label>
|
||||
<view class="popup-select" @click="showAccountTypePopup = true">
|
||||
<span class="selected-value">{{ selectedAccountType || '请选择账户类型' }}</span>
|
||||
<uni-icons type="down" size="16"></uni-icons>
|
||||
</view>
|
||||
<!-- 账户类型弹窗 -->
|
||||
<view class="popup" v-if="showAccountTypePopup">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择账户类型</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="type in accountTypeOptions" :key="type.value"
|
||||
@click="selectAccountType(type)">
|
||||
{{ type.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showAccountTypePopup = false">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">收款账户证件号</label>
|
||||
<input type="text" class="form-input" v-model="formData.acctCertificateNo" placeholder="请输入收款账户证件号"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">收款账户开户行号</label>
|
||||
<input type="text" class="form-input" v-model="formData.acctOpenBankCode" placeholder="请输入开户行号"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">收款账户开户行名称</label>
|
||||
<input type="text" class="form-input" v-model="formData.acctOpenBankName" placeholder="请输入开户行名称"
|
||||
required>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">收款账户清算行行号</label>
|
||||
<input type="text" class="form-input" v-model="formData.acctClearBankCode" placeholder="请输入清算行行号"
|
||||
required>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-section">
|
||||
<h3 class="section-title">附件上传(可选)</h3>
|
||||
|
||||
<view class="attachment-section">
|
||||
<view class="attachment-item" v-for="(attachment, index) in formData.attachList" :key="index">
|
||||
<view class="form-item">
|
||||
<label class="form-label">附件类型</label>
|
||||
<view class="popup-select" @click="showAttachTypePopup = index">
|
||||
<span class="selected-value">{{ getAttachTypeLabel(attachment.attachType) || '请选择附件类型'
|
||||
}}</span>
|
||||
<uni-icons type="down" size="16"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<label class="form-label">附件名称</label>
|
||||
<input type="text" class="form-input" v-model="attachment.attachName" placeholder="请输入附件名称">
|
||||
</view>
|
||||
<button class="upload-btn" @click="uploadFile(index)">上传文件</button>
|
||||
<view v-if="attachment.attachStorePath" class="file-info">
|
||||
<span>{{ attachment.attachName || '已上传文件' }}</span>
|
||||
<button class="delete-btn" @click="removeAttachment(index)">删除</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<button class="add-attachment-btn" @click="addAttachment">添加附件</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-section submit-section">
|
||||
<button type="submit" class="submit-btn" @click="submitForm">提交申请</button>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
<!-- 附件类型弹窗 -->
|
||||
<view class="popup" v-if="showAttachTypePopup >= 0">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择附件类型</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="type in attachTypeOptions" :key="type.value"
|
||||
@click="selectAttachType(showAttachTypePopup, type)">
|
||||
{{ type.label }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-footer">
|
||||
<button class="popup-cancel-btn" @click="showAttachTypePopup = -1">取消</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { picUrl, menuButtonInfo, request, NavgateTo, RequsetUrl } from "../../../utils";
|
||||
import { apiArr } from "../../../api/contract";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 弹窗控制
|
||||
showAccountTypePopup: false,
|
||||
showAttachTypePopup: -1,
|
||||
|
||||
// 账户类型选项
|
||||
accountTypeOptions: [
|
||||
{ value: 'PERSONAL', label: '个人账户' },
|
||||
{ value: 'COMPANY', label: '企业账户' }
|
||||
],
|
||||
|
||||
// 附件类型选项
|
||||
attachTypeOptions: [
|
||||
{ value: 'FR_ID_CARD_FRONT', label: '法人身份证正面' },
|
||||
{ value: 'FR_ID_CARD_BEHIND', label: '法人身份证反面' },
|
||||
{ value: 'ID_CARD_FRONT', label: '结算人身份证正面' },
|
||||
{ value: 'ID_CARD_BEHIND', label: '结算人身份证反面' },
|
||||
{ value: 'BANK_CARD', label: '银行卡' },
|
||||
{ value: 'BUSINESS_LICENCE', label: '营业执照' },
|
||||
{ value: 'MERCHANT_PHOTO', label: '商户门头照' },
|
||||
{ value: 'SHOPINNER', label: '商铺内部照片' },
|
||||
{ value: 'XY', label: '线下纸质协议' },
|
||||
{ value: 'NETWORK_XY', label: '电子协议' },
|
||||
{ value: 'HT', label: '租赁合同' },
|
||||
{ value: 'COOPERATION_QUALIFICATION_PROOF', label: '合作资质证明' },
|
||||
{ value: 'FOOD_QUALIFICATION_PROOF', label: '食品经营相关资质' },
|
||||
{ value: 'NO_LEGAL_PERSON_SETT_AUTH_LETTER', label: '非法人结算授权书' },
|
||||
{ value: 'SPLIT_ENTRUST_FILE', label: '结算授权委托书' },
|
||||
{ value: 'RENTAL_AGREEMENT', label: '集市方与场地方间的租赁协议' },
|
||||
{ value: 'SPLIT_COOPERATION_FILE', label: '集市方与摊主间的合作协议' },
|
||||
{ value: 'OTHERS', label: '其他' }
|
||||
],
|
||||
|
||||
formData: {
|
||||
// 必需字段
|
||||
mchId: '',
|
||||
receiverName: '',
|
||||
contactMobile: '',
|
||||
acctNo: '',
|
||||
acctName: '',
|
||||
acctTypeCode: '',
|
||||
acctCertificateNo: '',
|
||||
acctOpenBankCode: '',
|
||||
acctOpenBankName: '',
|
||||
acctClearBankCode: '',
|
||||
// 可选字段
|
||||
licenseNo: '',
|
||||
licenseName: '',
|
||||
legalPersonName: '',
|
||||
legalPersonCertificateNo: '',
|
||||
// 附件列表(初始添加一个空附件)
|
||||
attachList: [{
|
||||
attachType: '',
|
||||
attachName: '',
|
||||
attachStorePath: ''
|
||||
}]
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 获取选中的账户类型标签
|
||||
selectedAccountType() {
|
||||
if (!this.formData.acctTypeCode) return '';
|
||||
const option = this.accountTypeOptions.find(type => type.value === this.formData.acctTypeCode);
|
||||
return option ? option.label : '';
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 添加附件
|
||||
addAttachment() {
|
||||
this.formData.attachList.push({
|
||||
attachType: '',
|
||||
attachName: '',
|
||||
attachStorePath: ''
|
||||
});
|
||||
},
|
||||
|
||||
// 选择账户类型
|
||||
selectAccountType(type) {
|
||||
this.formData.acctTypeCode = type.value;
|
||||
this.showAccountTypePopup = false;
|
||||
},
|
||||
|
||||
// 选择附件类型
|
||||
selectAttachType(index, type) {
|
||||
this.formData.attachList[index].attachType = type.value;
|
||||
this.showAttachTypePopup = -1;
|
||||
},
|
||||
|
||||
// 获取附件类型标签
|
||||
getAttachTypeLabel(typeValue) {
|
||||
if (!typeValue) return '';
|
||||
const option = this.attachTypeOptions.find(type => type.value === typeValue);
|
||||
return option ? option.label : '';
|
||||
},
|
||||
|
||||
// 删除附件
|
||||
removeAttachment(index) {
|
||||
this.formData.attachList.splice(index, 1);
|
||||
// 如果列表为空,添加一个空附件以保持界面显示
|
||||
if (this.formData.attachList.length === 0) {
|
||||
this.formData.attachList.push({
|
||||
attachType: '',
|
||||
attachName: '',
|
||||
attachStorePath: ''
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 上传文件
|
||||
uploadFile(index) {
|
||||
const attachment = this.formData.attachList[index];
|
||||
|
||||
// 检查是否选择了附件类型
|
||||
if (!attachment.attachType) {
|
||||
uni.showToast({
|
||||
title: '请先选择附件类型',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 调用 uni.chooseMessageFile API 选择文件(支持所有文件类型)
|
||||
uni.chooseMessageFile({
|
||||
count: 1,
|
||||
type: 'file',
|
||||
extension: ['pdf', 'doc', 'docx', 'jpg', 'jpeg', 'png'], // 支持的文件类型
|
||||
success: (res) => {
|
||||
const tempFile = res.tempFiles[0];
|
||||
console.log("选择的文件:", tempFile);
|
||||
|
||||
// 如果用户没有填写附件名称,使用选择的文件名
|
||||
if (!attachment.attachName) {
|
||||
attachment.attachName = tempFile.name;
|
||||
}
|
||||
|
||||
// 显示上传中提示
|
||||
uni.showLoading({
|
||||
title: '上传中',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 直接使用uni.uploadFile上传文件
|
||||
uni.uploadFile({
|
||||
url: RequsetUrl + apiArr.upload, // 完整的上传接口URL
|
||||
filePath: tempFile.path, // 文件路径
|
||||
name: 'file', // 文件对应的key,根据后端要求设置
|
||||
formData: {
|
||||
attType: attachment.attachType // 其他表单参数
|
||||
},
|
||||
header: {
|
||||
Authorization: uni.getStorageSync("ctoken") // 添加认证信息
|
||||
},
|
||||
success: (uploadRes) => {
|
||||
// 解析响应数据
|
||||
const res = JSON.parse(uploadRes.data);
|
||||
|
||||
// 更新附件信息
|
||||
attachment.attachStorePath = res.data.respData.attFileId;
|
||||
|
||||
uni.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
});
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('文件上传失败:', error);
|
||||
uni.showToast({
|
||||
title: '上传失败',
|
||||
icon: 'none'
|
||||
});
|
||||
},
|
||||
complete: () => {
|
||||
uni.hideLoading(); // 隐藏加载提示
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('选择文件失败:', err);
|
||||
uni.showToast({
|
||||
title: '选择文件失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 表单验证
|
||||
validateForm() {
|
||||
const { formData } = this;
|
||||
|
||||
// 验证必需字段
|
||||
// if (!formData.mchId) {
|
||||
// uni.showToast({ title: '请输入商户号', icon: 'none' });
|
||||
// return false;
|
||||
// }
|
||||
|
||||
if (!formData.receiverName) {
|
||||
uni.showToast({ title: '请输入分账接收方名称', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.contactMobile) {
|
||||
uni.showToast({ title: '请输入联系手机号', icon: 'none' });
|
||||
return false;
|
||||
} else if (!/^1[3-9]\d{9}$/.test(formData.contactMobile)) {
|
||||
uni.showToast({ title: '请输入正确的手机号格式', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctNo) {
|
||||
uni.showToast({ title: '请输入收款账户卡号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctName) {
|
||||
uni.showToast({ title: '请输入收款账户名称', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctTypeCode) {
|
||||
uni.showToast({ title: '请选择收款账户类型', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctCertificateNo) {
|
||||
uni.showToast({ title: '请输入收款账户证件号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctOpenBankCode) {
|
||||
uni.showToast({ title: '请输入收款账户开户行号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctOpenBankName) {
|
||||
uni.showToast({ title: '请输入收款账户开户行名称', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acctClearBankCode) {
|
||||
uni.showToast({ title: '请输入收款账户清算行行号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
// 表单提交逻辑
|
||||
submitForm() {
|
||||
// 验证表单
|
||||
if (!this.validateForm()) {
|
||||
return;
|
||||
}
|
||||
|
||||
uni.showLoading({
|
||||
title: '提交中...',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 准备请求参数
|
||||
const submitData = {
|
||||
mchId: '000', // 商户号(必需)
|
||||
receiverName: this.formData.receiverName, // 分账接收方名称(必需)
|
||||
contactMobile: this.formData.contactMobile, // 联系手机号(必需)
|
||||
licenseNo: this.formData.licenseNo, // 营业执照号码(可选)
|
||||
licenseName: this.formData.licenseName, // 营业执照名称(可选)
|
||||
legalPersonName: this.formData.legalPersonName, // 法人姓名(可选)
|
||||
legalPersonCertificateNo: this.formData.legalPersonCertificateNo, // 法人证件号(可选)
|
||||
acctNo: this.formData.acctNo, // 收款账户卡号(必需)
|
||||
acctName: this.formData.acctName, // 收款账户名称(必需)
|
||||
acctTypeCode: this.formData.acctTypeCode, // 收款账户类型(必需)
|
||||
acctCertificateNo: this.formData.acctCertificateNo, // 收款账户证件号(必需)
|
||||
acctOpenBankCode: this.formData.acctOpenBankCode, // 收款账户开户行号(必需)
|
||||
acctOpenBankName: this.formData.acctOpenBankName, // 收款账户开户行名称(必需)
|
||||
acctClearBankCode: this.formData.acctClearBankCode // 收款账户清算行行号(必需)
|
||||
};
|
||||
|
||||
// 只添加有attachStorePath的附件到attachList
|
||||
const validAttachments = this.formData.attachList.filter(attach => attach.attachStorePath);
|
||||
if (validAttachments.length > 0) {
|
||||
submitData.attachList = validAttachments.map(attach => ({
|
||||
attachType: attach.attachType,
|
||||
attachName: attach.attachName,
|
||||
attachStorePath: attach.attachStorePath
|
||||
}));
|
||||
}
|
||||
|
||||
console.log('提交的数据:', submitData);
|
||||
|
||||
request(apiArr.applyLedgerReceiver, "POST", submitData).then(res => {
|
||||
uni.hideLoading();
|
||||
|
||||
if (res && res.cmdRetCode === 'SUCCESS') {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
uni.navigateBack();
|
||||
}, 1500);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res?.retMsg || '提交失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
}).catch(error => {
|
||||
uni.hideLoading();
|
||||
console.error('提交失败:', error);
|
||||
uni.showToast({
|
||||
title: '提交失败',
|
||||
icon: 'none'
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
// 重置表单
|
||||
resetForm() {
|
||||
this.formData = {
|
||||
// mchId: '',
|
||||
receiverName: '',
|
||||
contactMobile: '',
|
||||
acctNo: '',
|
||||
acctName: '',
|
||||
acctTypeCode: '',
|
||||
acctCertificateNo: '',
|
||||
acctOpenBankCode: '',
|
||||
acctOpenBankName: '',
|
||||
acctClearBankCode: '',
|
||||
licenseNo: '',
|
||||
licenseName: '',
|
||||
legalPersonName: '',
|
||||
legalPersonCertificateNo: '',
|
||||
attachList: []
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import url("./index.css");
|
||||
</style>
|
||||
@ -15,15 +15,15 @@
|
||||
<view v-if="connectingStatus" class="connecting-status">{{ connectingStatus }}</view>
|
||||
|
||||
<!-- 聊天消息区域 -->
|
||||
<scroll-view class="chat-messages" scroll-y="true"
|
||||
upper-threshold="50" @scrolltoupper="loadMoreHistory" @scroll="onScroll">
|
||||
<scroll-view :scroll-into-view="scrollToView" class="chat-messages" lower-threshold="100" scroll-y="true"
|
||||
upper-threshold="100" @scrolltolower="loadMoreHistory" @scrolltoupper="loadMoreHistory">
|
||||
<!-- 加载历史消息提示 -->
|
||||
<view v-if="isLoadingHistory" class="message-time">加载历史消息...</view>
|
||||
|
||||
<!-- 消息列表 -->
|
||||
<block v-for="(message, index) in messages" :key="index">
|
||||
<!-- 时间分割线 -->
|
||||
<view v-if="needShowTime(index)" class="message-time">{{ message.times }}</view>
|
||||
<view v-if="needShowTime(index)" class="message-time">{{ formatTime(message.time) }}</view>
|
||||
|
||||
<!-- 消息项 -->
|
||||
<view :id="'msg-' + index" :class="{
|
||||
@ -56,8 +56,8 @@
|
||||
|
||||
<script>
|
||||
import { menuButtonInfo, picUrl, request } from '@/utils'
|
||||
import { apiArr } from '@/api/customerService'
|
||||
import mqttTool from '@/utils/mqtt'
|
||||
import { apiArr } from '../../../api/customerService'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
@ -76,7 +76,6 @@ export default {
|
||||
userAvatar: '',
|
||||
// 消息列表
|
||||
messages: [],
|
||||
|
||||
// 输入的消息
|
||||
inputMessage: '',
|
||||
// 是否可以发送消息
|
||||
@ -106,11 +105,9 @@ export default {
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
console.log('客服聊天页面onLoad触发')
|
||||
const meun = menuButtonInfo()
|
||||
this.top = meun.top
|
||||
this.localHeight = meun.height
|
||||
console.log('导航栏信息:top:', this.top, 'height:', this.localHeight)
|
||||
// 获取聊天对象信息
|
||||
if (options.item) {
|
||||
const item = JSON.parse(options.item)
|
||||
@ -122,10 +119,7 @@ export default {
|
||||
this.chatTarget.title = this.chatTarget.employee_name
|
||||
this.getMqttConfig().then(() => {
|
||||
// 获取配置后再初始化聊天
|
||||
console.log('获取MQTT配置成功,开始初始化聊天')
|
||||
this.initChat()
|
||||
}).catch(error => {
|
||||
console.error('获取MQTT配置失败:', error)
|
||||
})
|
||||
} else {
|
||||
// 客服选择聊天列表进来
|
||||
@ -139,21 +133,17 @@ export default {
|
||||
this.chatTarget.openId = this.chatTarget.client_id_one
|
||||
}
|
||||
// 初始化MQTT连接
|
||||
console.log('开始初始化聊天')
|
||||
this.initChat()
|
||||
}
|
||||
} else {
|
||||
console.log('没有接收到参数item')
|
||||
}
|
||||
// 初始化用户头像
|
||||
this.userAvatar = picUrl + uni.getStorageSync('headPhoto')
|
||||
console.log('用户头像:', this.userAvatar)
|
||||
},
|
||||
onShow() {
|
||||
},
|
||||
methods: {
|
||||
getAvatarUrl(record) {
|
||||
return this.chatTarget.employee_image ? this.chatTarget.employee_image : 'https://static.hshuishang.com/defaultTx.png'
|
||||
return this.chatTarget.employee_image ? this.chatTarget.employee_image : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/defaultTx.png'
|
||||
},
|
||||
async connect() {
|
||||
this.client = null
|
||||
@ -232,11 +222,7 @@ export default {
|
||||
// 连接成功后启动心跳包
|
||||
this.startKeepalive()
|
||||
// 连接成功后立即加载历史消息
|
||||
console.log('连接成功,开始加载历史消息')
|
||||
await this.loadHistoryMessages()
|
||||
console.log('历史消息加载完成,消息数量:', this.messages.length)
|
||||
|
||||
|
||||
} catch (error) {
|
||||
console.error('初始化聊天失败', error)
|
||||
this.connectingStatus = '连接失败,请检查网络'
|
||||
@ -305,23 +291,16 @@ export default {
|
||||
|
||||
// 加载历史消息
|
||||
async loadHistoryMessages() {
|
||||
console.log('loadHistoryMessages方法调用')
|
||||
console.log('加载条件检查:hasMoreHistory:', this.hasMoreHistory, 'isLoadingHistory:', this.isLoadingHistory)
|
||||
|
||||
if (!this.hasMoreHistory || this.isLoadingHistory) {
|
||||
console.log('不满足加载条件:hasMoreHistory:', this.hasMoreHistory, 'isLoadingHistory:', this.isLoadingHistory)
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
this.isLoadingHistory = true
|
||||
console.log('开始加载历史消息,当前页码:', this.pageNum)
|
||||
|
||||
// 确保已经获取了mqttConfig.bindId
|
||||
if (!this.chatTarget.bindId) {
|
||||
console.log('没有bindId,开始获取MQTT配置')
|
||||
await this.getMqttConfig()
|
||||
console.log('获取MQTT配置成功,bindId:', this.chatTarget.bindId)
|
||||
}
|
||||
|
||||
const params = {
|
||||
@ -335,13 +314,11 @@ export default {
|
||||
const res = await request(apiArr.csGetMsgRecord, 'POST', params)
|
||||
|
||||
console.log('历史消息返回结果:', res)
|
||||
if (res && res.msg_record) {
|
||||
const historyMessages = res.msg_record
|
||||
if (res && res.code === 1 && res.data && res.data.msg_record) {
|
||||
const historyMessages = res.data.msg_record
|
||||
|
||||
console.log('原始历史消息数量:', historyMessages.length)
|
||||
// 如果没有更多历史消息了
|
||||
if (historyMessages.length === 0) {
|
||||
console.log('没有更多历史消息了')
|
||||
this.hasMoreHistory = false
|
||||
return
|
||||
}
|
||||
@ -350,74 +327,30 @@ export default {
|
||||
const formattedMessages = historyMessages.map(msg => ({
|
||||
content: msg.content,
|
||||
time: new Date(msg.create_time).getTime(),
|
||||
times: msg.update_time,
|
||||
isSelf: msg.send_client === this.selfClientId, // 修正判断条件
|
||||
isLoading: false
|
||||
})).reverse(); // 反转消息顺序,确保最早的消息在最前面
|
||||
|
||||
console.log('格式化后的历史消息:', formattedMessages)
|
||||
// 将格式化后的历史消息添加到消息列表开头
|
||||
const previousMessageCount = this.messages.length;
|
||||
console.log('添加前消息数量:', previousMessageCount)
|
||||
this.messages = [...formattedMessages, ...this.messages];
|
||||
console.log('添加后消息数量:', this.messages.length)
|
||||
this.messages = [...formattedMessages, ...this.messages]
|
||||
|
||||
// 增加页码
|
||||
this.pageNum++;
|
||||
console.log('下一页页码:', this.pageNum)
|
||||
|
||||
// 如果是首次加载,滚动到底部显示最新消息
|
||||
if (previousMessageCount === 0) {
|
||||
setTimeout(() => {
|
||||
console.log('首次加载,滚动到底部,消息数量:', this.messages.length)
|
||||
// 使用更可靠的滚动方式
|
||||
uni.pageScrollTo({
|
||||
scrollTop: 999999,
|
||||
duration: 300
|
||||
});
|
||||
}, 100);
|
||||
} else {
|
||||
// 不是首次加载时,保持当前滚动位置,不自动滚动到底部
|
||||
// 确保新加载的历史消息在顶部可见
|
||||
console.log('非首次加载,新增消息数量:', formattedMessages.length)
|
||||
}
|
||||
} else {
|
||||
console.log('接口返回数据格式不正确或无消息记录')
|
||||
// 仅当不是第一页时才设置hasMoreHistory为false
|
||||
if (this.pageNum > 1) {
|
||||
this.hasMoreHistory = false
|
||||
}
|
||||
this.pageNum++
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('加载历史消息失败', error)
|
||||
} finally {
|
||||
this.isLoadingHistory = false
|
||||
console.log('加载历史消息结束')
|
||||
}
|
||||
},
|
||||
|
||||
// 滚动事件监听
|
||||
onScroll(e) {
|
||||
console.log('滚动事件触发,scrollTop:', e.detail.scrollTop)
|
||||
},
|
||||
|
||||
// 加载更多历史消息
|
||||
loadMoreHistory() {
|
||||
console.log('滚动到顶部事件触发')
|
||||
// 滚动到顶部时加载更多历史消息
|
||||
console.log('当前条件:isLoadingHistory:', this.isLoadingHistory, 'hasMoreHistory:', this.hasMoreHistory, 'pageNum:', this.pageNum)
|
||||
|
||||
// 重置hasMoreHistory为true,确保可以继续加载
|
||||
if (!this.hasMoreHistory && this.pageNum === 1) {
|
||||
console.log('重置hasMoreHistory为true')
|
||||
this.hasMoreHistory = true
|
||||
}
|
||||
|
||||
if (!this.isLoadingHistory && this.hasMoreHistory) {
|
||||
console.log('开始加载更多历史消息')
|
||||
this.loadHistoryMessages()
|
||||
} else {
|
||||
console.log('不满足加载更多条件:isLoadingHistory:', this.isLoadingHistory, 'hasMoreHistory:', this.hasMoreHistory)
|
||||
loadMoreHistory(e) {
|
||||
// 当滚动到顶部时加载更多历史消息
|
||||
if (e && e.detail.direction === 'top') {
|
||||
if (!this.isLoadingHistory && this.hasMoreHistory) {
|
||||
this.loadHistoryMessages()
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@ -500,11 +433,7 @@ export default {
|
||||
// 滚动到底部
|
||||
scrollToBottom() {
|
||||
setTimeout(() => {
|
||||
console.log('手动滚动到底部')
|
||||
uni.pageScrollTo({
|
||||
scrollTop: 999999,
|
||||
duration: 300
|
||||
});
|
||||
this.scrollToView = 'msg-' + (this.messages.length - 1)
|
||||
}, 100)
|
||||
},
|
||||
|
||||
@ -585,10 +514,4 @@ export default {
|
||||
|
||||
<style>
|
||||
@import url("./index.css");
|
||||
</style>
|
||||
<style scoped>
|
||||
:root {
|
||||
--header-height: 80px; /* 头部高度 */
|
||||
--input-height: 80px; /* 输入区域高度 */
|
||||
}
|
||||
</style>
|
||||
@ -1,246 +0,0 @@
|
||||
/* 合同申请表单样式 */
|
||||
.contract-apply-container {
|
||||
padding: 30rpx;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
margin-bottom: 15rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
page {
|
||||
padding-bottom: 0rpx;
|
||||
}
|
||||
|
||||
.page-header h1 {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.download-btn{
|
||||
height: 65rpx;
|
||||
border: none;
|
||||
border-radius: 10rpx;
|
||||
line-height: 65rpx;
|
||||
background-color: #409eff;
|
||||
color: #fff;
|
||||
margin-right: 0rpx;
|
||||
}
|
||||
|
||||
.page-header .subtitle {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.contract-form {
|
||||
background-color: #fff;
|
||||
border-radius: 10rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
margin-bottom: 10rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.form-label.required::after {
|
||||
content: '*';
|
||||
color: #e64340;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
|
||||
.form-input,
|
||||
.form-select {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
border: 1rpx solid #d9d9d9;
|
||||
border-radius: 8rpx;
|
||||
padding: 0 20rpx;
|
||||
font-size: 28rpx;
|
||||
box-sizing: border-box;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
.form-input:focus,
|
||||
.form-select:focus {
|
||||
border-color: #409eff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.form-select {
|
||||
appearance: none;
|
||||
background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="%23999" d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg>') no-repeat right 20rpx center;
|
||||
background-size: 24rpx 24rpx;
|
||||
}
|
||||
|
||||
.bottom-btn{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* 按钮样式 */
|
||||
.sign-btn,
|
||||
.submit-btn1,
|
||||
.submit-btn {
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
border: none;
|
||||
border-radius: 45rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20rpx;
|
||||
transition: all 0.3s;
|
||||
line-height: 90rpx;
|
||||
}
|
||||
|
||||
.sign-btn {
|
||||
background-color: #f0f0f0;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.sign-btn:active {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background-color: #409eff;
|
||||
color: #fff;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
|
||||
.submit-btn1 {
|
||||
background-color: #ff4016;
|
||||
color: #fff;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
|
||||
.submit-btn:active {
|
||||
background-color: #66b1ff;
|
||||
}
|
||||
|
||||
/* 响应式调整 */
|
||||
@media screen and (max-width: 768px) {
|
||||
.contract-apply-container {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.contract-form {
|
||||
padding: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* 自定义弹窗样式 */
|
||||
.custom-modal-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.custom-modal {
|
||||
width: 100%;
|
||||
max-width: 650rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
padding: 30rpx;
|
||||
border-bottom: 2rpx solid #f0f0f0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.modal-header h3 {
|
||||
margin: 0;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 40rpx;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
padding: 40rpx 30rpx;
|
||||
}
|
||||
|
||||
.modal-content p {
|
||||
margin: 0 0 30rpx 0;
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.link-container {
|
||||
background-color: #f5f5f5;
|
||||
padding: 20rpx;
|
||||
border-radius: 8rpx;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.link-text {
|
||||
color: #007aff;
|
||||
font-size: 26rpx;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
padding: 0 30rpx 30rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
border: none;
|
||||
line-height: 80rpx;
|
||||
border-radius: 8rpx;
|
||||
font-size: 28rpx;
|
||||
cursor: pointer;
|
||||
min-width: 200rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
|
||||
.confirm-btn2 {
|
||||
border: none;
|
||||
line-height: 80rpx;
|
||||
border-radius: 8rpx;
|
||||
font-size: 28rpx;
|
||||
cursor: pointer;
|
||||
min-width: 200rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
@ -1,459 +0,0 @@
|
||||
<template>
|
||||
<view class="contract-apply-container">
|
||||
<view class="page-header">
|
||||
<h1>合同申请</h1>
|
||||
<button type="button" class="download-btn" @click="download">合同下载</button>
|
||||
</view>
|
||||
|
||||
<form class="contract-form">
|
||||
|
||||
<!-- 合同类别 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">合同类别</view>
|
||||
<view class="form-input-wrapper">
|
||||
<view class="form-select" @click="handleEcTypeClick">
|
||||
{{ getEcTypeLabel({ value: formData.ec_type_code }) || formData.ec_type_code || '请选择合同类别' }}
|
||||
</view>
|
||||
<u-picker :show="showEcTypePicker" :columns="[ecTypeOptions]" keyName="label" @confirm="onEcTypeConfirm"
|
||||
@cancel="showEcTypePicker = false" @close="showEcTypePicker = false" :closeOnClickOverlay="true"></u-picker>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 法人/经营者证件类型 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">法人/经营者证件类型</view>
|
||||
<view class="form-input-wrapper">
|
||||
<view class="form-select" @click="handleCertTypeClick">
|
||||
{{ getCertTypeLabel(formData.cert_type) || '请选择证件类型' }}
|
||||
</view>
|
||||
<u-picker :show="showCertTypePicker" :columns="[certTypeOptions]" keyName="label" @confirm="onCertTypeConfirm"
|
||||
@cancel="showCertTypePicker = false" @close="showCertTypePicker = false"
|
||||
:closeOnClickOverlay="true"></u-picker>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 法人/经营者姓名 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">法人/经营者姓名</view>
|
||||
<input type="text" class="form-input" v-model="formData.cert_name" placeholder="请输入姓名" />
|
||||
</view>
|
||||
|
||||
<!-- 法人/经营者证件号码 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">法人/经营者证件号码</view>
|
||||
<input type="text" class="form-input" v-model="formData.cert_no" placeholder="请输入证件号码" />
|
||||
</view>
|
||||
|
||||
<!-- 签约手机号 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">签约手机号</view>
|
||||
<input type="tel" class="form-input" v-model="formData.mobile" placeholder="请输入手机号" />
|
||||
</view>
|
||||
|
||||
<!-- 营业执照号 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label">营业执照号</view>
|
||||
<input type="text" class="form-input" v-model="formData.business_license_no" placeholder="请输入营业执照号(可选)" />
|
||||
</view>
|
||||
|
||||
<!-- 营业执照名称 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label">营业执照名称</view>
|
||||
<input type="text" class="form-input" v-model="formData.business_license_name" placeholder="请输入营业执照名称(可选)" />
|
||||
</view>
|
||||
|
||||
<!-- 企业/经营者结算开户行号 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">企业/经营者结算开户行号</view>
|
||||
<input type="text" class="form-input" v-model="formData.openning_bank_code" placeholder="请输入开户行号" />
|
||||
</view>
|
||||
|
||||
<!-- 企业/经营者结算开户行名称 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">企业/经营者结算开户行名称</view>
|
||||
<input type="text" class="form-input" v-model="formData.openning_bank_name" placeholder="请输入开户行名称" />
|
||||
</view>
|
||||
|
||||
<!-- 企业/经营者结算卡性质 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">企业/经营者结算卡性质</view>
|
||||
<view class="form-input-wrapper">
|
||||
<view class="form-select" @click="handleAcctTypeClick">
|
||||
{{ formData.acct_type_code ? (formData.acct_type_code === '57' ? '对公' : '对私') : '请选择结算卡性质' }}
|
||||
</view>
|
||||
<u-picker :show="showAcctTypePicker" :columns="[acctTypeOptions]" keyName="label" @confirm="onAcctTypeConfirm"
|
||||
@cancel="showAcctTypePicker = false" @close="showAcctTypePicker = false"
|
||||
:closeOnClickOverlay="true"></u-picker>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 企业/经营者结算卡号 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">企业/经营者结算卡号</view>
|
||||
<input type="text" class="form-input" v-model="formData.acct_no" placeholder="请输入结算卡号" />
|
||||
</view>
|
||||
|
||||
<!-- 企业/经营者结算卡名称 -->
|
||||
<view class="form-item">
|
||||
<view class="form-label required">企业/经营者结算卡名称</view>
|
||||
<input type="text" class="form-input" v-model="formData.acct_name" placeholder="请输入结算卡名称" />
|
||||
</view>
|
||||
|
||||
<!-- 签署协议按钮 -->
|
||||
<button type="button" class="sign-btn" @click="goToSignAgreement">签署协议</button>
|
||||
|
||||
<!-- 提交申请按钮 -->
|
||||
<view class="bottom-btn">
|
||||
<button type="button" class="submit-btn1" @click="ecQuery">结果查询</button>
|
||||
<button type="button" class="submit-btn" @click="submitApplication">提交申请</button>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
<!-- 自定义弹窗 -->
|
||||
<view v-if="showCustomModal" class="custom-modal-overlay" @click="closeModal">
|
||||
<view class="custom-modal" @click.stop>
|
||||
<view class="modal-content">
|
||||
<p>查询结果前请先确认是否在以下页面中填写信息</p>
|
||||
<view class="link-container">
|
||||
<text class="link-text" @click="openApplyUrl">{{ applyUrl || '暂无链接' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="modal-footer">
|
||||
<button type="button" class="confirm-btn2" @click="closeModal">取消</button>
|
||||
<button type="button" class="confirm-btn" @click="confirmQuery">确认</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { picUrl, menuButtonInfo, request, NavgateTo, RequsetUrl } from "../../../utils";
|
||||
import { apiArr } from "../../../api/contract";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
ec_type_code: 'Ec007',
|
||||
cert_type: '',
|
||||
cert_name: '',
|
||||
cert_no: '',
|
||||
mobile: '',
|
||||
business_license_no: '',
|
||||
business_license_name: '',
|
||||
openning_bank_code: '',
|
||||
openning_bank_name: '',
|
||||
acct_type_code: '',
|
||||
acct_no: '',
|
||||
acct_name: '',
|
||||
ec_content_parameters: '',
|
||||
},
|
||||
// picker显示状态
|
||||
showEcTypePicker: false,
|
||||
showCertTypePicker: false,
|
||||
showAcctTypePicker: false,
|
||||
// picker选项数据
|
||||
ecTypeOptions: [
|
||||
{ label: '特约商户支付服务合作协议V4.1 + 结算授权委托书', value: 'Ec007' }
|
||||
],
|
||||
certTypeOptions: [
|
||||
{ label: '身份证', value: 'RESIDENT_ID' },
|
||||
{ label: '护照', value: 'PASSPORT' },
|
||||
{ label: '港澳居民往来内地通行证', value: 'HK_MACAO_PASS' },
|
||||
{ label: '台湾居民来往大陆通行证', value: 'TAIWAN_PASS' }
|
||||
],
|
||||
acctTypeOptions: [
|
||||
{ label: '对公', value: '57' },
|
||||
{ label: '对私', value: '58' }
|
||||
],
|
||||
// 自定义弹窗状态
|
||||
showCustomModal: false,
|
||||
applyUrl: ''
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
// 如果从上一个页面返回并携带了ec_content参数,则设置
|
||||
if (options.ec_content) {
|
||||
this.formData.ec_content_parameters = options.ec_content;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//下载合同
|
||||
download() {
|
||||
const storeValue = uni.getStorageSync('storeValue');
|
||||
if (!storeValue || !storeValue.ec_apply_id) {
|
||||
uni.showToast({
|
||||
title: '请先提交申请',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
const params = {
|
||||
ec_apply_id: storeValue.ec_apply_id
|
||||
};
|
||||
|
||||
uni.showLoading({
|
||||
title: '下载中',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 构建完整的下载URL
|
||||
const downloadUrl = `${RequsetUrl}${apiArr.ecDownload}?ec_apply_id=${storeValue.ec_apply_id}`;
|
||||
|
||||
// 调用uni.downloadFile进行文件下载
|
||||
uni.downloadFile({
|
||||
url: downloadUrl,
|
||||
header: {
|
||||
'Authorization': uni.getStorageSync('ctoken')
|
||||
},
|
||||
success: (res) => {
|
||||
uni.hideLoading();
|
||||
// 下载成功,保存文件到本地
|
||||
uni.saveFile({
|
||||
tempFilePath: res.tempFilePath,
|
||||
success: (saveRes) => {
|
||||
uni.showToast({
|
||||
title: '下载成功',
|
||||
icon: 'success'
|
||||
});
|
||||
// 提示用户打开文件
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '合同已下载完成,是否立即打开?',
|
||||
success: (modalRes) => {
|
||||
if (modalRes.confirm) {
|
||||
// 打开文件
|
||||
uni.openDocument({
|
||||
filePath: saveRes.savedFilePath,
|
||||
showMenu: true,
|
||||
success: (openRes) => {
|
||||
console.log('文件打开成功');
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('文件打开失败:', err);
|
||||
uni.showToast({
|
||||
title: '文件打开失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('文件保存失败:', err);
|
||||
uni.showToast({
|
||||
title: '文件保存失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
uni.hideLoading();
|
||||
console.error('下载请求失败:', err);
|
||||
uni.showToast({
|
||||
title: '下载失败,请稍后重试',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 合同查询
|
||||
ecQuery() {
|
||||
// 显示自定义弹窗
|
||||
this.applyUrl = uni.getStorageSync('applyUrl');
|
||||
this.showCustomModal = true;
|
||||
},
|
||||
|
||||
// 关闭自定义弹窗
|
||||
closeModal() {
|
||||
this.showCustomModal = false;
|
||||
},
|
||||
|
||||
// 打开申请链接
|
||||
openApplyUrl() {
|
||||
if (this.applyUrl) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/webview/webview?url=${encodeURIComponent(this.applyUrl)}`
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 确认查询
|
||||
confirmQuery() {
|
||||
this.showCustomModal = false;
|
||||
|
||||
// 继续查询流程
|
||||
const storeValue = uni.getStorageSync('storeValue');
|
||||
if (!storeValue || !storeValue.ec_apply_id) {
|
||||
uni.showToast({
|
||||
title: '请先提交申请',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
const params = {
|
||||
ec_apply_id: storeValue.ec_apply_id
|
||||
}
|
||||
request(apiArr.ecQuery, "POST", params).then(res => {
|
||||
if (res.resp_data.ec_status === 'COMPLETED') {
|
||||
uni.showToast({
|
||||
title: '申请通过',
|
||||
icon: 'success'
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '申请未通过',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 获取合同类别显示文本
|
||||
getEcTypeLabel(code) {
|
||||
// 兼容直接传入value或者包含value属性的对象
|
||||
const targetValue = typeof code === 'string' ? code : (code && code.value ? code.value : code);
|
||||
const option = this.ecTypeOptions.find(item => item.value === targetValue);
|
||||
return option ? option.label : null;
|
||||
},
|
||||
// 获取证件类型显示文本
|
||||
getCertTypeLabel(type) {
|
||||
const option = this.certTypeOptions.find(item => item.value === type);
|
||||
return option ? option.label : null;
|
||||
},
|
||||
// 调试点击事件
|
||||
handleEcTypeClick() {
|
||||
this.showEcTypePicker = true;
|
||||
},
|
||||
handleCertTypeClick() {
|
||||
this.showCertTypePicker = true;
|
||||
},
|
||||
handleAcctTypeClick() {
|
||||
this.showAcctTypePicker = true;
|
||||
},
|
||||
// 合同类别选择确认
|
||||
onEcTypeConfirm(e) {
|
||||
const selectedValue = e.value[0];
|
||||
// 查找对应的选项对象
|
||||
const selectedOption = this.ecTypeOptions.find(item => item.value === selectedValue);
|
||||
this.formData.ec_type_code = selectedOption ? selectedOption.value : selectedValue;
|
||||
this.showEcTypePicker = false;
|
||||
},
|
||||
// 证件类型选择确认
|
||||
onCertTypeConfirm(e) {
|
||||
const selectedValue = e.value[0];
|
||||
const selectedOption = this.certTypeOptions.find(item => item.value === selectedValue.value);
|
||||
this.formData.cert_type = selectedOption ? selectedOption.value : selectedValue;
|
||||
this.showCertTypePicker = false;
|
||||
},
|
||||
// 结算卡性质选择确认
|
||||
onAcctTypeConfirm(e) {
|
||||
const selectedValue = e.value[0];
|
||||
const selectedOption = this.acctTypeOptions.find(item => item.value === selectedValue.value);
|
||||
this.formData.acct_type_code = selectedOption ? selectedOption.value : selectedValue;
|
||||
this.showAcctTypePicker = false;
|
||||
},
|
||||
goToSignAgreement() {
|
||||
NavgateTo('/packages/customerService/contract/index', {
|
||||
// 监听协议页面传递回来的数据
|
||||
onAgreementSigned: (data) => {
|
||||
if (data && data.ec_content) {
|
||||
this.formData.ec_content_parameters = data.ec_content;
|
||||
uni.showToast({
|
||||
title: '协议签署成功',
|
||||
icon: 'success'
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
submitApplication() {
|
||||
// 表单验证
|
||||
if (!this.validateForm()) {
|
||||
return;
|
||||
}
|
||||
request(apiArr.ecApply, "POST", this.formData).then(res => {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
});
|
||||
uni.setStorageSync('storeValue', { ec_apply_id: res.resp_data.ec_apply_id });
|
||||
uni.setStorageSync('applyUrl', res.resp_data.result_url);
|
||||
})
|
||||
},
|
||||
|
||||
// 表单验证方法
|
||||
validateForm() {
|
||||
const { formData } = this;
|
||||
|
||||
if (!formData.ec_type_code) {
|
||||
uni.showToast({ title: '请选择合同类别', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.cert_type) {
|
||||
uni.showToast({ title: '请选择法人/经营者证件类型', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.cert_name) {
|
||||
uni.showToast({ title: '请输入法人/经营者姓名', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.cert_no) {
|
||||
uni.showToast({ title: '请输入法人/经营者证件号码', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
// 验证手机号格式
|
||||
if (!formData.mobile) {
|
||||
uni.showToast({ title: '请输入签约手机号', icon: 'none' });
|
||||
return false;
|
||||
} else if (!/^1[3-9]\d{9}$/.test(formData.mobile)) {
|
||||
uni.showToast({ title: '手机号格式不正确', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.openning_bank_code) {
|
||||
uni.showToast({ title: '请输入企业/经营者结算开户行号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.openning_bank_name) {
|
||||
uni.showToast({ title: '请输入企业/经营者结算开户行名称', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acct_type_code) {
|
||||
uni.showToast({ title: '请选择企业/经营者结算卡性质', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acct_no) {
|
||||
uni.showToast({ title: '请输入企业/经营者结算卡号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.acct_name) {
|
||||
uni.showToast({ title: '请输入企业/经营者结算卡名称', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!formData.ec_content_parameters) {
|
||||
uni.showToast({ title: '请先点击签署协议并完成协议签署', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import url("./index.css");
|
||||
</style>
|
||||
@ -16,7 +16,7 @@
|
||||
</view>
|
||||
<div class="iptBox">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||
></image>
|
||||
<u--input
|
||||
placeholder="请输入内容"
|
||||
@ -31,35 +31,35 @@
|
||||
<div class="FilterItem" @click="showDialog(1)">
|
||||
附近
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="showDialog(2)">
|
||||
综合
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="showDialog(3)">
|
||||
排序
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="showDialog(4)">
|
||||
分类
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="showDialog(5)">
|
||||
性别
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
</div>
|
||||
@ -67,7 +67,7 @@
|
||||
<div class="Filter_right">
|
||||
筛选
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filter.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filter.png"
|
||||
></image>
|
||||
</div>
|
||||
</div>
|
||||
@ -155,11 +155,11 @@
|
||||
<div class="MasterItem" v-for="(item, index) in 3" :key="index">
|
||||
<div class="MasterItem_left">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/community_providentFund_Group_1444.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Group_1444.png"
|
||||
></image>
|
||||
<image
|
||||
v-if="false"
|
||||
src="https://static.hshuishang.com/property-img-file/community_providentFund_Ellipse_160.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Ellipse_160.png"
|
||||
>
|
||||
</image>
|
||||
</div>
|
||||
@ -167,7 +167,7 @@
|
||||
<div class="MasterItem_info">
|
||||
<div class="MasterItem_Info_left">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/home_icon12.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"
|
||||
></image>
|
||||
<div class="state state1">待服务</div>
|
||||
<div class="state state2" v-if="false">休息中</div>
|
||||
@ -178,18 +178,18 @@
|
||||
林师傅
|
||||
<image
|
||||
class="Medal"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_Champion.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png"
|
||||
>
|
||||
</image>
|
||||
<image
|
||||
class="Medal"
|
||||
v-if="false"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_RunnerUp.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png"
|
||||
>
|
||||
</image>
|
||||
<image
|
||||
class="star"
|
||||
src="https://static.hshuishang.com/property-img-file/local_start1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"
|
||||
></image>
|
||||
<span>4.8</span>
|
||||
</div>
|
||||
@ -211,13 +211,13 @@
|
||||
|
||||
<div class="MasterItem_Info_right_6">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<view class="location" @click="chooseLocation">
|
||||
<image
|
||||
id="local"
|
||||
src="https://static.hshuishang.com/property-img-file/local_localIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
|
||||
mode="aspectFill"
|
||||
></image>
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
</view>
|
||||
<view class="search-box">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||
class="search-icon"
|
||||
></image>
|
||||
<input class="search-placeholder" placeholder="请输入您要找的服务" />
|
||||
@ -44,7 +44,7 @@
|
||||
>
|
||||
<view id="top" style="height: 1px; opacity: 0"></view>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/guanggao4.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/guanggao4.png"
|
||||
class="content-img"
|
||||
></image>
|
||||
<view
|
||||
@ -138,23 +138,23 @@ export default {
|
||||
serviceCategories: [
|
||||
{
|
||||
name: "家电维修",
|
||||
icon: "https://static.hshuishang.com/property-img-file/index_top3.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_top3.png",
|
||||
},
|
||||
{
|
||||
name: "数码维修",
|
||||
icon: "https://static.hshuishang.com/property-img-file/index_top3.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_top3.png",
|
||||
},
|
||||
{
|
||||
name: "电器清洗",
|
||||
icon: "https://static.hshuishang.com/property-img-file/index_top3.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_top3.png",
|
||||
},
|
||||
{
|
||||
name: "洗衣洗鞋",
|
||||
icon: "https://static.hshuishang.com/property-img-file/index_top3.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_top3.png",
|
||||
},
|
||||
{
|
||||
name: "精细擦窗",
|
||||
icon: "https://static.hshuishang.com/property-img-file/index_top3.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_top3.png",
|
||||
},
|
||||
],
|
||||
currentIndex: 0,
|
||||
|
||||
@ -386,7 +386,7 @@
|
||||
height: 100rpx;
|
||||
position: fixed;
|
||||
right: 33rpx;
|
||||
bottom: 100rpx;
|
||||
bottom: 320rpx;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
|
||||
</view>
|
||||
<view class="search-box" @click="searchService">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||
class="search-icon" mode="aspectFit"></image>
|
||||
<text class="search-placeholder">请输入您要找的服务</text>
|
||||
</view>
|
||||
@ -45,12 +45,12 @@
|
||||
<view class="announcement-flex">
|
||||
到家
|
||||
<text class="announcement-title"> 公告</text>
|
||||
<image src="https://static.hshuishang.com/property-img-file/index_notice1.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_notice1.png"
|
||||
class="announcement-img" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="hrStyle">|</view>
|
||||
<text class="announcement-content">公告内容公告内容公告内容公告内容...</text>
|
||||
<image src="https://static.hshuishang.com/property-img-file/index_notice2.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_notice2.png"
|
||||
class="arrow-right" @click="lookNotice" mode="aspectFit"></image>
|
||||
</view>
|
||||
|
||||
@ -58,7 +58,7 @@
|
||||
<view class="serverList">
|
||||
<view class="serverList_left">
|
||||
<!-- <view> -->
|
||||
<image src="https://static.hshuishang.com/property-img-file/guanggao1.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/guanggao1.png"
|
||||
mode="aspectFit" />
|
||||
<!-- <swiper-item v-for="(item, index) in homeLeftList" :key="index">
|
||||
<image :src="item.pic_src" alt="" mode="aspectFit" />
|
||||
@ -75,14 +75,14 @@
|
||||
|
||||
<!-- 立即联系 -->
|
||||
<view class="contact-section" @click="contactService">
|
||||
<image src="https://static.hshuishang.com/property-img-file/index_kefu1.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_kefu1.png"
|
||||
class="contact-icon"></image>
|
||||
<view class="contact-text">
|
||||
<text class="contact-title">立即联系</text>
|
||||
<br />
|
||||
<text class="contact-subtitle">未找到您需要的服务?</text>
|
||||
</view>
|
||||
<image src="https://static.hshuishang.com/property-img-file/index_kefu2.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_kefu2.png"
|
||||
class="contact-icon2"></image>
|
||||
</view>
|
||||
<view class="interval"></view>
|
||||
@ -90,19 +90,19 @@
|
||||
<!-- 推荐热门服务 -->
|
||||
<view class="hot-services">
|
||||
<view class="section-header">
|
||||
<image src="https://static.hshuishang.com/property-img-file/index_bottom1.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_bottom1.png"
|
||||
class="section-arrow"></image>
|
||||
<text class="section-title">推荐热门服务</text>
|
||||
</view>
|
||||
<view class="service-list">
|
||||
<view class="service-card" v-for="(service, index) in hotServiceList" :key="index">
|
||||
<image src="https://static.hshuishang.com/property-img-file/ceshi.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/ceshi.png"
|
||||
class="service-image"></image>
|
||||
<view class="service-info">
|
||||
<view class="service-info-left">
|
||||
<view class="service-info-left-top">
|
||||
<text class="service-name">{{ service.name }}</text>
|
||||
<image src="https://static.hshuishang.com/property-img-file/index_bottom2.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_bottom2.png"
|
||||
class="service-image2"></image>
|
||||
<text class="service-tag">{{ service.tag }}</text>
|
||||
</view>
|
||||
@ -127,7 +127,7 @@
|
||||
<!-- 回到顶部 -->
|
||||
<div class="toUp" @click="scrollToTop">
|
||||
<u-badge numberType="limit" type="error" max="99" :value="value"></u-badge>
|
||||
<image src="https://static.hshuishang.com/property-img-file/toUp.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/toUp.png"></image>
|
||||
</div>
|
||||
</view>
|
||||
</template>
|
||||
@ -158,17 +158,17 @@ export default {
|
||||
homeLeftList: [
|
||||
{
|
||||
title: "",
|
||||
pic_src: "https://static.hshuishang.com/property-img-file/guanggao1.png",
|
||||
pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/guanggao1.png",
|
||||
},
|
||||
],
|
||||
homeRightList: [
|
||||
{
|
||||
title: "",
|
||||
pic_src: "https://static.hshuishang.com/property-img-file/guanggao2.png",
|
||||
pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/guanggao2.png",
|
||||
},
|
||||
{
|
||||
title: "",
|
||||
pic_src: "https://static.hshuishang.com/property-img-file/guanggao3.png",
|
||||
pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/guanggao3.png",
|
||||
},
|
||||
],
|
||||
// 热门服务数据
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
<swiper>
|
||||
<swiper-item>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_banner.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_banner.png"
|
||||
></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
@ -44,7 +44,7 @@
|
||||
<div class="master_info">
|
||||
<div class="master_info_left">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/home_icon12.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"
|
||||
></image>
|
||||
<div class="state state1">待服务</div>
|
||||
<div class="state state2" v-if="false">休息中</div>
|
||||
@ -55,17 +55,17 @@
|
||||
林师傅
|
||||
<image
|
||||
class="Medal"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_Champion.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png"
|
||||
></image>
|
||||
<image
|
||||
class="Medal"
|
||||
v-if="false"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_RunnerUp.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png"
|
||||
>
|
||||
</image>
|
||||
<image
|
||||
class="star"
|
||||
src="https://static.hshuishang.com/property-img-file/local_start1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"
|
||||
></image>
|
||||
<span>4.8</span>
|
||||
</div>
|
||||
@ -110,28 +110,28 @@
|
||||
<div class="master_msg">
|
||||
<div class="master_msg_item">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon1.png"
|
||||
></image>
|
||||
<div class="master_msg_itemText">52岁</div>
|
||||
<div>广东梅州人</div>
|
||||
</div>
|
||||
<div class="master_msg_item">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon2.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon2.png"
|
||||
></image>
|
||||
<div class="master_msg_itemText">5-10年</div>
|
||||
<div>服务经验</div>
|
||||
</div>
|
||||
<div class="master_msg_item">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon3.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon3.png"
|
||||
></image>
|
||||
<div class="master_msg_itemText">500+</div>
|
||||
<div>成功预约</div>
|
||||
</div>
|
||||
<div class="master_msg_item">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon4.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon4.png"
|
||||
></image>
|
||||
<div class="master_msg_itemText">100+</div>
|
||||
<div>用户评价</div>
|
||||
@ -149,7 +149,7 @@
|
||||
<div class="imgList">
|
||||
<div class="imgItem" v-for="(item, index) in 5" :key="index">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
</div>
|
||||
</div>
|
||||
@ -160,7 +160,7 @@
|
||||
<div class="master_info mt20" v-for="(item, index) in 3" :key="index">
|
||||
<div class="master_info_left">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/home_icon12.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"
|
||||
></image>
|
||||
<div class="state state1">待服务</div>
|
||||
<div class="state state2" v-if="false">休息中</div>
|
||||
@ -172,17 +172,17 @@
|
||||
林师傅
|
||||
<image
|
||||
class="Medal"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_Champion.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png"
|
||||
></image>
|
||||
<image
|
||||
class="Medal"
|
||||
v-if="false"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_RunnerUp.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png"
|
||||
>
|
||||
</image>
|
||||
<image
|
||||
class="star"
|
||||
src="https://static.hshuishang.com/property-img-file/local_start1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"
|
||||
></image>
|
||||
<span>4.8</span>
|
||||
</div>
|
||||
@ -215,7 +215,7 @@
|
||||
<div class="master_info">
|
||||
<div class="master_info_left">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/home_icon12.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"
|
||||
></image>
|
||||
<div class="state state1">待服务</div>
|
||||
<div class="state state2" v-if="false">休息中</div>
|
||||
@ -226,17 +226,17 @@
|
||||
林师傅
|
||||
<image
|
||||
class="Medal"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_Champion.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png"
|
||||
></image>
|
||||
<image
|
||||
class="Medal"
|
||||
v-if="false"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_RunnerUp.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png"
|
||||
>
|
||||
</image>
|
||||
<image
|
||||
class="star"
|
||||
src="https://static.hshuishang.com/property-img-file/local_start1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"
|
||||
></image>
|
||||
<span>4.8</span>
|
||||
</div>
|
||||
@ -282,28 +282,28 @@
|
||||
<div class="master_msg">
|
||||
<div class="master_msg_item">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon1.png"
|
||||
></image>
|
||||
<div class="master_msg_itemText">52岁</div>
|
||||
<div>广东梅州人</div>
|
||||
</div>
|
||||
<div class="master_msg_item">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon2.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon2.png"
|
||||
></image>
|
||||
<div class="master_msg_itemText">5-10年</div>
|
||||
<div>服务经验</div>
|
||||
</div>
|
||||
<div class="master_msg_item">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon3.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon3.png"
|
||||
></image>
|
||||
<div class="master_msg_itemText">500+</div>
|
||||
<div>成功预约</div>
|
||||
</div>
|
||||
<div class="master_msg_item">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon4.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon4.png"
|
||||
></image>
|
||||
<div class="master_msg_itemText">100+</div>
|
||||
<div>用户评价</div>
|
||||
@ -323,7 +323,7 @@
|
||||
<div class="evaluateItem_header">
|
||||
<div class="evaluateItem_ava">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
</div>
|
||||
<div class="evaluateItem_msg">
|
||||
@ -332,7 +332,7 @@
|
||||
<image
|
||||
v-for="(item, index) in 5"
|
||||
:key="index"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_stait.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_stait.png"
|
||||
></image>
|
||||
<span class="evaluateItem_msg3">技术评级:100分</span>
|
||||
</div>
|
||||
@ -349,7 +349,7 @@
|
||||
<div class="imgList">
|
||||
<div class="imgItem" v-for="(item, index) in 5" :key="index">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
</div>
|
||||
</div>
|
||||
@ -361,14 +361,14 @@
|
||||
<div class="footerIcon" @click="Vendor">
|
||||
<image
|
||||
id="footerIcon1"
|
||||
src="https://static.hshuishang.com/property-img-file/footer_shop.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_shop.png"
|
||||
></image>
|
||||
店铺
|
||||
</div>
|
||||
<div class="footerIcon">
|
||||
<image
|
||||
id="footerIcon2"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_CollectIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_CollectIcon.png"
|
||||
></image>
|
||||
收藏
|
||||
</div>
|
||||
@ -376,7 +376,7 @@
|
||||
<image
|
||||
@click="openSave"
|
||||
id="footerIcon2"
|
||||
src="https://static.hshuishang.com/property-img-file/shop_share.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share.png"
|
||||
></image>
|
||||
分享
|
||||
</div>
|
||||
@ -393,7 +393,7 @@
|
||||
<view class="boxshadow_text">好友对方可以直接查看详情</view>
|
||||
<view class="boxshadow_text2">张师傅</view>
|
||||
<view class="boxshadow_img">
|
||||
<image src="https://static.hshuishang.com/erweima.png"> </image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/erweima.png"> </image>
|
||||
</view>
|
||||
<view class="boxshadow_text2">扫描二维码查看服务详情</view>
|
||||
<view class="boxshadow_btnList">
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
<div class="EvaluateItem" v-for="(item, index) in 3" :key="index">
|
||||
<div class="evaluateItem_header">
|
||||
<div class="evaluateItem_ava">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
||||
</div>
|
||||
<div class="evaluateItem_msg">
|
||||
<div class="evaluateItem_msg1">TP</div>
|
||||
@ -37,7 +37,7 @@
|
||||
<image
|
||||
v-for="(item, index) in 5"
|
||||
:key="index"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_stait.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_stait.png"
|
||||
></image>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<view class="notice-content">{{ item.content }}</view>
|
||||
<view class="notice-date">
|
||||
<image
|
||||
src="https://static.hshuishang.com/time.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/time.png"
|
||||
class="date-image"
|
||||
></image>
|
||||
<view>{{ item.date }}</view>
|
||||
@ -31,13 +31,13 @@ export default {
|
||||
return {
|
||||
noticeList: [
|
||||
{
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "公告标题1",
|
||||
content: "公告内容",
|
||||
date: "2023-01-01",
|
||||
},
|
||||
{
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "公告标题2",
|
||||
content: "公告内容",
|
||||
date: "2023-01-02",
|
||||
|
||||
@ -105,7 +105,7 @@
|
||||
|
||||
.active2::after {
|
||||
content: '';
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_active.png) no-repeat;
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 52rpx;
|
||||
height: 22rpx;
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
></u-icon>
|
||||
<view class="search-input-container">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||
class="search-icon"
|
||||
></image>
|
||||
<input
|
||||
@ -100,7 +100,7 @@
|
||||
@click="navigateToReservation(service)"
|
||||
>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/ceshi.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/ceshi.png"
|
||||
class="service-image"
|
||||
/>
|
||||
<view class="service-info">
|
||||
@ -108,7 +108,7 @@
|
||||
<view class="service-info-left-top">
|
||||
<text class="service-name">{{ service.name }}</text>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/index_bottom2.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_bottom2.png"
|
||||
class="service-image2"
|
||||
></image>
|
||||
<text class="service-tag">{{ service.tag }}</text>
|
||||
@ -153,7 +153,7 @@
|
||||
:value="value"
|
||||
></u-badge>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/toUp.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/toUp.png"
|
||||
></image>
|
||||
</div> -->
|
||||
</view>
|
||||
@ -177,15 +177,15 @@ export default {
|
||||
specifiedContent: [
|
||||
{
|
||||
name: "服务",
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png",
|
||||
},
|
||||
{
|
||||
name: "阿石",
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png",
|
||||
},
|
||||
{
|
||||
name: "阿榴",
|
||||
icon: "https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png",
|
||||
icon: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png",
|
||||
},
|
||||
],
|
||||
searchHistory: [],
|
||||
|
||||
@ -44,7 +44,7 @@ page {
|
||||
margin-left: 200rpx;
|
||||
}
|
||||
|
||||
.activeFilter {
|
||||
.activeFilter{
|
||||
color: #FF370B;
|
||||
}
|
||||
|
||||
@ -205,86 +205,71 @@ page {
|
||||
padding: 20rpx 30rpx;
|
||||
border-bottom: 1rpx solid #f5f5f5;
|
||||
}
|
||||
|
||||
.filter-title {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
margin-bottom: 20rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.filter-options {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 15rpx;
|
||||
}
|
||||
|
||||
.filter-option {
|
||||
border-radius: 10rpx;
|
||||
border: 1rpx solid #cccccc;
|
||||
background: #f5f5f5;
|
||||
border-radius: 50rpx;
|
||||
padding: 12rpx 30rpx;
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.filter-option.active {
|
||||
background: #ff370b;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.price-range {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.price-input {
|
||||
flex: 1;
|
||||
height: 60rpx;
|
||||
border: 1rpx solid #cccccc;
|
||||
background: #f5f5f5;
|
||||
border-radius: 10rpx;
|
||||
padding: 0 20rpx;
|
||||
font-size: 24rpx;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.price-separator {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.filter-buttons {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 20rpx 30rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.reset-button {
|
||||
width: 200rpx;
|
||||
height: 70rpx;
|
||||
border: 1rpx solid #cccccc;
|
||||
border: 1rpx solid #7abbff;
|
||||
border-radius: 50rpx;
|
||||
background: #d9d9d9;
|
||||
color: black;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #f0f7ff;
|
||||
color: #409eff;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.confirm-button {
|
||||
width: 200rpx;
|
||||
height: 70rpx;
|
||||
background: #ff370b;
|
||||
background: #409eff;
|
||||
border-radius: 50rpx;
|
||||
color: white;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 28rpx;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.MasterItem_Info_right_1 {
|
||||
@ -416,7 +401,6 @@ page {
|
||||
|
||||
.local span {
|
||||
font-weight: 700;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
|
||||
.filterMore1 {
|
||||
@ -425,32 +409,27 @@ page {
|
||||
overflow: hidden;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
margin: 40rpx 0 20rpx 0;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.filterMoreItem {
|
||||
font-size: 26rpx;
|
||||
font-size: 28rpx;
|
||||
color: #222222;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #f6f6fa;
|
||||
padding: 0 20rpx;
|
||||
margin-right: 10rpx;
|
||||
margin-right: 20rpx;
|
||||
border-radius: 10rpx;
|
||||
border: 1rpx solid #cccccc;
|
||||
border-radius: 20rpx;
|
||||
padding: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
.filterMoreItem-active {
|
||||
color: #ff702c !important;
|
||||
border: 1rpx solid #ff702c;
|
||||
}
|
||||
|
||||
.filterMore2_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin: 0 10rpx 45rpx 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
|
||||
@ -1,178 +1,179 @@
|
||||
<template>
|
||||
<view class="container2">
|
||||
<view class="header">
|
||||
<view class="Filter">
|
||||
<view class="Filter_left">
|
||||
<view
|
||||
<div class="header">
|
||||
<div class="Filter">
|
||||
<div class="Filter_left">
|
||||
<div
|
||||
v-for="filter in filters"
|
||||
:key="filter.id"
|
||||
class="FilterItem"
|
||||
:class="{ active: selectedFilter === filter.id }"
|
||||
@click="
|
||||
showDialog(filter.id);
|
||||
selectedFilter = filter.id;
|
||||
"
|
||||
>
|
||||
{{ filter.label }}
|
||||
<image
|
||||
:src="
|
||||
selectedFilter === filter.id
|
||||
? 'https://static.hshuishang.com/search_up.png'
|
||||
: 'https://static.hshuishang.com/property-img-file/homeServer_filterMore.png'
|
||||
? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/search_up.png'
|
||||
: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png'
|
||||
"
|
||||
:class="{ iconStyle: selectedFilter === filter.id }"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<view class="Filter_right" @click="showDialog(6)">
|
||||
<div class="Filter_right" @click="showDialog(6)">
|
||||
<text :class="{ activeFilter: show6 }">筛选</text>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filter.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filter.png"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 位置筛选 -->
|
||||
<view class="FilterMore" v-if="show1">
|
||||
<view class="local">距离 <span>上海公馆</span> ></view>
|
||||
<view class="filterMore1">
|
||||
<view class="filterMoreItem filterMoreItem-active">附近</view>
|
||||
<view class="filterMoreItem">500m</view>
|
||||
<view class="filterMoreItem">1km</view>
|
||||
<view class="filterMoreItem">3km</view>
|
||||
<view class="filterMoreItem">5km</view>
|
||||
<view class="filterMoreItem">10km</view>
|
||||
</view>
|
||||
</view>
|
||||
<div class="FilterMore" v-if="show1">
|
||||
<div class="local">距离 <span>上海公馆</span></div>
|
||||
<div class="filterMore1">
|
||||
<div class="filterMoreItem">附近</div>
|
||||
<div class="filterMoreItem">500m</div>
|
||||
<div class="filterMoreItem">1km</div>
|
||||
<div class="filterMoreItem">3km</div>
|
||||
<div class="filterMoreItem">5km</div>
|
||||
<div class="filterMoreItem">10km</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 综合筛选 -->
|
||||
<view class="FilterMore" v-if="show2">
|
||||
<view class="filterMore2_item">
|
||||
<view class="filterMore2_item_left">综合</view>
|
||||
<view class="filterMore2_item_right">
|
||||
<div class="FilterMore" v-if="show2">
|
||||
<div class="filterMore2_item">
|
||||
<div class="filterMore2_item_left">综合</div>
|
||||
<div class="filterMore2_item_right">
|
||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="filterMore2_item">
|
||||
<view class="filterMore2_item_left active3">从高到低</view>
|
||||
<view class="filterMore2_item_right">
|
||||
</div>
|
||||
</div>
|
||||
<div class="filterMore2_item">
|
||||
<div class="filterMore2_item_left active3">从高到低</div>
|
||||
<div class="filterMore2_item_right">
|
||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="filterMore2_item">
|
||||
<view class="filterMore2_item_left">从低到高</view>
|
||||
<view class="filterMore2_item_right">
|
||||
</div>
|
||||
</div>
|
||||
<div class="filterMore2_item">
|
||||
<div class="filterMore2_item_left">从低到高</div>
|
||||
<div class="filterMore2_item_right">
|
||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 排序筛选 -->
|
||||
<view class="FilterMore" v-if="show3">
|
||||
<view class="filterMore2_item">
|
||||
<view class="filterMore2_item_left2">智能排序</view>
|
||||
<view class="filterMore2_item_right">
|
||||
<div class="FilterMore" v-if="show3">
|
||||
<div class="filterMore2_item">
|
||||
<div class="filterMore2_item_left2">智能排序</div>
|
||||
<div class="filterMore2_item_right">
|
||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="filterMore2_item">
|
||||
<view class="filterMore2_item_left2 active3">距离优先</view>
|
||||
<view class="filterMore2_item_right">
|
||||
</div>
|
||||
</div>
|
||||
<div class="filterMore2_item">
|
||||
<div class="filterMore2_item_left2 active3">距离优先</div>
|
||||
<div class="filterMore2_item_right">
|
||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="filterMore2_item">
|
||||
<view class="filterMore2_item_left2">好评优先</view>
|
||||
<view class="filterMore2_item_right">
|
||||
</div>
|
||||
</div>
|
||||
<div class="filterMore2_item">
|
||||
<div class="filterMore2_item_left2">好评优先</div>
|
||||
<div class="filterMore2_item_right">
|
||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="filterMore2_item">
|
||||
<view class="filterMore2_item_left2">销量优先</view>
|
||||
<view class="filterMore2_item_right">
|
||||
</div>
|
||||
</div>
|
||||
<div class="filterMore2_item">
|
||||
<div class="filterMore2_item_left2">销量优先</div>
|
||||
<div class="filterMore2_item_right">
|
||||
<u-icon name="checkmark-circle-fill" color="#ff702c"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 高级筛选面板 -->
|
||||
<view class="FilterMore" v-if="show6">
|
||||
<view class="filter-section">
|
||||
<view class="filter-title">满意度</view>
|
||||
<view class="filter-options">
|
||||
<view
|
||||
<div class="FilterMore" v-if="show6">
|
||||
<div class="filter-section">
|
||||
<div class="filter-title">满意度</div>
|
||||
<div class="filter-options">
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedSatisfaction.includes('5+') }"
|
||||
@click="toggleSatisfaction('5+')"
|
||||
>
|
||||
5分及以上
|
||||
</view>
|
||||
<view
|
||||
</div>
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedSatisfaction.includes('4.9+') }"
|
||||
@click="toggleSatisfaction('4.9+')"
|
||||
>
|
||||
4.9分及以上
|
||||
</view>
|
||||
<view
|
||||
</div>
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedSatisfaction.includes('4.8+') }"
|
||||
@click="toggleSatisfaction('4.8+')"
|
||||
>
|
||||
4.8分及以上
|
||||
</view>
|
||||
<view
|
||||
</div>
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedSatisfaction.includes('4.7+') }"
|
||||
@click="toggleSatisfaction('4.7+')"
|
||||
>
|
||||
4.7分及以上
|
||||
</view>
|
||||
<view
|
||||
</div>
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedSatisfaction.includes('4.6+') }"
|
||||
@click="toggleSatisfaction('4.6+')"
|
||||
>
|
||||
4.6分及以上
|
||||
</view>
|
||||
<view
|
||||
</div>
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedSatisfaction.includes('4.5+') }"
|
||||
@click="toggleSatisfaction('4.5+')"
|
||||
>
|
||||
4.5分及以上
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<view class="filter-section">
|
||||
<view class="filter-title">评论数量</view>
|
||||
<view class="filter-options">
|
||||
<view
|
||||
<div class="filter-section">
|
||||
<div class="filter-title">评论数量</div>
|
||||
<div class="filter-options">
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedReviewCount === '1-100' }"
|
||||
@click="selectedReviewCount = '1-100'"
|
||||
>
|
||||
1-100
|
||||
</view>
|
||||
<view
|
||||
</div>
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedReviewCount === '100-500' }"
|
||||
@click="selectedReviewCount = '100-500'"
|
||||
>
|
||||
100-500
|
||||
</view>
|
||||
<view
|
||||
</div>
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedReviewCount === '500+' }"
|
||||
@click="selectedReviewCount = '500+'"
|
||||
>
|
||||
500以上
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<view class="filter-section">
|
||||
<view class="filter-title">价格范围</view>
|
||||
<view class="price-range">
|
||||
<div class="filter-section">
|
||||
<div class="filter-title">价格范围</div>
|
||||
<div class="price-range">
|
||||
<input
|
||||
type="number"
|
||||
v-model="minPrice"
|
||||
@ -188,111 +189,111 @@
|
||||
class="price-input"
|
||||
@input="validatePriceRange"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<view class="filter-section">
|
||||
<view class="filter-title">类别</view>
|
||||
<view class="filter-options">
|
||||
<view
|
||||
<div class="filter-section">
|
||||
<div class="filter-title">类别</div>
|
||||
<div class="filter-options">
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedCategory === 'airConditioner' }"
|
||||
@click="selectedCategory = 'airConditioner'"
|
||||
>
|
||||
空调维修
|
||||
</view>
|
||||
<view
|
||||
</div>
|
||||
<div
|
||||
class="filter-option"
|
||||
:class="{ active: selectedCategory === 'refrigerator' }"
|
||||
@click="selectedCategory = 'refrigerator'"
|
||||
>
|
||||
冰箱维修
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<view class="filter-buttons">
|
||||
<div class="filter-buttons">
|
||||
<button class="reset-button" @click="resetFilters">重置</button>
|
||||
<button class="confirm-button" @click="applyFilters">确定</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<view class="main">
|
||||
<div class="main">
|
||||
<!-- 遮罩 -->
|
||||
<view class="dialogBox" v-if="isShowDia" @click="closeAllFilters"></view>
|
||||
<div class="dialogBox" v-if="isShowDia"></div>
|
||||
|
||||
<view class="MasterList">
|
||||
<view class="MasterItem" v-for="(item, index) in 5" :key="index">
|
||||
<view class="MasterItem_right">
|
||||
<view class="MasterItem_info">
|
||||
<view class="MasterItem_Info_left">
|
||||
<div class="MasterList">
|
||||
<div class="MasterItem" v-for="(item, index) in 5" :key="index">
|
||||
<div class="MasterItem_right">
|
||||
<div class="MasterItem_info">
|
||||
<div class="MasterItem_Info_left">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/home_icon12.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"
|
||||
></image>
|
||||
<view class="state state1">待服务</view>
|
||||
<view class="state state2" v-if="false">休息中</view>
|
||||
<view class="state state3" v-if="false">服务中</view>
|
||||
</view>
|
||||
<view class="MasterItem_Info_right">
|
||||
<view class="MasterItem_Info_right_1">
|
||||
<view class="master_info_right_left">
|
||||
<div class="state state1">待服务</div>
|
||||
<div class="state state2" v-if="false">休息中</div>
|
||||
<div class="state state3" v-if="false">服务中</div>
|
||||
</div>
|
||||
<div class="MasterItem_Info_right">
|
||||
<div class="MasterItem_Info_right_1">
|
||||
<div class="master_info_right_left">
|
||||
林师傅
|
||||
<image
|
||||
class="Medal"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_Champion.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png"
|
||||
>
|
||||
</image>
|
||||
<image
|
||||
class="Medal"
|
||||
v-if="false"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_RunnerUp.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png"
|
||||
>
|
||||
</image>
|
||||
<image
|
||||
class="star"
|
||||
src="https://static.hshuishang.com/property-img-file/local_start1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"
|
||||
></image>
|
||||
<span>4.8</span>
|
||||
</view>
|
||||
</div>
|
||||
|
||||
<view class="master_info_right_right" @click="masterInfo">
|
||||
<div class="master_info_right_right" @click="masterInfo">
|
||||
查看资料
|
||||
</view>
|
||||
</view>
|
||||
<view class="MasterItem_Info_right_2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="MasterItem_Info_right_2">
|
||||
52岁 广东梅州人 5-10年
|
||||
</view>
|
||||
<view class="MasterItem_Info_right_3">
|
||||
</div>
|
||||
<div class="MasterItem_Info_right_3">
|
||||
<span>500+</span>预定 <span>100+</span>评价
|
||||
</view>
|
||||
<view class="MasterItem_Info_right_4">
|
||||
<view class="tagItem tag1">积极主动</view>
|
||||
<view class="tagItem tag2">技术精湛</view>
|
||||
<view class="tagItem tag3">技术精湛</view>
|
||||
</view>
|
||||
</div>
|
||||
<div class="MasterItem_Info_right_4">
|
||||
<div class="tagItem tag1">积极主动</div>
|
||||
<div class="tagItem tag2">技术精湛</div>
|
||||
<div class="tagItem tag3">技术精湛</div>
|
||||
</div>
|
||||
|
||||
<view class="MasterItem_Info_right_5">
|
||||
<div class="MasterItem_Info_right_5">
|
||||
价格范围: <span>¥500-¥800</span>
|
||||
</view>
|
||||
</div>
|
||||
|
||||
<view class="MasterItem_Info_right_6">
|
||||
<div class="MasterItem_Info_right_6">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -338,8 +339,18 @@ export default {
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
// 修改watch逻辑,只在点击空白区域关闭筛选器时清除选中状态
|
||||
// 而不是在切换不同筛选器时清除
|
||||
show1(val) {
|
||||
if (!val) this.selectedFilter = null;
|
||||
},
|
||||
show2(val) {
|
||||
if (!val) this.selectedFilter = null;
|
||||
},
|
||||
show3(val) {
|
||||
if (!val) this.selectedFilter = null;
|
||||
},
|
||||
show6(val) {
|
||||
if (!val) this.selectedFilter = null;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
masterInfo() {
|
||||
@ -390,9 +401,6 @@ export default {
|
||||
this.isShowDia = false;
|
||||
},
|
||||
showDialog(index) {
|
||||
// 先更新选中的过滤器ID
|
||||
this.selectedFilter = index;
|
||||
// 然后处理显示状态
|
||||
this[`show${index}`] = !this[`show${index}`];
|
||||
this.logOtherButtons(index);
|
||||
this.isShowDia = this[`show${index}`];
|
||||
@ -404,14 +412,6 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
closeAllFilters() {
|
||||
// 关闭所有筛选面板并重置选中状态
|
||||
for (let i = 1; i <= 6; i++) {
|
||||
this[`show${i}`] = false;
|
||||
}
|
||||
this.isShowDia = false;
|
||||
this.selectedFilter = null;
|
||||
},
|
||||
},
|
||||
onReady() {},
|
||||
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
</view>
|
||||
<div class="iptBox">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||
></image>
|
||||
<u--input
|
||||
placeholder="请输入内容"
|
||||
@ -31,42 +31,42 @@
|
||||
<div class="FilterItem" @click="showDialog(1)">
|
||||
附近
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="showDialog(2)">
|
||||
综合
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="showDialog(3)">
|
||||
排序
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="showDialog(4)">
|
||||
分类
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="showDialog(5)">
|
||||
性别
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="showDialog(6)">
|
||||
地区
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"
|
||||
></image>
|
||||
</div>
|
||||
</div>
|
||||
@ -74,7 +74,7 @@
|
||||
<div class="Filter_right">
|
||||
筛选
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_filter.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filter.png"
|
||||
></image>
|
||||
</div>
|
||||
</div>
|
||||
@ -202,7 +202,7 @@
|
||||
<div class="MasterItem_info">
|
||||
<div class="MasterItem_Info_left">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/home_icon12.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"
|
||||
></image>
|
||||
<div class="state state1">待服务</div>
|
||||
<div class="state state2" v-if="false">休息中</div>
|
||||
@ -214,18 +214,18 @@
|
||||
林师傅
|
||||
<image
|
||||
class="Medal"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_Champion.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png"
|
||||
>
|
||||
</image>
|
||||
<image
|
||||
class="Medal"
|
||||
v-if="false"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_RunnerUp.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png"
|
||||
>
|
||||
</image>
|
||||
<image
|
||||
class="star"
|
||||
src="https://static.hshuishang.com/property-img-file/local_start1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"
|
||||
></image>
|
||||
<span>4.8</span>
|
||||
</div>
|
||||
@ -252,13 +252,13 @@
|
||||
|
||||
<div class="MasterItem_Info_right_6">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"
|
||||
></image>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -37,7 +37,7 @@ export default {
|
||||
shops: [
|
||||
{
|
||||
id: 1,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -46,7 +46,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -55,7 +55,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -64,7 +64,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -73,7 +73,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -82,7 +82,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -91,7 +91,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -100,7 +100,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -109,7 +109,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -118,7 +118,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -127,7 +127,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -136,7 +136,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -145,7 +145,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -154,7 +154,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -163,7 +163,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -172,7 +172,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -181,7 +181,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
@ -190,7 +190,7 @@ export default {
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
image: "https://static.hshuishang.com/test.png",
|
||||
image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
title: "专业到家服务",
|
||||
ratingCount: 5,
|
||||
rating: 4.8,
|
||||
|
||||
@ -253,7 +253,7 @@
|
||||
|
||||
.active2::after {
|
||||
content: '';
|
||||
background: url(https://static.hshuishang.com/property-img-file/com_active.png) no-repeat;
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_active.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 52rpx;
|
||||
height: 22rpx;
|
||||
|
||||
@ -75,7 +75,7 @@
|
||||
|
||||
<div class="serverItem" @click="selectVendor">
|
||||
<div class="serverItem_left">
|
||||
<image src="https://static.hshuishang.com/test.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png"></image>
|
||||
</div>
|
||||
<div class="serverItem_right">
|
||||
<div class="serverItem_right_msg">
|
||||
@ -89,20 +89,20 @@
|
||||
<span class="rating">
|
||||
<image
|
||||
class="infoImage"
|
||||
src="https://static.hshuishang.com/serverInfo_xing.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_xing.png"
|
||||
/>
|
||||
4.8
|
||||
</span>
|
||||
<span class="distance">
|
||||
<image
|
||||
class="infoImage"
|
||||
src="https://static.hshuishang.com/serverInfo_weizhi.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_weizhi.png"
|
||||
/>3.3km</span
|
||||
>
|
||||
<span class="served">
|
||||
<image
|
||||
class="infoImage"
|
||||
src="https://static.hshuishang.com/serverInfo_fuwu.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/serverInfo_fuwu.png"
|
||||
/>服务12226人</span
|
||||
>
|
||||
</div>
|
||||
@ -133,14 +133,14 @@ export default {
|
||||
return {
|
||||
bannerList: [
|
||||
{
|
||||
pic_src: "https://static.hshuishang.com/test.png",
|
||||
pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
},
|
||||
{
|
||||
pic_src:
|
||||
"https://static.hshuishang.com/property-img-file/homeServer_banner.png",
|
||||
"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_banner.png",
|
||||
},
|
||||
{
|
||||
pic_src: "https://static.hshuishang.com/test.png",
|
||||
pic_src: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png",
|
||||
},
|
||||
],
|
||||
currentIdx: 0,
|
||||
|
||||
22
packages/homeServer/vendor/index.vue
vendored
22
packages/homeServer/vendor/index.vue
vendored
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<div class="searchIpt" @click="search">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"></image>
|
||||
<u--input placeholder="请输入内容" border="none" disabled v-model="value" @change="change"></u--input>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
@ -10,7 +10,7 @@
|
||||
<div class="vendorInfo">
|
||||
<div class="vendorInfo_left">
|
||||
<div class="vendorInfo_img">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
||||
</div>
|
||||
<div class="vendorInfo_info">
|
||||
<div class="vendor_name">专业到家服务</div>
|
||||
@ -18,15 +18,15 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="vendorInfo_right">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_start1.png"></image>
|
||||
<image v-if="false" src="https://static.hshuishang.com/property-img-file/local_start2.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"></image>
|
||||
<image v-if="false" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png"></image>
|
||||
<div>收藏</div>
|
||||
<div v-if="false">取消收藏</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vendorMsg">
|
||||
<div class="vendorMsg_Item">
|
||||
<image src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon1.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon1.png"></image>
|
||||
<div class="vendorMsg_Item_msg">
|
||||
<div class="num">150+</div>
|
||||
<div>服务师傅</div>
|
||||
@ -34,7 +34,7 @@
|
||||
</div>
|
||||
|
||||
<div class="vendorMsg_Item">
|
||||
<image src="https://static.hshuishang.com/property-img-file/homeServer_CumulativeIcon.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_CumulativeIcon.png"></image>
|
||||
<div class="vendorMsg_Item_msg">
|
||||
<div class="num">5000+</div>
|
||||
<div>累计订单</div>
|
||||
@ -42,7 +42,7 @@
|
||||
</div>
|
||||
|
||||
<div class="vendorMsg_Item">
|
||||
<image src="https://static.hshuishang.com/property-img-file/homeServer_masterIcon2.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_masterIcon2.png"></image>
|
||||
<div class="vendorMsg_Item_msg">
|
||||
<div class="num">10+</div>
|
||||
<div>行业经验</div>
|
||||
@ -62,7 +62,7 @@
|
||||
|
||||
<div class="master_info" v-for="(item, index) in 3" :key="index">
|
||||
<div class="master_info_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/home_icon12.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"></image>
|
||||
<div class="state state1">待服务</div>
|
||||
<div class="state state2" v-if="false">休息中</div>
|
||||
<div class="state state3" v-if="false">服务中</div>
|
||||
@ -70,10 +70,10 @@
|
||||
<div class="master_info_right">
|
||||
<div class="master_info_right1">
|
||||
<div class="master_info_right_left">林师傅
|
||||
<image class="Medal" src="https://static.hshuishang.com/property-img-file/homeServer_Champion.png"></image>
|
||||
<image class="Medal" v-if="false" src="https://static.hshuishang.com/property-img-file/homeServer_RunnerUp.png">
|
||||
<image class="Medal" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png"></image>
|
||||
<image class="Medal" v-if="false" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png">
|
||||
</image>
|
||||
<image class="star" src="https://static.hshuishang.com/property-img-file/local_start1.png"></image>
|
||||
<image class="star" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"></image>
|
||||
<span>4.8</span>
|
||||
</div>
|
||||
<div class="master_info_right_right">
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
|
||||
</view>
|
||||
<div class="iptBox">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"></image>
|
||||
<u--input placeholder="请输入内容" border="none" v-model="value" @change="change"></u--input>
|
||||
</div>
|
||||
</div>
|
||||
@ -14,33 +14,33 @@
|
||||
<div class="Filter_left">
|
||||
<div class="FilterItem" @click="show1 = !show1">
|
||||
接单量
|
||||
<image src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="show2 = !show2">
|
||||
满意度
|
||||
<image src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="show3 = !show3">
|
||||
排序
|
||||
<image src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="show4 = !show4">
|
||||
分类
|
||||
<image src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
</div>
|
||||
|
||||
<div class="FilterItem" @click="show5 = !show5">
|
||||
性别
|
||||
<image src="https://static.hshuishang.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filterMore.png"></image>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="Filter_right">
|
||||
筛选
|
||||
<image src="https://static.hshuishang.com/property-img-file/homeServer_filter.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_filter.png"></image>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 位置筛选 -->
|
||||
@ -126,7 +126,7 @@
|
||||
<div class="MasterItem_right">
|
||||
<div class="MasterItem_info">
|
||||
<div class="MasterItem_Info_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/home_icon12.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/home_icon12.png"></image>
|
||||
<div class="state state1">待服务</div>
|
||||
<div class="state state2" v-if="false">休息中</div>
|
||||
<div class="state state3" v-if="false">服务中</div>
|
||||
@ -135,12 +135,12 @@
|
||||
<div class="MasterItem_Info_right_1">
|
||||
<div class="master_info_right_left">
|
||||
林师傅
|
||||
<image class="Medal" src="https://static.hshuishang.com/property-img-file/homeServer_Champion.png">
|
||||
<image class="Medal" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_Champion.png">
|
||||
</image>
|
||||
<image class="Medal" v-if="false"
|
||||
src="https://static.hshuishang.com/property-img-file/homeServer_RunnerUp.png">
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/homeServer_RunnerUp.png">
|
||||
</image>
|
||||
<image class="star" src="https://static.hshuishang.com/property-img-file/local_start1.png"></image>
|
||||
<image class="star" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png"></image>
|
||||
<span>4.8</span>
|
||||
</div>
|
||||
|
||||
@ -163,9 +163,9 @@
|
||||
</div>
|
||||
|
||||
<div class="MasterItem_Info_right_6">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"></image>
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"></image>
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_MsgImg1.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_MsgImg1.png"></image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -34,7 +34,7 @@ image {
|
||||
}
|
||||
|
||||
.container {
|
||||
background: url(https://static.hshuishang.com/property-img-file/local_pointbg.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_pointbg.png);
|
||||
background-size: 750rpx 423rpx;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@ -11,15 +11,15 @@
|
||||
<div class="point">{{banlance}}</div>
|
||||
<div class="funList">
|
||||
<div class="funItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_fun1.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_fun1.png" mode="aspectFill"></image>
|
||||
积分商城
|
||||
</div>
|
||||
<div class="funItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_fun2.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_fun2.png" mode="aspectFill"></image>
|
||||
积分抽奖
|
||||
</div>
|
||||
<div class="funItem">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_fun3.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_fun3.png" mode="aspectFill"></image>
|
||||
兑换优惠券
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<view class="Msg">
|
||||
<view class="Msg_Tit">
|
||||
<view class="Msg_Tit_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/user_ava.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png"
|
||||
v-if="!info.user.avatar" mode="aspectFill">
|
||||
</image>
|
||||
<image :src="picUrl + info.user.avatar" v-if="info.user.avatar" mode="aspectFill"></image>
|
||||
@ -11,7 +11,7 @@
|
||||
</view>
|
||||
<view class="Msg_Tit_right">
|
||||
<image v-for="(item, index) in 5" :key="index"
|
||||
:src="index < info.satisfaction ? 'https://static.hshuishang.com/property-img-file/local_start1.png' : 'https://static.hshuishang.com/property-img-file/local_start2.png'"
|
||||
:src="index < info.satisfaction ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
|
||||
mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
@ -29,24 +29,24 @@
|
||||
<view class="Msg_iconList_left">
|
||||
<view class="Msg_iconList_leftIcon">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/local_review.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
|
||||
mode="widthFix"></image>
|
||||
{{ info.merchant_evaluation_reply_list ? info.merchant_evaluation_reply_list.length : 0 }}
|
||||
</view>
|
||||
|
||||
<view class="Msg_iconList_leftIcon">
|
||||
<image v-if="info.is_like == 2"
|
||||
src="https://static.hshuishang.com/property-img-file/com_likeIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png"
|
||||
mode="widthFix" @click="like(info)"></image>
|
||||
<image v-if="info.is_like == 1"
|
||||
src="https://static.hshuishang.com/property-img-file/com_likeIcon2.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png"
|
||||
mode="widthFix" @click="unlike(info)"></image>
|
||||
{{ info.merchant_evaluation_like_list ? info.merchant_evaluation_like_list.length : 0 }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="Msg_iconList_right">
|
||||
<view class="Msg_iconList_leftIcon" @click="deletes" v-if="isDelte">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_del.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_del.png"
|
||||
mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
@ -56,7 +56,7 @@
|
||||
<view class="reply" v-for="(item, index) in replyList" :key="index">
|
||||
<view class="reply_tit">
|
||||
<view class="reply_tit_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/user_ava.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png"
|
||||
v-if="!item.user.avatar" mode="aspectFill">
|
||||
</image>
|
||||
<image :src="picUrl + item.user.avatar" v-if="item.user.avatar" mode="aspectFill"></image>
|
||||
@ -70,7 +70,7 @@
|
||||
|
||||
<view class="comment">
|
||||
<view class="comment_con">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_send.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_send.png"
|
||||
mode="aspectFill"></image>
|
||||
<input type="text" v-model="reply_content" placeholder="说点什么">
|
||||
|
||||
|
||||
@ -7,17 +7,19 @@
|
||||
<view class="localBox">
|
||||
<view class="localBoxItem">
|
||||
<view class="local">
|
||||
<image id="local" src="https://static.hshuishang.com/property-img-file/local_localIcon.png" mode="aspectFill">
|
||||
</image>
|
||||
<image id="local"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
{{ address }}
|
||||
<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
|
||||
</view>
|
||||
|
||||
<view class="search">
|
||||
<view class="searchBox">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png" mode="aspectFill">
|
||||
</image>
|
||||
<input type="text" v-model="searchText" placeholder="请输入您想搜索的内容" @confirm="handleSearch" />
|
||||
<image
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
<input type="text" placeholder="请输入您想搜索的内容" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -40,8 +42,8 @@
|
||||
<view class="merchantItem_right_con_left">
|
||||
<view class="startList">
|
||||
<image v-for="index in 5" :key="index" :src="index < item.rating
|
||||
? 'https://static.hshuishang.com/property-img-file/local_start1.png'
|
||||
: 'https://static.hshuishang.com/property-img-file/local_start2.png'
|
||||
? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png'
|
||||
: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'
|
||||
" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="merchangtItem_tag" v-if="item.refund_property_fee_ratio">
|
||||
@ -52,7 +54,8 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="merchantItem_right_con_right" @click="toJump(item)">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_review.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
|
||||
mode="aspectFill"></image>
|
||||
点评
|
||||
</view>
|
||||
</view>
|
||||
@ -64,7 +67,8 @@
|
||||
</view>
|
||||
<view v-else>
|
||||
<view class="empty">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_nearbyList_empty.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_nearbyList_empty.png"
|
||||
mode="aspectFill"></image>
|
||||
暂无数据
|
||||
</view>
|
||||
</view>
|
||||
@ -72,13 +76,14 @@
|
||||
|
||||
<view class="btnList">
|
||||
<!-- <view class="btn_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_serverIcon.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_serverIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
到店服务券
|
||||
</view> -->
|
||||
<view class="line"></view>
|
||||
<view class="btn_right" @click="toPayInfo">
|
||||
<image src="https://static.hshuishang.com/property-img-file/lcoal_payIcon.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/lcoal_payIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
快捷支付记录
|
||||
</view>
|
||||
</view>
|
||||
@ -117,7 +122,7 @@ export default {
|
||||
merchatList: [],
|
||||
|
||||
changeId: "",
|
||||
searchText: ''
|
||||
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
@ -141,7 +146,7 @@ export default {
|
||||
|
||||
methods: {
|
||||
// 跳转快捷支付记录
|
||||
toPayInfo() {
|
||||
toPayInfo(){
|
||||
NavgateTo("/packages/localLife/payInfo/index")
|
||||
},
|
||||
back() {
|
||||
@ -160,7 +165,7 @@ export default {
|
||||
const params = {
|
||||
isShop: 1,
|
||||
}
|
||||
await request(apiArr.getMerChantCateList, "POST", params).then((res) => {
|
||||
await request(apiArr.getMerChantCateList, "POST",params).then((res) => {
|
||||
res.rows = res.rows.filter((item) => item.is_visible == 1)
|
||||
console.log(res);
|
||||
// 将数据分成每10个一组
|
||||
@ -171,12 +176,6 @@ export default {
|
||||
}
|
||||
});
|
||||
},
|
||||
//搜索商家
|
||||
handleSearch() {
|
||||
this.page_num = 1;
|
||||
this.merchatList = [];
|
||||
this.getMechantList();
|
||||
},
|
||||
//查询商家列表
|
||||
async getMechantList() {
|
||||
let that = this;
|
||||
@ -184,7 +183,6 @@ export default {
|
||||
merchant_cate_id: this.changeId,
|
||||
page_num: that.page_num,
|
||||
page_size: that.page_size,
|
||||
merchant_name: that.searchText
|
||||
}
|
||||
await request(apiArr.getMerchantList, "POST", params).then((res) => {
|
||||
let latitude = uni.getStorageSync("location").lat;
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<div class="startList">
|
||||
<div class="start" v-for="(item, index) in 5" :key="index" @click="setRating(index + 1)">
|
||||
<image
|
||||
:src="index < rating ? 'https://static.hshuishang.com/property-img-file/local_start1.png' : 'https://static.hshuishang.com/property-img-file/local_start2.png'"
|
||||
:src="index < rating ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
|
||||
mode="aspectFill"></image>
|
||||
</div>
|
||||
</div>
|
||||
@ -55,7 +55,7 @@
|
||||
<u-upload v-if="active === 1 && videoList.length === 0" :fileList="videoList"
|
||||
@afterRead="afterReadVideo2" @delete="deletePic2" name="1" :maxCount="1" accept="video">
|
||||
<div class="videoCon">
|
||||
<image src="https://static.hshuishang.com/property-img-file/com_videoImg.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_videoImg.png" mode="widthFix"></image>
|
||||
上传视频
|
||||
</div>
|
||||
</u-upload>
|
||||
@ -64,7 +64,7 @@
|
||||
<video id="myVideo" :src="picUrl + videoList2[0].url" playsinline webkit-playsinline></video>
|
||||
<div class="mask" @click="playFullScreenVideo">
|
||||
<div class="mask_con">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_play.png" mode="widthFix"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_play.png" mode="widthFix"></image>
|
||||
</div>
|
||||
<div class="mask_cancel" @click="cancels">取消</div>
|
||||
</div>
|
||||
@ -124,10 +124,8 @@ export default {
|
||||
this.top = meun.top;
|
||||
// this.top = meun.height + meun.top;
|
||||
this.localHeight = meun.height;
|
||||
this.info = uni.getStorageSync("merchantInfo");
|
||||
if (!this.info.bigImg) {
|
||||
this.info.bigImg = this.info.album_images ? this.info.album_images.split(',') : [];
|
||||
}
|
||||
this.info = uni.getStorageSync("merchantInfo")
|
||||
|
||||
},
|
||||
|
||||
|
||||
@ -161,7 +159,7 @@ export default {
|
||||
uploadVideo(e.file.url, res => {
|
||||
console.log(res.data.url);
|
||||
this.videoList.push({ url: this.picUrl + res.data.url })
|
||||
this.videoList2.push({ url: res.data.url })
|
||||
this.videoList2.push( res.data.url)
|
||||
})
|
||||
},
|
||||
cancels(e) {
|
||||
@ -174,14 +172,12 @@ export default {
|
||||
|
||||
handleSubmit(){
|
||||
let that= this
|
||||
// 提取videoList2数组中每个对象的url属性
|
||||
const videoUrls = that.videoList2.map(item => item.url).join(",");
|
||||
request(apiArr.createComment,"POST",{
|
||||
merchant_id:that.info.id,
|
||||
satisfaction:that.rating,
|
||||
comment:that.comment,
|
||||
image_url:that.imgList2.join(","),
|
||||
video_url:videoUrls,
|
||||
video_url:that.videoList2.join(","),
|
||||
}).then(res=>{
|
||||
that.comment=""
|
||||
that.rating = 0
|
||||
|
||||
@ -120,19 +120,6 @@ page {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.btn_disabled {
|
||||
width: 230rpx;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
background: #a4a3a1;
|
||||
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.startList {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -12,11 +12,11 @@
|
||||
<view class="title">{{ info.merchant_name }}</view>
|
||||
|
||||
<!-- <u-icon name="star-fill" color="#FFB84D" /> -->
|
||||
<view class="startList">
|
||||
<div class="startList">
|
||||
<image v-for="index in 5" :key="index"
|
||||
:src="index < item.rating ? 'https://static.hshuishang.com/property-img-file/local_start1.png' : 'https://static.hshuishang.com/property-img-file/local_start2.png'"
|
||||
:src="index < item.rating ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
|
||||
mode="aspectFill"></image>
|
||||
</view>
|
||||
</div>
|
||||
|
||||
<u-line margin="46rpx 0 30rpx 0" />
|
||||
<view class="table">
|
||||
@ -45,79 +45,77 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="white_container detail" v-for="(item, index) in commentList" :key="index">
|
||||
<view class="Msg">
|
||||
<view class="Msg_Tit">
|
||||
<view class="Msg_Tit_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/user_ava.png"
|
||||
<div class="Msg">
|
||||
<div class="Msg_Tit">
|
||||
<div class="Msg_Tit_left">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png"
|
||||
v-if="!item.user.avatar" mode="aspectFill"></image>
|
||||
<image :src="picUrl + item.user.avatar" v-if="item.user.avatar" mode="aspectFill"></image>
|
||||
{{ item.user.nick_name }}
|
||||
</view>
|
||||
<view class="Msg_Tit_right">
|
||||
</div>
|
||||
<div class="Msg_Tit_right">
|
||||
<image v-for="indez in 5" :key="indez"
|
||||
:src="indez < item.satisfaction ? 'https://static.hshuishang.com/property-img-file/local_start1.png' : 'https://static.hshuishang.com/property-img-file/local_start2.png'"
|
||||
:src="indez < item.satisfaction ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
|
||||
mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<view class="Msg_con">
|
||||
<div class="Msg_con">
|
||||
{{ item.comment }}
|
||||
<view class="Msg_con_img" v-if="item.image_url">
|
||||
<image v-for="(img, index) in item.image_url.split(',')" :key="index" :src="picUrl + img" mode="aspectFill"
|
||||
@click="previewImage(item.image_url.split(','), index)">
|
||||
<div class="Msg_con_img" v-if="item.image_url">
|
||||
<image v-for="(img, index) in item.image_url.split(',')" :key="index" :src="picUrl + img" mode="aspectFill">
|
||||
</image>
|
||||
<video class="Msg_con_video" v-if="item.video_url" :src="picUrl + item.video_url" controls></video>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<view class="Msg_iconList">
|
||||
<view class="Msg_iconList_left">
|
||||
<view class="Msg_iconList_leftIcon">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_review.png"
|
||||
<div class="Msg_iconList">
|
||||
<div class="Msg_iconList_left">
|
||||
<div class="Msg_iconList_leftIcon">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
|
||||
mode="widthFix"></image>
|
||||
{{ item.merchant_evaluation_reply_list ? item.merchant_evaluation_reply_list.length : 0 }}
|
||||
</view>
|
||||
</div>
|
||||
|
||||
<view class="Msg_iconList_leftIcon">
|
||||
<div class="Msg_iconList_leftIcon">
|
||||
<image v-if="item.is_like == 2"
|
||||
src="https://static.hshuishang.com/property-img-file/com_likeIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png"
|
||||
mode="widthFix" @click="like(item)"></image>
|
||||
<image v-if="item.is_like == 1"
|
||||
src="https://static.hshuishang.com/property-img-file/com_likeIcon2.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png"
|
||||
mode="widthFix" @click="unlike(item)"></image>
|
||||
{{ item.merchant_evaluation_like_list ? item.merchant_evaluation_like_list.length : 0 }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="Msg_iconList_right" @click="commentDesc(item)">
|
||||
详情 <view><u-icon name="arrow-right" colof="#999999"></u-icon></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Msg_iconList_right" @click="commentDesc(item)">
|
||||
详情 <div><u-icon name="arrow-right" colof="#999999"></u-icon></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
<view class="left">
|
||||
<view class="left_label" @click="handleOptionClick">
|
||||
<image src="https://static.hshuishang.com/Index_add.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/Index_add.png" mode="" />
|
||||
<view>导航</view>
|
||||
</view>
|
||||
<view class="left_label" @click="handlePhoneClick" v-if="info.phone">
|
||||
<image src="https://static.hshuishang.com/property-img-file/localLife_detail_Frame.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_detail_Frame.png"
|
||||
mode="" />
|
||||
<view>电话</view>
|
||||
</view>
|
||||
<view class="left_label" @click="handleDiscussClick">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/localLife_shopList_Group_1334.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_shopList_Group_1334.png"
|
||||
mode="" />
|
||||
<view>点评</view>
|
||||
</view>
|
||||
<view class="left_label" @click="handleKfClick">
|
||||
<image src="https://static.hshuishang.com/kefu0.png" mode="" />
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/kefu0.png" mode="" />
|
||||
<view>客服</view>
|
||||
</view>
|
||||
</view>
|
||||
<button v-if="isShow && !isDisabled" class="btn" @click="handleQuickPayClick">快捷买单</button>
|
||||
<button v-if="isShow && isDisabled" class="btn_disabled" @click="handleQuickPayClick">快捷买单</button>
|
||||
<text v-if="isShow" class="btn" @click="handleQuickPayClick">快捷买单</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@ -141,7 +139,6 @@ export default {
|
||||
commentList: [],
|
||||
flag: false,
|
||||
isShow: false,
|
||||
isDisabled: false,
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
@ -173,16 +170,7 @@ export default {
|
||||
|
||||
methods: {
|
||||
handleQuickPayClick() {
|
||||
if (this.isDisabled) {
|
||||
uni.showToast({
|
||||
title: '支付未开通,升级 VIP 或联系工作人员开通',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
|
||||
} else {
|
||||
NavgateTo('../pay/index');
|
||||
}
|
||||
NavgateTo('../pay/index');
|
||||
},
|
||||
//获取评论列表
|
||||
getCommentList() {
|
||||
@ -220,7 +208,6 @@ export default {
|
||||
id: uni.getStorageSync("merchantInfo").id,
|
||||
}).then(res => {
|
||||
this.isShow = res.quick_purchase_enabled == 1
|
||||
this.isDisabled = res.level == 1
|
||||
})
|
||||
},
|
||||
|
||||
@ -296,23 +283,6 @@ export default {
|
||||
commentDesc(e) {
|
||||
NavgateTo(`../UserComment/index?id=${e.id}`)
|
||||
},
|
||||
|
||||
// 预览图片
|
||||
previewImage(imageList, currentIndex) {
|
||||
// 将相对路径转换为完整URL
|
||||
const urls = imageList.map(img => this.picUrl + img);
|
||||
uni.previewImage({
|
||||
urls: urls,
|
||||
current: urls[currentIndex],
|
||||
success: function (res) {
|
||||
console.log('预览成功', res);
|
||||
},
|
||||
fail: function (err) {
|
||||
console.log('预览失败', err);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -34,7 +34,7 @@ image {
|
||||
}
|
||||
|
||||
.container {
|
||||
background: url(https://static.hshuishang.com/property-img-file/local_pointbg.png);
|
||||
background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_pointbg.png);
|
||||
background-size: 750rpx 423rpx;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
<div class="row">
|
||||
<div class="row_label">消费用户</div>
|
||||
<div class="row_con">
|
||||
<image src="https://static.hshuishang.com/property-img-file/user_ava.png" v-if="!item.user.avatar" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png" v-if="!item.user.avatar" mode="aspectFill"></image>
|
||||
<image :src="picUrl + item.user.avatar" v-if="item.user.avatar" mode="aspectFill"></image>
|
||||
|
||||
{{ item.user.nick_name }}
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<view class="localBoxItem">
|
||||
<view class="local">
|
||||
<image id="local"
|
||||
src="https://static.hshuishang.com/property-img-file/local_localIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_localIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
{{ address }}
|
||||
<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
|
||||
@ -13,7 +13,7 @@
|
||||
<view class="search">
|
||||
<view class="searchBox">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_communitySearchIcon.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
<input type="text" v-model="searchText" placeholder="请输入您想搜索的内容" @confirm="handleSearch" />
|
||||
</view>
|
||||
@ -45,9 +45,9 @@
|
||||
<!-- <scroll-view scroll-x="true" enhanced enable-flex class="scrollBox">
|
||||
<view class="scrollView">
|
||||
<view class="scroll-viewItem" v-for="(item, index) in 4" @click="checkItem(index)">
|
||||
<image v-show="!checkedItems[index]" src="https://static.hshuishang.com/property-img-file/local_uncheck.png"
|
||||
<image v-show="!checkedItems[index]" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_uncheck.png"
|
||||
mode="aspectFill"></image>
|
||||
<image v-show="checkedItems[index]" src="https://static.hshuishang.com/property-img-file/local-check.png"
|
||||
<image v-show="checkedItems[index]" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local-check.png"
|
||||
mode="aspectFill"></image>
|
||||
买单返物业费
|
||||
</view>
|
||||
@ -72,8 +72,8 @@
|
||||
<view class="merchantItem_right_con_left">
|
||||
<view class="startList">
|
||||
<image v-for="index in 5" :key="index" :src="index < item.rating
|
||||
? 'https://static.hshuishang.com/property-img-file/local_start1.png'
|
||||
: 'https://static.hshuishang.com/property-img-file/local_start2.png'
|
||||
? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png'
|
||||
: 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'
|
||||
" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="merchangtItem_tag" v-if="item.refund_property_fee_ratio">
|
||||
@ -84,7 +84,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="merchantItem_right_con_right" @click="toJump(item)">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_review.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
|
||||
mode="aspectFill"></image>
|
||||
点评
|
||||
</view>
|
||||
@ -98,13 +98,13 @@
|
||||
|
||||
<view class="btnList">
|
||||
<!-- <view class="btn_left">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_serverIcon.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_serverIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
到店服务券
|
||||
</view> -->
|
||||
<view class="line"></view>
|
||||
<view class="btn_right" @click="toPayInfo">
|
||||
<image src="https://static.hshuishang.com/property-img-file/lcoal_payIcon.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/lcoal_payIcon.png"
|
||||
mode="aspectFill"></image>
|
||||
快捷支付记录
|
||||
</view>
|
||||
|
||||
@ -19,7 +19,7 @@ image {
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
/* background: url(https://static.hshuishang.com/property-img-file/local_payImg.png);
|
||||
/* background: url(https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_payImg.png);
|
||||
background-size: 750rpx 302rpx;
|
||||
background-repeat: no-repeat; */
|
||||
}
|
||||
|
||||
@ -63,7 +63,7 @@
|
||||
<view class="btnItem" @click="home">首页</view>
|
||||
<view class="line"></view>
|
||||
<view class="btnItem2" @click="changeBoxshadow">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_qrcode.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_qrcode.png"
|
||||
mode="aspectFill"></image>
|
||||
本页二维码
|
||||
</view>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="sucessImg">
|
||||
<image src="https://static.hshuishang.com/property-img-file/local_sucess.png" mode="aspectFill"></image>
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_sucess.png" mode="aspectFill"></image>
|
||||
</div>
|
||||
|
||||
<div class="text1">支付成功</div>
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
<view class="discuss">
|
||||
<image
|
||||
class="discuss_pic"
|
||||
src="https://static.hshuishang.com/property-img-file/localLife_shopList_Group_1334.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_shopList_Group_1334.png"
|
||||
/>
|
||||
<text>点评</text>
|
||||
</view>
|
||||
@ -49,7 +49,7 @@ export default {
|
||||
list: [
|
||||
{
|
||||
title: "李氏济世堂",
|
||||
pic: "https://static.hshuishang.com/property-img-file/index_Mask_group.png",
|
||||
pic: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_Mask_group.png",
|
||||
desc: ["到家服务", "买单返物业费", "买单返物业费"],
|
||||
address: "苏州市太仓市城厢镇桃园三村11幢105市",
|
||||
distance: "898km",
|
||||
@ -57,7 +57,7 @@ export default {
|
||||
},
|
||||
{
|
||||
title: "美容美发",
|
||||
pic: "https://static.hshuishang.com/property-img-file/index_Mask_group.png",
|
||||
pic: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/index_Mask_group.png",
|
||||
desc: [ "买单返物业费"],
|
||||
address: "苏州市太仓市城厢镇桃园三村11幢105市",
|
||||
distance: "898km",
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
:maxCount="3">
|
||||
<view class="imgCon">
|
||||
<image
|
||||
src="https://static.hshuishang.com/property-img-file/com_imageImg.png"
|
||||
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_imageImg.png"
|
||||
mode="widthFix"></image>
|
||||
上传凭证
|
||||
</view>
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
</view>
|
||||
<view class="product-list">
|
||||
<view class="product-item" v-for="(product, pIndex) in item.commodity_order_item_list" :key="pIndex">
|
||||
<view class="product-info" @click="toDetail(item)">
|
||||
<view class="product-info">
|
||||
<view class="product-img">
|
||||
<image :src="product.commodity_pic"></image>
|
||||
<view class="tag" v-if="product.is_same_day === 1">当日达</view>
|
||||
@ -43,11 +43,6 @@ export default {
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toDetail(item) {
|
||||
const goodId = item.commodity_order_item_list[0].goods_id
|
||||
const orderInfo = item
|
||||
NavgateTo(`/packages/myOrders/goodDetails/index?item=${JSON.stringify(orderInfo)} &goodId=${JSON.stringify(goodId)}`);
|
||||
},
|
||||
evaluateOrder(item) {
|
||||
NavgateTo(`../evaluate/index?item=${JSON.stringify(item)}`);
|
||||
},
|
||||
|
||||
@ -295,7 +295,7 @@ page {
|
||||
.copy-icon {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
background-image: url('https://static.hshuishang.com/myOrder/copy.png');
|
||||
background-image: url('https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/copy.png');
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
||||
@ -55,11 +55,11 @@
|
||||
<view class="address-view">
|
||||
<view class="address-val">
|
||||
<text>河北省衡水市桃城区路北街道中心北大街世纪名城41号楼</text>
|
||||
<!-- <image src="https://static.hshuishang.com/myOrder/copy.png"
|
||||
<!-- <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/copy.png"
|
||||
class="copy-icon" @click="copyRefundNo"/> -->
|
||||
</view>
|
||||
</view>
|
||||
<image src="https://static.hshuishang.com/af_update_address.png"
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/af_update_address.png"
|
||||
class="icon_2" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -53,7 +53,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="upload-btn" @click="chooseImage" v-if="imageList.length < 3">
|
||||
<image src="https://static.hshuishang.com/myOrder/upload.png" class="upload-icon">
|
||||
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/upload.png" class="upload-icon">
|
||||
</image>
|
||||
<view class="upload-text">上传图片</view>
|
||||
<view class="upload-count">({{ imageList.length }}/3)</view>
|
||||
|
||||
@ -1,661 +0,0 @@
|
||||
page {
|
||||
background-color: #fff;
|
||||
padding-bottom: 20rpx;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
width: 750rpx;
|
||||
height: 243rpx;
|
||||
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
|
||||
}
|
||||
|
||||
.searchBox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.isDay {
|
||||
background-color: orangered;
|
||||
height: 35rpx;
|
||||
border-radius: 5rpx;
|
||||
color: white;
|
||||
font-size: 22rpx;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
padding: 5rpx 10rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.tag {
|
||||
background-color: orangered;
|
||||
color: white;
|
||||
font-size: 40rpx;
|
||||
padding: 5rpx 10rpx;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
|
||||
.tag-img {
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
.searchBox_left {
|
||||
box-sizing: border-box;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
height: 750rpx;
|
||||
width: 750rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.swiper swiper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.swiper .NumDot {
|
||||
width: 100rpx;
|
||||
height: 50rpx;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||
font-size: 30rpx;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
right: 27rpx;
|
||||
bottom: 20rpx;
|
||||
}
|
||||
|
||||
.Money {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin-top: 40rpx;
|
||||
font-weight: bold;
|
||||
font-size: 80rpx;
|
||||
color: #FF370B;
|
||||
margin-left: 12rpx;
|
||||
}
|
||||
|
||||
.MoneyMark {
|
||||
font-size: 60rpx;
|
||||
padding-bottom: 6rpx;
|
||||
}
|
||||
|
||||
.MoneyUnit {
|
||||
font-size: 40rpx;
|
||||
font-weight: 400;
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.oldMoney {
|
||||
font-size: 40rpx;
|
||||
color: #C7C7C7;
|
||||
margin-left: 30rpx;
|
||||
padding-bottom: 4rpx;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.GGBox {
|
||||
margin: 0 20rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.GG_rigth {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.GG_left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
flex-wrap: nowrap;
|
||||
overflow: hidden;
|
||||
overflow-x: auto;
|
||||
margin-right: 40rpx;
|
||||
}
|
||||
|
||||
/* 促销信息样式 */
|
||||
.promotions-container {
|
||||
padding: 15rpx;
|
||||
background-color: #FFF;
|
||||
border-radius: 10rpx;
|
||||
margin: 15rpx 0;
|
||||
}
|
||||
|
||||
.promotion-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.promotion-tag {
|
||||
width: 80rpx;
|
||||
text-align: center;
|
||||
background-color: #ffe8e5;
|
||||
color: #ff5029;
|
||||
padding: 5rpx 15rpx;
|
||||
border-radius: 10rpx;
|
||||
font-size: 26rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.promotion-content {
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.promotion-content1 {
|
||||
width: auto;
|
||||
padding: 5rpx 10rpx;
|
||||
text-align: center;
|
||||
background-color: #ff6749;
|
||||
color: white;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
|
||||
.GG_Item {
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
background: #F6F7FB;
|
||||
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||
padding: 12rpx 16rpx;
|
||||
white-space: nowrap;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.Tit {
|
||||
font-size: 36rpx;
|
||||
color: #222222;
|
||||
margin: 0 20rpx;
|
||||
margin-top: 20rpx;
|
||||
font-weight: 700;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.Msg {
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
margin: 0 20rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.GoodsMsg {
|
||||
/* font-size: 30rpx; */
|
||||
color: #222222;
|
||||
margin: 0 20rpx;
|
||||
margin-top: 55rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
.Msg_Item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1rpx solid #EBEBEB;
|
||||
;
|
||||
}
|
||||
|
||||
.Msg_ItemTit {
|
||||
width: 120rpx;
|
||||
margin-right: 100rpx;
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
margin: 0 20rpx;
|
||||
padding: 30rpx 0;
|
||||
}
|
||||
|
||||
.Msg_ItemCon {
|
||||
font-size: 26rpx;
|
||||
color: #222222;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.Msg_ItemCon image {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.GoosMsg {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.GoosMsg image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.Car {
|
||||
width: 750rpx;
|
||||
height: 123rpx;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 3rpx -3rpx 15rpx 0rpx rgba(255, 27, 27, 0.05);
|
||||
display: flex;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0 30rpx;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.car_left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 24rpx;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.car_left image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.car_right {
|
||||
width: 470rpx;
|
||||
height: 70rpx;
|
||||
background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%);
|
||||
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 26rpx;
|
||||
}
|
||||
|
||||
.car_right_disabled {
|
||||
background: #CCCCCC;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.cars {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.share {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 36rpx;
|
||||
}
|
||||
|
||||
.u-badge {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -10rpx;
|
||||
}
|
||||
|
||||
.car_right .input {
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
.shadow {
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.shadowBox1 {
|
||||
height: 250rpx;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.shadowBox1Item_btn{
|
||||
width: 150rpx;
|
||||
height: 170rpx;
|
||||
opacity:0;
|
||||
position: absolute;
|
||||
left: 100rpx;
|
||||
top: 40rpx;
|
||||
}
|
||||
|
||||
.shadowBox1Item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 26rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.shadowBox1Item image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin-bottom: 26rpx;
|
||||
}
|
||||
|
||||
.shadowBox2 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.shadowBox_img {
|
||||
width: 600rpx;
|
||||
height: 945rpx;
|
||||
background: url('https://static.hshuishang.com/property-img-file/shop_share_bg.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.shadowBox_btn {
|
||||
font-size: 36rpx;
|
||||
color: #FFFFFF;
|
||||
width: 600rpx;
|
||||
height: 90rpx;
|
||||
background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%);
|
||||
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
|
||||
.boxshadow_tit {
|
||||
font-size: 32rpx;
|
||||
color: #222222;
|
||||
text-align: center;
|
||||
padding-top: 40rpx;
|
||||
}
|
||||
|
||||
.boxshadow_img {
|
||||
width: 450rpx;
|
||||
height: 600rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
.line {
|
||||
margin: 0 auto;
|
||||
width: 556rpx;
|
||||
height: 1rpx;
|
||||
border-bottom: 1rpx dashed #E9E9E9;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
||||
|
||||
.shadowBoxInfo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: 62rpx;
|
||||
margin-top: 11rpx;
|
||||
}
|
||||
|
||||
.shadowboxInfo_left {
|
||||
width: 130rpx;
|
||||
height: 130rpx;
|
||||
background: #EFEFEF;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 36rpx;
|
||||
}
|
||||
|
||||
.shadowboxInfo_right_1 {
|
||||
font-size: 32rpx;
|
||||
color: #222222;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.shadowboxInfo_right_2 {
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.active {
|
||||
background: #FF370B;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.priceInfo {
|
||||
height: 450rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.priceInfo-title {
|
||||
/* font-size: 30rpx; */
|
||||
font-weight: bolder;
|
||||
margin: 15rpx 0 20rpx 0;
|
||||
}
|
||||
|
||||
.priceInfo-content {
|
||||
font-size: 26rpx;
|
||||
color: #9c9c9c;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.priceInfo-content-title {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.fenge {
|
||||
width: 100%;
|
||||
height: 15rpx;
|
||||
background-color: #f5f7fb;
|
||||
}
|
||||
|
||||
/* 评价部分样式 */
|
||||
.reviews-section {
|
||||
padding: 20rpx;
|
||||
background-color: #fff;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.reviews-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.reviews-header h3 {
|
||||
/* font-size: 32rpx; */
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.view-all {
|
||||
color: #999;
|
||||
font-size: 26rpx;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.reviews-list {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.review-item {
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1rpx solid #f5f5f5;
|
||||
}
|
||||
|
||||
.review-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.user-avatar {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
|
||||
.user-info {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.user-name {
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.user-purchase {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
margin: 10rpx 0;
|
||||
}
|
||||
|
||||
.review-content {
|
||||
font-size: 27rpx;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.review-images {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10rpx;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.review-img {
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.review-time {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.popup-header {
|
||||
display: flex;
|
||||
width: 90%;
|
||||
padding-left: 80rpx;
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
|
||||
.popup-header-h3 {
|
||||
font-weight: bold;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.popup-header-view {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.temp {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.temp1 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 24rpx;
|
||||
color: #959595;
|
||||
margin: 20rpx 0 5rpx 0;
|
||||
}
|
||||
|
||||
.temp_img {
|
||||
width: 35rpx;
|
||||
height: 35rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.temp_img1 {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin: 5rpx 5rpx 0 5rpx;
|
||||
}
|
||||
|
||||
.itemSizeBox {
|
||||
margin: 30rpx;
|
||||
}
|
||||
|
||||
.itemSize {
|
||||
font-size: 26rpx;
|
||||
color: #333;
|
||||
background: #F6F7FB;
|
||||
border-radius: 40rpx;
|
||||
padding: 10rpx 15rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.itemSize_active {
|
||||
background: #FF370B;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.itemSize-img {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
margin-right: 30rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.itemSize_top {
|
||||
display: flex;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
.itemSize_info {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.itemSize_name {
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.itemSize_price {
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
margin-top: 10rpx;
|
||||
color: red;
|
||||
}
|
||||
@ -1,630 +0,0 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="swiper">
|
||||
<view v-if="currentGG.is_same_day" class="tag tag-img">
|
||||
当日达
|
||||
</view>
|
||||
<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000" @change="changeIndex">
|
||||
<swiper-item v-for="(item, index) in currentGG.goods_carousel" :key="index">
|
||||
<image :src="picUrl + item"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
|
||||
<view class="NumDot">
|
||||
{{ currentGG.goods_carousel ? currentIndex : 0 }} / {{ currentGG.goods_carousel ? currentGG.goods_carousel.length : 0 }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="Money">
|
||||
<view class="MoneyMark">¥</view>
|
||||
{{ currentGG.sales_price }}
|
||||
<view class="MoneyUnit">/{{ currentGG.goods_unit }}</view>
|
||||
|
||||
<view class="oldMoney">¥{{ currentGG.market_price }}</view>
|
||||
</view>
|
||||
|
||||
<!-- 规格 -->
|
||||
<!-- @click="changeGG2(item, index)" :class="index == currentGGIndex ? 'active' : ''"> -->
|
||||
<!-- 规格显示 - 不再有规格切换功能 -->
|
||||
<view class="GGBox">
|
||||
<view class="GG_left">
|
||||
<view class="GG_Item active">
|
||||
{{ currentGG.goods_spec }} / {{ currentGG.goods_unit }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="Tit">
|
||||
<view class="isDay" v-if="currentGG.is_same_day">当日达</view>
|
||||
<view>{{ currentGG.goods_name }}</view>
|
||||
</view>
|
||||
<view class="Msg">{{ currentGG.commodity_brief }}</view>
|
||||
|
||||
<view class="fenge"></view>
|
||||
|
||||
<!-- 促销信息区域 -->
|
||||
<view class="promotions-container">
|
||||
<view class="promotion-item">
|
||||
<view class="promotion-tag">优惠</view>
|
||||
<view class="promotion-content promotion-content1">满100减10</view>
|
||||
</view>
|
||||
<view class="promotion-item">
|
||||
<view class="promotion-tag">限购</view>
|
||||
<view class="promotion-content">限购5件</view>
|
||||
</view>
|
||||
<view class="promotion-item">
|
||||
<view class="promotion-tag">阶梯价</view>
|
||||
<view class="promotion-content">1~9件 9.5元/件;>10件 8.0元/件</view>
|
||||
</view>
|
||||
<view class="promotion-item">
|
||||
<view class="promotion-tag">满赠</view>
|
||||
<view class="promotion-content">满5赠1,满10赠3</view>
|
||||
</view>
|
||||
<view class="promotion-item">
|
||||
<view class="promotion-tag">满减</view>
|
||||
<view class="promotion-content">满100减5,满200减20</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="fenge"></view>
|
||||
|
||||
<view class="Msg_Item">
|
||||
<view class="Msg_ItemTit">质检</view>
|
||||
<view class="Msg_ItemCon">质检报告</view>
|
||||
</view>
|
||||
<view class="Msg_Item">
|
||||
<view class="Msg_ItemTit">押金</view>
|
||||
<view class="Msg_ItemCon">需另付押金:¥30.00(30天可退)</view>
|
||||
</view>
|
||||
<view class="Msg_Item">
|
||||
<view class="Msg_ItemTit">配送</view>
|
||||
<view class="Msg_ItemCon"> 12:00前下单,预计8月21日送达; </view>
|
||||
</view>
|
||||
<view class="fenge"></view>
|
||||
|
||||
<!-- 评价部分 -->
|
||||
<view class="reviews-section">
|
||||
<view class="reviews-header">
|
||||
<h3>评价({{ comments.length ? comments.length : 0 }})</h3>
|
||||
<view class="view-all" @click="showPopup">查看全部 ></view>
|
||||
</view>
|
||||
<view class="reviews-list" v-if="comments.length > 0">
|
||||
<view class="review-item" v-for="(comment, index) in comments" :key="index">
|
||||
<view class="review-user">
|
||||
<image :src="comment.mpuser.avatar" class="user-avatar"></image>
|
||||
<view class="user-info">
|
||||
<view class="user-name">{{ comment.mpuser.nick_name }}</view>
|
||||
</view>
|
||||
<view class="review-time">{{ comment.create_time }}</view>
|
||||
</view>
|
||||
<view class="user-purchase">已购 {{ comment.goods_name.goods_name }}{{ comment.goods_name.goods_spec
|
||||
}}</view>
|
||||
<view class="review-content">{{ comment.user_review }}</view>
|
||||
<view class="review-images" v-if="comment.review_image.length > 0">
|
||||
<image :src="img" class="review-img" v-for="(img, idx) in comment.review_image" :key="idx">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="fenge"></view>
|
||||
|
||||
<h3 class="GoodsMsg">商品详情</h3>
|
||||
|
||||
<view class="Msg_Item">
|
||||
<view class="Msg_ItemTit">商品编号</view>
|
||||
<view class="Msg_ItemCon" @click="copys(currentGG.goods_no)">
|
||||
{{ currentGG.goods_no }}
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_copy.png">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="Msg_Item">
|
||||
<view class="Msg_ItemTit">规格说明</view>
|
||||
<view class="Msg_ItemCon">{{ currentGG.goods_spec }}</view>
|
||||
</view>
|
||||
<view class="Msg_Item">
|
||||
<view class="Msg_ItemTit">售卖单位</view>
|
||||
<view class="Msg_ItemCon">{{ currentGG.goods_unit }}</view>
|
||||
</view>
|
||||
|
||||
<view class="GoosMsg">
|
||||
<image v-for="item in currentGG.goods_detail_pic" :src="picUrl + item" :key="item" mode="widthFix"></image>
|
||||
</view>
|
||||
|
||||
<view class="priceInfo">
|
||||
<h3 class="priceInfo-title">价格说明</h3>
|
||||
<view class="priceInfo-content">
|
||||
<view>
|
||||
<text class="priceInfo-content-title">划线价格:</text>
|
||||
指商品的厂商指导价、正品零售价、市面常见价或该商品曾经展示过的销售价等,并非原价。仅供参考。
|
||||
</view>
|
||||
<view>
|
||||
<text class="priceInfo-content-title">未划线价格:</text>
|
||||
指商品的实时价格,不因表述的差异改变性质,具体成交价格根据商品参加活动,或使用优惠券等发生变化最终以订单结算价格为准。
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 底部购物车 -->
|
||||
<view class="Car">
|
||||
<view class="car_left">
|
||||
<view class="share" @click="share">
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_share.png"
|
||||
mode="widthFix"></image>
|
||||
分享
|
||||
</view>
|
||||
<view class="cars" @click="car">
|
||||
<u-badge numberType="limit" :type="type" max="99" :value="carNum"></u-badge>
|
||||
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_car.png"
|
||||
mode="widthFix"></image>
|
||||
购物车
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="car_right" v-if="
|
||||
currentGG.stock_quantity > 0 &&
|
||||
(!currentGG.cart_count || currentGG.cart_count.count == 0)
|
||||
" @click="addCar">
|
||||
加入购物车
|
||||
</view>
|
||||
|
||||
<view class="car_right" @click="changeCar" v-if="
|
||||
currentGG.cart_count && currentGG.cart_count.count > 0
|
||||
&& currentGG.stock_quantity > 0
|
||||
">
|
||||
加入购物车
|
||||
</view>
|
||||
|
||||
<view class="car_right car_right_disabled" v-if="currentGG.stock_quantity < 1">
|
||||
已售罄
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 分享 -->
|
||||
<view class="shadow" @click.stop="changeShadow" v-if="boxshadow1">
|
||||
<view class="shadowBox1">
|
||||
<button class="shadowBox1Item_btn" open-type="share" bindtap="onShareButtonClick" />
|
||||
<view class="shadowBox1Item" @click="shareFriend">
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_WX.png"
|
||||
mode="aspectFill"></image>
|
||||
微信好友
|
||||
</view>
|
||||
<view class="shadowBox1Item" @click="openSave">
|
||||
<image src="https://static.hshuishang.com/property-img-file/shop_saveImg.png"
|
||||
mode="aspectFill"></image>
|
||||
生成海报
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 海报 -->
|
||||
<view class="shadow" @click="changeShadow2" v-if="boxshadow2">
|
||||
<view class="shadowBox2">
|
||||
<view class="shadowBox_img">
|
||||
<view class="boxshadow_tit">今日商品推荐</view>
|
||||
<view class="boxshadow_img">
|
||||
<image v-if="currentGG && currentGG.commodity_pic && currentGG.commodity_pic.length > 0"
|
||||
:src="picUrl + currentGG.commodity_pic[0]">
|
||||
</image>
|
||||
<image v-else
|
||||
src="https://static.hshuishang.com/property-img-file/shop_share_img.png">
|
||||
</image>
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
<view class="shadowBoxInfo">
|
||||
<image class="shadowboxInfo_left"
|
||||
:src="qrcodePath || 'https://static.hshuishang.com/property-img-file/qrcode_placeholder.png'"
|
||||
mode="aspectFill"></image>
|
||||
<view class="shadowboxInfo_right">
|
||||
<view class="shadowboxInfo_right_1">{{ currentGG && currentGG.goods_name ?
|
||||
currentGG.goods_name : '' }}</view>
|
||||
<view class="shadowboxInfo_right_2">
|
||||
长按识别小程序 <br />
|
||||
数量有限马上抢购
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="shadowBox_btn" @click.stop="saveImg(picUrl + currentGG.commodity_pic[0])">保存海报</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 评价 查看详情 -->
|
||||
<u-popup :show="show" round="20rpx" mode="bottom" @close="close" @open="open" :z-index="10070">
|
||||
<view class="reviews-section">
|
||||
<view class="popup-header">
|
||||
<h3 class="popup-header-h3">评价</h3>
|
||||
<view class="popup-header-view" @click="close">取消</view>
|
||||
</view>
|
||||
<view class="temp">
|
||||
<view class="temp1">
|
||||
<img class="temp_img" src="https://static.hshuishang.com/pingjia.png" />
|
||||
为你展示真实评价
|
||||
</view>
|
||||
<!-- 移除款式选择按钮 -->
|
||||
</view>
|
||||
<view class="reviews-list" v-if="comments.length > 0">
|
||||
<view class="review-item" v-for="(comment, index) in comments" :key="index">
|
||||
<view class="review-user">
|
||||
<image :src="comment.mpuser.avatar" class="user-avatar"></image>
|
||||
<view class="user-info">
|
||||
<view class="user-name">{{ comment.mpuser.nick_name }}</view>
|
||||
</view>
|
||||
<view class="review-time">{{ comment.create_time }}</view>
|
||||
</view>
|
||||
<view class="user-purchase">已购 {{ comment.goods_name.goods_name }}{{
|
||||
comment.goods_name.goods_spec }}</view>
|
||||
<view class="review-content">{{ comment.user_review }}</view>
|
||||
<view class="review-images" v-if="comment.review_image.length > 0">
|
||||
<image :src="img" class="review-img" v-for="(img, idx) in comment.review_image" :key="idx">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
<!-- 移除款式选择弹窗,因为现在只有一个货品规格 -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
apiArr
|
||||
} from "../../../api/shop";
|
||||
import { apiArr as afterSaleApi } from "../../../api/afterSale";
|
||||
import {
|
||||
picUrl,
|
||||
menuButtonInfo,
|
||||
request,
|
||||
NavgateTo
|
||||
} from "../../../utils";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
picUrl,
|
||||
top: "",
|
||||
localHeight: "",
|
||||
carNum: "",
|
||||
prevCarNum: "",
|
||||
currentNum: "0", //当前商品的数量
|
||||
type: "error",
|
||||
boxshadow1: false,
|
||||
boxshadow2: false,
|
||||
goods_id: "", // 货品ID
|
||||
commodity_id: "", // 商品ID
|
||||
order_cate: "", // 订单类型
|
||||
info: "",
|
||||
currentIndex: "1", //当前轮播图
|
||||
|
||||
currentGG: {}, //当前货品信息
|
||||
|
||||
carOrderList: [],
|
||||
// 新增评论数据
|
||||
showReviewPopup: false,
|
||||
comments: [],
|
||||
show: false,
|
||||
showSize: false,
|
||||
|
||||
qrcodePath: null, // 存储当前页面的二维码路径
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
changeIndex(e) {
|
||||
this.currentIndex = e.detail.current + 1;
|
||||
},
|
||||
|
||||
back() {
|
||||
uni.navigateBack({
|
||||
delta: 1,
|
||||
});
|
||||
},
|
||||
// 分享微信
|
||||
shareFriend() {
|
||||
this.boxshadow2 = false;
|
||||
return;
|
||||
// uniapp 分享微信好友
|
||||
uni.share({
|
||||
provider: "weixin",
|
||||
type: "link",
|
||||
scene: "session",
|
||||
link: "https://uniapp.dcloud.net.cn/",
|
||||
title: "商品名称",
|
||||
imageUrl: "",
|
||||
success: (res) => {
|
||||
uni.showToast({
|
||||
title: "分享成功",
|
||||
icon: "success",
|
||||
duration: 2000,
|
||||
});
|
||||
this.boxshadow1 = false;
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log("分享失败", err);
|
||||
this.boxshadow1 = false;
|
||||
},
|
||||
});
|
||||
},
|
||||
changeShadow() {
|
||||
this.boxshadow1 = false;
|
||||
},
|
||||
openSave() {
|
||||
this.boxshadow1 = false;
|
||||
this.boxshadow2 = true;
|
||||
},
|
||||
// 保存海报
|
||||
saveImg(picUrl) {
|
||||
this.boxshadow2 = false;
|
||||
// 微信小程序保存图片
|
||||
uni.downloadFile({
|
||||
url: picUrl,
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
uni.saveImageToPhotosAlbum({
|
||||
filePath: res.tempFilePath,
|
||||
success: (res) => {
|
||||
uni.showToast({
|
||||
title: "保存成功",
|
||||
icon: "success",
|
||||
duration: 2000,
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log("保存失败", err);
|
||||
},
|
||||
});
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log("下载失败", err);
|
||||
},
|
||||
});
|
||||
},
|
||||
changeShadow2() {
|
||||
this.boxshadow2 = false;
|
||||
},
|
||||
|
||||
// 点分享按钮
|
||||
share() {
|
||||
this.boxshadow1 = true;
|
||||
},
|
||||
//货品详情 - 使用afterSaleApi.selectGoodsDetail接口
|
||||
getGoodsInfo() {
|
||||
request(afterSaleApi.selectGoodsDetail, "POST", {
|
||||
goods_id: this.goods_id,
|
||||
order_cate: this.order_cate
|
||||
}).then((res) => {
|
||||
// 处理返回的数据
|
||||
let goodsData = res;
|
||||
|
||||
// 分割图片字符串为数组
|
||||
if (goodsData.goods_detail_pic) {
|
||||
goodsData.goods_detail_pic = goodsData.goods_detail_pic.split(",");
|
||||
} else {
|
||||
goodsData.goods_detail_pic = [];
|
||||
}
|
||||
|
||||
if (goodsData.goods_carousel) {
|
||||
goodsData.goods_carousel = goodsData.goods_carousel.split(",");
|
||||
} else {
|
||||
goodsData.goods_carousel = [];
|
||||
}
|
||||
|
||||
if (goodsData.commodity_pic) {
|
||||
goodsData.commodity_pic = goodsData.commodity_pic.split(",");
|
||||
} else {
|
||||
goodsData.commodity_pic = [];
|
||||
}
|
||||
|
||||
// 根据购物车列表更新当前货品在购物车中的数量
|
||||
if (this.carOrderList) {
|
||||
this.carOrderList.forEach((items) => {
|
||||
if (items.goods_id == goodsData.id) {
|
||||
goodsData.cart_count = {
|
||||
count: items.count
|
||||
};
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 如果没有cart_count,初始化为0
|
||||
if (!goodsData.cart_count) {
|
||||
goodsData.cart_count = {
|
||||
count: 0
|
||||
};
|
||||
}
|
||||
|
||||
this.info = goodsData; // 保存完整信息
|
||||
this.currentGG = goodsData; // 设置当前货品信息
|
||||
});
|
||||
},
|
||||
|
||||
copys(e) {
|
||||
uni.setClipboardData({
|
||||
data: e,
|
||||
success: (res) => {
|
||||
uni.showToast({
|
||||
title: "复制成功",
|
||||
icon: "success",
|
||||
duration: 2000,
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
|
||||
// 移除规格切换相关方法,因为现在只有一个货品规格
|
||||
car() {
|
||||
NavgateTo("../shopCar/index");
|
||||
},
|
||||
|
||||
//获取购物车数量
|
||||
// getShopCar() {
|
||||
// request(apiArr.getCarCount, "POST", {}).then((res) => {
|
||||
// this.prevCarNum = res.total;
|
||||
// });
|
||||
// },
|
||||
|
||||
getShopCarList() {
|
||||
return request(apiArr.getCar, "POST", {}).then((res) => {
|
||||
// 合并当日达和普通商品数据
|
||||
this.carOrderList = [].concat(res.same_day_cart_list, res.normal_cart_list)
|
||||
.flatMap(supplier => supplier.commodity_cart_and_goods_model);
|
||||
this.carNum = res.total;
|
||||
this.prevCarNum = res.total;
|
||||
return res;
|
||||
});
|
||||
},
|
||||
|
||||
addCar() {
|
||||
let that = this;
|
||||
// 获取当前货品
|
||||
const currentGoods = this.currentGG;
|
||||
|
||||
// 获取当前购物车数量和库存数量
|
||||
const currentQuantity = currentGoods.cart_count ? currentGoods.cart_count.count : 0;
|
||||
const stockQuantity = currentGoods.stock_quantity || 0;
|
||||
|
||||
// 检查库存是否充足
|
||||
if (currentQuantity >= stockQuantity) {
|
||||
uni.showToast({
|
||||
title: "库存不足",
|
||||
icon: "none",
|
||||
duration: 2000
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
//如果没有当前货品 直接添加一个
|
||||
currentGoods.cart_count = {
|
||||
count: currentQuantity + 1,
|
||||
};
|
||||
const params = {
|
||||
goods_id_and_count: [
|
||||
{
|
||||
goods_id: currentGoods.id,
|
||||
count: currentGoods.cart_count.count,
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
//因为是当前商品没有 调用update就是增加商品。增加商品之后再获取购物车数量
|
||||
request(apiArr.updateCar, "POST", params).then((res) => {
|
||||
// that.getShopCar();
|
||||
that.getShopCarList();
|
||||
});
|
||||
},
|
||||
|
||||
// 购物车更改
|
||||
changeCar() {
|
||||
// 直接增加货品数量
|
||||
const currentGoods = this.currentGG;
|
||||
const currentQuantity = currentGoods.cart_count ? currentGoods.cart_count.count : 0;
|
||||
const stockQuantity = currentGoods.stock_quantity || 0;
|
||||
|
||||
// 检查库存是否充足
|
||||
if (currentQuantity >= stockQuantity) {
|
||||
uni.showToast({
|
||||
title: "库存不足",
|
||||
icon: "none",
|
||||
duration: 2000
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 增加货品数量
|
||||
currentGoods.cart_count = {
|
||||
count: currentQuantity + 1,
|
||||
};
|
||||
|
||||
const params = {
|
||||
user_id: uni.getStorageSync("userId"),
|
||||
goods_id_and_count: [{
|
||||
goods_id: currentGoods.id,
|
||||
count: currentGoods.cart_count.count,
|
||||
}],
|
||||
};
|
||||
|
||||
request(apiArr.updateCar, "POST", params).then((res) => {
|
||||
console.log(res);
|
||||
this.getShopCarList();
|
||||
// this.getShopCar();
|
||||
uni.showToast({
|
||||
title: "操作成功!",
|
||||
success() { },
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
showPopup() {
|
||||
this.show = true;
|
||||
},
|
||||
|
||||
close() {
|
||||
this.show = false;
|
||||
},
|
||||
// 获取评论
|
||||
getComment() {
|
||||
let params = {
|
||||
goods_id: this.goods_id,
|
||||
commodity_id: this.commodity_id,
|
||||
};
|
||||
request(apiArr.getComment, "POST", params).then((res) => {
|
||||
if (res.commodity_evaluate_list && Array.isArray(res.commodity_evaluate_list)) {
|
||||
this.comments = res.commodity_evaluate_list.map(item => ({
|
||||
...item,
|
||||
review_image: item.review_image ? item.review_image.split(',') : []
|
||||
}));
|
||||
} else {
|
||||
this.comments = [];
|
||||
}
|
||||
});
|
||||
}
|
||||
}, onLoad(options) {
|
||||
const itemObj = JSON.parse(decodeURIComponent(options.item));
|
||||
const goodId = JSON.parse(decodeURIComponent(options.goodId));
|
||||
const meun = menuButtonInfo();
|
||||
this.top = meun.top;
|
||||
this.localHeight = meun.height;
|
||||
|
||||
|
||||
// 保存货品id和订单类型
|
||||
this.goods_id = goodId;
|
||||
this.commodity_id = itemObj.id;
|
||||
this.order_cate = itemObj.order_cate;
|
||||
this.selectedGoods = itemObj; // 保存传入的完整货品信息
|
||||
},
|
||||
onReachBottom() { },
|
||||
onShow() {
|
||||
this.getShopCarList().then(() => {
|
||||
this.getGoodsInfo();
|
||||
// this.getShopCar();
|
||||
this.getComment();
|
||||
});
|
||||
},
|
||||
|
||||
//离开页面的时候直接更新购物车数量(目前接口是 传入商品id 数量。如果有当前商品就更新数量。如果没有就增加商品。如果删除某个商品 count 为0 就删除)
|
||||
onHide() {
|
||||
let goods_id_and_count = [];
|
||||
// 只有当前货品需要处理
|
||||
if (this.currentGG && this.currentGG.cart_count) {
|
||||
goods_id_and_count.push({
|
||||
goods_id: this.currentGG.id,
|
||||
count: this.currentGG.cart_count.count,
|
||||
});
|
||||
}
|
||||
|
||||
request(apiArr.updateCar, "POST", {
|
||||
goods_id_and_count,
|
||||
}).then((res) => {
|
||||
console.log("Cart updated on hide");
|
||||
});
|
||||
return;
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import url("./index.css");
|
||||
</style>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user