更改bug,以及部分界面优化
This commit is contained in:
jia
parent
0842b4c4fb
commit
4f4d01f61c
@ -1,33 +1,16 @@
|
||||
<template>
|
||||
<view :style="viewColor">
|
||||
<view class="address-window" :class="address.address==true?'on':''">
|
||||
<view class='title'>收货地址
|
||||
|
||||
<!-- <text class='iconfont icon-guanbi' @tap='close'></text> -->
|
||||
<view class="top_img">
|
||||
<image src="@/static/images/close.png" mode="aspectFill" @tap='close'></image>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class='title'>选择地址<text class='iconfont icon-guanbi' @tap='close'></text></view>
|
||||
<scroll-view scroll-y="true" class='list'>
|
||||
<view class='acea-row row-between-wrapper conent' :class='active==index?"t-color":""'
|
||||
v-for="(item,index) in addressList" @tap='tapAddress(index,item.address_id)' :key='index'>
|
||||
|
||||
<view class='item acea-row row-between-wrapper' :class='active==index?"t-color":""' v-for="(item,index) in addressList"
|
||||
@tap='tapAddress(index,item.address_id)' :key='index'>
|
||||
<text class='iconfont icon-ditu' :class='active==index?"t-color":""'></text>
|
||||
<view class='address'>
|
||||
<view class='name' >{{item.real_name}}<text
|
||||
class='phone'>{{item.phone}}</text></view>
|
||||
<view class='line1'>
|
||||
{{item.province}}{{item.city}}{{item.district}}{{item.street || ''}}{{item.brigade}}{{item.detail}}
|
||||
</view>
|
||||
</view>
|
||||
<!-- <text class='iconfont icon-complete' :class='active==index?"t-color":""'></text> -->
|
||||
|
||||
<view class="address_img" v-if="active==index">
|
||||
<image src="@/static/images/isshow.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="address_img" v-if="active!=index">
|
||||
<image src="@/static/images/show.png" mode="aspectFill"></image>
|
||||
<view class='name' :class='active==index?"t-color":""'>{{item.real_name}}<text class='phone'>{{item.phone}}</text></view>
|
||||
<view class='line1'>{{item.province}}{{item.city}}{{item.district}}{{item.street || ''}}{{item.brigade}}{{item.detail}}</view>
|
||||
</view>
|
||||
<text class='iconfont icon-complete' :class='active==index?"t-color":""'></text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!-- 无地址 -->
|
||||
@ -35,7 +18,7 @@
|
||||
<image src='../../static/images/noAddress.png'></image>
|
||||
<view>暂无地址</view>
|
||||
</view>
|
||||
<view class='addressBnt' @tap='goAddressPages'>新增地址</view>
|
||||
<view class='addressBnt' @tap='goAddressPages'>添加新地址</view>
|
||||
</view>
|
||||
<view class='mask' catchtouchmove="true" :hidden='address.address==false' @tap='close'></view>
|
||||
</view>
|
||||
@ -51,12 +34,8 @@
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {
|
||||
getAddressList
|
||||
} from '@/api/user.js';
|
||||
import {
|
||||
mapGetters
|
||||
} from "vuex";
|
||||
import { getAddressList } from '@/api/user.js';
|
||||
import { mapGetters } from "vuex";
|
||||
export default {
|
||||
props: {
|
||||
pagesUrl: {
|
||||
@ -133,11 +112,9 @@
|
||||
transform: translate3d(0, 100%, 0);
|
||||
transition: all .3s cubic-bezier(.25, .5, .5, .9);
|
||||
}
|
||||
|
||||
.address-window.on {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.address-window .title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
@ -145,32 +122,16 @@
|
||||
height: 123rpx;
|
||||
line-height: 123rpx;
|
||||
position: relative;
|
||||
|
||||
.top_img {
|
||||
position: absolute;
|
||||
right: 33rpx;
|
||||
top: 20rpx;
|
||||
width: 58rpx;
|
||||
height: 58rpx;
|
||||
|
||||
image {
|
||||
width: 58rpx;
|
||||
height: 58rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.address-window .title .iconfont {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
color: #8a8a8a;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
|
||||
.address-window .list {
|
||||
.address-window .list{
|
||||
max-height: 650rpx;
|
||||
}
|
||||
|
||||
.address-window .list .item {
|
||||
margin-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
@ -179,55 +140,29 @@
|
||||
font-size: 25rpx;
|
||||
color: #333;
|
||||
}
|
||||
.conent{
|
||||
width: 694rpx;
|
||||
height: 210rpx;
|
||||
background: #FFFFFF;
|
||||
margin: 0rpx auto;
|
||||
margin-top: 32rpx;
|
||||
padding: 28rpx 28rpx;
|
||||
box-shadow: 0px 4rpx 14rpx 2rpx rgba(222,233,254,1);
|
||||
margin-bottom: 30rpx;
|
||||
.address-window .list .item .iconfont {
|
||||
font-size: 37rpx;
|
||||
color: #2c2c2c;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.address_img{
|
||||
width: 52rpx;
|
||||
height: 52rpx;
|
||||
image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.address-window .list .item .iconfont.icon-complete {
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.conent .name {
|
||||
.address-window .list .item .address {
|
||||
width: 560rpx;
|
||||
}
|
||||
.address-window .list .item .address .name {
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
color: #282828;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
.address-window .list .item .address .name .phone {
|
||||
margin-left: 18rpx;
|
||||
}
|
||||
.address-window .addressBnt {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.conent .name .phone {
|
||||
margin-left: 18rpx;
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
.line1{
|
||||
font-size: 23rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #737373;
|
||||
|
||||
}
|
||||
|
||||
.address-window .addressBnt {
|
||||
font-size: 33rpx;
|
||||
font-weight: 500;
|
||||
color: #fff;
|
||||
width: 690rpx;
|
||||
height: 86rpx;
|
||||
@ -235,24 +170,19 @@
|
||||
text-align: center;
|
||||
line-height: 86rpx;
|
||||
margin: 85rpx auto;
|
||||
background: linear-gradient(270deg, #6DD5FA 0%, #3274F9 100%);
|
||||
background-color: var(--view-theme);
|
||||
}
|
||||
|
||||
.address-window .pictrue {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.address-window .pictrue image,
|
||||
.address-window .pictrue uni-image {
|
||||
.address-window .pictrue image,.address-window .pictrue uni-image {
|
||||
width: 414rpx;
|
||||
height: 305rpx;
|
||||
}
|
||||
|
||||
.address-window .pictrue view {
|
||||
.address-window .pictrue view{
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.t-color {
|
||||
color: var(--view-theme) !important;
|
||||
color: var(--view-theme)!important;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,558 +1,340 @@
|
||||
<template>
|
||||
<uni-popup type="bottom" ref="areaChoose">
|
||||
<view class="mian getHeight" id="main">
|
||||
<view class="top getHeight" id="top">
|
||||
<text>请选择所在地区</text>
|
||||
<!-- <text class="iconfont close" @click.stop="close"></text> -->
|
||||
<view class="top_img">
|
||||
<image src="@/static/images/close.png" mode="aspectFill" @click.stop="close"></image>
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-x="true" @scroll="scroll" :show-scrollbar="false" class="nav getHeight" id="nav"
|
||||
:scroll-into-view="scrollIntoView">
|
||||
<view @click="areaSelect(index)" :class="areaIndex == index ? 'nav-item nav-item-a' : 'nav-item'"
|
||||
v-for="(item, index) in list" :key="index" :id="'area' + index">
|
||||
<text>{{ item }}</text>
|
||||
</view>
|
||||
<view class="bottomBorder" :style="'left:' + navBottomLeft + 'px'"></view>
|
||||
</scroll-view>
|
||||
<swiper class="swiper getHeight" :disable-touch="true" :current="current"
|
||||
:style="'height:' + swiperH + 'px'">
|
||||
<swiper-item v-for="(type, idx) in [1,2,3,4,5]" :key="idx" :id="'sw'+type">
|
||||
<scroll-view scroll-y="true" scroll-with-animation scroll-anchoring :scroll-into-view='id2'
|
||||
@scroll="scroll" :show-scrollbar="false" class="swiper-list">
|
||||
<view class="area-item" v-for="(item, index) in getList" :key="index" :id="'area' + index">
|
||||
|
||||
<text :class="id == item.pinyin+type ? 'area-item-id area-item-id-sticky': 'area-item-id'"
|
||||
:id='item.pinyin+type'>{{ item.pinyin }}</text>
|
||||
|
||||
<view class="swiper-list2">
|
||||
|
||||
|
||||
<view class="" v-if='typeof(item.data)=="object"'>
|
||||
|
||||
<text
|
||||
:class="proCode.code == item.data[0].code ? 'area-item-name area-item-name-a' : 'area-item-name'"
|
||||
@click="itemSelect(item, idx)">
|
||||
|
||||
|
||||
|
||||
|
||||
{{ item.data.name }}
|
||||
|
||||
</text>
|
||||
</view>
|
||||
<view class="">
|
||||
<text
|
||||
:class="proCode.code == item2.code || cityCode.code == item2.code || disCode.code == item2.code || townCode.code == item2.code || streeCode.code == item2.code? 'area-item-name area-item-name-a' : 'area-item-name'"
|
||||
@click="itemSelect(item2, idx)" v-for="(item2, index2) in item.data"
|
||||
:key="index2">
|
||||
|
||||
<!-- <text class="iconfont"
|
||||
v-if="proCode == item2.code || cityCode == item2.code || disCode == item2.code"></text> -->
|
||||
{{ item2.name }}
|
||||
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="slider-right">
|
||||
<view class="slider-list">
|
||||
<text class="slider-item"
|
||||
v-for="(item, index) in (areaIndex == 0 ? provinceList : areaIndex == 1 ? cityList : areaIndex == 2 ? disList : townList)"
|
||||
:key="index" @click="sliderSelect(item.pinyin +(areaIndex+1))">{{ item.pinyin }}</text>
|
||||
<view :style="viewColor">
|
||||
<view class="address-window" :class="display==true?'on':''">
|
||||
<view class='title'>请选择所在地区<text class='iconfont icon-guanbi' @tap='close'></text></view>
|
||||
<view class="address-count">
|
||||
<view class="address-selected">
|
||||
<view v-for="(item,index) in selectedArr" :key="index" class="selected-list" :class="{active:index === selectedIndex}" @click="change(item.parent_id, index)">
|
||||
{{item.name}}
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
</view>
|
||||
<view class="selected-list" :class="{active:-1 === selectedIndex}" v-if="showMore" @click="change(-1, -1)">
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
请选择
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" :scroll-top="scrollTop" class="address-list" @scroll="scroll">
|
||||
<view v-for="(item,index) in addressList" :key="index" class="list" :class="{active:item.id === activeId}" @click="selected(item)">
|
||||
<text class="item-name">{{item.name}}</text>
|
||||
<text v-if="item.id === activeId" class="iconfont icon-duihao2"></text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
<view class='mask' catchtouchmove="true" :hidden='display==false' @tap='close'></view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getAddressList
|
||||
} from '@/api/user.js';
|
||||
import {
|
||||
village
|
||||
} from '@/api/api.js';
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {getAddressList} from '@/api/user.js';
|
||||
import { getCityV2,village } from '@/api/api.js';
|
||||
import { mapGetters } from "vuex";
|
||||
const CACHE_ADDRESS = {};
|
||||
export default {
|
||||
name: 'area-choose',
|
||||
props: {
|
||||
|
||||
display: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
address: Array,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
list: ['请选择', '', '', '', ''],
|
||||
areaIndex: 0,
|
||||
navBottomLeft: 0,
|
||||
scrollIntoView: 'area0',
|
||||
code: '440100',
|
||||
provinceList: [], //省
|
||||
proCode: -1,
|
||||
cityList: [],
|
||||
cityCode: -1,
|
||||
disList: [],
|
||||
disCode: -1,
|
||||
townList: [],
|
||||
townCode: -1,
|
||||
streeCode: -1,
|
||||
streeList: [],
|
||||
areaCode: -1,
|
||||
areaList: [],
|
||||
swiperH: 300, //列表高
|
||||
current: 0, //当前滑块
|
||||
id: '', //地址编号A、B、C、...
|
||||
id2: '',
|
||||
scrollTopList: [{
|
||||
id: 'A',
|
||||
top: 0
|
||||
}],
|
||||
scrollTopListAll: {}
|
||||
|
||||
active: 0,
|
||||
//地址列表
|
||||
addressList: [],
|
||||
selectedArr: [],
|
||||
selectedIndex: -1,
|
||||
is_loading: false,
|
||||
old: { scrollTop: 0 },
|
||||
scrollTop: 0
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
|
||||
computed:{
|
||||
...mapGetters(['viewColor']),
|
||||
activeId(){
|
||||
return this.selectedIndex == -1 ? 0 : this.selectedArr[this.selectedIndex].id
|
||||
},
|
||||
showMore(){
|
||||
return this.selectedArr.length ? this.selectedArr[this.selectedArr.length - 1].snum > 0 : true
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
address(n){
|
||||
this.selectedArr = n ? [...n] : []
|
||||
},
|
||||
display(n){
|
||||
if(!n) {
|
||||
this.addressList = [];
|
||||
this.selectedArr = this.address ? [...this.address] : [];
|
||||
this.selectedIndex = -1;
|
||||
this.is_loading = false;
|
||||
}else{
|
||||
this.loadAddress(0)
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
this.getData();
|
||||
},
|
||||
computed: {
|
||||
getList() {
|
||||
|
||||
return this.areaIndex == 0 ? this.provinceList : this.areaIndex == 1 ? this.cityList : this.areaIndex ==
|
||||
2 ? this.disList : this.areaIndex ==
|
||||
3 ? this.townList : this.areaIndex ==
|
||||
4 ? this.streeList : this.areaList
|
||||
},
|
||||
this.loadAddress(0)
|
||||
},
|
||||
methods: {
|
||||
close() {
|
||||
this.$refs.areaChoose.close()
|
||||
change(pid){
|
||||
if(this.selectedIndex == index) return;
|
||||
if(pid === -1){
|
||||
pid = this.selectedArr.length ? this.selectedArr[this.selectedArr.length -1].id : 0;
|
||||
}
|
||||
console.log(index)
|
||||
this.selectedIndex = index;
|
||||
this.loadAddress(pid);
|
||||
},
|
||||
show() {
|
||||
|
||||
|
||||
this.$refs.areaChoose.open();
|
||||
if(this.address.length>0){
|
||||
this.list = this.address
|
||||
loadAddress(pid,type){
|
||||
if(CACHE_ADDRESS[pid]){
|
||||
this.addressList = CACHE_ADDRESS[pid];
|
||||
return ;
|
||||
}
|
||||
this.is_loading = true;
|
||||
// getCityV2(pid).then(res=>{
|
||||
|
||||
|
||||
if (!this.provinceList) {
|
||||
this.getData();
|
||||
} else {
|
||||
this.getScrollT(0, this.provinceList.length)
|
||||
this.current = 0;
|
||||
// this.is_loading = false;
|
||||
// CACHE_ADDRESS[pid] = res.data;
|
||||
// this.addressList = res.data;
|
||||
// })
|
||||
|
||||
this.$nextTick(()=>{
|
||||
setTimeout(() => {
|
||||
this.areaSelect(0);
|
||||
}, 300)
|
||||
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
|
||||
this.$nextTick(()=>{
|
||||
setTimeout(() => {
|
||||
this.getSwiperH();
|
||||
}, 300)
|
||||
if(type=='province'){
|
||||
|
||||
village({province_code:pid}).then(res=>{
|
||||
this.is_loading = false;
|
||||
CACHE_ADDRESS[pid] = res.data;
|
||||
this.addressList = res.data;
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
onchange(e) {
|
||||
const value = e.detail.value;
|
||||
},
|
||||
scroll(e) {
|
||||
this.scrollTopList.some((item, index) => {
|
||||
if (e.detail.scrollTop > item.top) {
|
||||
this.id = item.id
|
||||
}
|
||||
})
|
||||
},
|
||||
areaSelect(index) {
|
||||
// 选中头部地址项
|
||||
this.areaIndex = index;
|
||||
this.current = index;
|
||||
//自动滚动
|
||||
this.scrollIntoView = 'area' + index;
|
||||
let widthAll = 0;
|
||||
for (let i = 0; i < index + 1; i++) {
|
||||
var query = uni.createSelectorQuery().in(this);
|
||||
var idView = '#area' + i;
|
||||
query.select(idView).boundingClientRect();
|
||||
query.exec(res => {
|
||||
|
||||
if(res[0]!=null){
|
||||
|
||||
if (i < index) {
|
||||
widthAll += res[0].width;
|
||||
}
|
||||
if (i == index ) {
|
||||
this.navBottomLeft = widthAll + (res[0].width - uni.upx2px(60)) / 2;
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
this.scrollTopList = this.scrollTopListAll[index]
|
||||
},
|
||||
sliderSelect(id) {
|
||||
this.id2 = id
|
||||
},
|
||||
getSwiperH() {
|
||||
var query = uni.createSelectorQuery().in(this);
|
||||
query
|
||||
.selectAll('.getHeight')
|
||||
.boundingClientRect()
|
||||
.exec(res => {
|
||||
if (res[0].length > 0) {
|
||||
this.swiperH = res[0][0].height - res[0][1].height - res[0][2].height - uni.upx2px(20);
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.getSwiperH();
|
||||
}, 200);
|
||||
}
|
||||
});
|
||||
},
|
||||
getScrollT(type, length) {
|
||||
var query = uni.createSelectorQuery().in(this);
|
||||
query
|
||||
.selectAll('#sw' + (type + 1) + ' .area-item-id')
|
||||
.boundingClientRect()
|
||||
.exec(res => {
|
||||
if (res[0].length == length) {
|
||||
this.scrollTopList = []
|
||||
|
||||
|
||||
let firstTop = res[0][0].top
|
||||
res[0].forEach((item, index) => {
|
||||
let obj = {
|
||||
id: item.id,
|
||||
top: item.top - firstTop
|
||||
}
|
||||
this.scrollTopList.push(obj)
|
||||
})
|
||||
this.scrollTopListAll[type] = this.scrollTopList
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.getScrollT(type, length)
|
||||
}, 200)
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
itemSelect(item, type) {
|
||||
|
||||
switch (type) {
|
||||
|
||||
case 0:
|
||||
this.proCode = item;
|
||||
|
||||
break;
|
||||
case 1:
|
||||
this.cityCode = item;
|
||||
break;
|
||||
case 2:
|
||||
this.disCode = item;
|
||||
break;
|
||||
case 3:
|
||||
this.townCode = item;
|
||||
break;
|
||||
case 4:
|
||||
this.streeCode = item;
|
||||
break;
|
||||
case 5:
|
||||
this.areaCode = item;
|
||||
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
this.list.forEach((item2, index2) => {
|
||||
|
||||
if (index2 == type) {
|
||||
|
||||
this.$set(this.list, type, item.name)
|
||||
|
||||
if (index2 < 4) {
|
||||
this.$set(this.list, type + 1, '请选择');
|
||||
|
||||
this.getData(item.code, type + 1);
|
||||
|
||||
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.areaSelect(type);
|
||||
}, 200);
|
||||
}
|
||||
}
|
||||
if (index2 > type + 1) {
|
||||
this.$set(this.list, index2, '');
|
||||
}
|
||||
});
|
||||
if (type == 4) {
|
||||
|
||||
|
||||
this.$refs.areaChoose.close()
|
||||
// this.$emit('areaComplete', {
|
||||
// address: this.list.join(''),
|
||||
|
||||
// proCode: this.proCode,
|
||||
// cityCode: this.cityCode,
|
||||
// disCode: this.disCode,
|
||||
// streeCode: this.townCode,
|
||||
// areaCode: this.streeCode
|
||||
// })
|
||||
this.$emit('areaComplete', [this.proCode, this.cityCode, this.disCode, this.townCode, this.streeCode]
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
getData(code = '', type = 0) {
|
||||
console.log(type)
|
||||
let obj;
|
||||
if (type == 0) {
|
||||
obj = {
|
||||
|
||||
pinyin: 1
|
||||
|
||||
}
|
||||
|
||||
} else if (type == 1) {
|
||||
obj = {
|
||||
province_code: code,
|
||||
pinyin: 1
|
||||
|
||||
}
|
||||
|
||||
} else if (type == 2) {
|
||||
obj = {
|
||||
city_code: code,
|
||||
pinyin: 1
|
||||
|
||||
}
|
||||
} else if (type == 3) {
|
||||
obj = {
|
||||
area_code: code,
|
||||
pinyin: 1
|
||||
|
||||
}
|
||||
} else {
|
||||
obj = {
|
||||
street_code: code,
|
||||
pinyin: 1
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
village(obj).then(res => {
|
||||
|
||||
if (res.data.length == 0) {
|
||||
this.$refs.areaChoose.close()
|
||||
}
|
||||
res.data.sort((a,b)=>{
|
||||
|
||||
return a.pinyin.localeCompare(b.pinyin)
|
||||
})
|
||||
switch (type) {
|
||||
|
||||
case 0:
|
||||
this.provinceList = res.data;
|
||||
break;
|
||||
case 1:
|
||||
this.cityList = res.data;
|
||||
break;
|
||||
case 2:
|
||||
this.disList = res.data;
|
||||
break;
|
||||
case 3:
|
||||
this.townList = res.data;
|
||||
break;
|
||||
case 4:
|
||||
this.streeList = res.data;
|
||||
break;
|
||||
case 5:
|
||||
this.areaList = res.data;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
|
||||
}
|
||||
if (res.data.length > 0) {
|
||||
this.getScrollT(type, res.data.length)
|
||||
}
|
||||
this.current = type;
|
||||
this.areaSelect(type);
|
||||
})
|
||||
|
||||
}else if(type=='city'){
|
||||
village({city_code:pid}).then(res=>{
|
||||
this.is_loading = false;
|
||||
CACHE_ADDRESS[pid] = res.data;
|
||||
this.addressList = res.data;
|
||||
|
||||
})
|
||||
}else if(type=='area'){
|
||||
village({area_code:pid}).then(res=>{
|
||||
if(res.data.length>0){
|
||||
this.is_loading = false;
|
||||
CACHE_ADDRESS[pid] = res.data;
|
||||
this.addressList = res.data;
|
||||
}else{
|
||||
this.$emit('submit', [...this.selectedArr]);
|
||||
this.$emit('changeClose');
|
||||
}
|
||||
})
|
||||
}else if(type=='street'){
|
||||
village({street_code:pid}).then(res=>{
|
||||
if(res.data.length>0){
|
||||
this.is_loading = false;
|
||||
CACHE_ADDRESS[pid] = res.data;
|
||||
this.addressList = res.data;
|
||||
}else{
|
||||
this.$emit('submit', [...this.selectedArr]);
|
||||
this.$emit('changeClose');
|
||||
}
|
||||
})
|
||||
}else{
|
||||
|
||||
village().then(res=>{
|
||||
this.is_loading = false;
|
||||
CACHE_ADDRESS[pid] = res.data;
|
||||
this.addressList = res.data;
|
||||
})
|
||||
}
|
||||
|
||||
this.goTop()
|
||||
},
|
||||
|
||||
selected(item){
|
||||
if(this.is_loading) return;
|
||||
if(this.selectedIndex > -1){
|
||||
this.selectedArr.splice(this.selectedIndex + 1,999)
|
||||
this.selectedArr[this.selectedIndex] = item;
|
||||
this.selectedIndex = -1;
|
||||
}
|
||||
|
||||
// else if(!item.parent_id){
|
||||
// this.selectedArr = [item];
|
||||
// }else{
|
||||
// this.selectedArr.push(item);
|
||||
// }
|
||||
else if(!item.id){
|
||||
this.selectedArr = [item];
|
||||
}else{
|
||||
|
||||
if(this.selectedArr.length>4){
|
||||
let arry=[]
|
||||
arry.push(item)
|
||||
this.selectedArr=arry
|
||||
}else{
|
||||
this.selectedArr.push(item);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
if(item.type=="province"){
|
||||
|
||||
this.loadAddress(item.code,"province");
|
||||
|
||||
}else if(item.type=="city"){
|
||||
this.loadAddress(item.code,"city");
|
||||
}else if(item.type=="area"){
|
||||
this.loadAddress(item.code,"area");
|
||||
}else if(item.type=="street"){
|
||||
this.loadAddress(item.code,"street");
|
||||
} else {
|
||||
this.$emit('submit', [...this.selectedArr]);
|
||||
this.$emit('changeClose');
|
||||
}
|
||||
|
||||
// if(item.snum){
|
||||
// this.loadAddress(item.id);
|
||||
// } else {
|
||||
// this.$emit('submit', [...this.selectedArr]);
|
||||
// this.$emit('changeClose');
|
||||
// }
|
||||
this.goTop()
|
||||
},
|
||||
close: function() {
|
||||
this.$emit('changeClose');
|
||||
},
|
||||
scroll : function(e) {
|
||||
this.old.scrollTop = e.detail.scrollTop
|
||||
},
|
||||
goTop: function(e) {
|
||||
this.scrollTop = this.old.scrollTop
|
||||
this.$nextTick(() => {
|
||||
this.scrollTop = 0
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.mian {
|
||||
height: 85vh;
|
||||
.address-window {
|
||||
background-color: #fff;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
z-index: 101;
|
||||
border-radius: 30rpx 30rpx 0 0;
|
||||
transform: translate3d(0, 100%, 0);
|
||||
transition: all .3s cubic-bezier(.25, .5, .5, .9);
|
||||
}
|
||||
.address-window.on {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.address-window .title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
height: 123rpx;
|
||||
line-height: 123rpx;
|
||||
position: relative;
|
||||
|
||||
.top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-left: 30rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
padding: 40rpx 30rpx 30rpx;
|
||||
|
||||
.top_img {
|
||||
width: 58rpx;
|
||||
height: 58rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.nav {
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
.address-window .title .iconfont {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
color: #8a8a8a;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
.address-count{
|
||||
.address-selected{
|
||||
padding: 0 30rpx;
|
||||
margin-top: 10rpx;
|
||||
position: relative;
|
||||
padding: 0rpx 20rpx;
|
||||
|
||||
.bottomBorder {
|
||||
position: absolute;
|
||||
width: 60rpx;
|
||||
height: 6rpx;
|
||||
// background-image: linear-gradient(to right, red, white);
|
||||
bottom: 0rpx;
|
||||
left: 0rpx;
|
||||
transition: left 0.5s ease;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
padding: 10rpx 20rpx;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #3274F9 !important;
|
||||
}
|
||||
|
||||
.nav-item-a {
|
||||
// color: rgb(201, 22, 35);
|
||||
}
|
||||
padding-bottom: 20rpx;
|
||||
border-bottom: 2rpx solid #f7f7f7;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
height: 1000rpx;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.swiper-list {
|
||||
.selected-list{
|
||||
font-size: 26rpx;
|
||||
color: #282828;
|
||||
line-height: 50rpx;
|
||||
padding-bottom: 10rpx;
|
||||
padding-left: 60rpx;
|
||||
position: relative;
|
||||
&.active{
|
||||
color: #e28d54;
|
||||
}
|
||||
&:before,&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
}
|
||||
&:before{
|
||||
width: 4rpx;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
|
||||
.area-item {
|
||||
font-size: 28rpx;
|
||||
|
||||
.area-item-id {
|
||||
padding: 20rpx 44rpx;
|
||||
// border-bottom: 1rpx solid #f0ecf2;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.area-item-id-sticky {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: #FFFFFF;
|
||||
transition: all 0.1s;
|
||||
|
||||
}
|
||||
|
||||
.swiper-list2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
.area-item-name {
|
||||
padding: 20rpx 40rpx 0;
|
||||
font-weight: 400;
|
||||
|
||||
.iconfont {
|
||||
color: rgb(201, 22, 35);
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.area-item-name-a {
|
||||
color: rgb(201, 22, 35);
|
||||
}
|
||||
}
|
||||
background-color: var(--view-theme);
|
||||
top: 0;
|
||||
left: 10rpx;
|
||||
}
|
||||
&:after{
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
background: var(--view-theme);
|
||||
border-radius: 100%;
|
||||
left: 6rpx;
|
||||
top: 50%;
|
||||
margin-top: -8rpx;
|
||||
}
|
||||
&:first-child,&:last-child{
|
||||
&:before{
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
}
|
||||
&:first-child{
|
||||
&:before{
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
.iconfont{
|
||||
font-size: 20rpx;
|
||||
float: right;
|
||||
color: #dddddd;
|
||||
}
|
||||
}
|
||||
|
||||
.slider-right {
|
||||
|
||||
position: absolute;
|
||||
right: 0rpx;
|
||||
top: 80rpx;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20rpx;
|
||||
|
||||
.slider-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: #F4F7FE;
|
||||
border-radius: 20rpx;
|
||||
font-size: 23rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.slider-item {
|
||||
padding: 10rpx 10rpx;
|
||||
font-size: 18rpx;
|
||||
color: #24292E;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 20rpx;
|
||||
scroll-view{
|
||||
height: 550rpx;
|
||||
}
|
||||
.address-list{
|
||||
padding: 0 30rpx;
|
||||
margin-top: 20rpx;
|
||||
box-sizing: border-box;
|
||||
.list{
|
||||
.iconfont{
|
||||
float: right;
|
||||
color: #ddd;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-bottom: 20rpx;
|
||||
.item-name{
|
||||
display: inline-block;
|
||||
line-height: 50rpx;
|
||||
margin-bottom: 20rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
&.active{
|
||||
color: #e28d54;
|
||||
.iconfont{
|
||||
color: #e28d54;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,396 +1,261 @@
|
||||
<template>
|
||||
<uni-popup type="bottom" ref="areaChoose">
|
||||
<view class="mian getHeight" id="main">
|
||||
<view class="top getHeight" id="top">
|
||||
<text>请选择所在地区</text>
|
||||
<!-- <text class="iconfont close" @click.stop="close"></text> -->
|
||||
<view class="top_img">
|
||||
<image src="@/static/images/close.png" mode="aspectFill" @click.stop="close"></image>
|
||||
<view :style="viewColor">
|
||||
<view class="address-window" :class="display==true?'on':''">
|
||||
<view class='title'>请选择所在村队<text class='iconfont icon-guanbi' @tap='close'></text></view>
|
||||
<view class="address-count">
|
||||
<view class="address-selected">
|
||||
<view v-for="(item,index) in selectedArr" :key="index" class="selected-list" :class="{active:index === selectedIndex}" @click="change(item.parent_id, index)">
|
||||
{{item.name}}
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
</view>
|
||||
<view class="selected-list" :class="{active:-1 === selectedIndex}" v-if="showMore" @click="change(-1, -1)">
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
请选择
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-y="true" :scroll-top="scrollTop" class="address-list" @scroll="scroll">
|
||||
<view v-for="(item,index) in addressList" :key="index" class="list" :class="{active:item.id === activeId}" @click="selected(item)">
|
||||
<text class="item-name">{{item.name}}</text>
|
||||
<text v-if="item.id === activeId" class="iconfont icon-duihao2"></text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<scroll-view scroll-x="true" @scroll="scroll" :show-scrollbar="false" class="nav getHeight" id="nav"
|
||||
:scroll-into-view="scrollIntoView">
|
||||
<view @click="areaSelect(index)" :class="areaIndex == index ? 'nav-item nav-item-a' : 'nav-item'"
|
||||
v-for="(item, index) in list" :key="index" :id="'area' + index">
|
||||
<text>{{ item }}</text>
|
||||
</view>
|
||||
<view class="bottomBorder" :style="'left:' + navBottomLeft + 'px'"></view>
|
||||
</scroll-view>
|
||||
<swiper class="swiper getHeight" :disable-touch="true" :current="current"
|
||||
:style="'height:' + swiperH + 'px'">
|
||||
<swiper-item v-for="(type, idx) in [1,2,3,4,5]" :key="idx" :id="'sw'+type">
|
||||
<scroll-view scroll-y="true" scroll-with-animation scroll-anchoring :scroll-into-view='id2'
|
||||
@scroll="scroll" :show-scrollbar="false" class="swiper-list">
|
||||
<view class="area-item" v-for="(item, index) in getList" :key="index" :id="'area' + index">
|
||||
|
||||
|
||||
<view class="" style="line-height: 80rpx;margin-left: 40rpx;"
|
||||
@click="itemSelect(item, index)">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
|
||||
</view>
|
||||
</uni-popup>
|
||||
<view class='mask' catchtouchmove="true" :hidden='display==false' @tap='close'></view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
brigade
|
||||
} from '@/api/api.js';
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import {getAddressList} from '@/api/user.js';
|
||||
import {brigade } from '@/api/api.js';
|
||||
import { mapGetters } from "vuex";
|
||||
const CACHE_ADDRESS = {};
|
||||
export default {
|
||||
name: 'area-choose',
|
||||
props: {
|
||||
|
||||
display: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
address: Array,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
list: ['请选择', ],
|
||||
areaIndex: 0,
|
||||
navBottomLeft: 0,
|
||||
scrollIntoView: 'area0',
|
||||
code: '440100',
|
||||
provinceList: [], //省
|
||||
proCode: -1,
|
||||
cityList: [],
|
||||
cityCode: -1,
|
||||
disList: [],
|
||||
disCode: -1,
|
||||
townList: [],
|
||||
townCode: -1,
|
||||
streeCode: -1,
|
||||
streeList: [],
|
||||
areaCode: -1,
|
||||
areaList: [],
|
||||
swiperH: 300, //列表高
|
||||
current: 0, //当前滑块
|
||||
id: '', //地址编号A、B、C、...
|
||||
id2: '',
|
||||
scrollTopList: [{
|
||||
id: 'A',
|
||||
top: 0
|
||||
}],
|
||||
scrollTopListAll: {}
|
||||
|
||||
active: 0,
|
||||
//地址列表
|
||||
addressList: [],
|
||||
selectedArr: [],
|
||||
selectedIndex: -1,
|
||||
is_loading: false,
|
||||
old: { scrollTop: 0 },
|
||||
scrollTop: 0
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
|
||||
computed:{
|
||||
...mapGetters(['viewColor']),
|
||||
activeId(){
|
||||
return this.selectedIndex == -1 ? 0 : this.selectedArr[this.selectedIndex].id
|
||||
},
|
||||
showMore(){
|
||||
return this.selectedArr.length ? this.selectedArr[this.selectedArr.length - 1].snum > 0 : true
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
address(n){
|
||||
this.selectedArr = n ? [...n] : []
|
||||
},
|
||||
display(n){
|
||||
if(!n) {
|
||||
this.addressList = [];
|
||||
this.selectedArr = this.address ? [...this.address] : [];
|
||||
this.selectedIndex = -1;
|
||||
this.is_loading = false;
|
||||
}else{
|
||||
this.loadAddress()
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
this.getData();
|
||||
},
|
||||
computed: {
|
||||
getList() {
|
||||
|
||||
return this.areaIndex == 0 ? this.provinceList : this.areaIndex == 1 ? this.cityList : this.areaIndex ==
|
||||
2 ? this.disList : this.areaIndex ==
|
||||
3 ? this.townList : this.areaIndex ==
|
||||
4 ? this.streeList : this.areaList
|
||||
},
|
||||
this.loadAddress()
|
||||
},
|
||||
methods: {
|
||||
close() {
|
||||
this.$refs.areaChoose.close()
|
||||
},
|
||||
show() {
|
||||
|
||||
|
||||
this.$refs.areaChoose.open();
|
||||
// console.log(this.address[0].name)
|
||||
if (this.address.length > 0) {
|
||||
this.list = [this.address[0].name]
|
||||
change(pid,index){
|
||||
if(this.selectedIndex == index) return;
|
||||
if(pid === -1){
|
||||
pid = this.selectedArr.length ? this.selectedArr[this.selectedArr.length -1].id : 0;
|
||||
}
|
||||
|
||||
|
||||
if (!this.provinceList) {
|
||||
this.getData();
|
||||
console.log(index)
|
||||
this.selectedIndex = index;
|
||||
this.loadAddress();
|
||||
},
|
||||
loadAddress(pid){
|
||||
if(CACHE_ADDRESS[pid]){
|
||||
this.addressList = CACHE_ADDRESS[pid];
|
||||
return ;
|
||||
}
|
||||
this.is_loading = true;
|
||||
brigade(pid).then(res=>{
|
||||
console.log(res.data)
|
||||
this.is_loading = false;
|
||||
CACHE_ADDRESS[pid] = res.data;
|
||||
this.addressList = res.data;
|
||||
})
|
||||
this.goTop()
|
||||
},
|
||||
selected(item){
|
||||
if(this.is_loading) return;
|
||||
if(this.selectedIndex > -1){
|
||||
this.selectedArr.splice(this.selectedIndex + 1,999)
|
||||
this.selectedArr[this.selectedIndex] = item;
|
||||
this.selectedIndex = -1;
|
||||
}else if(!item.parent_id){
|
||||
this.selectedArr = [item];
|
||||
}else{
|
||||
this.selectedArr.push(item);
|
||||
}
|
||||
if(item.snum){
|
||||
this.loadAddress(item.id);
|
||||
} else {
|
||||
this.getScrollT(0, this.provinceList.length)
|
||||
this.current = 0;
|
||||
|
||||
this.$nextTick(() => {
|
||||
setTimeout(() => {
|
||||
this.areaSelect(0);
|
||||
}, 300)
|
||||
|
||||
})
|
||||
|
||||
this.$emit('submit', [...this.selectedArr]);
|
||||
this.$emit('changeClose');
|
||||
}
|
||||
|
||||
|
||||
this.$nextTick(() => {
|
||||
setTimeout(() => {
|
||||
this.getSwiperH();
|
||||
}, 300)
|
||||
|
||||
})
|
||||
|
||||
|
||||
this.goTop()
|
||||
},
|
||||
onchange(e) {
|
||||
const value = e.detail.value;
|
||||
close: function() {
|
||||
this.$emit('changeClose');
|
||||
},
|
||||
scroll(e) {
|
||||
this.scrollTopList.some((item, index) => {
|
||||
if (e.detail.scrollTop > item.top) {
|
||||
this.id = item.id
|
||||
}
|
||||
})
|
||||
scroll : function(e) {
|
||||
this.old.scrollTop = e.detail.scrollTop
|
||||
},
|
||||
areaSelect(index) {
|
||||
// 选中头部地址项
|
||||
this.areaIndex = index;
|
||||
this.current = index;
|
||||
//自动滚动
|
||||
this.scrollIntoView = 'area' + index;
|
||||
let widthAll = 0;
|
||||
for (let i = 0; i < index + 1; i++) {
|
||||
var query = uni.createSelectorQuery().in(this);
|
||||
var idView = '#area' + i;
|
||||
query.select(idView).boundingClientRect();
|
||||
query.exec(res => {
|
||||
if(res[0]!=null){
|
||||
|
||||
if (i < index) {
|
||||
widthAll += res[0].width;
|
||||
}
|
||||
if (i == index ) {
|
||||
this.navBottomLeft = widthAll + (res[0].width - uni.upx2px(60)) / 2;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
this.scrollTopList = this.scrollTopListAll[index]
|
||||
},
|
||||
sliderSelect(id) {
|
||||
this.id2 = id
|
||||
},
|
||||
getSwiperH() {
|
||||
var query = uni.createSelectorQuery().in(this);
|
||||
query
|
||||
.selectAll('.getHeight')
|
||||
.boundingClientRect()
|
||||
.exec(res => {
|
||||
if (res[0].length > 0) {
|
||||
this.swiperH = res[0][0].height - res[0][1].height - res[0][2].height - uni.upx2px(20);
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.getSwiperH();
|
||||
}, 200);
|
||||
}
|
||||
});
|
||||
},
|
||||
getScrollT(type, length) {
|
||||
var query = uni.createSelectorQuery().in(this);
|
||||
query
|
||||
.selectAll('#sw' + (type + 1) + ' .area-item-id')
|
||||
.boundingClientRect()
|
||||
.exec(res => {
|
||||
if (res[0].length == length) {
|
||||
this.scrollTopList = []
|
||||
let firstTop = res[0][0].top
|
||||
res[0].forEach((item, index) => {
|
||||
let obj = {
|
||||
id: item.id,
|
||||
top: item.top - firstTop
|
||||
}
|
||||
this.scrollTopList.push(obj)
|
||||
})
|
||||
this.scrollTopListAll[type] = this.scrollTopList
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
this.getScrollT(type, length)
|
||||
}, 200)
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
itemSelect(item, type) {
|
||||
|
||||
this.$set(this.list, type, item.name)
|
||||
this.$refs.areaChoose.close()
|
||||
this.$emit('villageComplete', [item])
|
||||
|
||||
|
||||
},
|
||||
|
||||
getData(code = '', type = 0) {
|
||||
|
||||
brigade().then(res => {
|
||||
// console.log(res.data)
|
||||
this.provinceList = res.data
|
||||
|
||||
if (res.data.length > 0) {
|
||||
this.getScrollT(type, res.data.length)
|
||||
}
|
||||
this.current = type;
|
||||
this.areaSelect(type);
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
goTop: function(e) {
|
||||
this.scrollTop = this.old.scrollTop
|
||||
this.$nextTick(() => {
|
||||
this.scrollTop = 0
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.mian {
|
||||
height: 85vh;
|
||||
.address-window {
|
||||
background-color: #fff;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
z-index: 101;
|
||||
border-radius: 30rpx 30rpx 0 0;
|
||||
transform: translate3d(0, 100%, 0);
|
||||
transition: all .3s cubic-bezier(.25, .5, .5, .9);
|
||||
}
|
||||
.address-window.on {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.address-window .title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
height: 123rpx;
|
||||
line-height: 123rpx;
|
||||
position: relative;
|
||||
|
||||
.top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-left: 30rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
padding: 40rpx 30rpx 30rpx;
|
||||
|
||||
.top_img {
|
||||
width: 58rpx;
|
||||
height: 58rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.nav {
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
.address-window .title .iconfont {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
color: #8a8a8a;
|
||||
font-size: 35rpx;
|
||||
}
|
||||
.address-count{
|
||||
.address-selected{
|
||||
padding: 0 30rpx;
|
||||
margin-top: 10rpx;
|
||||
position: relative;
|
||||
padding: 0rpx 20rpx;
|
||||
|
||||
.bottomBorder {
|
||||
position: absolute;
|
||||
width: 60rpx;
|
||||
height: 6rpx;
|
||||
// background-image: linear-gradient(to right, red, white);
|
||||
bottom: 0rpx;
|
||||
left: 0rpx;
|
||||
transition: left 0.5s ease;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
padding: 10rpx 20rpx;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.nav-item-a {
|
||||
// color: rgb(201, 22, 35);
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #3274F9;
|
||||
}
|
||||
padding-bottom: 20rpx;
|
||||
border-bottom: 2rpx solid #f7f7f7;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
height: 1000rpx;
|
||||
margin-top: 20rpx;
|
||||
|
||||
.swiper-list {
|
||||
.selected-list{
|
||||
font-size: 26rpx;
|
||||
color: #282828;
|
||||
line-height: 50rpx;
|
||||
padding-bottom: 10rpx;
|
||||
padding-left: 60rpx;
|
||||
position: relative;
|
||||
&.active{
|
||||
color: #e28d54;
|
||||
}
|
||||
&:before,&:after{
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
}
|
||||
&:before{
|
||||
width: 4rpx;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
|
||||
.area-item {
|
||||
font-size: 28rpx;
|
||||
|
||||
.area-item-id {
|
||||
padding: 20rpx 44rpx;
|
||||
border-bottom: 1rpx solid #f0ecf2;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.area-item-id-sticky {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: #FFFFFF;
|
||||
transition: all 0.1s;
|
||||
|
||||
}
|
||||
|
||||
.swiper-list2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
.area-item-name {
|
||||
padding: 20rpx 40rpx 0;
|
||||
font-weight: 400;
|
||||
|
||||
.iconfont {
|
||||
color: rgb(201, 22, 35);
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.area-item-name-a {
|
||||
color: rgb(201, 22, 35);
|
||||
}
|
||||
}
|
||||
background-color: var(--view-theme);
|
||||
top: 0;
|
||||
left: 10rpx;
|
||||
}
|
||||
&:after{
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
background: var(--view-theme);
|
||||
border-radius: 100%;
|
||||
left: 6rpx;
|
||||
top: 50%;
|
||||
margin-top: -8rpx;
|
||||
}
|
||||
&:first-child,&:last-child{
|
||||
&:before{
|
||||
height: 50%;
|
||||
}
|
||||
|
||||
}
|
||||
&:first-child{
|
||||
&:before{
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
.iconfont{
|
||||
font-size: 20rpx;
|
||||
float: right;
|
||||
color: #dddddd;
|
||||
}
|
||||
}
|
||||
|
||||
.slider-right {
|
||||
|
||||
position: absolute;
|
||||
right: 0rpx;
|
||||
top: 80rpx;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20rpx;
|
||||
|
||||
.slider-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: #F4F7FE;
|
||||
border-radius: 20rpx;
|
||||
font-size: 23rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.slider-item {
|
||||
padding: 10rpx 10rpx;
|
||||
font-size: 18rpx;
|
||||
color: #24292E;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 20rpx;
|
||||
scroll-view{
|
||||
height: 550rpx;
|
||||
}
|
||||
.address-list{
|
||||
padding: 0 30rpx;
|
||||
margin-top: 20rpx;
|
||||
box-sizing: border-box;
|
||||
.list{
|
||||
.iconfont{
|
||||
float: right;
|
||||
color: #ddd;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-bottom: 20rpx;
|
||||
.item-name{
|
||||
display: inline-block;
|
||||
line-height: 50rpx;
|
||||
margin-bottom: 20rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
&.active{
|
||||
color: #e28d54;
|
||||
.iconfont{
|
||||
color: #e28d54;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,351 +1,352 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class='newsDetail' style="padding-bottom: 50px;">
|
||||
<view class='title'>{{articleInfo.title}}</view>
|
||||
<view class='list acea-row row-middle'>
|
||||
<view class='label'>{{articleInfo.author}}</view>
|
||||
<view class='item'></text>{{articleInfo.create_time}}</view>
|
||||
<!-- <view class='item'><text class='iconfont icon-liulan'></text>{{articleInfo.visit}}</view> -->
|
||||
</view>
|
||||
<view class='conters'>
|
||||
<!-- <rich-text :nodes="content" class="conter"></rich-text> -->
|
||||
<jyf-parser :html="content.replace(/<br\/>/ig, '')" ref="article" :tag-style="tagStyle"></jyf-parser>
|
||||
</view>
|
||||
<view class="picTxt acea-row row-between-wrapper" v-if="store_info.id">
|
||||
<view class="pictrue">
|
||||
<image :src="store_info.image" ></image>
|
||||
</view>
|
||||
<view class="text">
|
||||
<view class="name line1">{{store_info.store_name}}</view>
|
||||
<view class="money font-color">
|
||||
￥<text class="num">{{store_info.price}}</text>
|
||||
</view>
|
||||
<view class="y_money">￥{{store_info.ot_price}}</view>
|
||||
</view>
|
||||
<navigator :url="'/pages/goods_details/index?id='+store_info.id" hover-class="none" class="label"><text
|
||||
class="span">查看商品</text></navigator>
|
||||
</view>
|
||||
<!-- #ifdef H5 -->
|
||||
<button class="bnt bg-color" hover-class='none' @click="listenerActionSheet"
|
||||
>和好友一起分享</button>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP -->
|
||||
<button class="bnt bg-color" open-type="share" hover-class='none'>和好友一起分享</button>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef APP-PLUS -->
|
||||
<button class="bnt bg-color" open-type="share" hover-class='none' @click="uniShare" >分享</button>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<shareInfo @setShareInfoStatus="setShareInfoStatus" :shareInfoStatus="shareInfoStatus"></shareInfo>
|
||||
<!-- <home></home> -->
|
||||
</view>
|
||||
<view>
|
||||
<view class='newsDetail' style="padding-bottom: 50px;">
|
||||
<view class='title'>{{articleInfo.title}}</view>
|
||||
<view class='list acea-row row-middle'>
|
||||
<view class='label'>{{articleInfo.author}}</view>
|
||||
<view class='item'></text>{{articleInfo.create_time}}</view>
|
||||
<!-- <view class='item'><text class='iconfont icon-liulan'></text>{{articleInfo.visit}}</view> -->
|
||||
</view>
|
||||
<view class='conters'>
|
||||
<!-- <rich-text :nodes="content" class="conter"></rich-text> -->
|
||||
<jyf-parser :html="content.replace(/<br\/>/ig, '')" ref="article" :tag-style="tagStyle"></jyf-parser>
|
||||
</view>
|
||||
<view class="picTxt acea-row row-between-wrapper" v-if="store_info.id">
|
||||
<view class="pictrue">
|
||||
<image :src="store_info.image"></image>
|
||||
</view>
|
||||
<view class="text">
|
||||
<view class="name line1">{{store_info.store_name}}</view>
|
||||
<view class="money font-color">
|
||||
￥<text class="num">{{store_info.price}}</text>
|
||||
</view>
|
||||
<view class="y_money">￥{{store_info.ot_price}}</view>
|
||||
</view>
|
||||
<navigator :url="'/pages/goods_details/index?id='+store_info.id" hover-class="none" class="label"><text
|
||||
class="span">查看商品</text></navigator>
|
||||
</view>
|
||||
<!-- #ifdef H5 -->
|
||||
<button class="bnt bg-color" hover-class='none' @click="listenerActionSheet">和好友一起分享</button>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP -->
|
||||
<button class="bnt bg-color" open-type="share" hover-class='none'>和好友一起分享</button>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef APP-PLUS -->
|
||||
<button class="bnt bg-color" open-type="share" hover-class='none' @click="uniShare">分享</button>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
<shareInfo @setShareInfoStatus="setShareInfoStatus" :shareInfoStatus="shareInfoStatus"></shareInfo>
|
||||
<!-- <home></home> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import parser from "@/components/jyf-parser/jyf-parser";
|
||||
import {
|
||||
getArticleDetails
|
||||
} from '@/api/api.js';
|
||||
import shareInfo from '@/components/shareInfo';
|
||||
import home from '@/components/home';
|
||||
import UniShare from 'uni_modules/uni-share/js_sdk/uni-share.js';
|
||||
const uniShare = new UniShare();
|
||||
export default {
|
||||
components: {
|
||||
shareInfo,
|
||||
home,
|
||||
"jyf-parser": parser,
|
||||
},
|
||||
onBackPress({from}) {
|
||||
if(from=='backbutton'){
|
||||
this.$nextTick(function(){
|
||||
uniShare.hide()
|
||||
})
|
||||
return uniShare.isShow;
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
id: 0,
|
||||
articleInfo: [],
|
||||
store_info: {},
|
||||
content: '',
|
||||
shareInfoStatus: false,
|
||||
tagStyle: {
|
||||
img: 'width:100%;display:block;'
|
||||
},
|
||||
};
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
if (options.hasOwnProperty('id')) {
|
||||
this.id = options.id;
|
||||
} else {
|
||||
// #ifndef H5
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
history.back();
|
||||
// #endif
|
||||
}
|
||||
},
|
||||
onShow: function() {
|
||||
this.getArticleOne();
|
||||
},
|
||||
methods: {
|
||||
// 分享
|
||||
uniShare() {
|
||||
uniShare.show({
|
||||
content: { //公共的分享参数配置 类型（type）、链接（herf）、标题（title）、summary（描述）、imageUrl（缩略图）
|
||||
type: 0,
|
||||
href: 'https://uniapp.dcloud.io/',
|
||||
title: '标题',
|
||||
summary: '描述',
|
||||
imageUrl: 'https://img-cdn-aliyun.dcloud.net.cn/stream/icon/__UNI__HelloUniApp.png'
|
||||
},
|
||||
menus: [{
|
||||
"img": "/static/app-plus/sharemenu/wechatfriend.png",
|
||||
"text": "微信好友",
|
||||
"share": { //当前项的分享参数配置。可覆盖公共的配置如下：分享到微信小程序，配置了type=5
|
||||
"provider": "weixin",
|
||||
"scene": "WXSceneSession"
|
||||
}
|
||||
},
|
||||
{
|
||||
"img": "/static/app-plus/sharemenu/wechatmoments.png",
|
||||
"text": "微信朋友圈",
|
||||
"share": {
|
||||
"provider": "weixin",
|
||||
"scene": "WXSceneTimeline"
|
||||
}
|
||||
},
|
||||
{
|
||||
"img": "/static/app-plus/sharemenu/mp_weixin.png",
|
||||
"text": "微信小程序",
|
||||
"share": {
|
||||
provider: "weixin",
|
||||
scene: "WXSceneSession",
|
||||
type: 5,
|
||||
miniProgram: {
|
||||
id: '123',
|
||||
path: '/pages/list/detail',
|
||||
webUrl: '/#/pages/list/detail',
|
||||
type: 0
|
||||
},
|
||||
}
|
||||
},
|
||||
{
|
||||
"img": "/static/app-plus/sharemenu/weibo.png",
|
||||
"text": "微博",
|
||||
"share": {
|
||||
"provider": "sinaweibo"
|
||||
}
|
||||
},
|
||||
{
|
||||
"img": "/static/app-plus/sharemenu/qq.png",
|
||||
"text": "QQ",
|
||||
"share": {
|
||||
"provider": "qq"
|
||||
}
|
||||
},
|
||||
{
|
||||
"img": "/static/app-plus/sharemenu/copyurl.png",
|
||||
"text": "复制",
|
||||
"share": "copyurl"
|
||||
},
|
||||
{
|
||||
"img": "/static/app-plus/sharemenu/more.png",
|
||||
"text": "更多",
|
||||
"share": "shareSystem"
|
||||
}
|
||||
],
|
||||
cancelText: "取消分享",
|
||||
}, e => { //callback
|
||||
console.log(uniShare.isShow);
|
||||
console.log(e);
|
||||
})
|
||||
},
|
||||
getArticleOne: function() {
|
||||
let that = this;
|
||||
getArticleDetails(that.id).then(res => {
|
||||
uni.setNavigationBarTitle({
|
||||
title: res.data.title.substring(0, 7) + "..."
|
||||
});
|
||||
that.$set(that, 'articleInfo', res.data);
|
||||
that.$set(that, 'store_info', res.data.store_info ? res.data.store_info : {});
|
||||
that.content = res.data.content.content;
|
||||
// #ifdef H5
|
||||
if (this.$wechat.isWeixin()) {
|
||||
this.setShareInfo();
|
||||
}
|
||||
// #endif
|
||||
});
|
||||
},
|
||||
listenerActionSheet() {
|
||||
this.shareInfoStatus = true
|
||||
},
|
||||
setShareInfoStatus() {
|
||||
this.shareInfoStatus = false
|
||||
},
|
||||
setShareInfo: function() {
|
||||
let href = location.href;
|
||||
let configAppMessage = {
|
||||
desc: this.articleInfo.synopsis,
|
||||
title: this.articleInfo.title,
|
||||
link: href,
|
||||
imgUrl: this.articleInfo.image_input
|
||||
};
|
||||
this.$wechat.wechatEvevt(["updateAppMessageShareData", "updateTimelineShareData"], configAppMessage);
|
||||
}
|
||||
}
|
||||
}
|
||||
// +----------------------------------------------------------------------
|
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
|
||||
// +----------------------------------------------------------------------
|
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||||
// +----------------------------------------------------------------------
|
||||
// | Author: CRMEB Team <admin@crmeb.com>
|
||||
// +----------------------------------------------------------------------
|
||||
import parser from "@/components/jyf-parser/jyf-parser";
|
||||
import {
|
||||
getArticleDetails
|
||||
} from '@/api/api.js';
|
||||
import shareInfo from '@/components/shareInfo';
|
||||
import home from '@/components/home';
|
||||
import UniShare from 'uni_modules/uni-share/js_sdk/uni-share.js';
|
||||
const uniShare = new UniShare();
|
||||
export default {
|
||||
components: {
|
||||
shareInfo,
|
||||
home,
|
||||
"jyf-parser": parser,
|
||||
},
|
||||
onBackPress({
|
||||
from
|
||||
}) {
|
||||
if (from == 'backbutton') {
|
||||
this.$nextTick(function() {
|
||||
uniShare.hide()
|
||||
})
|
||||
return uniShare.isShow;
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
id: 0,
|
||||
articleInfo: [],
|
||||
store_info: {},
|
||||
content: '',
|
||||
shareInfoStatus: false,
|
||||
tagStyle: {
|
||||
img: 'width:100%;display:block;'
|
||||
},
|
||||
};
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function(options) {
|
||||
if (options.hasOwnProperty('id')) {
|
||||
this.id = options.id;
|
||||
} else {
|
||||
// #ifndef H5
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
history.back();
|
||||
// #endif
|
||||
}
|
||||
},
|
||||
onShow: function() {
|
||||
this.getArticleOne();
|
||||
},
|
||||
methods: {
|
||||
// 分享
|
||||
uniShare() {
|
||||
uniShare.show({
|
||||
content: { //公共的分享参数配置 类型（type）、链接（herf）、标题（title）、summary（描述）、imageUrl（缩略图）
|
||||
type: 0,
|
||||
href: 'https://uniapp.dcloud.io/',
|
||||
title: '标题',
|
||||
summary: '描述',
|
||||
imageUrl: 'https://img-cdn-aliyun.dcloud.net.cn/stream/icon/__UNI__HelloUniApp.png'
|
||||
},
|
||||
menus: [{
|
||||
"img": "/static/images/weixin.png",
|
||||
"text": "微信好友",
|
||||
"share": { //当前项的分享参数配置。可覆盖公共的配置如下：分享到微信小程序，配置了type=5
|
||||
"provider": "weixin",
|
||||
"scene": "WXSceneSession"
|
||||
}
|
||||
},
|
||||
{
|
||||
"img": "/static/images/weixin.png",
|
||||
"text": "微信朋友圈",
|
||||
"share": {
|
||||
"provider": "weixin",
|
||||
"scene": "WXSceneTimeline"
|
||||
}
|
||||
},
|
||||
{
|
||||
"img": "/static/images/weixin.png",
|
||||
"text": "微信小程序",
|
||||
"share": {
|
||||
provider: "weixin",
|
||||
scene: "WXSceneSession",
|
||||
type: 5,
|
||||
miniProgram: {
|
||||
id: '123',
|
||||
path: '/pages/list/detail',
|
||||
webUrl: '/#/pages/list/detail',
|
||||
type: 0
|
||||
},
|
||||
}
|
||||
},
|
||||
// {
|
||||
// "img": "/static/app-plus/sharemenu/weibo.png",
|
||||
// "text": "微博",
|
||||
// "share": {
|
||||
// "provider": "sinaweibo"
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// "img": "/static/app-plus/sharemenu/qq.png",
|
||||
// "text": "QQ",
|
||||
// "share": {
|
||||
// "provider": "qq"
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// "img": "/static/app-plus/sharemenu/copyurl.png",
|
||||
// "text": "复制",
|
||||
// "share": "copyurl"
|
||||
// },
|
||||
// {
|
||||
// "img": "/static/app-plus/sharemenu/more.png",
|
||||
// "text": "更多",
|
||||
// "share": "shareSystem"
|
||||
// }
|
||||
],
|
||||
cancelText: "取消分享",
|
||||
}, e => { //callback
|
||||
console.log(uniShare.isShow);
|
||||
console.log(e);
|
||||
})
|
||||
},
|
||||
getArticleOne: function() {
|
||||
let that = this;
|
||||
getArticleDetails(that.id).then(res => {
|
||||
uni.setNavigationBarTitle({
|
||||
title: res.data.title.substring(0, 7) + "..."
|
||||
});
|
||||
that.$set(that, 'articleInfo', res.data);
|
||||
that.$set(that, 'store_info', res.data.store_info ? res.data.store_info : {});
|
||||
that.content = res.data.content.content;
|
||||
// #ifdef H5
|
||||
if (this.$wechat.isWeixin()) {
|
||||
this.setShareInfo();
|
||||
}
|
||||
// #endif
|
||||
});
|
||||
},
|
||||
listenerActionSheet() {
|
||||
this.shareInfoStatus = true
|
||||
},
|
||||
setShareInfoStatus() {
|
||||
this.shareInfoStatus = false
|
||||
},
|
||||
setShareInfo: function() {
|
||||
let href = location.href;
|
||||
let configAppMessage = {
|
||||
desc: this.articleInfo.synopsis,
|
||||
title: this.articleInfo.title,
|
||||
link: href,
|
||||
imgUrl: this.articleInfo.image_input
|
||||
};
|
||||
this.$wechat.wechatEvevt(["updateAppMessageShareData", "updateTimelineShareData"], configAppMessage);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
page {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.newsDetail .title {
|
||||
padding: 0 30rpx;
|
||||
font-size: 34rpx;
|
||||
color: #282828;
|
||||
font-weight: bold;
|
||||
margin: 45rpx 0 23rpx 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.newsDetail .title {
|
||||
padding: 0 30rpx;
|
||||
font-size: 34rpx;
|
||||
color: #282828;
|
||||
font-weight: bold;
|
||||
margin: 45rpx 0 23rpx 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.newsDetail .list {
|
||||
margin: 0 30rpx;
|
||||
padding-bottom: 25rpx;
|
||||
}
|
||||
.newsDetail .list {
|
||||
margin: 0 30rpx;
|
||||
padding-bottom: 25rpx;
|
||||
}
|
||||
|
||||
.newsDetail .list .label {
|
||||
font-size: 30rpx;
|
||||
color: #B1B2B3;
|
||||
}
|
||||
.newsDetail .list .label {
|
||||
font-size: 30rpx;
|
||||
color: #B1B2B3;
|
||||
}
|
||||
|
||||
.newsDetail .list .item {
|
||||
margin-left: 27rpx;
|
||||
font-size: 30rpx;
|
||||
color: #B1B2B3;
|
||||
}
|
||||
.newsDetail .list .item {
|
||||
margin-left: 27rpx;
|
||||
font-size: 30rpx;
|
||||
color: #B1B2B3;
|
||||
}
|
||||
|
||||
.newsDetail .list .item .iconfont {
|
||||
font-size: 28rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.newsDetail .list .item .iconfont {
|
||||
font-size: 28rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.newsDetail .list .item .iconfont.icon-shenhezhong {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.newsDetail .list .item .iconfont.icon-shenhezhong {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.newsDetail .conters {
|
||||
padding: 0 30rpx;
|
||||
font-size: 32rpx;
|
||||
line-height: 1.7;
|
||||
.newsDetail .conters {
|
||||
padding: 0 30rpx;
|
||||
font-size: 32rpx;
|
||||
line-height: 1.7;
|
||||
|
||||
/deep/ img {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
/deep/ img {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.newsDetail .picTxt {
|
||||
width: 690rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 20rpx;
|
||||
border: 1px solid #e1e1e1;
|
||||
position: relative;
|
||||
margin: 30rpx auto 0 auto;
|
||||
}
|
||||
.newsDetail .picTxt {
|
||||
width: 690rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 20rpx;
|
||||
border: 1px solid #e1e1e1;
|
||||
position: relative;
|
||||
margin: 30rpx auto 0 auto;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .pictrue {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
.newsDetail .picTxt .pictrue {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .pictrue image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 20rpx 0 0 20rpx;
|
||||
display: block;
|
||||
}
|
||||
.newsDetail .picTxt .pictrue image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 20rpx 0 0 20rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .text {
|
||||
width: 460rpx;
|
||||
}
|
||||
.newsDetail .picTxt .text {
|
||||
width: 460rpx;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .text .name {
|
||||
font-size: 30rpx;
|
||||
color: #282828;
|
||||
}
|
||||
.newsDetail .picTxt .text .name {
|
||||
font-size: 30rpx;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .text .money {
|
||||
font-size: 24rpx;
|
||||
margin-top: 40rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.newsDetail .picTxt .text .money {
|
||||
font-size: 24rpx;
|
||||
margin-top: 40rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .text .money .num {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.newsDetail .picTxt .text .money .num {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .text .y_money {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.newsDetail .picTxt .text .y_money {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .label {
|
||||
position: absolute;
|
||||
background-color: #303131;
|
||||
width: 160rpx;
|
||||
height: 50rpx;
|
||||
right: -7rpx;
|
||||
border-radius: 25rpx 0 6rpx 25rpx;
|
||||
text-align: center;
|
||||
line-height: 50rpx;
|
||||
bottom: 24rpx;
|
||||
}
|
||||
.newsDetail .picTxt .label {
|
||||
position: absolute;
|
||||
background-color: #303131;
|
||||
width: 160rpx;
|
||||
height: 50rpx;
|
||||
right: -7rpx;
|
||||
border-radius: 25rpx 0 6rpx 25rpx;
|
||||
text-align: center;
|
||||
line-height: 50rpx;
|
||||
bottom: 24rpx;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .label .span {
|
||||
background-image: linear-gradient(to right, #fff71e 0%, #f9b513 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.newsDetail .picTxt .label .span {
|
||||
background-image: linear-gradient(to right, #fff71e 0%, #f9b513 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.newsDetail .picTxt .label:after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-bottom: 8rpx solid #303131;
|
||||
border-right: 8rpx solid transparent;
|
||||
top: -7rpx;
|
||||
right: 0;
|
||||
}
|
||||
.newsDetail .picTxt .label:after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-bottom: 8rpx solid #303131;
|
||||
border-right: 8rpx solid transparent;
|
||||
top: -7rpx;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.newsDetail .bnt {
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
width: 690rpx;
|
||||
height: 90rpx;
|
||||
border-radius: 45rpx;
|
||||
margin: 48rpx auto;
|
||||
text-align: center;
|
||||
line-height: 90rpx;
|
||||
}
|
||||
.newsDetail .bnt {
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
width: 690rpx;
|
||||
height: 90rpx;
|
||||
border-radius: 45rpx;
|
||||
margin: 48rpx auto;
|
||||
text-align: center;
|
||||
line-height: 90rpx;
|
||||
}
|
||||
</style>
|
||||
@ -1,161 +1,143 @@
|
||||
|
||||
<template>
|
||||
<view class="cloud_entrepot" :style="{'min-height': winHeight + 'px'}">
|
||||
<view class="head-wrapper">
|
||||
<u--image style="position: absolute;" :showLoading="true" src="../../../static/images/tabbar/YCBG.png"
|
||||
width="100vw" height="560rpx"></u--image>
|
||||
|
||||
<u--image :showLoading="true" src="../../../static/images/tabbar/YCGG.png" width="100vw"
|
||||
height="550rpx"></u--image>
|
||||
|
||||
</view>
|
||||
<view class="town-title">{{town}}里海云仓</view>
|
||||
<view class="body-wrapper">
|
||||
<block v-for="(item,index) in cloudList" :key="index">
|
||||
<navigator class="item"
|
||||
:url="`/pages/nongKe/goods_list/index?cate_id=${item.category_id}&street=${street_code}&name=${item.category_name}`"
|
||||
:style="{'background-image': `url(${item.background})`}">
|
||||
<text class="item-title">{{item.category_name}}云仓服务</text>
|
||||
<text style="color: #3274F9;">{{item.description}}</text>
|
||||
<view class="chakan-btn">查看</view>
|
||||
</navigator>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cloud_entrepot" :style="{'min-height': winHeight + 'px'}">
|
||||
<view class="head-wrapper"></view>
|
||||
<view class="town-title">{{town}}里海云仓</view>
|
||||
<view class="body-wrapper">
|
||||
<block v-for="(item,index) in cloudList" :key="index">
|
||||
<navigator class="item"
|
||||
:url="`/pages/nongKe/goods_list/index?cate_id=${item.category_id}&street=${street_code}&name=${item.category_name}`"
|
||||
:style="{'background-image': `url(${item.background})`}">
|
||||
<text class="item-title">{{item.category_name}}云仓服务</text>
|
||||
<text>{{item.description}}</text>
|
||||
<view class="chakan-btn">查看</view>
|
||||
</navigator>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getCityCloundShop
|
||||
} from '@/api/api.js'
|
||||
import {
|
||||
Toast
|
||||
} from '@/libs/uniApi';
|
||||
export default {
|
||||
data() {
|
||||
let src = 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13';
|
||||
return {
|
||||
winHeight: 0,
|
||||
cloudList: [],
|
||||
street_code: '',
|
||||
town: ''
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
uni.getSystemInfo({
|
||||
success: (res) => {
|
||||
this.winHeight = res.windowHeight
|
||||
},
|
||||
});
|
||||
this.street_code = e.street
|
||||
this.town = e.town
|
||||
this.getCloundShop()
|
||||
},
|
||||
onShow() {},
|
||||
onPullDownRefresh() {
|
||||
this.getCloundShop()
|
||||
uni.stopPullDownRefresh()
|
||||
},
|
||||
methods: {
|
||||
async getCloundShop() {
|
||||
const {
|
||||
data
|
||||
} = await getCityCloundShop({
|
||||
street_code: this.street_code
|
||||
})
|
||||
this.cloudList = data
|
||||
data.length < 1 ? Toast("暂无云仓") : '';
|
||||
}
|
||||
}
|
||||
}
|
||||
import { getCityCloundShop } from '@/api/api.js'
|
||||
import { Toast } from '@/libs/uniApi';
|
||||
export default {
|
||||
data() {
|
||||
let src = 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13';
|
||||
return {
|
||||
winHeight: 0,
|
||||
cloudList: [],
|
||||
street_code: '',
|
||||
town: ''
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
uni.getSystemInfo({
|
||||
success: (res) => {
|
||||
this.winHeight = res.windowHeight
|
||||
},
|
||||
});
|
||||
this.street_code = e.street
|
||||
this.town = e.town
|
||||
this.getCloundShop()
|
||||
},
|
||||
onShow() {},
|
||||
onPullDownRefresh() {
|
||||
this.getCloundShop()
|
||||
uni.stopPullDownRefresh()
|
||||
},
|
||||
methods: {
|
||||
async getCloundShop() {
|
||||
const { data } = await getCityCloundShop({ street_code: this.street_code })
|
||||
this.cloudList = data
|
||||
data.length < 1 ? Toast("暂无云仓") : '';
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.cloud_entrepot {
|
||||
// background: url("../../../static/images/tabbar/YCBG.png") no-repeat;
|
||||
// background-size: cover;
|
||||
// padding-bottom: 92.98rpx;
|
||||
background-color: #E3ECFE;
|
||||
}
|
||||
.cloud_entrepot {
|
||||
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13/ycbg.png") no-repeat;
|
||||
background-size: cover;
|
||||
padding-bottom: 92.98rpx;
|
||||
}
|
||||
|
||||
.head-wrapper {
|
||||
height: 550rpx;
|
||||
// width: 100vw;
|
||||
// background: url("../../../static/images/tabbar/YCBG.png") no-repeat;
|
||||
background-size: cover;
|
||||
margin-bottom: 49.12rpx;
|
||||
}
|
||||
.head-wrapper {
|
||||
height: 485.96rpx;
|
||||
width: 100%;
|
||||
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13/top.png") no-repeat;
|
||||
background-size: cover;
|
||||
margin-bottom: 49.12rpx;
|
||||
}
|
||||
|
||||
.town-title {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 50.88rpx;
|
||||
color: #3274F9;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
margin-bottom: 28.07rpx;
|
||||
.town-title {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 50.88rpx;
|
||||
color: #fff;
|
||||
margin-bottom: 28.07rpx;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 66.67rpx;
|
||||
height: 31.58rpx;
|
||||
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13/you.png") no-repeat;
|
||||
background-size: cover;
|
||||
margin-left: 24.56rpx;
|
||||
}
|
||||
&::after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 66.67rpx;
|
||||
height: 31.58rpx;
|
||||
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13/you.png") no-repeat;
|
||||
background-size: cover;
|
||||
margin-left: 24.56rpx;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 66.67rpx;
|
||||
height: 31.58rpx;
|
||||
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13/zuo.png") no-repeat;
|
||||
background-size: cover;
|
||||
margin-right: 24.56rpx;
|
||||
}
|
||||
}
|
||||
&::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 66.67rpx;
|
||||
height: 31.58rpx;
|
||||
background: url("https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13/zuo.png") no-repeat;
|
||||
background-size: cover;
|
||||
margin-right: 24.56rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.body-wrapper {
|
||||
width: 694.74rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
.body-wrapper {
|
||||
width: 694.74rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
|
||||
.item {
|
||||
width: 336.84rpx;
|
||||
height: 100%;
|
||||
padding: 24.56rpx 28.07rpx;
|
||||
margin-bottom: 21.05rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
.item {
|
||||
width: 336.84rpx;
|
||||
height: 100%;
|
||||
padding: 24.56rpx 28.07rpx;
|
||||
margin-bottom: 21.05rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
box-sizing: border-box;
|
||||
|
||||
text {
|
||||
display: block;
|
||||
font-size: 24.56rpx;
|
||||
color: #999;
|
||||
margin-bottom: 14.04rpx;
|
||||
}
|
||||
text {
|
||||
display: block;
|
||||
font-size: 24.56rpx;
|
||||
color: #999;
|
||||
margin-bottom: 14.04rpx;
|
||||
}
|
||||
|
||||
.item-title {
|
||||
font-size: 31.58rpx;
|
||||
color: #333;
|
||||
}
|
||||
.item-title {
|
||||
font-size: 31.58rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.chakan-btn {
|
||||
width: 114.04rpx;
|
||||
height: 49.12rpx;
|
||||
font-size: 28.07rpx;
|
||||
text-align: center;
|
||||
line-height: 49.12rpx;
|
||||
color: #3274F9;
|
||||
margin-top: auto;
|
||||
// background: linear-gradient(90deg, #FE5300 0%, #F84221 100%);
|
||||
border: 1px solid #3274F9;
|
||||
border-radius: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
.chakan-btn {
|
||||
width: 114.04rpx;
|
||||
height: 49.12rpx;
|
||||
font-size: 28.07rpx;
|
||||
text-align: center;
|
||||
line-height: 49.12rpx;
|
||||
color: #fff;
|
||||
margin-top: auto;
|
||||
background: linear-gradient(90deg, #FE5300 0%, #F84221 100%);
|
||||
border-radius: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
<view class='productList' :style="viewColor">
|
||||
<view class='search acea-row row-between-wrapper' :class="'styleType'+store_street_theme">
|
||||
<!--#ifdef H5-->
|
||||
@ -617,7 +618,7 @@
|
||||
<style lang="scss" scoped>
|
||||
.productList .search {
|
||||
width: 100%;
|
||||
height: 86rpx;
|
||||
height: 146rpx;
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
position: fixed;
|
||||
@ -627,6 +628,7 @@
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
background-color: #fff;
|
||||
padding-top: 80rpx;
|
||||
|
||||
&.styleType1 {
|
||||
background-color: var(--view-theme);
|
||||
@ -728,7 +730,7 @@
|
||||
z-index: 9;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
top: 30px;
|
||||
width: 100%;
|
||||
margin-top: 86rpx;
|
||||
background-color: #fff;
|
||||
@ -850,7 +852,7 @@
|
||||
}
|
||||
|
||||
.store-wrapper {
|
||||
margin-top: 165rpx;
|
||||
margin-top: 235rpx;
|
||||
border-top: 1px solid #F6F6F6;
|
||||
|
||||
.store-item {
|
||||
|
||||
@ -307,7 +307,7 @@
|
||||
</navigator>
|
||||
|
||||
<view class="" v-if="orderInfo.activity_type==98">
|
||||
<view class='bnt b-color' @tap='confirmOrdera(orderInfo)' v-if="orderInfo.pay_type==8">111确认收货
|
||||
<view class='bnt b-color' @tap='confirmOrdera(orderInfo)' v-if="orderInfo.pay_type==8">确认收货
|
||||
</view>
|
||||
<view class='bnt b-color' @tap='confirmOrderb(orderInfo)' v-else>确认收货
|
||||
</view>
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<template>
|
||||
<!-- #ifdef MP -->
|
||||
<view :style="viewColor" >
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef APP || H5 -->
|
||||
<view :style="viewColor" >
|
||||
<!-- #ifdef MP -->
|
||||
<view :style="viewColor" style="padding-top: 180rpx;">
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef APP || H5 -->
|
||||
<view :style="viewColor" style="padding-top: 80rpx;">
|
||||
<!-- #endif -->
|
||||
<form @submit="formSubmit" report-submit='true'>
|
||||
<view class="release_content">
|
||||
@ -252,7 +252,7 @@
|
||||
// #endif
|
||||
},
|
||||
onLoad(options) {
|
||||
console.log(options)
|
||||
|
||||
// uni.hideTabBar()
|
||||
this.id = options.id;
|
||||
this.order_id = options.order_id;
|
||||
|
||||
@ -2,9 +2,11 @@
|
||||
<view :style="viewColor">
|
||||
<view class='productList'>
|
||||
<view class='search acea-row row-between-wrapper'>
|
||||
<!-- #ifdef H5 -->
|
||||
<view class="back" @click='set_where(1)'>
|
||||
<view class="iconfont icon-xiangzuo"></view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<view class='input acea-row row-between-wrapper'><text class='iconfont icon-sousuo'></text>
|
||||
<input placeholder='搜索商品名称' placeholder-class='placeholder' confirm-type='search' name="search" :value='where.keyword'
|
||||
@confirm="searchSubmit"></input>
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
<template>
|
||||
|
||||
<view class="Circle_friends">
|
||||
<view class="circle_friends_wrapper">
|
||||
<zbpSwiper :isSelectPlace="true" @selectPlce="selectPlce" :location_Arr="locationArr"></zbpSwiper>
|
||||
@ -99,11 +100,11 @@
|
||||
list: [],
|
||||
tabsActive: 0
|
||||
},
|
||||
town: '',
|
||||
town: '', street_id: '',
|
||||
emptyShow: false,
|
||||
articleList: [],
|
||||
recoList: [],
|
||||
street_id: '',
|
||||
|
||||
bgData: [{ pic: '' }, { pic: '' }],
|
||||
store_id: '',
|
||||
locationArr: ({}),
|
||||
|
||||
@ -173,7 +173,6 @@
|
||||
<uni-popup ref="associated" type="bottom">
|
||||
<associated @close="close" @getProduct="getProduct" :checkedObj="productList"></associated>
|
||||
</uni-popup>
|
||||
|
||||
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
|
||||
</authorize>
|
||||
|
||||
@ -365,8 +364,8 @@
|
||||
}
|
||||
|
||||
this.getProduct(res.data.resale)
|
||||
if(res.data.video_link){
|
||||
this.tabActive=2
|
||||
if (res.data.video_link) {
|
||||
this.tabActive = 2
|
||||
}
|
||||
}
|
||||
})
|
||||
@ -655,6 +654,9 @@
|
||||
if (!value.content) return that.$util.Tips({
|
||||
title: '请添加商品描述'
|
||||
});
|
||||
if (!value.product_info[0].deliver_method) return that.$util.Tips({
|
||||
title: '请选择配送方式'
|
||||
});
|
||||
if (that.tabActive == 2 && !value.video_link) {
|
||||
return that.$util.Tips({
|
||||
title: '请添加话题视频'
|
||||
@ -681,10 +683,10 @@
|
||||
is_type: 3,
|
||||
product_info: []
|
||||
}
|
||||
uni.navigateTo({
|
||||
|
||||
uni.redirectTo({
|
||||
url: '/pages/releaseManagement/index?key=' + 2
|
||||
})
|
||||
|
||||
} else {
|
||||
that.$util.Tips({
|
||||
title: res.messge,
|
||||
@ -712,7 +714,7 @@
|
||||
is_type: 3,
|
||||
product_info: []
|
||||
}
|
||||
uni.navigateTo({
|
||||
uni.redirectTo({
|
||||
url: '/pages/releaseManagement/index?key=' + 2
|
||||
})
|
||||
|
||||
|
||||
@ -262,13 +262,13 @@
|
||||
<view class='bnt b-color' @tap='confirmOrder(item,index)'>取件码</view>
|
||||
</block>
|
||||
<block v-if="item.status == 2">
|
||||
|
||||
<!--
|
||||
<navigator v-if="community_status == 1 && !item.community_id"
|
||||
:url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id+'&type='+1"
|
||||
class='bnt colorBnt' hover-class="none">
|
||||
<text class="iconfont icon-fabu"></text>
|
||||
发布种草
|
||||
</navigator>
|
||||
</navigator> -->
|
||||
<view class='bnt b-color' @click='goOrderDetails_Evaluation(item.order_id)'>去评价
|
||||
</view>
|
||||
</block>
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
<view class='nav acea-row row-around'>
|
||||
<view class='item' :class='orderStatus==-1 ? "on": ""' @click="statusClick(-1)">
|
||||
<view>全部</view>
|
||||
<view class='num'>{{orderData.orderCount || 0}}</view>
|
||||
<view class='num'>{{orderData.orderCount+len || 0}}</view>
|
||||
</view>
|
||||
<view class='item' :class='orderStatus==1? "on": ""' @click="statusClick(1)">
|
||||
<view>待付款</view>
|
||||
@ -170,6 +170,7 @@
|
||||
<!-- <text v-else>待发货</text> -->
|
||||
</view>
|
||||
|
||||
|
||||
<view v-if="item.order_status == 2 && item.pay_type !=3" class='t-color'>待发货</view>
|
||||
<view v-if="item.order_status == 1 && item.pay_type==3" class='t-color'>待付款</view>
|
||||
<view v-if="item.order_status == 3" class='t-color'>待收货</view>
|
||||
@ -270,12 +271,19 @@
|
||||
</view>
|
||||
<view class='bnt b-color' v-else @tap='confirmOrdera(item,index)'>确认收货</view>
|
||||
</block>
|
||||
<block v-if="item.status == 2">
|
||||
|
||||
|
||||
|
||||
<block v-if="item.status == 2 ">
|
||||
<!-- <navigator v-if="community_status == 1 && !item.community_id" :url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id" class='bnt colorBnt' hover-class="none">
|
||||
<text class="iconfont icon-fabu"></text>
|
||||
发布种草
|
||||
</navigator> -->
|
||||
<view class='bnt b-color' @click='goOrderDetails_Evaluation(item.order_id)'>去评价
|
||||
<view class='bnt b-color' v-if="item.order_status==8" @click.stop='goPay(item.pay_price,item.group_order_id)'>
|
||||
去结算
|
||||
</view>
|
||||
<view v-else class='bnt b-color' @click='goOrderDetails_Evaluation(item.order_id)'>
|
||||
去评价
|
||||
</view>
|
||||
</block>
|
||||
<block v-if="item.status == 3">
|
||||
@ -422,7 +430,7 @@
|
||||
invoice: false,
|
||||
add: false,
|
||||
},
|
||||
len:0
|
||||
len: 0
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
||||
@ -260,12 +260,12 @@
|
||||
<view class='bnt b-color' @tap='confirmOrder(item,index)'>确认收货</view>
|
||||
</block>
|
||||
<block v-if="item.status == 2">
|
||||
<navigator v-if="community_status == 1 && !item.community_id"
|
||||
<!-- <navigator v-if="community_status == 1 && !item.community_id"
|
||||
:url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id+'&type='+1"
|
||||
class='bnt colorBnt' hover-class="none">
|
||||
<text class="iconfont icon-fabu"></text>
|
||||
发布种草
|
||||
</navigator>
|
||||
</navigator> -->
|
||||
<view class='bnt b-color' @click='goOrderDetails_Evaluation(item.order_id)'>去评价
|
||||
</view>
|
||||
</block>
|
||||
@ -273,12 +273,12 @@
|
||||
<view class='bnt b-color' @click='goOrderDetails(item.order_id)'
|
||||
v-if="item.activity_type == 2 || item.activity_type == 3 || item.activity_type == 10">
|
||||
查看详情</view>
|
||||
<navigator v-if="community_status == 1 && !item.community_id"
|
||||
<!-- <navigator v-if="community_status == 1 && !item.community_id"
|
||||
:url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id+'&type='+1"
|
||||
class='bnt colorBnt' hover-class="none">
|
||||
<text class="iconfont icon-fabu"></text>
|
||||
发布种草
|
||||
</navigator>
|
||||
</navigator> -->
|
||||
<view class='bnt b-color' @click='goOrderDetails(item.order_id)' v-else>再次购买</view>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
@ -198,18 +198,18 @@
|
||||
<view class='bnt b-color' @tap='confirmOrder(item,index)'>确认收货</view>
|
||||
</block>
|
||||
<block v-if="item.status == 2">
|
||||
<navigator v-if="community_status == 1 && !item.community_id" :url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id+'&type='+1" class='bnt colorBnt' hover-class="none">
|
||||
<!-- <navigator v-if="community_status == 1 && !item.community_id" :url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id+'&type='+1" class='bnt colorBnt' hover-class="none">
|
||||
<text class="iconfont icon-fabu"></text>
|
||||
发布种草
|
||||
</navigator>
|
||||
</navigator> -->
|
||||
<view class='bnt b-color' @click='goOrderDetails_Evaluation(item.order_id)'>去评价</view>
|
||||
</block>
|
||||
<block v-if="item.status == 3">
|
||||
<view class='bnt b-color' @click='goOrderDetails(item.order_id)' v-if="item.activity_type == 2 || item.activity_type == 3 || item.activity_type == 10">查看详情</view>
|
||||
<navigator v-if="community_status == 1 && !item.community_id" :url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id+'&type='+1" class='bnt colorBnt' hover-class="none">
|
||||
<!-- <navigator v-if="community_status == 1 && !item.community_id" :url="'/pages/plantGrass/plant_release/index?order_id='+item.order_id+'&type='+1" class='bnt colorBnt' hover-class="none">
|
||||
<text class="iconfont icon-fabu"></text>
|
||||
发布种草
|
||||
</navigator>
|
||||
</navigator> -->
|
||||
<view class='bnt b-color' @click='goOrderDetails(item.order_id)' v-else>再次购买</view>
|
||||
</block>
|
||||
</view>
|
||||
|
||||
@ -5,8 +5,8 @@
|
||||
<view class='list'>
|
||||
<view class='item acea-row row-between-wrapper'>
|
||||
<view class='name'>姓名</view>
|
||||
<input type='text' class="list_nput" placeholder='请输入姓名' name='real_name'
|
||||
:value="userAddress.real_name" placeholder-class='placeholder'></input>
|
||||
<input type='text' placeholder='请输入姓名' name='real_name' :value="userAddress.real_name"
|
||||
placeholder-class='placeholder'></input>
|
||||
</view>
|
||||
<view class='item acea-row row-between-wrapper'>
|
||||
<view class='name'>联系电话</view>
|
||||
@ -19,7 +19,7 @@
|
||||
<view class="region_count" @click="changeRegion">
|
||||
<text v-if="!addressInfo.length" style="color:#cdcdcd;">请选择地区</text>
|
||||
<text v-else>{{addressText}}</text>
|
||||
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@ -30,21 +30,20 @@
|
||||
<view class="region_count" @click="changevillage">
|
||||
<text v-if="!villageInfo.length" style="color:#cdcdcd;">请选择村队</text>
|
||||
<text v-else>{{villageText}}</text>
|
||||
|
||||
<text class="iconfont icon-xiangyou"></text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class='item acea-row row-between-wrapper'>
|
||||
<view class='name'>详细地址</view>
|
||||
<!-- <input type='text' class="location-input" placeholder='请填写具体地址' name='detail'
|
||||
placeholder-class='placeholder' v-model="userAddress.detail"></input> -->
|
||||
<textarea class="location-input" placeholder='请填写具体地址' name='detail'
|
||||
placeholder-class='placeholder' v-model="userAddress.detail" />
|
||||
|
||||
<view class="location" @click="selfLocation">
|
||||
<image src="@/static/images/loction.png" mode=""></image>
|
||||
</view>
|
||||
<input type='text' class="location-input" placeholder='请填写具体地址' name='detail'
|
||||
placeholder-class='placeholder' v-model="userAddress.detail"></input>
|
||||
<!--<view class="location" @click="selfLocation">
|
||||
<text class="iconfont icon-chakanditu"></text>
|
||||
<br>
|
||||
定位
|
||||
</view> -->
|
||||
|
||||
</view>
|
||||
</view>
|
||||
@ -54,7 +53,7 @@
|
||||
</checkbox-group>
|
||||
</view>
|
||||
|
||||
<button class='keepBnt' form-type="submit">保存</button>
|
||||
<button class='keepBnt' form-type="submit">立即保存</button>
|
||||
<!-- #ifdef MP -->
|
||||
<view class="wechatAddress" v-if="!address_id" @click="getWxAddress">导入微信地址</view>
|
||||
<!-- #endif -->
|
||||
@ -64,11 +63,11 @@
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
</form>
|
||||
<areaWindow ref="areaWindow" :display="display" :address="addressInfo" @submit="OnChangeAddress"
|
||||
@changeClose="changeClose"></areaWindow>
|
||||
<villageTeam ref="villageTeam" :display="display_one" :address="villageInfo" :villageaddress="list"
|
||||
@submit="OnChangevAddress" @changeClose="changevClose"></villageTeam>
|
||||
|
||||
<areaWindow ref='areaChoose' @areaComplete='areaComplete' :address='region'></areaWindow>
|
||||
<!-- <villageTeam ref="villageTeam" :display="display_one" :address="villageInfo" :villageaddress="list"
|
||||
@submit="OnChangevAddress" @changeClose="changevClose"></villageTeam> -->
|
||||
<villageTeam ref='villageTeam' @villageComplete='OnChangevAddress' :address="villageInfo"></villageTeam>
|
||||
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
|
||||
</view>
|
||||
</template>
|
||||
@ -115,7 +114,7 @@
|
||||
userAddress: {
|
||||
is_default: false
|
||||
}, //地址详情
|
||||
region: [],
|
||||
region: ['省', '市', '区'],
|
||||
valueRegion: [0, 0, 0],
|
||||
isAuto: false, //没有授权的不会自动授权
|
||||
isShowAuth: false, //是否隐藏授权
|
||||
@ -158,16 +157,13 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
areaComplete(address) {
|
||||
|
||||
this.addressInfo = address
|
||||
},
|
||||
OnChangeAddress(address) {
|
||||
this.addressInfo = address;
|
||||
this.list = address
|
||||
},
|
||||
OnChangevAddress(address) {
|
||||
this.villageInfo = address;
|
||||
console.log(this.villageInfo)
|
||||
},
|
||||
// 地址数据
|
||||
getCityList: function() {
|
||||
@ -177,12 +173,10 @@
|
||||
})
|
||||
},
|
||||
changeRegion() {
|
||||
// this.display = true;
|
||||
this.$refs.areaChoose.show()
|
||||
this.display = true;
|
||||
},
|
||||
changevillage() {
|
||||
// this.display_one = true;
|
||||
this.$refs.villageTeam.show()
|
||||
this.display_one = true;
|
||||
},
|
||||
// 关闭地址弹窗；
|
||||
changeClose: function() {
|
||||
@ -210,11 +204,9 @@
|
||||
if (!this.address_id) return false;
|
||||
let that = this;
|
||||
getAddressDetail(this.address_id).then(res => {
|
||||
this.region = [res.data.province, res.data.city, res.data.district, res.data.street, res
|
||||
.data.village
|
||||
];
|
||||
let region = [res.data.province, res.data.city, res.data.district, res.data.street, res.data.village];
|
||||
that.$set(that, 'userAddress', res.data);
|
||||
// that.$set(that, 'region', region);
|
||||
that.$set(that, 'region', region);
|
||||
that.city_id = res.data.city_id
|
||||
that.addressInfo = res.data.areas
|
||||
that.villageInfo = [res.data.brigade]
|
||||
@ -364,8 +356,8 @@
|
||||
value.address_id = that.address_id;
|
||||
value.is_default = that.userAddress.is_default ? 1 : 0;
|
||||
value.area = that.addressInfo;
|
||||
value.brigade = that.villageInfo[0]
|
||||
|
||||
value.brigade=that.villageInfo[0]
|
||||
|
||||
uni.showLoading({
|
||||
title: '保存中',
|
||||
mask: true
|
||||
@ -434,24 +426,20 @@
|
||||
|
||||
.addAddress .list .item {
|
||||
padding: 30rpx;
|
||||
|
||||
border-top: 1px solid #eee;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.addAddress .list .item .location {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 15rpx;
|
||||
text-align: center;
|
||||
font-size: 20rpx;
|
||||
|
||||
right: 40rpx;
|
||||
top: 50rpx;
|
||||
width: 58rpx;
|
||||
height: 58rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.iconfont {
|
||||
color: var(--view-theme);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.addAddress .list .item .name {
|
||||
@ -465,46 +453,24 @@
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.addAddress .list .item input,
|
||||
{
|
||||
|
||||
box-sizing: border-box;
|
||||
padding-left: 28rpx;
|
||||
width: 491rpx;
|
||||
height: 84rpx;
|
||||
background: #F4F7FE;
|
||||
border-radius: 21rpx 21rpx 21rpx 21rpx;
|
||||
opacity: 1;
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.addAddress .list .item input,
|
||||
.region .region_count {
|
||||
padding-left: 28rpx;
|
||||
width: 491rpx;
|
||||
padding: 28rpx 21rpx;
|
||||
background: #F4F7FE;
|
||||
border-radius: 21rpx 21rpx 21rpx 21rpx;
|
||||
opacity: 1;
|
||||
width: 475rpx;
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.region .region_count {
|
||||
height: 42rpx;
|
||||
line-height: 42rpx;
|
||||
|
||||
.icon-xiangyou {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.addAddress .list .location-input {
|
||||
width: 491rpx;
|
||||
height: 147rpx !important;
|
||||
padding: 28rpx 21rpx;
|
||||
|
||||
white-space: normal !important;
|
||||
background: #F4F7FE;
|
||||
border-radius: 21rpx 21rpx 21rpx 21rpx;
|
||||
|
||||
padding-right: 70rpx;
|
||||
}
|
||||
|
||||
.addAddress .list .item .placeholder {
|
||||
@ -544,7 +510,7 @@
|
||||
margin: 50rpx auto;
|
||||
font-size: 32rpx;
|
||||
color: #fff;
|
||||
background: linear-gradient(270deg, #6DD5FA 0%, #3274F9 100%);
|
||||
background-color: var(--view-theme);
|
||||
}
|
||||
|
||||
.addAddress .wechatAddress {
|
||||
|
||||
@ -7,31 +7,23 @@
|
||||
<radio-group class="radio-group" @change="radioChange" v-if="addressList.length">
|
||||
<view class='item' v-for="(item,index) in addressList" :key="index">
|
||||
<view class='address' @click='goOrder(item.address_id)'>
|
||||
<view class='consignee'>{{item.real_name}}<text class='phone'>{{item.phone}}</text></view>
|
||||
<view>
|
||||
{{item.province || ''}}{{item.city || ''}}{{item.district || ''}}{{item.street || ''}}{{item.brigade|| ''}}{{item.detail || ''}}
|
||||
|
||||
</view>
|
||||
<view class='consignee'>收货人：{{item.real_name}}<text class='phone'>{{item.phone}}</text></view>
|
||||
<view>收货地址：{{item.province || ''}}{{item.city || ''}}{{item.district || ''}}{{item.street || ''}}{{item.detail || ''}}</view>
|
||||
</view>
|
||||
<view class='operation acea-row row-between-wrapper'>
|
||||
<!-- #ifndef MP -->
|
||||
<radio class="radio" :value="index.toString()" :checked="item.is_default ? true : false">
|
||||
<text class="is_default" v-if="item.is_default">已设置为默认</text>
|
||||
<text v-else>设置为默认</text>
|
||||
<text>设为默认</text>
|
||||
</radio>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP -->
|
||||
<radio class="radio" :value="index" :checked="item.is_default ? true : false">
|
||||
<text>设置为默认</text>
|
||||
<text>设为默认</text>
|
||||
</radio>
|
||||
<!-- #endif -->
|
||||
<view class='acea-row row-middle'>
|
||||
<view @click='editAddress(item.address_id)'>编辑
|
||||
</view>
|
||||
<view class="row-middle-solid">
|
||||
|
||||
</view>
|
||||
<view @click='delAddress(index)'>删除</view>
|
||||
<view @click='editAddress(item.address_id)'><text class='iconfont icon-bianji'></text>编辑</view>
|
||||
<view @click='delAddress(index)'><text class='iconfont icon-shanchu'></text>删除</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -46,7 +38,7 @@
|
||||
<view>暂无地址</view>
|
||||
</view>
|
||||
<view class='footer acea-row row-between-wrapper'>
|
||||
<view class='addressBnt b-color on' @click='addAddress'>添加新地址</view>
|
||||
<view class='addressBnt b-color on' @click='addAddress'><text class='iconfont icon-tianjiadizhi'></text>添加新地址</view>
|
||||
</view>
|
||||
</view>
|
||||
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
|
||||
@ -67,9 +59,7 @@
|
||||
const jweixin = require('@/plugin/jweixin-module/index.js')
|
||||
// #endif
|
||||
|
||||
import {
|
||||
getWechatConfig
|
||||
} from '@/api/public.js'
|
||||
import {getWechatConfig} from '@/api/public.js'
|
||||
import {
|
||||
getAddressList,
|
||||
setAddressDefault,
|
||||
@ -77,13 +67,9 @@
|
||||
editAddress,
|
||||
postAddress
|
||||
} from '@/api/user.js';
|
||||
import {
|
||||
mapGetters
|
||||
} from "vuex";
|
||||
import { mapGetters } from "vuex";
|
||||
import authorize from '@/components/Authorize';
|
||||
import {
|
||||
HTTP_REQUEST_URL
|
||||
} from '@/config/app';
|
||||
import { HTTP_REQUEST_URL } from '@/config/app';
|
||||
export default {
|
||||
components: {
|
||||
authorize
|
||||
@ -101,7 +87,7 @@
|
||||
limit: 20,
|
||||
isAuto: false, //没有授权的不会自动授权
|
||||
isShowAuth: false, //是否隐藏授权
|
||||
wxConfig: {},
|
||||
wxConfig:{},
|
||||
domain: HTTP_REQUEST_URL,
|
||||
};
|
||||
},
|
||||
@ -119,8 +105,8 @@
|
||||
// #endif
|
||||
this.getAddressList(true);
|
||||
} else {
|
||||
this.isAuto = true;
|
||||
this.isShowAuth = true
|
||||
this.isAuto = true;
|
||||
this.isShowAuth = true
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
@ -161,10 +147,10 @@
|
||||
// post_code: res.postalCode,
|
||||
phone: res.telNumber,
|
||||
detail: res.detailInfo,
|
||||
province: res.provinceName,
|
||||
district: res.countyName,
|
||||
city: res.cityName,
|
||||
city_id: ''
|
||||
province:res.provinceName,
|
||||
district:res.countyName,
|
||||
city:res.cityName,
|
||||
city_id:''
|
||||
}).then(res => {
|
||||
that.$util.Tips({
|
||||
title: "添加成功",
|
||||
@ -179,10 +165,9 @@
|
||||
});
|
||||
},
|
||||
fail: function(res) {
|
||||
if (res.errMsg == 'chooseAddress:cancel') return that.$util
|
||||
.Tips({
|
||||
title: '取消选择'
|
||||
});
|
||||
if (res.errMsg == 'chooseAddress:cancel') return that.$util.Tips({
|
||||
title: '取消选择'
|
||||
});
|
||||
},
|
||||
})
|
||||
},
|
||||
@ -222,7 +207,7 @@
|
||||
detail: res.detailInfo,
|
||||
post_code: res.postalCode,
|
||||
is_default: 1,
|
||||
city_id: ""
|
||||
city_id:""
|
||||
})
|
||||
.then(() => {
|
||||
that.$util.Tips({
|
||||
@ -309,8 +294,7 @@
|
||||
this.pinkId = '';
|
||||
this.couponId = '';
|
||||
uni.navigateTo({
|
||||
url: '/pages/users/user_address/index?id=' + id + '&cartId=' + cartId + '&pinkId=' +
|
||||
pinkId + '&couponId=' + couponId
|
||||
url: '/pages/users/user_address/index?id=' + id + '&cartId=' + cartId + '&pinkId=' + pinkId + '&couponId=' +couponId
|
||||
})
|
||||
},
|
||||
/**
|
||||
@ -363,8 +347,7 @@
|
||||
this.pinkId = '';
|
||||
this.couponId = '';
|
||||
uni.redirectTo({
|
||||
url: '/pages/users/order_confirm/index?is_address=1&cartId=' + cartId + '&addressId=' +
|
||||
id + '&pinkId=' +
|
||||
url: '/pages/users/order_confirm/index?is_address=1&cartId=' + cartId + '&addressId=' + id + '&pinkId=' +
|
||||
pinkId + '&couponId=' + couponId
|
||||
})
|
||||
}
|
||||
@ -379,108 +362,62 @@
|
||||
<style>
|
||||
/deep/radio .wx-radio-input.wx-radio-input-checked,
|
||||
/deep/uni-radio .uni-radio-input.uni-radio-input-checked {
|
||||
/* border: 1px solid var(--view-theme) !important; */
|
||||
/* background-color: var(--view-theme) !important; */
|
||||
border: 1px solid var(--view-theme)!important;
|
||||
background-color: var(--view-theme)!important;
|
||||
}
|
||||
|
||||
.address-management.fff {
|
||||
background-color: #fff;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.address-management .line {
|
||||
width: 100%;
|
||||
height: 3rpx;
|
||||
|
||||
}
|
||||
|
||||
.address-management .line image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
|
||||
}
|
||||
|
||||
.address-management .item {
|
||||
width: 694rpx;
|
||||
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 4px 14px 2px rgba(222, 233, 254, 1);
|
||||
padding: 0 28rpx;
|
||||
border-radius: 21rpx 21rpx 21rpx 21rpx;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
padding: 0 30rpx;
|
||||
margin-bottom: 12rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.address-management .item .address {
|
||||
padding: 30rpx 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-size: 23rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #737373;
|
||||
font-size: 28rpx;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.is_default {
|
||||
|
||||
color: #3274F9;
|
||||
}
|
||||
|
||||
.address-management .item .address .consignee {
|
||||
font-size: 30rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.address-management .item .address .consignee .phone {
|
||||
font-size: 26rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
margin-left: 35rpx;
|
||||
margin-left: 25rpx;
|
||||
}
|
||||
|
||||
.address-management .item .operation {
|
||||
height: 60rpx;
|
||||
font-size: 23rpx;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #737373;
|
||||
height: 83rpx;
|
||||
font-size: 28rpx;
|
||||
color: #282828;
|
||||
}
|
||||
|
||||
.b-color {
|
||||
background-color: var(--view-theme);
|
||||
}
|
||||
|
||||
.address-management .item .operation .radio text {
|
||||
margin-left: 13rpx;
|
||||
}
|
||||
|
||||
.address-management .item .operation .iconfont {
|
||||
color: #2c2c2c;
|
||||
font-size: 35rpx;
|
||||
vertical-align: -2rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.address-management .item .operation .iconfont.icon-shanchu {
|
||||
margin-left: 40rpx;
|
||||
font-size: 38rpx;
|
||||
}
|
||||
|
||||
.row-middle-solid {
|
||||
width: 1px;
|
||||
height: 24rpx;
|
||||
background: #3274F9;
|
||||
margin-left: 16rpx;
|
||||
margin-right: 16rpx;
|
||||
margin-top: 3rpx;
|
||||
|
||||
}
|
||||
|
||||
.address-management .footer {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
@ -492,7 +429,6 @@
|
||||
padding: 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.address-management .footer .addressBnt {
|
||||
width: 330rpx;
|
||||
height: 76rpx;
|
||||
@ -501,35 +437,28 @@
|
||||
line-height: 76rpx;
|
||||
font-size: 30rpx;
|
||||
color: #fff;
|
||||
background: linear-gradient(270deg, #6DD5FA 0%, #3274F9 100%);
|
||||
}
|
||||
|
||||
.address-management .footer .addressBnt.on {
|
||||
width: 690rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.address-management .footer .addressBnt .iconfont {
|
||||
font-size: 35rpx;
|
||||
margin-right: 8rpx;
|
||||
vertical-align: -1rpx;
|
||||
}
|
||||
|
||||
.address-management .footer .addressBnt.wxbnt {
|
||||
background-color: #fe960f;
|
||||
}
|
||||
|
||||
.noCommodity {
|
||||
.noCommodity{
|
||||
text-align: center;
|
||||
border-top: none;
|
||||
margin-top: 15vh;
|
||||
}
|
||||
|
||||
.noCommodity .pictrue {
|
||||
.noCommodity .pictrue{
|
||||
height: 305rpx;
|
||||
}
|
||||
|
||||
.noCommodity view {
|
||||
.noCommodity view{
|
||||
color: #999;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
BIN
static/images/adds.png
Normal file
BIN
static/images/adds.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/images/weixin.png
Normal file
BIN
static/images/weixin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Loading…
x
Reference in New Issue
Block a user