xingyy
/
uni-Identify-quality
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

submit

Browse Source
xingyy
xingyy 1 year ago
parent cbfdf4bc0d
commit 2d0e817c1f
5 changed files with 238 additions and 72 deletions
Show Stats Download Patch File Download Diff File

2
App.vue
Unescape Escape View File

@ -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);
},

2
components/title-block/title-block.vue
Unescape Escape View File

@ -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;

18
pages.json
Unescape Escape View File

@ -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/home/index",
"text": "首页"
},
{
"pagePath": "pages/mine/index"
"pagePath": "pages/mine/index",
"text": "首页"
},
{
"pagePath": "pages/contract/index"
"pagePath": "pages/contract/index",
"text": "首页"
},
{
"pagePath": "pages/order-goods/index"
"pagePath": "pages/order-goods/index",
"text": "首页"
}
]
}

48
pages/order-goods/index.vue
Unescape Escape View File

@ -53,7 +53,7 @@
<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">
@ -65,13 +65,14 @@
</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,9 +111,34 @@ export default {
})
},
methods: {
goRouter(){
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'
url: `/pages/order-goods/order-details?ID=${item.ID}`
})
},
search() {
@ -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)
@ -214,12 +242,15 @@ export default {
position: relative;
width: 144rpx;
height: 228rpx;
&.status5 {
background: #939393;
.wrap1_3_3_1 {
color: #939393;
}
}
&.status1 {
background: #FFBA00;
@ -243,6 +274,7 @@ export default {
color: #FF4848;
}
}
&.status4 {
background: #FF4848;

168
pages/order-goods/order-details.vue
Unescape Escape View File

@ -1,16 +1,12 @@
<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>
<div class="wrap2">
订单号的详情
</div>
<div class="wrap3">
<image src="../../static/zu594@3x.png"></image>
</div>
</div>
<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>
@ -20,7 +16,7 @@
<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="画作编号"/>
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="info.artworkNum"/>
</div>
<div class="wrap1_1_4"></div>
</div>
@ -28,7 +24,7 @@
<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="画作名称"/>
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="info.artworkName"/>
</div>
<div class="wrap1_1_4"></div>
</div>
@ -36,7 +32,7 @@
<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="画家名称"/>
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="info.artistName"/>
</div>
<div class="wrap1_1_4">
</div>
@ -45,12 +41,95 @@
<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="画作平尺数"/>
<input disabled placeholder-style="color: #939393;font-size: 24rpx;" :placeholder="info.artworkSquareSize"/>
</div>
</div>
</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_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_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_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>
<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;

Write Preview
Loading…
Cancel
Save