mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面修改

Browse Source
This commit is contained in:
THK3121 2023-08-04 08:57:20 +08:00
parent 7837a9cd83
commit da13b53bbd
21 changed files with 10392 additions and 8819 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
api/user.js
View File

@ -707,4 +707,8 @@ export function hasServiceApi(id) {
*/ */
export function getBankInfo() { export function getBankInfo() {
return request.get(`user/extract/history_bank`) return request.get(`user/extract/history_bank`)
}
// 商户账单管理
export function getBillDetil() {
return request.get(`mer/financial_record`)
} }

96
config/app.js
View File

@ -9,23 +9,23 @@ let httpApiThree
// 网络接口修改此字符 小程序域名要求https // 网络接口修改此字符 小程序域名要求https
// let httpApi = 'http://192.168.31.110:8324' // 测试 // let httpApi = 'http://192.168.31.110:8324' // 测试
if (process.env.NODE_ENV === "development") { if (process.env.NODE_ENV === "development") {
// httpApi = 'https://shop.lihaink.cn' // 生产 // httpApi = 'https://shop.lihaink.cn' // 生产
httpApi = "https://crmeb-test.shop.lihaink.cn" httpApi = "https://crmeb-test.shop.lihaink.cn"
// httpApi = "http://192.168.0.222" // httpApi = "http://192.168.0.222"
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
httpApiTwo = "https://nk.lihaink.cn" httpApiTwo = "https://nk.lihaink.cn"
httpApiThree = 'http://ceshi-oa.lihaink.cn' httpApiThree = 'http://ceshi-oa.lihaink.cn'
// #endif // #endif
// #ifdef H5 // #ifdef H5
// httpApiTwo = "baseUrl" // h5跨域配置 // httpApiTwo = "baseUrl" // h5跨域配置
httpApiTwo = "https://nk.lihaink.cn" // h5跨域配置 httpApiTwo = "https://nk.lihaink.cn" // h5跨域配置
// httpApiThree = 'baseUrlTest' // h5跨域配置 // httpApiThree = 'baseUrlTest' // h5跨域配置
// #endif // #endif
} else if (process.env.NODE_ENV === 'production') { } else if (process.env.NODE_ENV === 'production') {
// httpApi = 'https://shop.lihaink.cn' // 生产 httpApi = 'https://shop.lihaink.cn' // 生产
httpApi = "https://crmeb-test.shop.lihaink.cn" httpApi = "https://crmeb-test.shop.lihaink.cn"
httpApiTwo = 'https://nk.lihaink.cn' // 生产 httpApiTwo = 'https://nk.lihaink.cn' // 生产
httpApiThree = 'http://ceshi-oa.lihaink.cn' //生产 httpApiThree = 'http://ceshi-oa.lihaink.cn' //生产
} }
// httpApi = 'https://shop.lihaink.cn' // 生产 // httpApi = 'https://shop.lihaink.cn' // 生产
// httpApiTwo = 'https://nk.lihaink.cn' // 生产 // httpApiTwo = 'https://nk.lihaink.cn' // 生产
@ -35,37 +35,37 @@ if (process.env.NODE_ENV === "development") {
let wsApi = 'wss://shop.lihaink.cn' let wsApi = 'wss://shop.lihaink.cn'
module.exports = { module.exports = {
// 请求域名 格式： https://您的域名 // 请求域名 格式： https://您的域名
// #ifdef MP || APP-PLUS // #ifdef MP || APP-PLUS
// HTTP_REQUEST_URL: httpApi, // HTTP_REQUEST_URL: httpApi,
HTTP_REQUEST_URL: httpApi, HTTP_REQUEST_URL: httpApi,
HTTP_REQUEST_URL_TWO: httpApiTwo, HTTP_REQUEST_URL_TWO: httpApiTwo,
HTTP_REQUEST_URL_THREE: httpApiThree, HTTP_REQUEST_URL_THREE: httpApiThree,
VUE_APP_WS_URL: `${wsApi}?type=user`, VUE_APP_WS_URL: `${wsApi}?type=user`,
// #endif // #endif
// #ifdef H5 // #ifdef H5
//H5接口是浏览器地址 //H5接口是浏览器地址
HTTP_REQUEST_URL: httpApi || window.location.protocol + "//" + window.location.host, HTTP_REQUEST_URL: httpApi || window.location.protocol + "//" + window.location.host,
HTTP_REQUEST_URL_TWO: httpApiTwo || window.location.protocol + "//" + window.location.host, HTTP_REQUEST_URL_TWO: httpApiTwo || window.location.protocol + "//" + window.location.host,
// 聊天长连接地址 // 聊天长连接地址
VUE_APP_WS_URL: wsApi ? `${wsApi}?type=user` : VUE_APP_WS_URL, VUE_APP_WS_URL: wsApi ? `${wsApi}?type=user` : VUE_APP_WS_URL,
// #endif // #endif
openPlantGrass: openPlantGrass, openPlantGrass: openPlantGrass,
HEADER: { HEADER: {
'content-type': 'application/json', 'content-type': 'application/json',
//#ifdef H5 //#ifdef H5
'Form-type': navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 ? 'wechat' : 'h5', 'Form-type': navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 ? 'wechat' : 'h5',
//#endif //#endif
//#ifdef MP //#ifdef MP
'Form-type': 'routine', 'Form-type': 'routine',
//#endif //#endif
//#ifdef APP-PLUS //#ifdef APP-PLUS
'Form-type': 'app', 'Form-type': 'app',
//#endif //#endif
}, },
// 回话密钥名称 请勿修改此配置 // 回话密钥名称 请勿修改此配置
TOKENNAME: 'X-Token', TOKENNAME: 'X-Token',
// 缓存时间 0 永久 // 缓存时间 0 永久
EXPIRE: 0, EXPIRE: 0,
}; };

2787
pages.json
View File

File diff suppressed because it is too large Load Diff

1041
pages/admin/order/index.vue
View File

File diff suppressed because it is too large Load Diff

1868
pages/admin/orderList/index.vue
View File

File diff suppressed because it is too large Load Diff

363
pages/gather/gather.vue
View File

@ -5,214 +5,223 @@
icon="http://cdn.uviewui.com/uview/empty/permission.png"></u-empty> icon="http://cdn.uviewui.com/uview/empty/permission.png"></u-empty>
<block v-if="isShow"> <block v-if="isShow">
<view class="special_work com" v-if="userInfoData.mer_info.type_id === 12"> <view class="special_work com" v-if="userInfoData.mer_info.type_id === 12">
<view class="special_work com" v-if="true"> <view class="special_work com" v-if="true">
<view class="title">市级供应链</view> <view class="title">市级供应链</view>
<view class="content"> <view class="content">
<view class="examine" @click="navigator(`/pages/nongKe/supply_chain/goods_list?merid=${mer_id}`)"> <view class="examine"
<image class="icon_img" :src="`${prefix}zsgl.png`" mode="aspectFill"></image> @click="navigator(`/pages/nongKe/supply_chain/goods_list?merid=${mer_id}`)">
<text class="text">在售管理</text> <image class="icon_img" :src="`${prefix}zsgl.png`" mode="aspectFill"></image>
</view> <text class="text">在售管理</text>
<view class="examine" </view>
@click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&product_type=98&type_id=${userInfoData.mer_info.type_id}`)"> <view class="examine"
<image class="icon_img" :src="`${prefix}cwgl.png`" mode="aspectFill"></image> @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&product_type=98&type_id=${userInfoData.mer_info.type_id}`)">
<text class="text">财务管理</text> <image class="icon_img" :src="`${prefix}cwgl.png`" mode="aspectFill"></image>
</view> <text class="text">财务管理</text>
<view class="examine" </view>
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=1`)"> <view class="examine"
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill"> @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=1`)">
</image> <image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
<text class="text">入库管理</text> </image>
</view> <text class="text">入库管理</text>
<view class="examine" </view>
@click="navigator(`/pages/product/basicSet?mer_id=${mer_id}&product_type=98`, '商户设置')"> <view class="examine"
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill"></image> @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}&product_type=98`, '商户设置')">
<text class="text">商户设置</text> <image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill"></image>
</view> <text class="text">商户设置</text>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)"> </view>
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill"> <view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
</image> <image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
<text class="text">商品管理</text> </image>
</view> <text class="text">商品管理</text>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)"> </view>
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill"> <view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
</image> <image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
<text class="text">提现管理</text> </image>
</view> <text class="text">提现管理</text>
<view class="examine" @click="navigator(`/pages/nongKe/teach_video/teach_video`)"> </view>
<image class="icon_img" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/spjs.png" <view class="examine" @click="navigator(`/pages/nongKe/teach_video/teach_video`)">
mode="aspectFill"> <image class="icon_img"
</image> src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/spjs.png" mode="aspectFill">
<text class="text">视频教学</text> </image>
</view> <text class="text">视频教学</text>
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)"> </view>
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFill"> <image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFill">
</image> </image>
<text class="text">财务公开</text> <text class="text">财务公开</text>
</view> --> </view> -->
<!-- <view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}`)"> <!-- <view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill">
</image> </image>
<text class="text">订单管理</text> <text class="text">订单管理</text>
</view> --> </view> -->
</view>
</view> </view>
</view> </view>
</view>
<view class="business com" v-if="userInfoData.mer_info.type_id === 10"> <view class="business com" v-if="userInfoData.mer_info.type_id === 10">
<view class="business com" v-if="true"> <view class="business com" v-if="true">
<view class="special_work com"> <view class="special_work com">
<view class="title">我的店铺</view> <view class="title">我的店铺</view>
<view class="content "> <view class="content ">
<view class="examine" <view class="examine"
@click="navigator(`/pages/users/supply_procurement/index?type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`)"> @click="navigator(`/pages/users/supply_procurement/index?type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`)">
<!-- @click="navigator(`/pages/nongKe/supply_chain/supplier?type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`) --> <!-- @click="navigator(`/pages/nongKe/supply_chain/supplier?type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`) -->
<image class="icon_img" :src="`${prefix}ghcg.png`" mode="aspectFill"></image> <image class="icon_img" :src="`${prefix}ghcg.png`" mode="aspectFill"></image>
<text class="text">供货采购</text> <text class="text">供货采购</text>
</view> </view>
<view class="examine" @click="navigator('/pages/users/order_list/index?status=-1&product_type=98')"> <view class="examine"
<image class="icon_img" :src="`${prefix}jhgl.png`" mode="aspectFill"></image> @click="navigator('/pages/users/order_list/indexCopy?status=-1&product_type=98')">
<text class="text">进货管理</text> <image class="icon_img" :src="`${prefix}jhgl.png`" mode="aspectFill"></image>
</view> <text class="text">进货管理</text>
<view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)"> </view>
<image class="icon_img" :src="`${prefix}smck.png`" mode="aspectFill"> <view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)">
</image> <image class="icon_img" :src="`${prefix}smck.png`" mode="aspectFill">
<text class="text">扫码出库</text> </image>
</view> <text class="text">扫码出库</text>
<view class="examine" </view>
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)"> <view class="examine"
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill"> @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)">
</image> <image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
<text class="text">入库管理</text> </image>
</view> <text class="text">入库管理</text>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)"> </view>
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill"> <view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
</image> <image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
<text class="text">提现管理</text> </image>
</view> <text class="text">提现管理</text>
</view>
<view class="examine" <view class="examine"
@click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)"> @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill">
</image> </image>
<text class="text">客服记录</text> <text class="text">客服记录</text>
</view> </view>
<view class="examine" <view class="examine"
@click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)"> @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill">
</image> </image>
<text class="text">订单核销</text> <text class="text">订单核销</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&type_id=${userInfoData.mer_info.type_id}`)"> <view class="examine"
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill"> @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&type_id=${userInfoData.mer_info.type_id}`)">
</image> <image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill">
<text class="text">订单管理</text> </image>
</view> <text class="text">订单管理</text>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)"> </view>
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill"> <view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
</image> <image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
<text class="text">商品管理</text> </image>
</view> <text class="text">商品管理</text>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')"> </view>
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill"> <view class="examine"
</image> @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')">
<text class="text">商户设置</text> <image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill">
</view> </image>
<view class="examine" @click="navigator(`/pages/users/trading_hall/index?mer_id=${mer_id}`)"> <text class="text">商户设置</text>
<image class="icon_img" src="@/static/images/diaohuo.png" mode="aspectFill"> </view>
</image> <view class="examine"
<text class="text">交易大厅</text> @click="navigator(`/pages/users/trading_hall/index?mer_id=${mer_id}`)">
</view> <image class="icon_img" src="@/static/images/diaohuo.png" mode="aspectFill">
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')"> </image>
<image class="icon_img" src="@/static/images/weituo.png" mode="aspectFill"> <text class="text">交易大厅</text>
</image> </view>
<text class="text">委托销售</text> <view class="examine"
</view> @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')">
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')"> <image class="icon_img" src="@/static/images/weituo.png" mode="aspectFill">
<image class="icon_img" src="@/static/images/fabu.png" mode="aspectFill"> </image>
</image> <text class="text">委托销售</text>
<text class="text">发布管理</text> </view>
</view> <view class="examine"
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)"> @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')">
<image class="icon_img" src="@/static/images/fabu.png" mode="aspectFill">
</image>
<text class="text">发布管理</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFill"> <image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFill">
</image> </image>
<text class="text">财务公开</text> <text class="text">财务公开</text>
</view> --> </view> -->
</view>
</view> </view>
</view>
<!-- <gatherBusiness :userInfoData="userInfoData" /> --> <!-- <gatherBusiness :userInfoData="userInfoData" /> -->
</view> </view>
</view> </view>
<view class="business com" v-if="userInfoData.mer_info.type_id === 11"> <view class="business com" v-if="userInfoData.mer_info.type_id === 11">
<view class="business com" v-if="true"> <view class="business com" v-if="true">
<view class="special_work com"> <view class="special_work com">
<view class="title">里海云仓</view> <view class="title">里海云仓</view>
<view class="content "> <view class="content ">
<view class="examine" <view class="examine"
@click="navigator(`/pages/nongKe/supply_chain/supplier?type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`)"> @click="navigator(`/pages/nongKe/supply_chain/supplier?type_id=12&isDetail=1&product_type=98&cate_id=${userInfoData.mer_info.category_id}`)">
<image class="icon_img" :src="`${prefix}ghcg.png`" mode="aspectFill"></image> <image class="icon_img" :src="`${prefix}ghcg.png`" mode="aspectFill"></image>
<text class="text">供货采购</text> <text class="text">供货采购</text>
</view> </view>
<view class="examine" @click="navigator('/pages/users/order_list/index?status=-1')"> <view class="examine" @click="navigator('/pages/users/order_list/index?status=-1')">
<image class="icon_img" :src="`${prefix}jhgl.png`" mode="aspectFill"></image> <image class="icon_img" :src="`${prefix}jhgl.png`" mode="aspectFill"></image>
<text class="text">进货管理</text> <text class="text">进货管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)"> <view class="examine" @click="navigator(`/pages/admin/stockOut/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}smck.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}smck.png`" mode="aspectFill">
</image> </image>
<text class="text">扫码出库</text> <text class="text">扫码出库</text>
</view> </view>
<view class="examine" <view class="examine"
@click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)"> @click="navigator(`/pages/nongKe/gather/select_warehouse?mer_id=${mer_id}&stype=2`)">
<image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}rkgl.png`" mode="aspectFill">
</image> </image>
<text class="text">入库管理</text> <text class="text">入库管理</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)"> <view class="examine" @click="navigator(`/pages/users/embody/embody?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}txgl.png`" mode="aspectFill">
</image> </image>
<text class="text">提现管理</text> <text class="text">提现管理</text>
</view> </view>
<view class="examine" <view class="examine"
@click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)"> @click="navigator(`/pages/chat/customer_list/index?type=1&mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}kfjl.png`" mode="aspectFill">
</image> </image>
<text class="text">客服记录</text> <text class="text">客服记录</text>
</view> </view>
<view class="examine" <view class="examine"
@click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)"> @click="navigator(`/pages/admin/order_cancellation/index?mer_id=${mer_id}`)">
<image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill"> <image class="icon_img" :src="`${prefix}ddhx.png`" mode="aspectFill">
</image> </image>
<text class="text">订单核销</text> <text class="text">订单核销</text>
</view> </view>
<view class="examine" @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&type_id=${userInfoData.mer_info.type_id}`)"> <view class="examine"
<image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill"> @click="navigator(`/pages/admin/order/index?mer_id=${mer_id}&type_id=${userInfoData.mer_info.type_id}`)">
</image> <image class="icon_img" :src="`${prefix}ddgl.png`" mode="aspectFill">
<text class="text">订单管理</text> </image>
</view> <text class="text">订单管理</text>
<view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)"> </view>
<image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill"> <view class="examine" @click="navigator(`/pages/product/list/index?mer_id=${mer_id}`)">
</image> <image class="icon_img" :src="`${prefix}spgl.png`" mode="aspectFill">
<text class="text">商品管理</text> </image>
</view> <text class="text">商品管理</text>
<view class="examine" @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')"> </view>
<image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill"> <view class="examine"
</image> @click="navigator(`/pages/product/basicSet?mer_id=${mer_id}`, '商户设置')">
<text class="text">商户设置</text> <image class="icon_img" :src="`${prefix}shsz.png`" mode="aspectFill">
</view> </image>
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)"> <text class="text">商户设置</text>
</view>
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)">
<image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFill"> <image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFill">
</image> </image>
<text class="text">财务公开</text> <text class="text">财务公开</text>
</view> --> </view> -->
</view>
</view> </view>
</view> </view>
</view> </view>
</view>
</block> </block>
<!-- <m-tabbar native> <!-- <m-tabbar native>
<template v-slot:tabbar_index_2> <template v-slot:tabbar_index_2>

