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 dd91a4f69e
commit 32a9cb2eed
2 changed files with 260 additions and 162 deletions
Show Stats Download Patch File Download Diff File

148
pages/consignment-painting/index.vue
Unescape Escape View File

@ -2,34 +2,39 @@
<div class="order-details">
<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>
<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 class="content2">
<image src="../../static/zu709@3x.png"></image>
<image :src="info.artworkImg"></image>
</div>
<tm-poup height="700" v-model="show_2" position="bottom">
<div class="poup1">
<div class="content1">
<div class="wrap1">更换您的寄存地址</div>
<div @click="show_2=false" class="wrap2">
<image src="https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/d84593b3-10a8-4d86-be8c-b048b03b22c7.png"></image>
<image
src="https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/d84593b3-10a8-4d86-be8c-b048b03b22c7.png"></image>
</div>
</div>
<div class="content2"></div>
<div class="content3">
<div class="wrap1">
<div class="wrap1_1">某某某某某某某地方</div>
<div class="wrap1_2">*剩余12位置</div>
<div v-for="(item,index) in addressList" :key="index" class="wrap1">
<div class="wrap1_1">{{item.address}}</div>
<div class="wrap1_2">*剩余{{item.leftNum}}位置</div>
</div>
<div class="wrap1 active">
<!-- <div class="wrap1 active">
<div class="wrap1_1">某某某某某某某地方</div>
<div class="wrap1_2">剩余12位置</div>
</div>
<div class="wrap1 disabled">
</div>-->
<!-- <div class="wrap1 disabled">
<div class="wrap1_1">某某某某某某某地方</div>
<div class="wrap1_2">*已满员</div>
</div>
</div>-->
</div>
<div class="content2"></div>
<div class="content6">
@ -42,7 +47,8 @@
<div class="content1">
<div class="wrap1">请选择您的寄存时限</div>
<div @click="show_1=false" class="wrap2">
<image src="https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/d84593b3-10a8-4d86-be8c-b048b03b22c7.png"></image>
<image
src="https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/d84593b3-10a8-4d86-be8c-b048b03b22c7.png"></image>
</div>
</div>
<div class="content2"></div>
@ -65,13 +71,19 @@
<div style="margin-left: -30rpx;margin-right: -30rpx">
<picker-view indicator-class="test" :value="value" @change="changeData" class="picker-view">
<picker-view-column>
<view style="display: flex;align-items: center;justify-content: center" class="item" :class="[isDateFont(item,0)?'fontDate':'']" v-for="(item,index) in years" :key="index">{{item}}年</view>
<view style="display: flex;align-items: center;justify-content: center" class="item"
:class="[isDateFont(item,0)?'fontDate':'']" v-for="(item,index) in years" :key="index">{{ item }}年
</view>
</picker-view-column>
<picker-view-column>
<view style="display: flex;align-items: center;justify-content: center" class="item" :class="[isDateFont(item,1)?'fontDate':'']" v-for="(item,index) in months" :key="index">{{item}}月</view>
<view style="display: flex;align-items: center;justify-content: center" class="item"
:class="[isDateFont(item,1)?'fontDate':'']" v-for="(item,index) in months" :key="index">{{ item }}月
</view>
</picker-view-column>
<picker-view-column>
<view style="display: flex;align-items: center;justify-content: center" class="item" :class="[isDateFont(item,2)?'fontDate':'']" v-for="(item,index) in days" :key="index">{{item}}日</view>
<view style="display: flex;align-items: center;justify-content: center" class="item"
:class="[isDateFont(item,2)?'fontDate':'']" v-for="(item,index) in days" :key="index">{{ item }}日
</view>
</picker-view-column>
</picker-view>
</div>
@ -88,7 +100,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>
@ -96,7 +108,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>
@ -104,7 +116,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>
@ -113,7 +125,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.artworkSquareSize"/>
</div>
</div>
</div>
@ -121,14 +133,6 @@
</div>
<div class="content4">
<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>
<div class="wrap1_1">
<div class="wrap1_1_1">寄存地址</div>
<div class="wrap1_1_2"></div>
@ -165,6 +169,8 @@
</div>
</template>
<script>
import {postDataByParams} from "../../http/service";
export default {
name: "order-details",
data() {
@ -185,6 +191,8 @@ export default {
days.push(i)
}
return {
addressList:[],
info: {},
show_2: false,
data: [],
show_1: false,
@ -206,11 +214,35 @@ export default {
}
},
mounted() {
this.getDetailUrl()
this.getAddress()
const today = new Date();
this.value = [today.getFullYear() - 1990, today.getMonth(), today.getDate() - 1]
this.data = [today.getFullYear(), today.getMonth() + 1, today.getDate()]
},
methods: {
async getAddress() {
const res = await postDataByParams('/api/warehouse/address')
if (res.code===200){
this.addressList=res.data.data
}
console.log(res, 'getAddress')
},
async getDetailUrl() {
const data = {
url: this.url
}
const res = await postDataByParams('/api/warehouse/ocr', data)
if (res.code === 200) {
this.info = res.data
} else {
uni.showToast({
title: res.msg,
icon: 'none'
})
}
console.log(res, 'getDetailUrl')
},
isDateFont(item, num) {
if (Array.isArray && this.data.length === 3) {
return this.data[num] === item
@ -229,10 +261,12 @@ export default {
.fontDate {
color: #fff;
}
/deep/ .pickerSelected {
color: #ffffff !important;
z-index: 2;
}
/deep/ .test {
display: flex;
justify-content: center;
@ -242,9 +276,11 @@ export default {
color: #fff;
height: 62rpx;
}
uni-picker-view {
display: block;
}
uni-picker-view .uni-picker-view-wrapper {
display: flex;
position: relative;
@ -252,19 +288,23 @@ uni-picker-view .uni-picker-view-wrapper {
height: 100%;
background-color: white;
}
uni-picker-view[hidden] {
display: none;
}
picker-view {
width: 100%;
// height: 600upx;
height: 400rpx;
margin-top: 20 upx;
}
.item {
line-height: 100 upx;
text-align: center;
}
.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;
@ -274,6 +314,7 @@ picker-view {
background-size: cover;
width: 100vw;
height: 100vh;
& > .content5 {
align-items: center;
left: 0;
@ -295,30 +336,36 @@ picker-view {
font-size: 32rpx;
background: #76C458;
}
.wrap1 {
margin-left: 58rpx;
margin-right: 70rpx;
display: flex;
flex-direction: column;
align-items: start;
.wrap1_1 {
color: #939393;
font-size: 16rpx;
}
.wrap1_2 {
font-size: 32rpx;
color: #76C458;
}
}
}
.poup1 {
padding-top: 28rpx;
padding-left: 30rpx;
padding-right: 30rpx;
& > .content6 {
margin-top: 26rpx;
display: flex;
justify-content: center;
.wrap1 {
color: #fff;
font-size: 28rpx;
@ -331,8 +378,10 @@ picker-view {
border-radius: 30rpx;
}
}
& > .content3 {
margin-bottom: 70rpx;
.wrap1 {
margin-bottom: 18rpx;
border-radius: 32rpx;
@ -344,32 +393,40 @@ picker-view {
display: flex;
justify-content: space-between;
align-items: center;
.wrap1_2 {
color: #76C458;
font-size: 26rpx;
}
.wrap1_1 {
font-size: 28rpx;
color: #000;
}
&.disabled {
border: none;
background: #D8D8D8;
.wrap1_1 {
color: #626262;
font-size: 28rpx;
}
.wrap1_2 {
color: #626262;
font-size: 16rpx;
}
}
&.active {
background: #76C458;
.wrap1_2 {
color: #fff;
font-size: 26rpx;
}
.wrap1_1 {
font-size: 28rpx;
color: #fff;
@ -377,14 +434,17 @@ picker-view {
}
}
}
& > .content1 {
margin-bottom: 36rpx;
display: flex;
justify-content: space-between;
.wrap1 {
color: #000;
font-size: 32rpx;
}
.wrap2 {
image {
width: 48rpx;
@ -392,19 +452,23 @@ picker-view {
}
}
}
& > .content2 {
margin-bottom: 36rpx;
height: 1rpx;
background: #626262;
}
}
.poup {
padding-top: 28rpx;
padding-left: 30rpx;
padding-right: 30rpx;
& > .content3 {
display: flex;
flex-wrap: wrap;
.wrap4 {
margin-bottom: 40rpx;
border-radius: 32rpx;
@ -416,15 +480,18 @@ picker-view {
flex-direction: column;
align-items: center;
justify-content: center;
.wrap4_1 {
color: #626262;
font-size: 28rpx;
}
.wrap4_2 {
color: #BE7E7E;
font-size: 16rpx;
}
}
.wrap1 {
box-sizing: border-box;
flex-shrink: 0;
@ -437,6 +504,7 @@ picker-view {
align-items: center;
width: 220rpx;
height: 84rpx;
&:nth-child(3) {
margin-right: 0;
}
@ -447,10 +515,12 @@ picker-view {
}
}
}
& > .content6 {
margin-top: 26rpx;
display: flex;
justify-content: center;
.wrap1 {
color: #fff;
font-size: 28rpx;
@ -463,6 +533,7 @@ picker-view {
border-radius: 30rpx;
}
}
& > .content5 {
margin-top: 36rpx;
height: 66rpx;
@ -470,6 +541,7 @@ picker-view {
align-items: center;
border-bottom: 1rpx solid #BABABA;
border-top: 1rpx solid #BABABA;
.wrap1 {
display: flex;
justify-content: center;
@ -478,6 +550,7 @@ picker-view {
color: #4E964D;
font-size: 28rpx;
}
.wrap2 {
display: flex;
justify-content: center;
@ -486,6 +559,7 @@ picker-view {
color: #4E964D;
font-size: 28rpx;
}
.wrap3 {
display: flex;
justify-content: center;
@ -495,23 +569,28 @@ picker-view {
font-size: 28rpx;
}
}
& > .content4 {
font-size: 32rpx;
color: #000;
}
& > .content2 {
margin-bottom: 36rpx;
height: 1rpx;
background: #626262;
}
& > .content1 {
margin-bottom: 36rpx;
display: flex;
justify-content: space-between;
.wrap1 {
color: #000;
font-size: 32rpx;
}
.wrap2 {
image {
width: 48rpx;
@ -520,16 +599,20 @@ picker-view {
}
}
}
& > .content4 {
margin-top: 60rpx;
.wrap1 {
border: 1rpx dashed #DFE9F0;
background-color: #fff;
.wrap1_1 {
position: relative;
height: 114rpx;
display: flex;
align-items: center;
.wrap1_1_4 {
left: 50%;
transform: translateX(-50%);
@ -539,14 +622,17 @@ picker-view {
width: 636rpx;
border-bottom: 0.5px solid #626262;
}
.wrap1_1_5 {
right: 42rpx;
position: absolute;
image {
width: 46.34rpx;
height: 20rpx;
}
}
.wrap1_1_2 {
margin-right: 36rpx;
width: 0;
@ -554,6 +640,7 @@ picker-view {
border-left: 0.5px solid #626262;
}
.wrap1_1_1 {
width: 210rpx;
padding-left: 32rpx;
@ -564,21 +651,26 @@ picker-view {
}
}
}
& > .content3 {
margin-top: 60rpx;
.prompt {
color: #4E964D;
font-size: 16rpx;
margin-bottom: 4rpx;
}
.wrap1 {
border: 1rpx dashed #DFE9F0;
background-color: #fff;
.wrap1_1 {
position: relative;
height: 114rpx;
display: flex;
align-items: center;
.wrap1_1_4 {
left: 50%;
transform: translateX(-50%);
@ -588,6 +680,7 @@ picker-view {
width: 636rpx;
border-bottom: 0.5px solid #626262;
}
.wrap1_1_2 {
margin-right: 36rpx;
width: 0;
@ -595,6 +688,7 @@ picker-view {
border-left: 0.5px solid #626262;
}
.wrap1_1_1 {
width: 210rpx;
padding-left: 32rpx;
@ -605,10 +699,12 @@ picker-view {
}
}
}
& > .content2 {
margin-top: 42rpx;
display: flex;
justify-content: center;
image {
width: 404rpx;
height: 306rpx;

6
pages/home/index.vue
Unescape Escape View File

@ -8,9 +8,9 @@
<image src="@/static/image/write.png" mode="scaleToFill" style="width: 63rpx;height: 62rpx" />
<view style="color: #fff;margin-top:10rpx">填写下单</view>
</view>
<view class="order-item" style="background:#76C458 ;">
<view class="order-item" style="background:#76C458 ;" @click.stop="scanOrder">
<image src="@/static/image/scan.png" mode="scaleToFill" style="width: 57rpx;height: 57rpx" />
<view style="color: #fff;margin-top:10rpx" @click="scanOrder">扫码下单</view>
<view style="color: #fff;margin-top:10rpx" >扫码下单</view>
</view>
</view>
<view class="list">
@ -51,7 +51,9 @@ export default {
uni.scanCode({
onlyFromCamera: false,
success: res => {
console.log(res.result,' res.result')
console.log("条码类型：" + res.scanType);
console.log(res.scanType,'scanType')
console.log("条码内容：" + res.result);
uni.navigateTo({
url: "/pages/consignment-painting/index?url=" + res.result

Write Preview
Loading…
Cancel
Save