Compare commits
10 Commits
a6806e96c8
...
0a6124e287
| Author | SHA1 | Date | |
|---|---|---|---|
| 0a6124e287 | |||
| d974711b77 | |||
| 42d02836a3 | |||
| 78043e01c0 | |||
| c8c792884f | |||
| 8698bd5a4d | |||
| 5a6c800583 | |||
| 733b1af6ce | |||
| 7a376be64c | |||
| 1b21b9fbe9 |
2
App.vue
2
App.vue
@ -3,6 +3,7 @@ import tabBar from "./util/tabbar";
|
||||
|
||||
export default {
|
||||
onLaunch: function() {
|
||||
uni.setStorageSync("token",'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJJRCI6MCwiT3BlbklkIjoib01qYXY2eFFjQUttUW1ZUTFXV20zOXlCQUZ4byIsIk5pY2tOYW1lIjoiIiwiVGVsTnVtIjoiMTgyMDUwNTI2MjciLCJBdmF0YXIiOiIiLCJJRE51bSI6IiIsImV4cCI6MTY5NTQzNjEwMSwiaXNzIjoibWFsbCJ9.qYzFMtoOOBuawYDTl7iuwlTTz7Fakhr8657PjxWhQ8I')
|
||||
uni.hideTabBar();
|
||||
uni.setStorageSync("tabBar", tabBar);
|
||||
},
|
||||
@ -20,6 +21,7 @@ export default {
|
||||
@import "./tm-vuetify/mian.min.css";
|
||||
@import "./tm-vuetify/scss/theme.css";
|
||||
@import "uview-ui/index.scss";
|
||||
|
||||
.u-tabbar__content {
|
||||
height: 166rpx;
|
||||
}
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
|
||||
<template>
|
||||
<div class="content1" :style="{marginTop:`${statusBarHeight}px`}">
|
||||
<slot name="left"></slot>
|
||||
<div class="wrap1"> <slot name="left"></slot></div>
|
||||
<div class="wrap2">{{title}}</div>
|
||||
<div class="wrap3"></div>
|
||||
</div>
|
||||
@ -23,10 +22,20 @@ export default {
|
||||
.content1{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.wrap1{
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
}
|
||||
.wrap3{
|
||||
width: 120rpx;
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
}
|
||||
.wrap2{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
color:#4E964D ;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
17
http/service.js
Normal file
17
http/service.js
Normal file
@ -0,0 +1,17 @@
|
||||
import http from './interface'
|
||||
|
||||
export const postDataByParams = (url, data) => {
|
||||
return http.request({
|
||||
url: url,
|
||||
method: 'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export const getDataByParams = (url, data) => {
|
||||
return http.request({
|
||||
url: url,
|
||||
method: 'GET',
|
||||
data
|
||||
})
|
||||
}
|
||||
10
pages.json
10
pages.json
@ -55,6 +55,7 @@
|
||||
{
|
||||
"path": "pages/contract/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
@ -62,6 +63,7 @@
|
||||
{
|
||||
"path": "pages/order-goods/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
@ -111,7 +113,7 @@
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
],
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black",
|
||||
@ -124,11 +126,7 @@
|
||||
},
|
||||
"uniIdRouter": {},
|
||||
"tabBar": {
|
||||
"height":"1px",
|
||||
// 配置选中颜色
|
||||
"selectedColor": "#22bf8e",
|
||||
"color": "#f8f8f8", // 设置为与背景颜色相同
|
||||
"backgroundColor": "transparent", // 设置为透明
|
||||
|
||||
// list 每一项
|
||||
"list": [{
|
||||
"pagePath": "pages/home/index"
|
||||
|
||||
@ -1,49 +1,83 @@
|
||||
<template>
|
||||
<div class="contract" :style="{background:'url('+'../../static/bbj1@3x.png'+')'}">
|
||||
<div class="content1">
|
||||
<div class="wrap1"></div>
|
||||
<div class="wrap2">待签署合同</div>
|
||||
<div class="wrap3">
|
||||
<image src="../../static/zu567@3x.png"></image>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contract" >
|
||||
<title-block title="待签署合同">
|
||||
<template #left>
|
||||
<div class="wrap3">
|
||||
<image src="../../static/zu567@3x.png"></image>
|
||||
</div>
|
||||
</template>
|
||||
</title-block>
|
||||
|
||||
<div class="content2">
|
||||
<div class="wrap1">合同名称</div>
|
||||
<div class="wrap2">合同编号</div>
|
||||
<div class="wrap3">签署倒计时</div>
|
||||
</div>
|
||||
<scroll-view style="margin-top: 20rpx;height: 1400rpx" class="scrollbox" :scroll-y="true" @scrolltolower="loadMore">
|
||||
<div class="content3">
|
||||
<div class="wrap1">
|
||||
<div class="wrap1" v-for="(item,index) in mainList" :key="index">
|
||||
<div class="wrap1_1">合同的名称</div>
|
||||
<div class="wrap1_2">937329883</div>
|
||||
<div class="wrap1_3"><div class="wrap1_3_1">剩余23:59:59</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</scroll-view>
|
||||
<tabbar :current="2"></tabbar>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import tabbar from "../../components/uiq-tabbar/uiq-tabbar.vue";
|
||||
import {postDataByParams} from "../../http/service";
|
||||
|
||||
export default {
|
||||
name: "index",
|
||||
components: {tabbar}
|
||||
components: {tabbar},
|
||||
data(){
|
||||
return{
|
||||
page:1,
|
||||
pageSize:999,
|
||||
mainList:[]
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
this.getData()
|
||||
},
|
||||
methods:{
|
||||
loadMore(){
|
||||
|
||||
},
|
||||
async getData() {
|
||||
const data = {
|
||||
page: this.page, //分页
|
||||
pageSize: this.pageSize, //每页数据量
|
||||
}
|
||||
const res = await postDataByParams('/api/warehouse/list', data)
|
||||
if (res.code === 200) {
|
||||
this.mainList = res.data.data
|
||||
}else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon:'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style scoped lang="scss">
|
||||
.contract{
|
||||
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: 20rpx;
|
||||
margin-bottom: 166rpx;
|
||||
.wrap1{
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
height: 108rpx;
|
||||
background: #fff;
|
||||
|
||||
@ -1,101 +1,166 @@
|
||||
<template>
|
||||
<div class="order-goods" :style="{background:'url('+'../../static/bbj1@3x.png'+')'}">
|
||||
|
||||
<div class="content1">
|
||||
<div class="wrap1">
|
||||
<tm-menu :list="['已延期','即将到期']">
|
||||
<div class="order-goods">
|
||||
<title-block title="订单库">
|
||||
<template #left>
|
||||
<u-action-sheet
|
||||
:show="show"
|
||||
:actions="this.statusValue.map(x=>({name:x.label,value:x.value}))"
|
||||
title="请选择状态"
|
||||
@close="show = false"
|
||||
@select="statusSelect"
|
||||
>
|
||||
</u-action-sheet>
|
||||
<div @click="openStatus" class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<div class="wrap1_1_1">全部状态</div>
|
||||
<div class="wrap1_1_1">{{ statusValue.find(x => x.value === status).label }}</div>
|
||||
<image style="width: 12rpx;height: 8rpx" src="../../static/dbx2@3x.png"></image>
|
||||
</div>
|
||||
</tm-menu>
|
||||
</div>
|
||||
<div class="wrap2">
|
||||
<div class="wrap2_1">订单库</div>
|
||||
<div class="wrap2_2">*滑动删除</div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div class="wrap3">上传</div>
|
||||
</div>
|
||||
<div class="content2" >
|
||||
|
||||
</div>
|
||||
</template>
|
||||
</title-block>
|
||||
<div class="content2">
|
||||
<div class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<image src="../../static/zu1@3x.png"></image>
|
||||
</div>
|
||||
<div class="wrap1_2"></div>
|
||||
<input placeholder-style="color: #C7C7C7;font-size: 20rpx;" placeholder="在此处搜索您的订单" />
|
||||
<input v-model="mobileKey" placeholder-style="color: #C7C7C7;font-size: 20rpx;"
|
||||
placeholder="在此处搜索您的订单"/>
|
||||
</div>
|
||||
<div class="wrap2">
|
||||
<div class="wrap2" @click="search">
|
||||
搜索
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="content3">
|
||||
<div @touchstart="touchStart"
|
||||
@touchmove="touchMove"
|
||||
@touchend="touchEnd"
|
||||
:style="{transform: `translateX(${distanceX}px)`}" class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<image src="../../static/jx632@3x.png"></image>
|
||||
</div>
|
||||
<div class="wrap1_2">
|
||||
<div class="wrap1_2_1">画作的名称</div>
|
||||
<div class="wrap1_2_2">订单号:0129181232101</div>
|
||||
<div class="wrap1_2_3">16平尺</div>
|
||||
<div class="wrap1_2_4">2023.09.01-2023.09.18</div>
|
||||
</div>
|
||||
<div class="wrap1_3">
|
||||
<div class="wrap1_3_1">
|
||||
<div class="wrap1_3_1_1">2023.09.28</div>
|
||||
<div class="wrap1_3_1_2">已延期</div>
|
||||
<div class="wrap1_3_1_3">点击补款</div>
|
||||
<scroll-view style=" margin-top: 28rpx;" class="scrollbox" :scroll-y="true" @scrolltolower="loadMore">
|
||||
<div class="content3">
|
||||
<div
|
||||
v-for="(item,index) in mainList" :key="index"
|
||||
@touchstart="(e)=>{touchStart(e,index)}"
|
||||
@touchmove="(e)=>{touchMove(e,index)}"
|
||||
@touchend="()=>{touchEnd(index)}"
|
||||
@click="goRouter(item)"
|
||||
:style="{transform: `translateX(${item.distanceX}px)`}" class="wrap1">
|
||||
<div class="wrap1_1">
|
||||
<image src="../../static/jx632@3x.png"></image>
|
||||
</div>
|
||||
<div class="wrap1_3_2">
|
||||
<div class="wrap1_3_2_1">货架号:</div>
|
||||
<div class="wrap1_3_2_2">12-02-13</div>
|
||||
<div class="wrap1_2">
|
||||
<div class="wrap1_2_1">画作的名称</div>
|
||||
<div class="wrap1_2_2">订单号:0129181232101</div>
|
||||
<div class="wrap1_2_3">16平尺</div>
|
||||
<div class="wrap1_2_4">2023.09.01-2023.09.18</div>
|
||||
</div>
|
||||
<div class="wrap1_3" :class="[`status${item.status}`]">
|
||||
<div class="wrap1_3_1" v-if="item.status===4">
|
||||
<div class="wrap1_3_1_1">2023.09.28</div>
|
||||
<div class="wrap1_3_1_2">已超时</div>
|
||||
<div class="wrap1_3_1_3">点击补款</div>
|
||||
</div>
|
||||
<div class="wrap1_3_3" v-if="item.status!==4">
|
||||
<div class="wrap1_3_3_1">{{ statusValue.find(x => x.value === item.status).label }}</div>
|
||||
</div>
|
||||
<div class="wrap1_3_2">
|
||||
<div class="wrap1_3_2_1">货架号:</div>
|
||||
<div class="wrap1_3_2_2">12-02-13</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="wrap1_4" v-if="item.isRight&&item.status===5">
|
||||
<image style="width: 80rpx;height: 80rpx" src="../../static/zu154@3x.png"></image>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap1_4">
|
||||
<image style="width: 80rpx;height: 80rpx" src="../../static/zu154@3x.png"></image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</scroll-view>
|
||||
|
||||
<tabbar :current="1"></tabbar>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import tabbar from "../../components/uiq-tabbar/uiq-tabbar.vue";
|
||||
import UImage from "../../uview-ui/components/u--image/u--image.vue";
|
||||
import {postDataByParams} from "../../http/service";
|
||||
|
||||
export default {
|
||||
name: "index",
|
||||
data(){
|
||||
data() {
|
||||
return {
|
||||
show: false,
|
||||
mobileKey: '',
|
||||
startX: 0,
|
||||
distanceX: 0,
|
||||
windowWidth:0,
|
||||
windowWidth: 0,
|
||||
page: 1,
|
||||
status: 0,
|
||||
pageSize: 999,
|
||||
mainList: [],
|
||||
statusValue: [{label: '全部状态', value: 0}, {label: '未入库', value: 1}, {
|
||||
label: '已入库',
|
||||
value: 2
|
||||
}, {label: '即将到期', value: 3}, {label: '超时', value: 4}, {label: '已取货', value: 5}]
|
||||
}
|
||||
},
|
||||
components: {UImage, tabbar},
|
||||
mounted(){
|
||||
mounted() {
|
||||
this.getData()
|
||||
uni.getSystemInfo({
|
||||
success:(res)=>{
|
||||
this.windowWidth=res.windowWidth
|
||||
success: (res) => {
|
||||
this.windowWidth = res.windowWidth
|
||||
}
|
||||
})
|
||||
},
|
||||
methods:{
|
||||
touchMove(e){
|
||||
this.distanceX = e.touches[0].clientX - this.startX;
|
||||
methods: {
|
||||
goRouter(){
|
||||
uni.navigateTo({
|
||||
url:'/pages/order-goods/order-details'
|
||||
})
|
||||
},
|
||||
touchStart(e){
|
||||
search() {
|
||||
this.getData()
|
||||
},
|
||||
statusSelect(data) {
|
||||
this.status = data.value
|
||||
this.getData()
|
||||
},
|
||||
openStatus() {
|
||||
this.show = true
|
||||
},
|
||||
loadMore() {
|
||||
console.log('loadMore')
|
||||
},
|
||||
async getData() {
|
||||
const data = {
|
||||
page: this.page, //分页
|
||||
pageSize: this.pageSize, //每页数据量
|
||||
status: this.status, //状态(1-未入库 2-已入库 3-即将到期 4-超时 5-已取货)
|
||||
mobileKey: this.mobileKey
|
||||
}
|
||||
const res = await postDataByParams('/api/warehouse/list', data)
|
||||
if (res.code === 200) {
|
||||
this.mainList = res.data.data
|
||||
this.mainList?.forEach((x) => {
|
||||
this.$set(x, 'distanceX', 0)
|
||||
this.$set(x, 'isRight', false)
|
||||
})
|
||||
}else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon:'none'
|
||||
})
|
||||
}
|
||||
},
|
||||
touchMove(e, index) {
|
||||
this.mainList[index].distanceX = e.touches[0].clientX - this.startX;
|
||||
},
|
||||
touchStart(e, index) {
|
||||
this.mainList[index].isRight = true
|
||||
this.startX = e.touches[0].clientX;
|
||||
},
|
||||
touchEnd(){
|
||||
if (this.distanceX < -((144/750)*this.windowWidth)) {
|
||||
this.distanceX = -((144/750)*this.windowWidth);
|
||||
touchEnd(index) {
|
||||
if (this.mainList[index].distanceX < -((144 / 750) * this.windowWidth)) {
|
||||
this.mainList[index].distanceX = -((144 / 750) * this.windowWidth);
|
||||
} else {
|
||||
this.distanceX = 0;
|
||||
this.mainList[index].isRight = false
|
||||
this.mainList[index].distanceX = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -104,17 +169,23 @@ export default {
|
||||
<style scoped lang="scss">
|
||||
|
||||
.order-goods {
|
||||
overflow: hidden;
|
||||
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;
|
||||
|
||||
padding-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
background-size: cover;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
.content3{
|
||||
margin-top: 28rpx;
|
||||
overflow: hidden;
|
||||
.wrap1{
|
||||
|
||||
.content3 {
|
||||
height: 2000rpx;
|
||||
|
||||
margin-bottom: 166rpx;
|
||||
|
||||
.wrap1 {
|
||||
margin-bottom: 20rpx;
|
||||
position: relative;
|
||||
padding-left: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
@ -122,7 +193,8 @@ export default {
|
||||
height: 228rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.wrap1_4{
|
||||
|
||||
.wrap1_4 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -133,165 +205,242 @@ export default {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
.wrap1_3{
|
||||
|
||||
.wrap1_3 {
|
||||
border-top-right-radius: 20rpx;
|
||||
border-bottom-right-radius: 20rpx;
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
background-color: #FF4848;
|
||||
|
||||
position: relative;
|
||||
width: 144rpx;
|
||||
height: 228rpx;
|
||||
.wrap1_3_2{
|
||||
|
||||
&.status1 {
|
||||
background: #FFBA00;
|
||||
|
||||
.wrap1_3_3_1 {
|
||||
color: #FFBA00;
|
||||
}
|
||||
}
|
||||
|
||||
&.status2 {
|
||||
background: #76C458;
|
||||
|
||||
.wrap1_3_3_1 {
|
||||
color: #76C458;
|
||||
}
|
||||
}
|
||||
|
||||
&.status3 {
|
||||
background: #76C458;
|
||||
|
||||
.wrap1_3_3_1 {
|
||||
color: #FF4848;
|
||||
}
|
||||
}
|
||||
&.status4 {
|
||||
background: #FF4848;
|
||||
|
||||
.wrap1_3_3_1 {
|
||||
color: #FF4848;
|
||||
}
|
||||
}
|
||||
|
||||
.wrap1_3_2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
left: 20rpx;
|
||||
left: 20rpx;
|
||||
position: absolute;
|
||||
bottom: 40rpx;
|
||||
.wrap1_3_2_1{
|
||||
color: #fff;
|
||||
font-size: 16rpx;
|
||||
}
|
||||
.wrap1_3_2_2{
|
||||
bottom: 60rpx;
|
||||
|
||||
.wrap1_3_2_1 {
|
||||
color: #fff;
|
||||
font-size: 16rpx;
|
||||
}
|
||||
|
||||
.wrap1_3_2_2 {
|
||||
color: #fff;
|
||||
font-size: 24rpx;
|
||||
|
||||
}
|
||||
}
|
||||
.wrap1_3_1{
|
||||
|
||||
padding-bottom: 6rpx;
|
||||
.wrap1_3_3 {
|
||||
padding-top: 18rpx;
|
||||
padding-bottom: 18rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
border-top-right-radius: 15rpx;
|
||||
border-top-right-radius: 15rpx;
|
||||
left: 4rpx;
|
||||
top: 4rpx;
|
||||
width: 136rpx;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
.wrap1_3_1_1{
|
||||
|
||||
.wrap1_3_3_1 {
|
||||
text-align: center;
|
||||
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.wrap1_3_1 {
|
||||
|
||||
padding-bottom: 6rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
border-top-right-radius: 15rpx;
|
||||
left: 4rpx;
|
||||
top: 4rpx;
|
||||
width: 136rpx;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
|
||||
.wrap1_3_1_1 {
|
||||
font-size: 16rpx;
|
||||
color: #FF4848;
|
||||
}
|
||||
.wrap1_3_1_2{
|
||||
|
||||
.wrap1_3_1_2 {
|
||||
font-size: 24rpx;
|
||||
color: #FF4848;
|
||||
}
|
||||
.wrap1_3_1_3{
|
||||
|
||||
.wrap1_3_1_3 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 8rpx;
|
||||
color: #fff;
|
||||
font-size: 16rpx;
|
||||
width: 110rpx;
|
||||
height: 34rpx;
|
||||
background-color: #000;
|
||||
width: 110rpx;
|
||||
height: 34rpx;
|
||||
background-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
.wrap1_2{
|
||||
|
||||
.wrap1_2 {
|
||||
margin-left: 14rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
.wrap1_2_1{
|
||||
margin-bottom: 12rpx;
|
||||
|
||||
.wrap1_2_1 {
|
||||
margin-bottom: 12rpx;
|
||||
color: #000;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.wrap1_2_2{
|
||||
|
||||
.wrap1_2_2 {
|
||||
margin-bottom: 12rpx;
|
||||
color: #808080;
|
||||
font-size: 24rpx;
|
||||
|
||||
}
|
||||
.wrap1_2_3{
|
||||
|
||||
.wrap1_2_3 {
|
||||
margin-bottom: 12rpx;
|
||||
color: #808080;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.wrap1_2_4{
|
||||
|
||||
.wrap1_2_4 {
|
||||
|
||||
color: #FF4848;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
.wrap1_1{
|
||||
image{
|
||||
|
||||
.wrap1_1 {
|
||||
image {
|
||||
width: 188rpx;
|
||||
height: 188rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.content2{
|
||||
margin-top: 26rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.wrap2{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 20rpx;
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
width: 94rpx;
|
||||
height: 52rpx;
|
||||
background-color:#4E964D ;
|
||||
}
|
||||
.wrap1{
|
||||
align-items: center;
|
||||
display: flex;
|
||||
border-radius: 20rpx;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
width: 586rpx;
|
||||
height: 52rpx;
|
||||
.wrap1_2{
|
||||
margin-left: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 1rpx;
|
||||
height: 30rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
input{
|
||||
|
||||
.content2 {
|
||||
margin-top: 26rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.wrap2 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 20rpx;
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
width: 94rpx;
|
||||
height: 52rpx;
|
||||
background-color: #4E964D;
|
||||
}
|
||||
.wrap1_1{
|
||||
margin-left: 26rpx;
|
||||
image{
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
|
||||
.wrap1 {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
border-radius: 20rpx;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
width: 586rpx;
|
||||
height: 52rpx;
|
||||
|
||||
.wrap1_2 {
|
||||
margin-left: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
width: 1rpx;
|
||||
height: 30rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
input {
|
||||
|
||||
}
|
||||
|
||||
.wrap1_1 {
|
||||
margin-left: 26rpx;
|
||||
|
||||
image {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content1 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.wrap3{
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
width: 132rpx;
|
||||
height: 52rpx;
|
||||
background-color: #76C458;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.wrap3 {
|
||||
font-size: 24rpx;
|
||||
color: #fff;
|
||||
width: 132rpx;
|
||||
height: 52rpx;
|
||||
background-color: #76C458;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
.wrap2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.wrap2_1 {
|
||||
color: #4E964D;
|
||||
font-size: 32rpx;
|
||||
|
||||
}
|
||||
|
||||
.wrap2_2 {
|
||||
color: #7C9F6F;
|
||||
color: #7C9F6F;
|
||||
font-size: 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,26 +1,26 @@
|
||||
<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" :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="wrap2">
|
||||
订单号的详情
|
||||
<div class="content2">
|
||||
<image src="../../static/zu709@3x.png"></image>
|
||||
</div>
|
||||
<div class="wrap3">
|
||||
<image src="../../static/zu594@3x.png"></image>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content2">
|
||||
<image src="../../static/zu709@3x.png"></image>
|
||||
</div>
|
||||
<div class="content3">
|
||||
<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="画作编号" />
|
||||
<input placeholder-style="color: #939393;font-size: 24rpx;" placeholder="画作编号"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4"></div>
|
||||
</div>
|
||||
@ -28,7 +28,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 placeholder-style="color: #939393;font-size: 24rpx;" placeholder="画作名称"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4"></div>
|
||||
</div>
|
||||
@ -36,7 +36,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 placeholder-style="color: #939393;font-size: 24rpx;" placeholder="画家名称"/>
|
||||
</div>
|
||||
<div class="wrap1_1_4">
|
||||
</div>
|
||||
@ -45,21 +45,32 @@
|
||||
<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 placeholder-style="color: #939393;font-size: 24rpx;" placeholder="画作平尺数"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrap2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {postDataByParams} from "../../http/service";
|
||||
|
||||
export default {
|
||||
name: "order-details"
|
||||
name: "order-details",
|
||||
mounted() {
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
async getData() {
|
||||
const res = await postDataByParams('/api/warehouse/detail')
|
||||
console.log(res, 'res')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.order-details{
|
||||
.order-details {
|
||||
box-sizing: border-box;
|
||||
padding-top: 46rpx;
|
||||
padding-left: 30rpx;
|
||||
@ -67,17 +78,21 @@ export default {
|
||||
background-size: cover;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
.content3{
|
||||
|
||||
.content3 {
|
||||
margin-top: 60rpx;
|
||||
.wrap1{
|
||||
|
||||
.wrap1 {
|
||||
border: 1rpx dashed #DFE9F0;
|
||||
background-color: #fff;
|
||||
.wrap1_1{
|
||||
|
||||
.wrap1_1 {
|
||||
position: relative;
|
||||
height: 114rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.wrap1_1_4{
|
||||
|
||||
.wrap1_1_4 {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
@ -86,15 +101,17 @@ export default {
|
||||
width: 636rpx;
|
||||
border-bottom: 0.5px solid #626262;
|
||||
}
|
||||
.wrap1_1_2{
|
||||
|
||||
.wrap1_1_2 {
|
||||
margin-right: 36rpx;
|
||||
width: 0;
|
||||
height: 66rpx;
|
||||
border-left: 0.5px solid #626262;
|
||||
|
||||
}
|
||||
.wrap1_1_1{
|
||||
width: 210rpx;
|
||||
|
||||
.wrap1_1_1 {
|
||||
width: 210rpx;
|
||||
padding-left: 32rpx;
|
||||
|
||||
color: #626262;
|
||||
@ -103,31 +120,37 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
.content2{
|
||||
|
||||
.content2 {
|
||||
margin-top: 42rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
image{
|
||||
|
||||
image {
|
||||
width: 404rpx;
|
||||
height: 306rpx;
|
||||
}
|
||||
}
|
||||
.content1{
|
||||
|
||||
.content1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.wrap1{
|
||||
image{
|
||||
|
||||
.wrap1 {
|
||||
image {
|
||||
width: 112rpx;
|
||||
height: 52rpx;
|
||||
}
|
||||
}
|
||||
.wrap2{
|
||||
|
||||
.wrap2 {
|
||||
color: #4E964D;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.wrap3{
|
||||
image{
|
||||
|
||||
.wrap3 {
|
||||
image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
1
uni.scss
1
uni.scss
@ -12,6 +12,7 @@
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
@import 'uview-ui/theme.scss';
|
||||
|
||||
/* 颜色变量 */
|
||||
|
||||
/* 行为相关颜色 */
|
||||
|
||||
4
unpackage/dist/dev/mp-weixin/app.json
vendored
4
unpackage/dist/dev/mp-weixin/app.json
vendored
@ -22,10 +22,6 @@
|
||||
"backgroundColor": "#F8F8F8"
|
||||
},
|
||||
"tabBar": {
|
||||
"height": "1px",
|
||||
"selectedColor": "#22bf8e",
|
||||
"color": "#f8f8f8",
|
||||
"backgroundColor": "transparent",
|
||||
"list": [
|
||||
{
|
||||
"pagePath": "pages/home/index"
|
||||
|
||||
1
unpackage/dist/dev/mp-weixin/common/main.js
vendored
1
unpackage/dist/dev/mp-weixin/common/main.js
vendored
@ -110,6 +110,7 @@ exports.default = void 0;
|
||||
var _tabbar = _interopRequireDefault(__webpack_require__(/*! ./util/tabbar */ 30));
|
||||
var _default = {
|
||||
onLaunch: function onLaunch() {
|
||||
uni.setStorageSync("token", 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJJRCI6MCwiT3BlbklkIjoib01qYXY2eFFjQUttUW1ZUTFXV20zOXlCQUZ4byIsIk5pY2tOYW1lIjoiIiwiVGVsTnVtIjoiMTgyMDUwNTI2MjciLCJBdmF0YXIiOiIiLCJJRE51bSI6IiIsImV4cCI6MTY5NTQzNjEwMSwiaXNzIjoibWFsbCJ9.qYzFMtoOOBuawYDTl7iuwlTTz7Fakhr8657PjxWhQ8I');
|
||||
uni.hideTabBar();
|
||||
uni.setStorageSync("tabBar", _tabbar.default);
|
||||
},
|
||||
|
||||
@ -101,10 +101,10 @@ var components
|
||||
try {
|
||||
components = {
|
||||
uCountDown: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-count-down/u-count-down */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-count-down/u-count-down")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-count-down/u-count-down.vue */ 352))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-count-down/u-count-down */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-count-down/u-count-down")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-count-down/u-count-down.vue */ 353))
|
||||
},
|
||||
uButton: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-button/u-button */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-button/u-button")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-button/u-button.vue */ 316))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-button/u-button */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-button/u-button")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-button/u-button.vue */ 317))
|
||||
},
|
||||
}
|
||||
} catch (e) {
|
||||
|
||||
@ -98,6 +98,29 @@ __webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; });
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; });
|
||||
var components
|
||||
try {
|
||||
components = {
|
||||
titleBlock: function () {
|
||||
return __webpack_require__.e(/*! import() | components/title-block/title-block */ "components/title-block/title-block").then(__webpack_require__.bind(null, /*! @/components/title-block/title-block.vue */ 377))
|
||||
},
|
||||
}
|
||||
} catch (e) {
|
||||
if (
|
||||
e.message.indexOf("Cannot find module") !== -1 &&
|
||||
e.message.indexOf(".vue") !== -1
|
||||
) {
|
||||
console.error(e.message)
|
||||
console.error("1. 排查组件名称拼写是否正确")
|
||||
console.error(
|
||||
"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom"
|
||||
)
|
||||
console.error(
|
||||
"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件"
|
||||
)
|
||||
} else {
|
||||
throw e
|
||||
}
|
||||
}
|
||||
var render = function () {
|
||||
var _vm = this
|
||||
var _h = _vm.$createElement
|
||||
@ -135,24 +158,75 @@ __webpack_require__.r(__webpack_exports__);
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
/* WEBPACK VAR INJECTION */(function(uni) {
|
||||
|
||||
|
||||
var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ 4);
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ 61));
|
||||
var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ 63));
|
||||
var _service = __webpack_require__(/*! ../../http/service */ 253);
|
||||
var tabbar = function tabbar() {
|
||||
Promise.all(/*! require.ensure | components/uiq-tabbar/uiq-tabbar */[__webpack_require__.e("common/vendor"), __webpack_require__.e("components/uiq-tabbar/uiq-tabbar")]).then((function () {
|
||||
return resolve(__webpack_require__(/*! ../../components/uiq-tabbar/uiq-tabbar.vue */ 369));
|
||||
return resolve(__webpack_require__(/*! ../../components/uiq-tabbar/uiq-tabbar.vue */ 370));
|
||||
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
|
||||
};
|
||||
var _default = {
|
||||
name: "index",
|
||||
components: {
|
||||
tabbar: tabbar
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
page: 1,
|
||||
pageSize: 999,
|
||||
mainList: []
|
||||
};
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
loadMore: function loadMore() {},
|
||||
getData: function getData() {
|
||||
var _this = this;
|
||||
return (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
||||
var data, res;
|
||||
return _regenerator.default.wrap(function _callee$(_context) {
|
||||
while (1) {
|
||||
switch (_context.prev = _context.next) {
|
||||
case 0:
|
||||
data = {
|
||||
page: _this.page,
|
||||
//分页
|
||||
pageSize: _this.pageSize //每页数据量
|
||||
};
|
||||
_context.next = 3;
|
||||
return (0, _service.postDataByParams)('/api/warehouse/list', data);
|
||||
case 3:
|
||||
res = _context.sent;
|
||||
if (res.code === 200) {
|
||||
_this.mainList = res.data.data;
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
case 5:
|
||||
case "end":
|
||||
return _context.stop();
|
||||
}
|
||||
}
|
||||
}, _callee);
|
||||
}))();
|
||||
}
|
||||
}
|
||||
};
|
||||
exports.default = _default;
|
||||
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
|
||||
|
||||
/***/ }),
|
||||
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false,
|
||||
"usingComponents": {
|
||||
"title-block": "/components/title-block/title-block",
|
||||
"tabbar": "/components/uiq-tabbar/uiq-tabbar"
|
||||
}
|
||||
}
|
||||
@ -1 +1 @@
|
||||
<view class="contract _div data-v-3ea6d064" style="{{'background:'+('url('+'../../static/bbj1@3x.png'+')')+';'}}"><view class="content1 _div data-v-3ea6d064"><view class="wrap1 _div data-v-3ea6d064"></view><view class="wrap2 _div data-v-3ea6d064">待签署合同</view><view class="wrap3 _div data-v-3ea6d064"><image src="../../static/zu567@3x.png" class="data-v-3ea6d064"></image></view></view><view class="content2 _div data-v-3ea6d064"><view class="wrap1 _div data-v-3ea6d064">合同名称</view><view class="wrap2 _div data-v-3ea6d064">合同编号</view><view class="wrap3 _div data-v-3ea6d064">签署倒计时</view></view><view class="content3 _div data-v-3ea6d064"><view class="wrap1 _div data-v-3ea6d064"><view class="wrap1_1 _div data-v-3ea6d064">合同的名称</view><view class="wrap1_2 _div data-v-3ea6d064">937329883</view><view class="wrap1_3 _div data-v-3ea6d064"><view class="wrap1_3_1 _div data-v-3ea6d064">剩余23:59:59</view></view></view></view><tabbar vue-id="34e6e2f8-1" current="{{2}}" class="data-v-3ea6d064" bind:__l="__l"></tabbar></view>
|
||||
<view class="contract _div data-v-3ea6d064"><title-block vue-id="34e6e2f8-1" title="待签署合同" class="data-v-3ea6d064" bind:__l="__l" vue-slots="{{['left']}}"><view class="wrap3 _div data-v-3ea6d064" slot="left"><image src="../../static/zu567@3x.png" class="data-v-3ea6d064"></image></view></title-block><view class="content2 _div data-v-3ea6d064"><view class="wrap1 _div data-v-3ea6d064">合同名称</view><view class="wrap2 _div data-v-3ea6d064">合同编号</view><view class="wrap3 _div data-v-3ea6d064">签署倒计时</view></view><scroll-view class="scrollbox data-v-3ea6d064" style="margin-top:20rpx;height:1400rpx;" scroll-y="{{true}}" data-event-opts="{{[['scrolltolower',[['loadMore',['$event']]]]]}}" bindscrolltolower="__e"><view class="content3 _div data-v-3ea6d064"><block wx:for="{{mainList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="wrap1 _div data-v-3ea6d064"><view class="wrap1_1 _div data-v-3ea6d064">合同的名称</view><view class="wrap1_2 _div data-v-3ea6d064">937329883</view><view class="wrap1_3 _div data-v-3ea6d064"><view class="wrap1_3_1 _div data-v-3ea6d064">剩余23:59:59</view></view></view></block></view></scroll-view><tabbar vue-id="34e6e2f8-2" current="{{2}}" class="data-v-3ea6d064" bind:__l="__l"></tabbar></view>
|
||||
@ -25,8 +25,9 @@
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.contract.data-v-3ea6d064 {
|
||||
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;
|
||||
@ -34,9 +35,10 @@
|
||||
height: 100vh;
|
||||
}
|
||||
.contract .content3.data-v-3ea6d064 {
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 166rpx;
|
||||
}
|
||||
.contract .content3 .wrap1.data-v-3ea6d064 {
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
height: 108rpx;
|
||||
background: #fff;
|
||||
|
||||
@ -101,7 +101,7 @@ var components
|
||||
try {
|
||||
components = {
|
||||
uDivider: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-divider/u-divider */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-divider/u-divider")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-divider/u-divider.vue */ 361))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-divider/u-divider */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-divider/u-divider")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-divider/u-divider.vue */ 362))
|
||||
},
|
||||
}
|
||||
} catch (e) {
|
||||
@ -166,7 +166,7 @@ Object.defineProperty(exports, "__esModule", {
|
||||
exports.default = void 0;
|
||||
var tabbar = function tabbar() {
|
||||
Promise.all(/*! require.ensure | components/uiq-tabbar/uiq-tabbar */[__webpack_require__.e("common/vendor"), __webpack_require__.e("components/uiq-tabbar/uiq-tabbar")]).then((function () {
|
||||
return resolve(__webpack_require__(/*! ../../components/uiq-tabbar/uiq-tabbar.vue */ 369));
|
||||
return resolve(__webpack_require__(/*! ../../components/uiq-tabbar/uiq-tabbar.vue */ 370));
|
||||
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
|
||||
};
|
||||
var _default = {
|
||||
|
||||
@ -1,8 +1,10 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false,
|
||||
"usingComponents": {
|
||||
"tm-menu": "/tm-vuetify/components/tm-menu/tm-menu",
|
||||
"title-block": "/components/title-block/title-block",
|
||||
"u-action-sheet": "/uview-ui/components/u-action-sheet/u-action-sheet",
|
||||
"u-image": "/uview-ui/components/u--image/u--image",
|
||||
"tabbar": "/components/uiq-tabbar/uiq-tabbar"
|
||||
}
|
||||
|
||||
@ -1 +1 @@
|
||||
<view class="order-goods _div data-v-c0c42e9e" style="{{'background:'+('url('+'../../static/bbj1@3x.png'+')')+';'}}"><view class="content1 _div data-v-c0c42e9e"><view class="wrap1 _div data-v-c0c42e9e"><tm-menu vue-id="541fae75-1" list="{{['已延期','即将到期']}}" class="data-v-c0c42e9e" bind:__l="__l" vue-slots="{{['default']}}"><view class="wrap1_1 _div data-v-c0c42e9e"><view class="wrap1_1_1 _div data-v-c0c42e9e">全部状态</view><image style="width:12rpx;height:8rpx;" src="../../static/dbx2@3x.png" class="data-v-c0c42e9e"></image></view></tm-menu></view><view class="wrap2 _div data-v-c0c42e9e"><view class="wrap2_1 _div data-v-c0c42e9e">订单库</view><view class="wrap2_2 _div data-v-c0c42e9e">*滑动删除</view><view class="_div data-v-c0c42e9e"></view></view><view class="wrap3 _div data-v-c0c42e9e">上传</view></view><view class="content2 _div data-v-c0c42e9e"><view class="wrap1 _div data-v-c0c42e9e"><view class="wrap1_1 _div data-v-c0c42e9e"><image src="../../static/zu1@3x.png" class="data-v-c0c42e9e"></image></view><view class="wrap1_2 _div data-v-c0c42e9e"></view><input placeholder-style="color: #C7C7C7;font-size: 20rpx;" placeholder="在此处搜索您的订单" class="data-v-c0c42e9e"/></view><view class="wrap2 _div data-v-c0c42e9e">搜索</view></view><view class="content3 _div data-v-c0c42e9e"><view data-event-opts="{{[['touchstart',[['touchStart',['$event']]]],['touchmove',[['touchMove',['$event']]]],['touchend',[['touchEnd',['$event']]]]]}}" class="wrap1 _div data-v-c0c42e9e" style="{{'transform:'+('translateX('+distanceX+'px)')+';'}}" bindtouchstart="__e" bindtouchmove="__e" bindtouchend="__e"><view class="wrap1_1 _div data-v-c0c42e9e"><image src="../../static/jx632@3x.png" class="data-v-c0c42e9e"></image></view><view class="wrap1_2 _div data-v-c0c42e9e"><view class="wrap1_2_1 _div data-v-c0c42e9e">画作的名称</view><view class="wrap1_2_2 _div data-v-c0c42e9e">订单号:0129181232101</view><view class="wrap1_2_3 _div data-v-c0c42e9e">16平尺</view><view class="wrap1_2_4 _div data-v-c0c42e9e">2023.09.01-2023.09.18</view></view><view class="wrap1_3 _div data-v-c0c42e9e"><view class="wrap1_3_1 _div data-v-c0c42e9e"><view class="wrap1_3_1_1 _div data-v-c0c42e9e">2023.09.28</view><view class="wrap1_3_1_2 _div data-v-c0c42e9e">已延期</view><view class="wrap1_3_1_3 _div data-v-c0c42e9e">点击补款</view></view><view class="wrap1_3_2 _div data-v-c0c42e9e"><view class="wrap1_3_2_1 _div data-v-c0c42e9e">货架号:</view><view class="wrap1_3_2_2 _div data-v-c0c42e9e">12-02-13</view></view></view><view class="wrap1_4 _div data-v-c0c42e9e"><image style="width:80rpx;height:80rpx;" src="../../static/zu154@3x.png" class="data-v-c0c42e9e"></image></view></view></view><tabbar vue-id="541fae75-2" current="{{1}}" class="data-v-c0c42e9e" bind:__l="__l"></tabbar></view>
|
||||
<view class="order-goods _div data-v-c0c42e9e"><title-block vue-id="541fae75-1" title="订单库" class="data-v-c0c42e9e" bind:__l="__l" vue-slots="{{['left']}}"><view slot="left"><u-action-sheet vue-id="{{('541fae75-2')+','+('541fae75-1')}}" show="{{show}}" actions="{{$root.g0}}" title="请选择状态" data-event-opts="{{[['^close',[['e0']]],['^select',[['statusSelect']]]]}}" bind:close="__e" bind:select="__e" class="data-v-c0c42e9e" bind:__l="__l"></u-action-sheet><view data-event-opts="{{[['tap',[['openStatus',['$event']]]]]}}" class="wrap1 _div data-v-c0c42e9e" bindtap="__e"><view class="wrap1_1 _div data-v-c0c42e9e"><view class="wrap1_1_1 _div data-v-c0c42e9e">{{$root.g1.label}}</view><image style="width:12rpx;height:8rpx;" src="../../static/dbx2@3x.png" class="data-v-c0c42e9e"></image></view></view></view></title-block><view class="content2 _div data-v-c0c42e9e"><view class="wrap1 _div data-v-c0c42e9e"><view class="wrap1_1 _div data-v-c0c42e9e"><image src="../../static/zu1@3x.png" class="data-v-c0c42e9e"></image></view><view class="wrap1_2 _div data-v-c0c42e9e"></view><input placeholder-style="color: #C7C7C7;font-size: 20rpx;" placeholder="在此处搜索您的订单" data-event-opts="{{[['input',[['__set_model',['','mobileKey','$event',[]]]]]]}}" value="{{mobileKey}}" bindinput="__e" class="data-v-c0c42e9e"/></view><view data-event-opts="{{[['tap',[['search',['$event']]]]]}}" class="wrap2 _div data-v-c0c42e9e" bindtap="__e">搜索</view></view><scroll-view class="scrollbox data-v-c0c42e9e" style="margin-top:28rpx;" scroll-y="{{true}}" data-event-opts="{{[['scrolltolower',[['loadMore',['$event']]]]]}}" bindscrolltolower="__e"><view class="content3 _div data-v-c0c42e9e"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['touchstart',[['touchStart',['$event',index]]]],['touchmove',[['touchMove',['$event',index]]]],['touchend',[['e1',['$event']]]],['tap',[['goRouter',['$0'],[[['mainList','',index]]]]]]]}}" data-event-params="{{({index})}}" class="wrap1 _div data-v-c0c42e9e" style="{{'transform:'+('translateX('+item.$orig.distanceX+'px)')+';'}}" bindtouchstart="__e" bindtouchmove="__e" bindtouchend="__e" bindtap="__e"><view class="wrap1_1 _div data-v-c0c42e9e"><image src="../../static/jx632@3x.png" class="data-v-c0c42e9e"></image></view><view class="wrap1_2 _div data-v-c0c42e9e"><view class="wrap1_2_1 _div data-v-c0c42e9e">画作的名称</view><view class="wrap1_2_2 _div data-v-c0c42e9e">订单号:0129181232101</view><view class="wrap1_2_3 _div data-v-c0c42e9e">16平尺</view><view class="wrap1_2_4 _div data-v-c0c42e9e">2023.09.01-2023.09.18</view></view><view class="{{['wrap1_3','_div','data-v-c0c42e9e','status'+item.$orig.status]}}"><block wx:if="{{item.$orig.status===4}}"><view class="wrap1_3_1 _div data-v-c0c42e9e"><view class="wrap1_3_1_1 _div data-v-c0c42e9e">2023.09.28</view><view class="wrap1_3_1_2 _div data-v-c0c42e9e">已超时</view><view class="wrap1_3_1_3 _div data-v-c0c42e9e">点击补款</view></view></block><block wx:if="{{item.$orig.status!==4}}"><view class="wrap1_3_3 _div data-v-c0c42e9e"><view class="wrap1_3_3_1 _div data-v-c0c42e9e">{{item.g2.label}}</view></view></block><view class="wrap1_3_2 _div data-v-c0c42e9e"><view class="wrap1_3_2_1 _div data-v-c0c42e9e">货架号:</view><view class="wrap1_3_2_2 _div data-v-c0c42e9e">12-02-13</view></view></view><block wx:if="{{item.$orig.isRight&&item.$orig.status===5}}"><view class="wrap1_4 _div data-v-c0c42e9e"><image style="width:80rpx;height:80rpx;" src="../../static/zu154@3x.png" class="data-v-c0c42e9e"></image></view></block></view></block></view></scroll-view><tabbar vue-id="541fae75-3" current="{{1}}" class="data-v-c0c42e9e" bind:__l="__l"></tabbar></view>
|
||||
@ -25,8 +25,9 @@
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.order-goods.data-v-c0c42e9e {
|
||||
overflow: hidden;
|
||||
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;
|
||||
padding-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
background-size: cover;
|
||||
@ -34,10 +35,11 @@
|
||||
height: 100vh;
|
||||
}
|
||||
.order-goods .content3.data-v-c0c42e9e {
|
||||
margin-top: 28rpx;
|
||||
overflow: hidden;
|
||||
height: 2000rpx;
|
||||
margin-bottom: 166rpx;
|
||||
}
|
||||
.order-goods .content3 .wrap1.data-v-c0c42e9e {
|
||||
margin-bottom: 20rpx;
|
||||
position: relative;
|
||||
padding-left: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
@ -62,17 +64,40 @@
|
||||
border-bottom-right-radius: 20rpx;
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
background-color: #FF4848;
|
||||
position: relative;
|
||||
width: 144rpx;
|
||||
height: 228rpx;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3.status1.data-v-c0c42e9e {
|
||||
background: #FFBA00;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3.status1 .wrap1_3_3_1.data-v-c0c42e9e {
|
||||
color: #FFBA00;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3.status2.data-v-c0c42e9e {
|
||||
background: #76C458;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3.status2 .wrap1_3_3_1.data-v-c0c42e9e {
|
||||
color: #76C458;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3.status3.data-v-c0c42e9e {
|
||||
background: #76C458;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3.status3 .wrap1_3_3_1.data-v-c0c42e9e {
|
||||
color: #FF4848;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3.status4.data-v-c0c42e9e {
|
||||
background: #FF4848;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3.status4 .wrap1_3_3_1.data-v-c0c42e9e {
|
||||
color: #FF4848;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3 .wrap1_3_2.data-v-c0c42e9e {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
left: 20rpx;
|
||||
position: absolute;
|
||||
bottom: 40rpx;
|
||||
bottom: 60rpx;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3 .wrap1_3_2 .wrap1_3_2_1.data-v-c0c42e9e {
|
||||
color: #fff;
|
||||
@ -82,6 +107,23 @@
|
||||
color: #fff;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3 .wrap1_3_3.data-v-c0c42e9e {
|
||||
padding-top: 18rpx;
|
||||
padding-bottom: 18rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
border-top-right-radius: 15rpx;
|
||||
left: 4rpx;
|
||||
top: 4rpx;
|
||||
width: 136rpx;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3 .wrap1_3_3 .wrap1_3_3_1.data-v-c0c42e9e {
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.order-goods .content3 .wrap1 .wrap1_3 .wrap1_3_1.data-v-c0c42e9e {
|
||||
padding-bottom: 6rpx;
|
||||
display: flex;
|
||||
|
||||
@ -101,22 +101,22 @@ var components
|
||||
try {
|
||||
components = {
|
||||
"u-Input": function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u--input/u--input */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u--input/u--input")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u--input/u--input.vue */ 301))
|
||||
return Promise.all(/*! import() | uview-ui/components/u--input/u--input */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u--input/u--input")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u--input/u--input.vue */ 302))
|
||||
},
|
||||
uUpload: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-upload/u-upload */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-upload/u-upload")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-upload/u-upload.vue */ 326))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-upload/u-upload */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-upload/u-upload")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-upload/u-upload.vue */ 327))
|
||||
},
|
||||
uIcon: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-icon/u-icon */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-icon/u-icon")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-icon/u-icon.vue */ 307))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-icon/u-icon */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-icon/u-icon")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-icon/u-icon.vue */ 308))
|
||||
},
|
||||
uCheckboxGroup: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-checkbox-group/u-checkbox-group */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-checkbox-group/u-checkbox-group")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-checkbox-group/u-checkbox-group.vue */ 336))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-checkbox-group/u-checkbox-group */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-checkbox-group/u-checkbox-group")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-checkbox-group/u-checkbox-group.vue */ 337))
|
||||
},
|
||||
uCheckbox: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-checkbox/u-checkbox */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-checkbox/u-checkbox")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-checkbox/u-checkbox.vue */ 344))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-checkbox/u-checkbox */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-checkbox/u-checkbox")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-checkbox/u-checkbox.vue */ 345))
|
||||
},
|
||||
uButton: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-button/u-button */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-button/u-button")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-button/u-button.vue */ 316))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-button/u-button */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-button/u-button")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-button/u-button.vue */ 317))
|
||||
},
|
||||
}
|
||||
} catch (e) {
|
||||
|
||||
@ -101,13 +101,13 @@ var components
|
||||
try {
|
||||
components = {
|
||||
"u-Input": function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u--input/u--input */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u--input/u--input")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u--input/u--input.vue */ 301))
|
||||
return Promise.all(/*! import() | uview-ui/components/u--input/u--input */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u--input/u--input")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u--input/u--input.vue */ 302))
|
||||
},
|
||||
uIcon: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-icon/u-icon */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-icon/u-icon")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-icon/u-icon.vue */ 307))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-icon/u-icon */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-icon/u-icon")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-icon/u-icon.vue */ 308))
|
||||
},
|
||||
uButton: function () {
|
||||
return Promise.all(/*! import() | uview-ui/components/u-button/u-button */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-button/u-button")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-button/u-button.vue */ 316))
|
||||
return Promise.all(/*! import() | uview-ui/components/u-button/u-button */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uview-ui/components/u-button/u-button")]).then(__webpack_require__.bind(null, /*! @/uview-ui/components/u-button/u-button.vue */ 317))
|
||||
},
|
||||
}
|
||||
} catch (e) {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user