899
pages/index/index.vue
View File

@ -1,475 +1,504 @@
<template> <template>
<view class="Circle_friends"> <view class="Circle_friends">
<view class="circle_friends_wrapper"> <view class="circle_friends_wrapper">
<zbpSwiper></zbpSwiper> <zbpSwiper></zbpSwiper>
<view class="tabs_wrapper"> <view class="tabs_wrapper">
<u-tabs :list="tabsData.list" @click="tabsChange" lineColor="#F84221" keyName="cate_name"></u-tabs> <u-tabs :list="tabsData.list" @click="tabsChange" lineColor="#F84221" keyName="cate_name"></u-tabs>
</view> </view>
<view class="">
<view class="goods"> </view>
<block v-for="(item,index) in cateGoods" :key="index"> <view class="goods">
<view class="goods_item" @click="gogogo(item)"> <block v-for="(item,index) in cateGoods" :key="index">
<view style="height: 294.74rpx;"> <view class="goods_item" @click="gogogo(item)">
<u--image :src="item.image[0]" width="342.11rpx" height="294.74rpx" :showLoading="true" lazyLoad fade <view style="height: 294.74rpx;">
duration="450"> <u--image :src="item.image[0]" width="342.11rpx" height="294.74rpx" :showLoading="true"
<template v-slot:loading> lazyLoad fade duration="450">
<u-loading-icon color="#f5f5f5"></u-loading-icon> <template v-slot:loading>
</template> <u-loading-icon color="#f5f5f5"></u-loading-icon>
</u--image> </template>
</view> </u--image>
<view class="botm"> </view>
<view class="title">{{item.title}}</view> <view class="botm">
<view class="goods_info flex_a_c"> <view class="title">{{item.title}}</view>
<view class="l_info flex_a_c"> <view class="goods_info flex_a_c">
<image :src="(item.author && item.author.avatar) || '/static/images/f.png'" mode="aspectFill" <view class="l_info flex_a_c">
class="g_img"></image> <image :src="(item.author && item.author.avatar) || '/static/images/f.png'"
<view class="g_name">{{item.author && item.author.nickname}}</view> mode="aspectFill" class="g_img"></image>
</view> <view class="g_name">{{item.author && item.author.nickname}}</view>
<view class="nice_box" @click.stop="giveStart(item)"> </view>
<text class="iconfont" :class="item.relevance_id ? 'icon-shoucang1' : 'icon-dianzan'"></text> <view class="nice_box" @click.stop="giveStart(item)">
<text class="collect">{{item.count_start}}</text> <text class="iconfont"
</view> :class="item.relevance_id ? 'icon-shoucang1' : 'icon-dianzan'"></text>
</view> <text class="collect">{{item.count_start}}</text>
</view> </view>
</view> </view>
</block> </view>
</view> </view>
<view class="empty_wrapper" v-if="emptyShow"> </block>
<u-empty :show="emptyShow" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty> </view>
</view> <view class="empty_wrapper" v-if="emptyShow">
</view> <u-empty :show="emptyShow" mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty>
</view>
</view>
<u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm" <u-picker :defaultIndex="[0,0]" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker> @cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
<u-loadmore :status="status" /> <u-loadmore :status="status" />
<!-- <view class="bg_color"></view> --> <!-- <view class="bg_color"></view> -->
<!-- <m-tabbar native> <!-- <m-tabbar native>
<template v-slot:tabbar_index_2> <template v-slot:tabbar_index_2>
<view class="custom_style"> <view class="custom_style">
<view class="custom_style_icon"></view> <view class="custom_style_icon"></view>
</view> </view>
</template> </template>
</m-tabbar> --> </m-tabbar> -->
</view> </view>
</template> </template>
<script> <script>
import mTabbar from '@/components/m-tabbar/m-tabbar.vue' import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
import zbpSwiper from '@/components/zbpSwiper' import zbpSwiper from '@/components/zbpSwiper'
import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue'; import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue';
import { getSlideAPI } from '@/api/lihai.js' import {
import { graphicLstApi, getTopicList, graphicStartApi } from '@/api/community.js' getSlideAPI
import { getIndexData, getDiy } from '@/api/api.js' } from '@/api/lihai.js'
import { getGeocoder, merClassifly } from '@/api/store.js'; import {
import { getArea, getStreet } from '@/api/article.js'; graphicLstApi,
import { Toast } from '@/libs/uniApi' getTopicList,
export default { graphicStartApi
components: { } from '@/api/community.js'
mTabbar, import {
zbpSwiper, getIndexData,
easyLoadimage getDiy
}, } from '@/api/api.js'
data() { import {
return { getGeocoder,
status: 'loadmore', merClassifly
bgColor: '', } from '@/api/store.js';
showPicker: false, import {
columnData: [], getArea,
show: false, getStreet
tabsData: { } from '@/api/article.js';
list: [], import {
tabsActive: 0 Toast
}, } from '@/libs/uniApi'
where: { export default {
category_id: 0, components: {
page: 1, mTabbar,
limit: 15 zbpSwiper,
}, easyLoadimage
currentItemId: 69, // 默认获取 社区的数据 0 表示推荐 || 69 社区 },
keyword: '', data() {
location: '', return {
emptyShow: false, status: 'loadmore',
street: '', bgColor: '',
cateGoods: [] showPicker: false,
} columnData: [],
}, show: false,
onPullDownRefresh() { tabsData: {
this.getCateList() list: [],
this.getGoods() tabsActive: 0
this.selfLocation() },
this.Area() where: {
uni.stopPullDownRefresh() category_id: 0,
}, page: 1,
onLoad() { limit: 15
this.getCateList() },
this.getGoods() currentItemId: 69, // 默认获取 社区的数据 0 表示推荐 || 69 社区
this.selfLocation() keyword: '',
this.Area() location: '',
this.setPermissions() emptyShow: false,
// this.openTongZhi() street: '',
uni.$on('connectstatusChange',(connectstatus) =>{ cateGoods: []
var connectstr = '' }
if (connectstatus == true) { },
connectstr ='已连接' onPullDownRefresh() {
this.getRegistrationID() this.getCateList()
}else{ this.getGoods()
connectstr ='未连接' this.selfLocation()
} this.Area()
this.connectstatus = connectStr uni.stopPullDownRefresh()
}) },
onLoad() {
}, this.getCateList()
onShow() {}, this.getGoods()
onReachBottom() { this.selfLocation()
if (this.status == 'nomore') return; this.Area()
this.status = 'loading'; this.setPermissions()
this.where.page = ++this.where.page; // this.openTongZhi()
this.getGoods() uni.$on('connectstatusChange', (connectstatus) => {
}, var connectstr = ''
methods: { if (connectstatus == true) {
confirm(e) { connectstr = '已连接'
this.where.street_id = e.value[1].code this.getRegistrationID()
this.showPicker = false } else {
}, connectstr = '未连接'
changeHandler(e) { }
const { this.connectstatus = connectStr
columnIndex, })
value,
values,
index,
picker = this.$refs.uPicker
} = e;
if (columnIndex === 0) {
getStreet({
area_code: value[0]['code']
}).then(res => {
this.$refs.uPicker.setColumnValues(1, res.data);
});
}
},
Area() {
getArea({
city_code: 510500
}).then(res => {
this.$refs.uPicker.setColumnValues(0, res.data);
this.Street(res.data[0]['code']);
});
},
Street(code) {
getStreet({
area_code: code
}).then(res => {
this.$refs.uPicker.setColumnValues(1, res.data);
});
},
gogogo(item) {
if (this.tabsData.tabsActive == 1) {
uni.navigateTo({
//#ifdef APP
url: '/pages/short_video/appSwiper/index?id=' + item.community_id,
//#endif
//#ifndef MP || H5
url: '/pages/short_video/nvueSwiper/index?id=' + item.community_id
//#endif
})
} else {
uni.navigateTo({
url: '/pages/plantGrass/plant_detail/index?id=' + item.community_id
})
}
},
giveStart(item) {
let status = item.relevance_id ? 0 : 1
graphicStartApi(item.community_id, {
status: status
}).then(res => {
if (item.relevance_id) {
item.count_start--;
item.count_start = item.count_start == 0 ? 0 : item.count_start
item.relevance_id = false
} else {
item.count_start++;
item.relevance_id = true
}
})
},
getGoods: function(item) {
// console.log(item);
graphicLstApi(this.where).then(res => {
this.cateGoods.push(...res.data.list)
if (res.data.list.length < this.where.limit) this.status = 'nomore'
if (this.where.page == 1 && res.data.list.length <= 0) this.emptyShow = true
if (item.index == 1) {
uni.navigateTo({
// #ifdef MP || H5
url: '/pages/short_video/nvueSwiper/index?id=' + this.cateGoods[0].community_id
// #endif
// #ifdef APP
url: `/pages/short_video/appSwiper/index?id=${this.cateGoods[0].community_id}`
// #endif
})
}
})
},
/*获取分类列表*/
async getCateList() {
const { data } = await getTopicList()
this.tabsData.list = [{
cate_name: "推荐",
category_id: 0
}, {
cate_name: "视频",
category_id: -1,
children: []
}, ...data]
},
tabsChange(item) {
this.cateGoods = []
this.where.category_id = item.category_id
this.where.page = 1
this.getGoods(item)
this.street_id = item.id
this.tabsData.tabsActive = item.index
}, },
selfLocation() { onShow() {},
const that = this onReachBottom() {
uni.getLocation({ if (this.status == 'nomore') return;
type: 'wgs84', this.status = 'loading';
timeout: '10', this.where.page = ++this.where.page;
success: (res) => { this.getGoods()
let latitude, longitude; },
latitude = res.latitude.toString(); methods: {
longitude = res.longitude.toString(); confirm(e) {
getGeocoder({ lat: latitude, long: longitude }).then(res => { this.where.street_id = e.value[1].code
that.$store.commit('setLocation', res.data) this.showPicker = false
that.street = res.data.address_component.street },
}).catch(err => { changeHandler(e) {
uni.showToast({ const {
title: err, columnIndex,
icon: 'none' value,
}) values,
}) index,
}, picker = this.$refs.uPicker
fail: (err) => { } = e;
uni.showToast({ if (columnIndex === 0) {
title: "获取定位超时", getStreet({
icon: 'none', area_code: value[0]['code']
duration: 2000 }).then(res => {
}); this.$refs.uPicker.setColumnValues(1, res.data);
} });
}); }
}, },
Area() {
/** getArea({
* 设置手机通知权限 city_code: 510500
*/ }).then(res => {
setPermissions() { this.$refs.uPicker.setColumnValues(0, res.data);
// #ifdef APP-PLUS this.Street(res.data[0]['code']);
if (plus.os.name == 'Android') { // 判断是Android });
var main = plus.android.runtimeMainActivity(); },
var pkName = main.getPackageName(); Street(code) {
var uid = main.getApplicationInfo().plusGetAttribute("uid"); getStreet({
var NotificationManagerCompat = plus.android.importClass("android.support.v4.app.NotificationManagerCompat"); area_code: code
//android.support.v4升级为androidx }).then(res => {
if (NotificationManagerCompat == null) { this.$refs.uPicker.setColumnValues(1, res.data);
NotificationManagerCompat = plus.android.importClass("androidx.core.app.NotificationManagerCompat"); });
} },
var areNotificationsEnabled = NotificationManagerCompat.from(main).areNotificationsEnabled(); gogogo(item) {
// 未开通‘允许通知’权限，则弹窗提醒开通，并点击确认后，跳转到系统设置页面进行设置 if (this.tabsData.tabsActive == 1) {
if (!areNotificationsEnabled) { uni.navigateTo({
uni.showModal({ //#ifdef APP
title: '通知权限开启提醒', url: '/pages/short_video/appSwiper/index?id=' + item.community_id,
content: '您还没有开启通知权限，无法接受到消息通知，请前往设置！', //#endif
showCancel: false, //#ifndef MP || H5
confirmText: '去设置', url: '/pages/short_video/nvueSwiper/index?id=' + item.community_id
success: function(res) { //#endif
if (res.confirm) { })
var Intent = plus.android.importClass('android.content.Intent'); } else {
var Build = plus.android.importClass("android.os.Build"); uni.navigateTo({
//android 8.0引导 url: '/pages/plantGrass/plant_detail/index?id=' + item.community_id
if (Build.VERSION.SDK_INT >= 26) { })
var intent = new Intent('android.settings.APP_NOTIFICATION_SETTINGS'); }
intent.putExtra('android.provider.extra.APP_PACKAGE', pkName); },
} else if (Build.VERSION.SDK_INT >= 21) { //android 5.0-7.0 giveStart(item) {
var intent = new Intent('android.settings.APP_NOTIFICATION_SETTINGS'); let status = item.relevance_id ? 0 : 1
intent.putExtra("app_package", pkName); graphicStartApi(item.community_id, {
intent.putExtra("app_uid", uid); status: status
} else { //(<21)其他--跳转到该应用管理的详情页 }).then(res => {
intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS); if (item.relevance_id) {
var uri = Uri.fromParts("package", mainActivity.getPackageName(), null); item.count_start--;
intent.setData(uri); item.count_start = item.count_start == 0 ? 0 : item.count_start
} item.relevance_id = false
// 跳转到该应用的系统通知设置页 } else {
main.startActivity(intent); item.count_start++;
} item.relevance_id = true
} }
}); })
} },
} else if (plus.os.name == 'iOS') { // 判断是ISO getGoods: function(item) {
var isOn = undefined; // console.log(item);
var types = 0; graphicLstApi(this.where).then(res => {
var app = plus.ios.invoke('UIApplication', 'sharedApplication'); this.cateGoods.push(...res.data.list)
var settings = plus.ios.invoke(app, 'currentUserNotificationSettings'); if (res.data.list.length < this.where.limit) this.status = 'nomore'
if (settings) { if (this.where.page == 1 && res.data.list.length <= 0) this.emptyShow = true
types = settings.plusGetAttribute('types'); if (item.index == 1) {
plus.ios.deleteObject(settings); uni.navigateTo({
} else { // #ifdef MP || H5
types = plus.ios.invoke(app, 'enabledRemoteNotificationTypes'); url: '/pages/short_video/nvueSwiper/index?id=' + this.cateGoods[0]
} .community_id
plus.ios.deleteObject(app); // #endif
isOn = (0 != types); // #ifdef APP
if (isOn == false) { url: `/pages/short_video/appSwiper/index?id=${this.cateGoods[0].community_id}`
uni.showModal({ // #endif
title: '通知权限开启提醒', })
content: '您还没有开启通知权限，无法接受到消息通知，请前往设置！', }
showCancel: false, })
confirmText: '去设置', },
success: function(res) { /*获取分类列表*/
if (res.confirm) { async getCateList() {
var app = plus.ios.invoke('UIApplication', 'sharedApplication'); const {
var setting = plus.ios.invoke('NSURL', 'URLWithString:', 'app-settings:'); data
plus.ios.invoke(app, 'openURL:', setting); } = await getTopicList()
plus.ios.deleteObject(setting); this.tabsData.list = [{
plus.ios.deleteObject(app); cate_name: "推荐",
} category_id: 0
} }, {
}); cate_name: "视频",
} category_id: -1,
} children: []
// #endif }, ...data]
} },
} tabsChange(item) {
} this.cateGoods = []
this.where.category_id = item.category_id
this.where.page = 1
this.getGoods(item)
this.street_id = item.id
this.tabsData.tabsActive = item.index
},
selfLocation() {
const that = this
uni.getLocation({
type: 'wgs84',
timeout: '10',
success: (res) => {
let latitude, longitude;
latitude = res.latitude.toString();
longitude = res.longitude.toString();
getGeocoder({
lat: latitude,
long: longitude
}).then(res => {
that.$store.commit('setLocation', res.data)
that.street = res.data.address_component.street
}).catch(err => {
uni.showToast({
title: err,
icon: 'none'
})
})
},
fail: (err) => {
uni.showToast({
title: "获取定位超时",
icon: 'none',
duration: 2000
});
}
});
},
/**
* 设置手机通知权限
*/
setPermissions() {
// #ifdef APP-PLUS
if (plus.os.name == 'Android') { // 判断是Android
var main = plus.android.runtimeMainActivity();
var pkName = main.getPackageName();
var uid = main.getApplicationInfo().plusGetAttribute("uid");
var NotificationManagerCompat = plus.android.importClass(
"android.support.v4.app.NotificationManagerCompat");
//android.support.v4升级为androidx
if (NotificationManagerCompat == null) {
NotificationManagerCompat = plus.android.importClass(
"androidx.core.app.NotificationManagerCompat");
}
var areNotificationsEnabled = NotificationManagerCompat.from(main).areNotificationsEnabled();
// 未开通‘允许通知’权限，则弹窗提醒开通，并点击确认后，跳转到系统设置页面进行设置
if (!areNotificationsEnabled) {
uni.showModal({
title: '通知权限开启提醒',
content: '您还没有开启通知权限，无法接受到消息通知，请前往设置！',
showCancel: false,
confirmText: '去设置',
success: function(res) {
if (res.confirm) {
var Intent = plus.android.importClass('android.content.Intent');
var Build = plus.android.importClass("android.os.Build");
//android 8.0引导
if (Build.VERSION.SDK_INT >= 26) {
var intent = new Intent('android.settings.APP_NOTIFICATION_SETTINGS');
intent.putExtra('android.provider.extra.APP_PACKAGE', pkName);
} else if (Build.VERSION.SDK_INT >= 21) { //android 5.0-7.0
var intent = new Intent('android.settings.APP_NOTIFICATION_SETTINGS');
intent.putExtra("app_package", pkName);
intent.putExtra("app_uid", uid);
} else { //(<21)其他--跳转到该应用管理的详情页
intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
var uri = Uri.fromParts("package", mainActivity.getPackageName(),
null);
intent.setData(uri);
}
// 跳转到该应用的系统通知设置页
main.startActivity(intent);
}
}
});
}
} else if (plus.os.name == 'iOS') { // 判断是ISO
var isOn = undefined;
var types = 0;
var app = plus.ios.invoke('UIApplication', 'sharedApplication');
var settings = plus.ios.invoke(app, 'currentUserNotificationSettings');
if (settings) {
types = settings.plusGetAttribute('types');
plus.ios.deleteObject(settings);
} else {
types = plus.ios.invoke(app, 'enabledRemoteNotificationTypes');
}
plus.ios.deleteObject(app);
isOn = (0 != types);
if (isOn == false) {
uni.showModal({
title: '通知权限开启提醒',
content: '您还没有开启通知权限，无法接受到消息通知，请前往设置！',
showCancel: false,
confirmText: '去设置',
success: function(res) {
if (res.confirm) {
var app = plus.ios.invoke('UIApplication', 'sharedApplication');
var setting = plus.ios.invoke('NSURL', 'URLWithString:', 'app-settings:');
plus.ios.invoke(app, 'openURL:', setting);
plus.ios.deleteObject(setting);
plus.ios.deleteObject(app);
}
}
});
}
}
// #endif
}
}
}
</script> </script>
<style lang="scss"> <style lang="scss">
page { page {
// background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%); // background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
} }
.Circle_friends { .Circle_friends {
position: relative; position: relative;
padding: 0 0 87.72rpx 0; padding: 0 0 87.72rpx 0;
background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%); background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
} }
.circle_friends_wrapper { .circle_friends_wrapper {
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.search_wrapper { .search_wrapper {
width: 694.74rpx; width: 694.74rpx;
margin: 0 auto; margin: 0 auto;
} }
.tabs_wrapper { .tabs_wrapper {
width: 694.74rpx; width: 694.74rpx;
margin: 0 auto; margin: 0 auto;
margin-bottom: 21.05rpx; margin-bottom: 21.05rpx;
} }
.empty_wrapper { .empty_wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.goods { .goods {
margin: 0 auto; margin: 0 auto;
width: 694.74rpx; width: 694.74rpx;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
.goods_item { .goods_item {
width: 342.11rpx; width: 342.11rpx;
height: 491.23rpx; height: 491.23rpx;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
background-color: #fff; background-color: #fff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: 10.53rpx; margin-bottom: 10.53rpx;
.goods_img { .goods_img {
width: 100%; width: 100%;
height: 294.74rpx; height: 294.74rpx;
/deep/.easy-loadimage { /deep/.easy-loadimage {
width: 100%; width: 100%;
height: 294.74rpx; height: 294.74rpx;
// border-radius: 8rpx; // border-radius: 8rpx;
position: relative; position: relative;
} }
} }
.botm { .botm {
flex: 1; flex: 1;
padding: 0 14.04rpx; padding: 0 14.04rpx;
padding-bottom: 21.05rpx; padding-bottom: 21.05rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
.title { .title {
margin: 12px 0; margin: 12px 0;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.goods_info { .goods_info {
justify-content: space-between; justify-content: space-between;
.g_img { .g_img {
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
border-radius: 50%; border-radius: 50%;
} }
.g_name { .g_name {
margin-left: 8.77rpx; margin-left: 8.77rpx;
width: 100.63rpx; width: 100.63rpx;
text-overflow: ellipsis; text-overflow: ellipsis;
/* 溢出显示省略号 */ /* 溢出显示省略号 */
overflow: hidden; overflow: hidden;
/* 溢出隐藏 */ /* 溢出隐藏 */
white-space: nowrap; white-space: nowrap;
/* 强制不换行 */ /* 强制不换行 */
} }
.nice_box { .nice_box {
display: flex; display: flex;
align-items: center; align-items: center;
.isshow { .isshow {
color: #FE3530 !important; color: #FE3530 !important;
} }
.iconfont { .iconfont {
font-size: 30rpx; font-size: 30rpx;
} }
.icon-shoucang1 { .icon-shoucang1 {
color: #F84221; color: #F84221;
} }
.collect { .collect {
font-size: 24rpx; font-size: 24rpx;
margin-left: 5rpx; margin-left: 5rpx;
} }
} }
} }
} }
} }
} }
</style> </style>

2494
pages/order_details/stay.vue
View File

File diff suppressed because it is too large Load Diff

10
pages/product/addGoods/secound.vue
View File

@ -320,6 +320,8 @@
uni.chooseVideo({ uni.chooseVideo({
sourceType: ['camera', 'album'], sourceType: ['camera', 'album'],
success: res => { success: res => {
console.log(res)
if (Math.ceil(res.size / 1024) < this.upload_max * 1024) { if (Math.ceil(res.size / 1024) < this.upload_max * 1024) {
uni.uploadFile({ uni.uploadFile({
url: this.uploadUrl, //仅为示例，非真实的接口地址 url: this.uploadUrl, //仅为示例，非真实的接口地址
@ -351,9 +353,11 @@
} }
}, },
fail: err => { fail: err => {
uni.showModal({ // 取消上传也会出现弹框
content: JSON.stringify(err) // uni.showModal({
}); // content: JSON.stringify(err)
// });
console.log(err)
} }
}); });
}, },

32
pages/short_video/nvueSwiper/index.nvue
View File

@ -13,9 +13,9 @@
--> -->
<!-- 头部导航 --> <!-- 头部导航 -->
<!-- 头部导航 --> <!-- 头部导航 -->
<view v-if="!isUser" class="header" :style="{backgroundColor:currentNav==3?'#FC4E09':''}" > <view v-if="!isUser" class="header" :style="{backgroundColor:currentNav==3?'#FC4E09':''}">
<view class="tool-bar"> <view class="tool-bar">
<view class='iconfont icon-xiangzuo' @tap='goBack'></view> <view class='iconfont icon-xiangzuo' @tap='goBack'></view>
@ -34,7 +34,18 @@
:vertical="true" @animationfinish="animationfinish" @change="change" :current="k" :indicator-dots="false"> :vertical="true" @animationfinish="animationfinish" @change="change" :current="k" :indicator-dots="false">
<swiper-item v-for="(list,index) in dataList"> <swiper-item v-for="(list,index) in dataList">
<view v-if="max > index"> <view v-if="max > index">
<!-- <view style="width: 100px;height: 100px;background-color: red;">
5666
</view> -->
<view> <view>
<!-- 这种视频背景模糊的效果怎么做呢 -->
<!-- <!--
1.v-if：用于控制视频在节点的渲染数 1.v-if：用于控制视频在节点的渲染数
2.muted的默认值是 false，代表默认是禁音视频的 2.muted的默认值是 false，代表默认是禁音视频的
@ -49,10 +60,15 @@
:show-center-play-btn="false" :enable-progress-gesture="false" :src="list.video_link" :show-center-play-btn="false" :enable-progress-gesture="false" :src="list.video_link"
@ended="ended" @play="play(index)" @click="tapVideoHover(list.state,$event)" @ended="ended" @play="play(index)" @click="tapVideoHover(list.state,$event)"
@waiting="waiting(index)" @waiting="waiting(index)"
:style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px;z-index: -1;'"></video> style="width: 100vw; height: 100vh;z-index: -1;transform: scale(4)">
</video>
</view> </view>
<!-- 播放状态：pause 的时候就会暂停 --> <!-- 播放状态：pause 的时候就会暂停 -->
<!-- <view class="videoHover" @click="tapVideoHover(list.state,$event)" <!-- <view class="videoHover" @click="tapVideoHover(list.state,$event)"
:style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px;'"> :style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px;'">
<image v-if="list.state=='pause'" class="playState" src="../static/img/index/play.png"></image> <image v-if="list.state=='pause'" class="playState" src="../static/img/index/play.png"></image>
</view> --> </view> -->
@ -1295,7 +1311,7 @@
.shortVideo, .shortVideo,
.container { .container {
background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, #000000 100%); background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, #000000 100%);
} }
.item { .item {
@ -1868,4 +1884,8 @@
color: #999; color: #999;
} }
} }
.videoa {
background-color: red;
}
</style> </style>

14
pages/users/embody/embody.vue
View File

@ -51,7 +51,7 @@
</view> </view>
<view class='tip mt25'> <view class='tip mt25'>
当前可提现金额: <text 当前可提现金额: <text
class="price">￥{{userInfo.brokerage_price}},</text>冻结佣金：￥{{userInfo.lock_brokerage}} class="price">￥{{extract_money}},</text>冻结佣金：￥{{userInfo.lock_brokerage}}
</view> </view>
<view class='tip'> <view class='tip'>
说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现 说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现
@ -92,7 +92,7 @@
<view class='tip mt25'> <view class='tip mt25'>
当前可提现金额: <text 当前可提现金额: <text
class="price">￥{{userInfo.brokerage_price}},</text>冻结佣金：￥{{userInfo.lock_brokerage}} class="price">￥{{extract_money}},</text>冻结佣金：￥{{userInfo.lock_brokerage}}
</view> </view>
<view class='tip'> <view class='tip'>
说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现 说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现
@ -100,7 +100,7 @@
<button formType="submit" class='bnt b-color'>提现</button> <button formType="submit" class='bnt b-color'>提现</button>
</view> </view>
<view v-else class="auto_arrival"> <view v-else class="auto_arrival">
<view class='tip'>当前可提现金额: <text class="price">￥{{userInfo.brokerage_price}}</text> <view class='tip'>当前可提现金额: <text class="price">￥{{extract_money}}</text>
</view> </view>
<view class='input'><input placeholder-class='placeholder1' name="extract_price" <view class='input'><input placeholder-class='placeholder1' name="extract_price"
type='digit' :placeholder="placeholderValue" @focus="placeholderValue = ''" type='digit' :placeholder="placeholderValue" @focus="placeholderValue = ''"
@ -141,7 +141,7 @@
</view> </view>
<view class='tip mb25'> <view class='tip mb25'>
当前可提现金额: <text 当前可提现金额: <text
class="price">￥{{userInfo.brokerage_price}},</text>冻结佣金：￥{{userInfo.lock_brokerage}} class="price">￥{{extract_money}},</text>冻结佣金：￥{{userInfo.lock_brokerage}}
</view> </view>
<view class='tip' v-if="userInfo.broken_day>0"> <view class='tip' v-if="userInfo.broken_day>0">
说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现 说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现
@ -166,7 +166,8 @@
getAdminApplyAPI, getAdminApplyAPI,
getLisApplyAPI, getLisApplyAPI,
getAccountApplyAPI, getAccountApplyAPI,
postAccountApplyAPI postAccountApplyAPI,
} from '@/api/user.js' } from '@/api/user.js'
import { import {
extractCash, extractCash,
@ -192,6 +193,7 @@
}, },
data() { data() {
return { return {
extract_money:"",
mode: { mode: {
bank_address: "", bank_address: "",
bank_code: "", bank_code: "",
@ -276,6 +278,8 @@
this.mode.bank_code = res.data.financial_bank_code this.mode.bank_code = res.data.financial_bank_code
this.mode.bank_name = res.data.financial_bank_bank this.mode.bank_name = res.data.financial_bank_bank
this.mode.bank_address = res.data.financial_bank_branch this.mode.bank_address = res.data.financial_bank_branch
this.extract_money=res.data.extract_money
console.log(this.extract_money)
} catch (err) { } catch (err) {
//TODO handle the exception //TODO handle the exception
Toast(err) Toast(err)

5
pages/users/online_warehousing/index.vue
View File

@ -56,14 +56,14 @@
</view> </view>
<view class="totalfooter"> <view class="totalfooter">
<view class='bnt b-color' v-if="item.orderProduct[indexs]" <view class='bnt b-color' v-if="item.orderProduct[indexs]"
@click="importshop(item.order_id,item.orderProduct[index].product_id,item.orderProduct[index].cart_info.productAttr.product_sku)"> @click="importshop(item.order_id,item.orderProduct[indexs].product_id,item.orderProduct[indexs].product_sku)">
立即导入</view> 立即导入</view>
</view> </view>
</view> </view>
</block> </block>
</view> </view>
</view> </view>
<view class='totalPrice'> <view class='totalPrice'>s
共{{item.orderProduct.length}}件商品，总金额 共{{item.orderProduct.length}}件商品，总金额
<text class='money'>￥{{item.pay_price}}</text> <text class='money'>￥{{item.pay_price}}</text>
</view> </view>
@ -162,6 +162,7 @@
this.data.order_id = order_id this.data.order_id = order_id
this.data.order_product_id = product_id this.data.order_product_id = product_id
this.data.order_unique = unique this.data.order_unique = unique
console.log(this.data)
this.show = true this.show = true
postImport(this.mer_id, this.data).then(res => { postImport(this.mer_id, this.data).then(res => {
console.log(res); console.log(res);

5077
pages/users/order_confirm/index.vue
View File

File diff suppressed because it is too large Load Diff

2385
pages/users/order_list/index.vue
View File

File diff suppressed because it is too large Load Diff

1298
pages/users/order_list/indexCopy.vue Normal file
View File

File diff suppressed because it is too large Load Diff

3
pages/users/order_list/search.vue
View File

@ -110,7 +110,8 @@
<view class="store-name">{{item.merchant.mer_name}}</view> <view class="store-name">{{item.merchant.mer_name}}</view>
<text class="iconfont icon-xiangyou"></text> <text class="iconfont icon-xiangyou"></text>
</view> </view>
<view v-if="item.status == 0" class='t-color'>待发货</view> <view v-if="item.status == 0 && item.pay_type !=3" class='t-color'>待发货</view>
<view v-if="item.status == 0 && item.pay_type==3" class='t-color'>待付款</view>
<view v-if="item.status == 1" class='t-color'>待收货</view> <view v-if="item.status == 1" class='t-color'>待收货</view>
<view v-if="item.status == 2 &&item.pay_type !==8" class='t-color'>待评价</view> <view v-if="item.status == 2 &&item.pay_type !==8" class='t-color'>待评价</view>
<view v-if="item.status == 3" class='t-color'>已完成</view> <view v-if="item.status == 3" class='t-color'>已完成</view>

835
pages/users/payment/payment.vue
View File

@ -1,438 +1,491 @@
<template> <template>
<view class="center"> <view class="center">
<view class='wrapper'> <view class='wrapper'>
<view class='item'> <view class='item'>
<view>支付方式</view> <view>支付方式</view>
<view class='list'> <view class='list'>
<!-- #ifdef H5 --> <!-- #ifdef H5 -->
<view class='payItem acea-row row-middle' :class='active==index ?"on":""' @tap='payItem(index)' <view class='payItem acea-row row-middle' :class='active==index ?"on":""' @tap='payItem(index)'
v-for="(item,index) in cartArr" :key='index' v-if="item.payStatus==1"> v-for="(item,index) in cartArr" :key='index' v-if="item.payStatus==1">
<view class='name acea-row row-center-wrapper'> <view class='name acea-row row-center-wrapper'>
<view class='iconfont animated' <view class='iconfont animated'
:class='(item.icon) + " " + (animated==true&&active==index ?"bounceIn":"")'></view> :class='(item.icon) + " " + (animated==true&&active==index ?"bounceIn":"")'></view>
{{item.name}} {{item.name}}
</view> </view>
<view class='tip'> <view class='tip'>
{{item.title}} {{item.title}}
<block v-if="item.value == 'balance'"> <block v-if="item.value == 'balance'">
{{userInfo.now_money}} {{userInfo.now_money}}
</block> </block>
</view> </view>
</view> </view>
<!-- #endif --> <!-- #endif -->
<!-- #ifdef MP || APP-PLUS --> <!-- #ifdef MP || APP-PLUS -->
<view class='payItem acea-row row-middle' :class='active==index ?"on":""' @tap='payItem(index)' <view class='payItem acea-row row-middle' :class='active==index ?"on":""' @tap='payItem(index)'
v-for="(item,index) in cartArr" :key='index' v-if="item.payStatus==1"> v-for="(item,index) in cartArr" :key='index' v-if="item.payStatus==1">
<view class='name acea-row row-center-wrapper'> <view class='name acea-row row-center-wrapper'>
<view class='iconfont animated' <view class='iconfont animated'
:class='(item.icon) + " " + (animated==true&&active==index ?"bounceIn":"")'></view> :class='(item.icon) + " " + (animated==true&&active==index ?"bounceIn":"")'></view>
{{item.name}} {{item.name}}
</view> </view>
<view class='tip'> <view class='tip'>
{{item.title}} {{item.title}}
<block v-if="item.value == 'balance'"> <block v-if="item.value == 'balance'">
{{userInfo.now_money}} {{userInfo.now_money}}
</block> </block>
</view> </view>
</view> </view>
<!-- #endif --> <!-- #endif -->
</view> </view>
</view> </view>
</view> </view>
<view class="settel"> <view class="settel">
<view class='settel-t'> <view class='settel-t'>
<view>商品总价：</view> <view>商品总价：</view>
<view class='conter'>￥ {{couponData.total_price}}</view> <view class='conter'>￥ {{couponData.total_price}}</view>
</view> </view>
</view> </view>
<view class="settel" v-if="this.be_overdue == 0 || this.be_overdue < 0"> <view class="settel" v-if="(this.be_overdue == 0 || this.be_overdue < 0) &&couponData.total_postage>0">
<view class='settel-t'> <view class='settel-t'>
<view>利息合计:</view> <view>利息合计:</view>
<view class="conter"> <view class="conter">
<view class='con_text'>￥ {{couponData.total_postage}}</view> <view class='con_text'>￥ {{couponData.total_postage}}</view>
<view class='con_text' style="color: #F84221;" v-if="couponData.pay_type == 8"> <view class='con_text' style="color: #F84221;" v-if="couponData.pay_type == 8">
已逾期{{this.be_overday}}天</view> 已逾期{{this.be_overday}}天</view>
</view> </view>
</view> </view>
</view> </view>
<view class='footer acea-row row-between-wrapper'> <view class='footer acea-row row-between-wrapper'>
<view class="footer_count"> <view class="footer_count">
<view> <view>
合计: 合计:
<text class='conter' v-if="cartArr[4].payStatus == 1">￥0.00</text> <text class='conter' v-if="cartArr[4].payStatus == 1">￥0.00</text>
<text class='conter' v-else>￥{{couponData.pay_price}}</text> <text class='conter' v-else>￥{{couponData.pay_price}}</text>
</view> </view>
<!-- <view style="font-size: 14px;color: #F84221;" v-if="this.be_overdue == 0 || this.be_overdue < 0 "> <!-- <view style="font-size: 14px;color: #F84221;" v-if="this.be_overdue == 0 || this.be_overdue < 0 ">
可结算周期到期后再付款￥{{totalPrice}} 可结算周期到期后再付款￥{{totalPrice}}
</view> --> </view> -->
</view> </view>
<view class='settlement' @tap="SubOrder"> <view class='settlement' @tap="SubOrder">
提交订单 提交订单
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
getUserInfo, getUserInfo,
} from '@/api/user.js'; } from '@/api/user.js';
import { import {
groupOrderDetail, groupOrderDetail,
orderPay orderPay
} from '@/api/order.js' } from '@/api/order.js'
import { import {
postsettle, postsettle,
} from '@/api/admin.js' } from '@/api/admin.js'
export default { export default {
data() { data() {
return { return {
animated: false, animated: false,
totalPrice: 0, totalPrice: 0,
couponData: {}, couponData: {},
active: 0, //支付方式切换 , active: 0, //支付方式切换 ,
userInfo: {}, //用户信息 userInfo: {}, //用户信息
cartArr: [{ cartArr: [{
"name": "微信支付", "name": "微信支付",
"icon": "icon-weixin2", "icon": "icon-weixin2",
value: 'weixin', value: 'weixin',
title: '微信快捷支付', title: '微信快捷支付',
payStatus: 1, payStatus: 1,
}, },
{ {
name: "支付宝支付", name: "支付宝支付",
icon: "icon-icon34", icon: "icon-icon34",
// #ifdef H5 || APP-PLUS // #ifdef H5 || APP-PLUS
value: 'alipay', value: 'alipay',
// #endif // #endif
// #ifdef MP // #ifdef MP
value: 'alipayQr', value: 'alipayQr',
// #endif // #endif
title: '支付宝支付', title: '支付宝支付',
payStatus: this.$store.getters.globalData.alipay_open payStatus: this.$store.getters.globalData.alipay_open
}, },
{ {
"name": "余额支付", "name": "余额支付",
"icon": "icon-icon-test", "icon": "icon-icon-test",
value: 'balance', value: 'balance',
title: '可用余额:', title: '可用余额:',
payStatus: this.$store.getters.globalData.yue_pay_status, payStatus: this.$store.getters.globalData.yue_pay_status,
}, },
{ {
"name": "线下支付", "name": "线下支付",
"icon": "icon-yinhangqia", "icon": "icon-yinhangqia",
value: 'offline', value: 'offline',
title: '线下支付', title: '线下支付',
payStatus: 2, payStatus: 2,
}, { }, {
"name": "先货后款", "name": "先货后款",
"icon": "tan-a-lujing17324", "icon": "tan-a-lujing17324",
value: 'creditBuy', value: 'creditBuy',
title: `结算周期：30天 `, title: `结算周期：30天 `,
label: '日利率：0.05%', label: '日利率：0.05%',
order_id: '', order_id: '',
}, },
], ],
order_id: '', order_id: '',
product_type: 0, product_type: 0,
mer_id:'', mer_id: '',
be_overdue:'',//逾期时间 be_overdue: '', //逾期时间
be_overday:'',//逾期天数 be_overday: '', //逾期天数
}; };
}, },
onLoad(options) { onLoad(options) {
this.payType='weixin' this.payType = 'weixin'
this.order_id = options.order_id this.order_id = options.order_id
if (options.product_type) { this.product_type = options.product_type } if (options.product_type) {
this.$nextTick(()=>{ this.product_type = options.product_type
this.getOrderInfo() }
this.getUserInfo() this.$nextTick(() => {
}) this.getOrderInfo()
}, this.getUserInfo()
methods: { })
payItem: function(e) { },
let that = this; methods: {
let active = e; payItem: function(e) {
that.active = active; let that = this;
that.animated = true; let active = e;
that.payType = that.cartArr[active].value; that.active = active;
}, that.animated = true;
getUserInfo() { that.payType = that.cartArr[active].value;
getUserInfo().then(res => { },
this.userInfo = res.data getUserInfo() {
this.mer_id = res.data.service.mer_id getUserInfo().then(res => {
}) this.userInfo = res.data
}, this.mer_id = res.data.service.mer_id
getOrderInfo() { })
groupOrderDetail(this.order_id, this.product_type).then(res => { },
getOrderInfo() {
groupOrderDetail(this.order_id, this.product_type).then(res => {
console.log(res)
this.couponData = res.data
this.$nextTick(() => {
if (this.couponData.interest !== null) {
this.moerTime(this.couponData.interest.start_time)
}
})
})
},
SubOrder() {
if (this.couponData.pay_type == 8) {
postsettle(
this.mer_id, {
id: this.order_id,
pay_type: this.payType
}
).then(res => {
if (res.data.paid === false) {
//拉起微信支付
this.couponData = res.data }
this.$nextTick(()=>{ if (res.message == 'success') {
if(this.couponData.interest !== null){ uni.showToast({
this.moerTime(this.couponData.interest.start_time) title: '付款成功'
} })
}) setTimeout(() => {
}) uni.navigateBack({
}, delta: 1
SubOrder() { })
if (this.couponData.pay_type == 8) { }, 1000)
postsettle( }
this.mer_id, { }).catch(err => {
id:this.order_id, uni.showToast({
pay_type: this.payType title: err.message
} })
).then(res => { })
if(res.message == 'success'){ } else {
uni.showToast({ orderPay(this.order_id, {
title: '付款成功' type: this.payType
}) }).then(res => {
setTimeout(() => { let jsConfig = res.data.result.config
uni.navigateBack({ if (res.data.status === 'weixinApp') {
delta: 1 //拉起微信支付
}) // #ifdef APP-PLUS
}, 1000) let mp_pay_name = ''
} if (uni.requestOrderPayment) {
}).catch(err=>{ mp_pay_name = 'requestOrderPayment'
uni.showToast({ } else {
title: err.message mp_pay_name = 'requestPayment'
}) }
}) uni[mp_pay_name]({
} else { provider: 'wxpay',
orderPay(this.order_id, { orderInfo: jsConfig,
type: this.payType success: (e) => {
}).then(res => { uni.navigateBack({
setTimeout(() => { delta: 1
uni.navigateBack({ })
delta: 1
})
}, 1000)
uni.showToast({
title: res.message
})
})
}
}, },
//计算是否逾期 fail: (e) => {
moerTime(autoTime){ // 暂不跳转
var date1 = (Date.parse(new Date()))/1000; let url = '/pages/order_pay_status/index?order_id=' + orderId +
var date2 = (Date.parse(new Date(autoTime)))/1000; '&msg=取消支付' + '&product_type=' + that.product_type;
var date3 = (date2- date1)*1000; return that.$util.Tips({
this.be_overdue = Math.floor(date3 / (24 * 3600 * 1000)); title: '取消支付',
if(this.be_overdue == 0 || this.be_overdue < 0 ){ }, {
var date1 = (Date.parse(new Date()))/1000; tab: 4,
var date2 = (Date.parse(new Date(autoTime)))/1000; url: url
var date3 = (date1- date2)*1000; });
this.be_overday =Math.floor(date3 / (24 * 3600 * 1000)); },
} complete: () => {
} // 暂不跳转
let url = '/pages/order_pay_status/index?order_id=' + orderId +
'&msg=取消支付' + '&product_type=' + that.product_type;
return that.$util.Tips({
title: '取消支付',
}, {
tab: 4,
url: url
});
},
});
// #endif
} }
} // setTimeout(() => {
// uni.navigateBack({
// delta: 1
// })
// }, 1000)
uni.showToast({
title: res.message
})
})
}
},
//计算是否逾期
moerTime(autoTime) {
var date1 = (Date.parse(new Date())) / 1000;
var date2 = (Date.parse(new Date(autoTime))) / 1000;
var date3 = (date2 - date1) * 1000;
this.be_overdue = Math.floor(date3 / (24 * 3600 * 1000));
if (this.be_overdue == 0 || this.be_overdue < 0) {
var date1 = (Date.parse(new Date())) / 1000;
var date2 = (Date.parse(new Date(autoTime))) / 1000;
var date3 = (date1 - date2) * 1000;
this.be_overday = Math.floor(date3 / (24 * 3600 * 1000));
}
}
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.center { .center {
.conter{ .conter {
color: red; color: red;
font-weight: bold; font-weight: bold;
} }
.wrapper .item .discount .placeholder {
color: #ccc;
text-align: right;
}
.wrapper { .wrapper .item .discount .placeholder {
margin-bottom: 12rpx; color: #ccc;
background-color: #fff; text-align: right;
padding-top: 20px; }
}
.wrapper .item { .wrapper {
padding: 27rpx 30rpx; margin-bottom: 12rpx;
font-size: 30rpx; background-color: #fff;
color: #282828; padding-top: 20px;
} }
.wrapper .item .discount .iconfont { .wrapper .item {
color: #515151; padding: 27rpx 30rpx;
font-size: 30rpx; font-size: 30rpx;
margin-left: 15rpx; color: #282828;
} }
.wrapper .item .discount .num { .wrapper .item .discount .iconfont {
font-size: 32rpx; color: #515151;
margin-right: 20rpx; font-size: 30rpx;
} margin-left: 15rpx;
}
.wrapper .item .shipping { .wrapper .item .discount .num {
font-size: 30rpx; font-size: 32rpx;
color: #999; margin-right: 20rpx;
position: relative; }
padding-right: 58rpx;
}
.wrapper .item .shipping .iconfont { .wrapper .item .shipping {
font-size: 35rpx; font-size: 30rpx;
color: #707070; color: #999;
position: absolute; position: relative;
right: 0; padding-right: 58rpx;
top: 50%; }
transform: translateY(-50%);
margin-left: 30rpx;
}
.wrapper .item input { .wrapper .item .shipping .iconfont {
flex: 1; font-size: 35rpx;
height: 100%; color: #707070;
margin-left: 20rpx; position: absolute;
text-align: right; right: 0;
} top: 50%;
transform: translateY(-50%);
margin-left: 30rpx;
}
.wrapper .item .placeholder { .wrapper .item input {
color: #ccc; flex: 1;
} height: 100%;
margin-left: 20rpx;
text-align: right;
}
.wrapper .item .list { .wrapper .item .placeholder {
margin-top: 35rpx; color: #ccc;
} }
.wrapper .item .list .payItem { .wrapper .item .list {
border: 1px solid #eee; margin-top: 35rpx;
border-radius: 6rpx; }
height: 86rpx;
width: 100%;
box-sizing: border-box;
margin-top: 20rpx;
font-size: 28rpx;
color: #282828;
}
.wrapper .item .list .payItem.on { .wrapper .item .list .payItem {
border-color: var(--view-theme); border: 1px solid #eee;
color: var(--view-theme); border-radius: 6rpx;
} height: 86rpx;
width: 100%;
box-sizing: border-box;
margin-top: 20rpx;
font-size: 28rpx;
color: #282828;
}
.wrapper .item .list .payItem .name { .wrapper .item .list .payItem.on {
width: 50%; border-color: var(--view-theme);
text-align: center; color: var(--view-theme);
border-right: 1px solid #eee; }
justify-content: left;
padding-left: 80rpx;
}
.wrapper .item .list .payItem .name .iconfont { .wrapper .item .list .payItem .name {
width: 44rpx; width: 50%;
height: 44rpx; text-align: center;
border-radius: 50%; border-right: 1px solid #eee;
text-align: center; justify-content: left;
line-height: 44rpx; padding-left: 80rpx;
background-color: #fe960f; }
color: #fff;
font-size: 30rpx;
margin-right: 15rpx;
}
.wrapper .item .list .payItem .name .iconfont.icon-weixin2 { .wrapper .item .list .payItem .name .iconfont {
background-color: #41b035; width: 44rpx;
} height: 44rpx;
border-radius: 50%;
text-align: center;
line-height: 44rpx;
background-color: #fe960f;
color: #fff;
font-size: 30rpx;
margin-right: 15rpx;
}
.wrapper .item .list .payItem .name .iconfont.icon-icon34 { .wrapper .item .list .payItem .name .iconfont.icon-weixin2 {
background-color: #4295D5; background-color: #41b035;
} }
.wrapper .item .list .payItem .tip { .wrapper .item .list .payItem .name .iconfont.icon-icon34 {
width: 49%; background-color: #4295D5;
text-align: center; }
font-size: 26rpx;
color: #aaa;
}
.footer {
width: 100%;
height: 100rpx;
height: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
height: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
background-color: #fff;
padding: 0 30rpx;
font-size: 28rpx;
color: #333;
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 30;
.footer_count { .wrapper .item .list .payItem .tip {
font-size: 28rpx; width: 49%;
} text-align: center;
font-size: 26rpx;
color: #aaa;
}
.coupon_price { .footer {
color: #999999; width: 100%;
font-size: 20rpx; height: 100rpx;
margin-top: 10rpx; height: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
height: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
background-color: #fff;
padding: 0 30rpx;
font-size: 28rpx;
color: #333;
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 30;
text { .footer_count {
color: #282828; font-size: 28rpx;
padding: 2rpx 10rpx; }
background: #F5F5F5;
border-radius: 26rpx;
margin-left: 20rpx;
line-height: 30rpx;
height: 30rpx;
display: inline-block;
}
}
.settlement { .coupon_price {
font-size: 30rpx; color: #999999;
color: #fff; font-size: 20rpx;
width: 240rpx; margin-top: 10rpx;
height: 70rpx;
background: linear-gradient(90deg, #F98649 0%, #F34E45 100%);
border-radius: 50rpx;
text-align: center;
line-height: 70rpx;
&.disabled { text {
background-color: #cccccc; color: #282828;
} padding: 2rpx 10rpx;
} background: #F5F5F5;
border-radius: 26rpx;
margin-left: 20rpx;
line-height: 30rpx;
height: 30rpx;
display: inline-block;
}
}
.transparent { .settlement {
opacity: 0 font-size: 30rpx;
} color: #fff;
width: 240rpx;
height: 70rpx;
background: linear-gradient(90deg, #F98649 0%, #F34E45 100%);
border-radius: 50rpx;
text-align: center;
line-height: 70rpx;
} &.disabled {
background-color: #cccccc;
}
}
.settel { .transparent {
width: 100%; opacity: 0
background-color: #fff; }
height: 70px;
padding: 0 15px 0 15px;
line-height: 70px;
.settel-t { }
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.con_text { .settel {
display: flex; width: 100%;
justify-content: flex-end; background-color: #fff;
height: 20px; height: 70px;
margin: auto; padding: 0 15px 0 15px;
line-height: 30px; line-height: 70px;
}
.settel-t {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.con_text {
display: flex;
justify-content: flex-end;
height: 20px;
margin: auto;
line-height: 30px;
}
} }
} }
</style> </style>

BIN
static/images/beijin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
static/images/ddjk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
static/images/sjtj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/images/xxsj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 586 B