submit
This commit is contained in:
parent
cbfdf4bc0d
commit
2d0e817c1f
2
App.vue
2
App.vue
@ -3,7 +3,7 @@ import tabBar from "./util/tabbar";
|
||||
|
||||
export default {
|
||||
onLaunch: function() {
|
||||
uni.setStorageSync("token",'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJJRCI6MCwiT3BlbklkIjoib01qYXY2eFFjQUttUW1ZUTFXV20zOXlCQUZ4byIsIk5pY2tOYW1lIjoiIiwiVGVsTnVtIjoiMTgyMDUwNTI2MjciLCJBdmF0YXIiOiIiLCJJRE51bSI6IiIsImV4cCI6MTY5NTQzNjEwMSwiaXNzIjoibWFsbCJ9.qYzFMtoOOBuawYDTl7iuwlTTz7Fakhr8657PjxWhQ8I')
|
||||
uni.setStorageSync("token",'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJJRCI6MCwiT3BlbklkIjoib01qYXY2eFFjQUttUW1ZUTFXV20zOXlCQUZ4byIsIk5pY2tOYW1lIjoi6K645pe76L22IiwiVGVsTnVtIjoiMTgyMDUwNTI2MjciLCJBdmF0YXIiOiIiLCJJRE51bSI6IjMyMDUwNDE5OTgwOTE2NDAzMyIsImV4cCI6MTY5NjA0MTE4MCwiaXNzIjoibWFsbCJ9.bNsyjyMDacBrBlmP556rznofYq11M9AkoDpeixolE4o')
|
||||
uni.hideTabBar();
|
||||
uni.setStorageSync("tabBar", tabBar);
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ export default {
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.content1{
|
||||
height: 52rpx;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
20
pages.json
20
pages.json
@ -71,6 +71,7 @@
|
||||
{
|
||||
"path": "pages/order-goods/order-details",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
@ -126,19 +127,22 @@
|
||||
},
|
||||
"uniIdRouter": {},
|
||||
"tabBar": {
|
||||
|
||||
// list 每一项
|
||||
"list": [{
|
||||
"pagePath": "pages/home/index"
|
||||
},
|
||||
"list": [
|
||||
{
|
||||
"pagePath": "pages/mine/index"
|
||||
"pagePath": "pages/home/index",
|
||||
"text": "首页"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/contract/index"
|
||||
"pagePath": "pages/mine/index",
|
||||
"text": "首页"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/order-goods/index"
|
||||
"pagePath": "pages/contract/index",
|
||||
"text": "首页"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/order-goods/index",
|
||||
"text": "首页"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -45,15 +45,15 @@
|
||||
<image :src="item.artworkImg?item.artworkImg:'../../static/jx632@3x.png'"></image>
|
||||
</div>
|
||||
<div class="wrap1_2">
|
||||
<div class="wrap1_2_1">{{item.artworkName}}</div>
|
||||
<div class="wrap1_2_2">订单号:{{item.artworkName}}</div>
|
||||
<div class="wrap1_2_3">{{item.artworkSquareSize}}平尺</div>
|
||||
<div class="wrap1_2_4">{{item.startAt}}-{{item.endAt}}</div>
|
||||
<div class="wrap1_2_1">{{ item.artworkName }}</div>
|
||||
<div class="wrap1_2_2">订单号:{{ item.artworkName }}</div>
|
||||
<div class="wrap1_2_3">{{ item.artworkSquareSize }}平尺</div>
|
||||
<div class="wrap1_2_4">{{ item.startAt }}-{{ item.endAt }}</div>
|
||||
</div>
|
||||
<div class="wrap1_3" :class="[`status${item.artworkStatus}`]">
|
||||
<div class="wrap1_3_1" v-if="item.artworkStatus===4">
|
||||
<div class="wrap1_3_1_1">2023.09.28</div>
|
||||
<div class="wrap1_3_1_2">已超时</div>
|
||||
<div class="wrap1_3_1_2">已延期</div>
|
||||
<div class="wrap1_3_1_3">点击补款</div>
|
||||
</div>
|
||||
<div class="wrap1_3_3" v-if="item.artworkStatus!==4">
|
||||
@ -61,17 +61,18 @@
|
||||
</div>
|
||||
<div class="wrap1_3_2">
|
||||
<div class="wrap1_3_2_1">货架号:</div>
|
||||
<div class="wrap1_3_2_2">{{item.shelvesNum}}</div>
|
||||
<div class="wrap1_3_2_2">{{ item.shelvesNum }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrap1_4" v-if="item.isRight&&item.artworkStatus===5">
|
||||
<div class="wrap1_4" v-if="item.isRight&&item.artworkStatus===5" @click.stop="openDelete(item)">
|
||||
<image style="width: 80rpx;height: 80rpx" src="../../static/zu154@3x.png"></image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</scroll-view>
|
||||
|
||||
<u-modal :show="show_1" title="确认删除吗" @cancel="show_1=false" @confirm="deleteClick" confirmText="确认"
|
||||
cancelText="取消" showCancelButton></u-modal>
|
||||
<tabbar :current="1"></tabbar>
|
||||
</div>
|
||||
</template>
|
||||
@ -84,18 +85,20 @@ export default {
|
||||
name: "index",
|
||||
data() {
|
||||
return {
|
||||
show_1: false,
|
||||
show: false,
|
||||
mobileKey: '',
|
||||
startX: 0,
|
||||
windowWidth: 0,
|
||||
page: 1,
|
||||
item: null,
|
||||
artworkStatus: 0,
|
||||
pageSize: 999,
|
||||
mainList: [],
|
||||
statusValue: [{label: '全部状态', value: 0}, {label: '未入库', value: 1}, {
|
||||
statusValue: [{label: '全部状态', value: 0}, {label: '待入库', value: 1}, {
|
||||
label: '已入库',
|
||||
value: 2
|
||||
}, {label: '即将到期', value: 3}, {label: '超时', value: 4}, {label: '已取货', value: 5}]
|
||||
}, {label: '即将到期', value: 3}, {label: '已延期', value: 4}, {label: '已取出', value: 5}]
|
||||
}
|
||||
},
|
||||
components: {UImage, tabbar},
|
||||
@ -108,10 +111,35 @@ export default {
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
goRouter(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/order-goods/order-details'
|
||||
})
|
||||
openDelete(item) {
|
||||
this.show_1 = true
|
||||
this.item = item
|
||||
},
|
||||
async deleteClick() {
|
||||
this.show_1 = false
|
||||
const data = {
|
||||
ID: this.item.ID
|
||||
}
|
||||
const res = await postDataByParams('/api/warehouse/remove', data)
|
||||
if (res.code === 200) {
|
||||
this.getData()
|
||||
uni.showToast({
|
||||
title: '删除成功',
|
||||
icon: 'none'
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
goRouter(item) {
|
||||
uni.navigateTo({
|
||||
url: `/pages/order-goods/order-details?ID=${item.ID}`
|
||||
})
|
||||
},
|
||||
search() {
|
||||
this.getData()
|
||||
@ -130,7 +158,7 @@ export default {
|
||||
const data = {
|
||||
page: this.page, //分页
|
||||
pageSize: this.pageSize, //每页数据量
|
||||
status: this.artworkStatus, //状态(1-未入库 2-已入库 3-即将到期 4-超时 5-已取货)
|
||||
status: this.artworkStatus, //状态(1-待入库 2-已入库 3-即将到期 4-已延期 5-已取出)
|
||||
mobileKey: this.mobileKey
|
||||
}
|
||||
const res = await postDataByParams('/api/warehouse/list', data)
|
||||
@ -140,10 +168,10 @@ export default {
|
||||
this.$set(x, 'distanceX', 0)
|
||||
this.$set(x, 'isRight', false)
|
||||
})
|
||||
}else {
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon:'none'
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
@ -214,12 +242,15 @@ export default {
|
||||
position: relative;
|
||||
width: 144rpx;
|
||||
height: 228rpx;
|
||||
&.status5{
|
||||
|
||||
&.status5 {
|
||||
background: #939393;
|
||||
|
||||
.wrap1_3_3_1 {
|
||||
color: #939393;
|
||||
}
|
||||
}
|
||||
|
||||
&.status1 {
|
||||
background: #FFBA00;
|
||||
|
||||
@ -243,6 +274,7 @@ export default {
|
||||
color: #FF4848;
|
||||
}
|
||||
}
|
||||
|
||||
&.status4 {
|
||||
background: #FF4848;
|
||||
|
||||
|
||||
@ -1,56 +1,135 @@
|
||||
<template>
|
||||
<div class="order-details" :style="{background:'url('+'../../static/bbj1@3x.png'+')'}">
|
||||
<div class="content1">
|
||||
<div class="wrap1">
|
||||
<image src="../../static/zu506@3x.png"></image>
|
||||
<div class="order-details" >
|
||||
<title-block class="title-block" title="订单库">
|
||||
<template #left>
|
||||
<div> <image style="width: 112rpx;height: 52rpx" src="https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/785cf885-c4c9-44b3-8155-4b39988c7ef8.png" @click="back"></image></div>
|
||||
</template>
|
||||
</title-block>
|
||||
<div :style="{height:`${distance}px`}" style="overflow-y: auto">
|
||||
<div style="padding-bottom: 128rpx">
|
||||
<div class="content2">
|
||||
<image src="../../static/zu709@3x.png"></image>
|
||||
</div>
|
||||
<div class="content3">
|
||||
<div class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">画作编号</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="info.artworkNum"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4"></div>
|
||||
</div>
|
||||
<div class="wrap2">
|
||||
订单号的详情
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">画作名称</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="info.artworkName"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4"></div>
|
||||
</div>
|
||||
<div class="wrap3">
|
||||
<image src="../../static/zu594@3x.png"></image>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">画家名称</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="info.artistName"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">画作平尺数</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="info.artworkSquareSize"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content2">
|
||||
<image src="../../static/zu709@3x.png"></image>
|
||||
</div>
|
||||
<div class="content3">
|
||||
<div class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">画作编号</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input placeholder-style="color: #939393;font-size: 24rpx;" placeholder="画作编号"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4"></div>
|
||||
<div class="wrap2"></div>
|
||||
</div>
|
||||
<div class="content3" >
|
||||
<div class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">订单编号</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="info.artworkNum"/>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">画作名称</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input placeholder-style="color: #939393;font-size: 24rpx;" placeholder="画作名称"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4"></div>
|
||||
<div class="wrap1_1_4"></div>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">订单状态</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled :placeholder-style="statusValue.find(x=>x.value===info.artworkStatus).style" :placeholder="statusValue.find(x=>x.value===info.artworkStatus).label"/>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">画家名称</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input placeholder-style="color: #939393;font-size: 24rpx;" placeholder="画家名称"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4">
|
||||
</div>
|
||||
<div class="wrap1_1_4"></div>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">寄存地址</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled placeholder-style="color: #76C458;font-size: 24rpx;" :placeholder="info.warehouseName"/>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">画作平尺数</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input placeholder-style="color: #939393;font-size: 24rpx;" placeholder="画作平尺数"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_1" style="position: relative;">
|
||||
<div class="wrap1_1_1" >寄存时限</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3" >
|
||||
<div class="wrap1_1_3_1" style="position: absolute;display: flex;top: 50%;transform: translateY(-50%);">
|
||||
<div class="wrap1_1_3_1_1" style="width: 70rpx;color:#fff;height: 30rpx;background: #76C458;font-size: 16rpx;display: flex;justify-content: center;align-items: center;margin-right: 2rpx">{{info.cycleName}}</div>
|
||||
<div class="wrap1_1_3_1_2" style="color: #939393;font-size: 24rpx">{{`${info.startAt}-${info.endAt}`}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_1_4">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">剩余天数</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled :placeholder-style="daysRemainingStyle" :placeholder="info.levelDays"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">订单金额</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="`${info.money}元`"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">每日集保金额</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="`${info.dayMoney}元`"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">待补款金额</div>
|
||||
<div class="wrap1_1_2"></div>
|
||||
<div class="wrap1_1_3">
|
||||
<input disabled placeholder-style="color: #FF4848;font-size: 24rpx;" :placeholder="`${info.supplementMoney}元`"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4">
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap2"></div>
|
||||
</div>
|
||||
<div class="wrap2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
@ -58,12 +137,63 @@ import {postDataByParams} from "../../http/service";
|
||||
|
||||
export default {
|
||||
name: "order-details",
|
||||
data(){
|
||||
return{
|
||||
distance:'',
|
||||
ID:'',
|
||||
info: {},
|
||||
statusValue: [{label: '全部状态', value: 0}, {label: '待入库', value: 1,style:'color: #FFBA00;font-size: 24rpx'}, {
|
||||
label: '已入库',
|
||||
value: 2,
|
||||
style:'color: #76C458;font-size: 24rpx'
|
||||
}, {label: '即将到期', value: 3,style:'color: #FF4848;font-size: 24rpx'}, {label: '延期待补款', value: 4,style:'color: #FF4848;font-size: 24rpx'}, {label: '已取出', value: 5}]
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
daysRemainingStyle(){
|
||||
switch (this.info.artworkStatus){
|
||||
case 1:
|
||||
case 2:
|
||||
case 3:
|
||||
case 5:
|
||||
return 'color: #939393;font-size: 24rpx;'
|
||||
case 4:{
|
||||
return 'color: #FF4848;font-size: 24rpx;'
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
if (this.$mp.query.ID) {
|
||||
this.ID=this.$mp.query.ID
|
||||
}
|
||||
this.getData()
|
||||
uni.createSelectorQuery().select('.title-block').boundingClientRect(data => {
|
||||
let res = uni.getSystemInfoSync();
|
||||
const distance = res.windowHeight - data.bottom;
|
||||
this.distance = distance
|
||||
}).exec()
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
|
||||
back(){
|
||||
uni.navigateBack()
|
||||
},
|
||||
async getData() {
|
||||
const res = await postDataByParams('/api/warehouse/detail')
|
||||
const res = await postDataByParams('/api/warehouse/detail',{ID:Number(this.ID)})
|
||||
if (res.code===200){
|
||||
this.info=res.data
|
||||
}else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon:'none'
|
||||
})
|
||||
}
|
||||
console.log(res, 'res')
|
||||
}
|
||||
}
|
||||
@ -71,14 +201,14 @@ export default {
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.order-details {
|
||||
background-image: url("https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/4fdc9a0f-d72a-46b6-a04d-ed56d5465213.png");
|
||||
box-sizing: border-box;
|
||||
padding-top: 46rpx;
|
||||
overflow: hidden;
|
||||
padding-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
background-size: cover;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
|
||||
.content3 {
|
||||
margin-top: 60rpx;
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user