委托界面优化
This commit is contained in:
parent
1d82db35bf
commit
d5902c4065
@ -67,7 +67,8 @@
|
|||||||
|
|
||||||
<subtractive v-else style="margin-top: 10rpx;margin-left: 20rpx;" class="step"
|
<subtractive v-else style="margin-top: 10rpx;margin-left: 20rpx;" class="step"
|
||||||
:min="1" :max="item.attrValue[index].stock" :value="item.number" :isMax="true"
|
:min="1" :max="item.attrValue[index].stock" :value="item.number" :isMax="true"
|
||||||
:isMin="true" index="11" @eventChange="numberChange($event,i)" ></subtractive>
|
:isMin="true" index="11" @increment="incrementTotal($event,i,item)"
|
||||||
|
@eventChange="numberChange($event,i)"></subtractive>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -130,7 +131,7 @@
|
|||||||
bought: [],
|
bought: [],
|
||||||
|
|
||||||
checkedArr: [],
|
checkedArr: [],
|
||||||
|
aryys: [],
|
||||||
// picker下拉数据源
|
// picker下拉数据源
|
||||||
storageCustomList: [{
|
storageCustomList: [{
|
||||||
CustGoodsCode: "TEST001",
|
CustGoodsCode: "TEST001",
|
||||||
@ -165,14 +166,35 @@
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.checkedArr = this.checkedObj
|
this.checkedArr = this.checkedObj
|
||||||
|
this.aryys = this.checkedObj
|
||||||
this.getBounht();
|
this.getBounht();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//价格
|
//价格
|
||||||
producrprice(e, i, item) {
|
producrprice(e, i, item) {
|
||||||
|
|
||||||
this.bought[i].price = e.detail.value
|
this.bought[i].price = e.detail.value
|
||||||
this.$set(item, 'check', false);
|
this.$set(item, 'check', false);
|
||||||
|
for (let i in this.checkedArr) {
|
||||||
|
if (this.checkedArr[i].product_id == item.product_id) {
|
||||||
|
this.checkedArr.splice(i, 1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
incrementTotal(e, i, item) {
|
||||||
|
this.$set(item, 'check', false);
|
||||||
|
for (let i in this.checkedArr) {
|
||||||
|
if (this.checkedArr[i].product_id == item.product_id) {
|
||||||
|
this.checkedArr.splice(i, 1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
// picker修改事件
|
// picker修改事件
|
||||||
bindPickerChange: function(e, storage, num) {
|
bindPickerChange: function(e, storage, num) {
|
||||||
@ -220,15 +242,22 @@
|
|||||||
|
|
||||||
setValue: function(event) {
|
setValue: function(event) {
|
||||||
this.$set(this.whereb, 'keyword', event.detail.value);
|
this.$set(this.whereb, 'keyword', event.detail.value);
|
||||||
|
if (!event.detail.value) {
|
||||||
|
this.whereb.page = 1
|
||||||
|
this.loadedb = false
|
||||||
|
this.getBounht()
|
||||||
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
searchBut() {
|
searchBut() {
|
||||||
this.whereb.page = this.wherec.page = this.wheres.page =
|
|
||||||
this.bought = []
|
this.bought = []
|
||||||
this.isActive == 0 ? this.getBounht() : ''
|
this.whereb.page = 1
|
||||||
|
this.loadedb = false
|
||||||
|
this.getBounht()
|
||||||
},
|
},
|
||||||
getBounht() {
|
getBounht() {
|
||||||
var that = this;
|
var that = this;
|
||||||
|
// console.log('1111111', that.loadingb, that.loadedb)
|
||||||
if (that.loadingb || that.loadedb) return;
|
if (that.loadingb || that.loadedb) return;
|
||||||
that.loadingb = true;
|
that.loadingb = true;
|
||||||
|
|
||||||
@ -268,7 +297,9 @@
|
|||||||
getCheckedGoods() {
|
getCheckedGoods() {
|
||||||
this.checked = []
|
this.checked = []
|
||||||
this.checkedArr.forEach((item, index) => {
|
this.checkedArr.forEach((item, index) => {
|
||||||
this.check.push(item)
|
this.checkedArr.push(item)
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
/*点击选中与否*/
|
/*点击选中与否*/
|
||||||
@ -278,18 +309,37 @@
|
|||||||
if (this.peicenumber == 0) {
|
if (this.peicenumber == 0) {
|
||||||
item.number = 1
|
item.number = 1
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!item.product_attr_unique) {
|
if (!item.product_attr_unique) {
|
||||||
item.product_attr_unique = item.attrValue[0].unique
|
item.product_attr_unique = item.attrValue[0].unique
|
||||||
}
|
}
|
||||||
this.checkedArr.push(item)
|
this.checkedArr.push(item)
|
||||||
|
this.arrayUnique(this.checkedArr, 'product_id')
|
||||||
} else {
|
} else {
|
||||||
this.checkedArr.splice(this.checkedArr.findIndex(itemn => ((itemn.spu_id == item.spu_id) || (item
|
this.checkedArr.splice(this.checkedArr.findIndex(itemn => ((itemn.product_id == item.product_id))), 1)
|
||||||
.spu_id == (
|
|
||||||
itemn.spu && itemn.spu.spu_id)))), 1)
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
//去重
|
||||||
|
arrayUnique(arr, name) {
|
||||||
|
let hash = {}
|
||||||
|
const result = arr.reduce((acc, cru, index) => {
|
||||||
|
if (!hash[cru[name]]) {
|
||||||
|
hash[cru[name]] = {
|
||||||
|
index: acc.length
|
||||||
|
}
|
||||||
|
acc.push(cru)
|
||||||
|
} else {
|
||||||
|
console.log(acc, hash[cru[name]])
|
||||||
|
acc.splice(hash[cru[name]]['index'], 1, cru)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
return acc;
|
||||||
|
|
||||||
|
}, [])
|
||||||
|
this.checkedArr = result
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
/*确定提交*/
|
/*确定提交*/
|
||||||
submit() {
|
submit() {
|
||||||
@ -302,6 +352,8 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
|
||||||
.containers {
|
.containers {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 16rpx 16rpx 0 0;
|
border-radius: 16rpx 16rpx 0 0;
|
||||||
|
@ -1545,11 +1545,13 @@
|
|||||||
"selectedIconPath": "static/tabbar_icon/e-a.png",
|
"selectedIconPath": "static/tabbar_icon/e-a.png",
|
||||||
"text": "我的"
|
"text": "我的"
|
||||||
}
|
}
|
||||||
],
|
]
|
||||||
|
,
|
||||||
"midButton": {
|
"midButton": {
|
||||||
"width": "68px",
|
"width": "68px",
|
||||||
"height": "70px",
|
"height": "70px",
|
||||||
"iconWidth": "48px",
|
"iconWidth": "48px",
|
||||||
|
"selectedColor": "#E93323",
|
||||||
"pagePath": "pages/plant_release/index",
|
"pagePath": "pages/plant_release/index",
|
||||||
"iconPath": "static/tabbar_icon/d.png",
|
"iconPath": "static/tabbar_icon/d.png",
|
||||||
"text": "发布"
|
"text": "发布"
|
||||||
|
@ -239,7 +239,6 @@
|
|||||||
const data = {
|
const data = {
|
||||||
product_type: this.where.product_type
|
product_type: this.where.product_type
|
||||||
}
|
}
|
||||||
console.log('data', data);
|
|
||||||
orderStatistics(mer_id, data).then(
|
orderStatistics(mer_id, data).then(
|
||||||
res => {
|
res => {
|
||||||
that.census = res.data.order;
|
that.census = res.data.order;
|
||||||
|
@ -1,6 +1,17 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="content_top">
|
<view class="content_top">
|
||||||
|
<view class="content_top-one">
|
||||||
|
<image src="@/static/images/dong.gif" mode="aspectFill"></image>
|
||||||
|
</view>
|
||||||
|
<view class="content_top-two">
|
||||||
|
<view class="top-two-one">
|
||||||
|
待评价
|
||||||
|
</view>
|
||||||
|
<view class="top-two-two">
|
||||||
|
2020-07-07 14:14:14
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="content_center">
|
<view class="content_center">
|
||||||
<view class="content_center-one">
|
<view class="content_center-one">
|
||||||
@ -78,6 +89,14 @@
|
|||||||
通滩镇镇街店铺
|
通滩镇镇街店铺
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="center-two">
|
||||||
|
<view class="center-twoa">
|
||||||
|
结算利息:
|
||||||
|
</view>
|
||||||
|
<view class="center-twob">
|
||||||
|
通滩镇镇街店铺
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
<view class="center-two">
|
<view class="center-two">
|
||||||
<view class="center-twoa">
|
<view class="center-twoa">
|
||||||
状态:
|
状态:
|
||||||
@ -99,7 +118,7 @@
|
|||||||
拒绝原因:
|
拒绝原因:
|
||||||
</view>
|
</view>
|
||||||
<view class="center-twob">
|
<view class="center-twob">
|
||||||
通滩镇镇街店铺
|
通滩镇镇街店铺通滩镇镇街店铺通滩镇镇街店铺通滩镇镇街店铺通滩镇镇街店铺通滩镇镇街店铺
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -133,16 +152,50 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {} from '@/api/sale.js'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.content {
|
.content {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_top {
|
.content_top {
|
||||||
height: 151rpx;
|
height: 151rpx;
|
||||||
background: linear-gradient(84deg, #2352FA 0%, #6497FF 100%);
|
background: linear-gradient(84deg, #2352FA 0%, #6497FF 100%);
|
||||||
|
display: flex;
|
||||||
|
padding-top: 21rpx;
|
||||||
|
|
||||||
|
.content_top-one {
|
||||||
|
width: 107rpx;
|
||||||
|
height: 107rpx;
|
||||||
|
margin-left: 28rpx;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_top-two {
|
||||||
|
margin-left: 25rpx;
|
||||||
|
|
||||||
|
.top-two-one {
|
||||||
|
font-size: 35rpx;
|
||||||
|
font-family: PingFang SC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-two-two {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-family: SF Pro Display-Light, SF Pro Display;
|
||||||
|
font-weight: 300;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -217,6 +270,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.center-twob {
|
.center-twob {
|
||||||
|
width: 360rpx;
|
||||||
|
text-align: right;
|
||||||
|
border: 1px solid;
|
||||||
|
word-wrap: break-word;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-family: PingFang SC;
|
font-family: PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@ -277,6 +334,4 @@
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 100rpx;
|
bottom: 100rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
@ -35,7 +35,7 @@
|
|||||||
处理
|
处理
|
||||||
</view>
|
</view>
|
||||||
<span></span>
|
<span></span>
|
||||||
<view class="contentgn_b">
|
<view class="contentgn_b" @click="detail">
|
||||||
详情
|
详情
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -90,7 +90,15 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="adddelegation" @click="addDelegation">
|
||||||
|
|
||||||
|
<view class="adddelegation-one">
|
||||||
|
<image src="@/static/images/delegation.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="adddelegation-two">
|
||||||
|
新增委托
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
<view v-if="orderList.length == 0 && this.where.page > 1">
|
<view v-if="orderList.length == 0 && this.where.page > 1">
|
||||||
<emptyPage title="暂无订单~"></emptyPage>
|
<emptyPage title="暂无订单~"></emptyPage>
|
||||||
</view>
|
</view>
|
||||||
@ -235,6 +243,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import cxNavTitle from '@/components/cx-navTitle.vue'
|
import cxNavTitle from '@/components/cx-navTitle.vue'
|
||||||
import emptyPage from '@/components/emptyPage.vue';
|
import emptyPage from '@/components/emptyPage.vue';
|
||||||
|
import {} from '@/api/sale.js'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
cxNavTitle,
|
cxNavTitle,
|
||||||
@ -296,7 +305,7 @@
|
|||||||
onLoad() {
|
onLoad() {
|
||||||
this.tabTitle = this.tabs[0].name
|
this.tabTitle = this.tabs[0].name
|
||||||
//有时进入页面需要获取默认的第一个标签做逻辑判断 -- 如下:
|
//有时进入页面需要获取默认的第一个标签做逻辑判断 -- 如下:
|
||||||
console.log(this.tabs[0])
|
// console.log(this.tabs[0])
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@ -308,26 +317,36 @@
|
|||||||
// url: '/pages/commissionedSales/delegation_details/index'
|
// url: '/pages/commissionedSales/delegation_details/index'
|
||||||
// })
|
// })
|
||||||
},
|
},
|
||||||
|
|
||||||
|
//选择
|
||||||
tabClick(e) { //点击获取当前标签数据
|
tabClick(e) { //点击获取当前标签数据
|
||||||
this.activeItem = e.name; //当前class类名
|
this.activeItem = e.name; //当前class类名
|
||||||
this.tabTitle = e.name; //当前选的标签名
|
this.tabTitle = e.name; //当前选的标签名
|
||||||
},
|
},
|
||||||
|
//新增委托
|
||||||
|
addDelegation(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/pages/commissionedSales/addDelegation/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
//管理弹窗
|
//管理弹窗
|
||||||
close() {
|
close() {
|
||||||
console.log('1111111')
|
|
||||||
this.$refs.bindmobile.close()
|
this.$refs.bindmobile.close()
|
||||||
this.$refs.bindmobile1.close()
|
this.$refs.bindmobile1.close()
|
||||||
this.$refs.bindmobile2.close()
|
this.$refs.bindmobile2.close()
|
||||||
this.$refs.bindmobile3.close()
|
this.$refs.bindmobile3.close()
|
||||||
},
|
},
|
||||||
|
//详情
|
||||||
|
|
||||||
|
detail() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/commissionedSales/delegation_details/index'
|
||||||
|
})
|
||||||
|
},
|
||||||
// 待处理
|
// 待处理
|
||||||
soldEdit() {
|
soldEdit() {
|
||||||
|
|
||||||
this.$refs.bindmobile.open()
|
this.$refs.bindmobile.open()
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
//已接受
|
//已接受
|
||||||
accepted() {
|
accepted() {
|
||||||
@ -359,10 +378,56 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.content {
|
||||||
|
height: 100vh;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.content_top {
|
.content_top {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.adddelegation {
|
||||||
|
width: 694rpx;
|
||||||
|
height: 95rpx;
|
||||||
|
|
||||||
|
|
||||||
|
background: linear-gradient(276deg, #F98649 0%, #F34E45 100%);
|
||||||
|
box-shadow: 0 5rpx 11rpx 2rpx rgba(136, 20, 7, 0.3);
|
||||||
|
border-radius: 47rpx 47rpx 47rpx 47rpx;
|
||||||
|
opacity: 1;
|
||||||
|
display: flex;
|
||||||
|
position: fixed;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 84rpx;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -347rpx;
|
||||||
|
|
||||||
|
.adddelegation-one {
|
||||||
|
width: 50rpx;
|
||||||
|
margin-right: 30rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
margin-left: 242rpx;
|
||||||
|
|
||||||
|
margin-top: 21rpx;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 50rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.adddelegation-two {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-family: PingFang SC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-top: 25rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.content_top {
|
.content_top {
|
||||||
|
|
||||||
@ -558,12 +623,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
width: 0px;
|
width: 1px;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
margin-top: 8rpx;
|
||||||
margin-top: 10rpx;
|
background-color: #cccccc;
|
||||||
border: 2rpx solid #CCCCCC;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -360,7 +360,6 @@ this.editFlag = false;
|
|||||||
|
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code);
|
this.$bus.$emit('value-updated', e.value[1].name + ',' + e.value[1].code);
|
||||||
|
|
||||||
})
|
})
|
||||||
this.showPicker = false
|
this.showPicker = false
|
||||||
},
|
},
|
||||||
|
@ -124,7 +124,7 @@
|
|||||||
</image>
|
</image>
|
||||||
<text class="text">商户设置</text>
|
<text class="text">商户设置</text>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="examine"
|
<view class="examine"
|
||||||
@click="navigator(`/pages/users/trading_hall/index?mer_id=${mer_id}`)">
|
@click="navigator(`/pages/users/trading_hall/index?mer_id=${mer_id}`)">
|
||||||
<image class="icon_img" src="@/static/images/diaohuo.png" mode="aspectFill">
|
<image class="icon_img" src="@/static/images/diaohuo.png" mode="aspectFill">
|
||||||
</image>
|
</image>
|
||||||
@ -140,7 +140,7 @@
|
|||||||
<image class="icon_img" src="@/static/images/fabu.png" mode="aspectFill">
|
<image class="icon_img" src="@/static/images/fabu.png" mode="aspectFill">
|
||||||
</image>
|
</image>
|
||||||
<text class="text">发布管理</text>
|
<text class="text">发布管理</text>
|
||||||
</view> -->
|
</view>
|
||||||
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)">
|
<!-- <view class="examine" @click="navigator(`/pages/users/user_invoice_Finance/index?mer_id=${mer_id}`)">
|
||||||
<image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFill">
|
<image class="icon_img" src="@/static/images/cwgk.png" mode="aspectFill">
|
||||||
</image>
|
</image>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user