This commit is contained in:
jiangnan 2022-07-15 16:03:40 +08:00
parent 45559ac85c
commit 8560790c72
6 changed files with 451 additions and 99 deletions

169
package-lock.json generated
View File

@ -2988,6 +2988,44 @@
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
"dev": true
},
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true,
"optional": true
},
"css-loader": {
"version": "3.6.0",
"resolved": "https://registry.npmmirror.com/css-loader/-/css-loader-3.6.0.tgz",
@ -3061,6 +3099,13 @@
"slash": "^2.0.0"
}
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"dev": true,
"optional": true
},
"hash-sum": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-2.0.0.tgz",
@ -3175,6 +3220,42 @@
"requires": {
"minipass": "^3.1.1"
}
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"dev": true,
"optional": true,
"requires": {
"has-flag": "^4.0.0"
}
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.8.3",
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
},
"dependencies": {
"loader-utils": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
"integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
}
}
}
}
},
@ -16056,94 +16137,6 @@
"vue-style-loader": "^4.1.0"
}
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.8.3",
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
},
"dependencies": {
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.2",
"resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"color-name": {
"version": "1.1.4",
"resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true,
"optional": true
},
"has-flag": {
"version": "4.0.0",
"resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
"dev": true,
"optional": true
},
"hash-sum": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-2.0.0.tgz",
"integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
"dev": true,
"optional": true
},
"loader-utils": {
"version": "2.0.2",
"resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.2.tgz",
"integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"supports-color": {
"version": "7.2.0",
"resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
"dev": true,
"optional": true,
"requires": {
"has-flag": "^4.0.0"
}
}
}
},
"vue-style-loader": {
"version": "4.1.3",
"resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",

View File

@ -516,6 +516,15 @@
"enablePullDownRefresh": false
}
},
{
"path" : "pages/orderHall/orderHallDetails",
"style" :
{
"navigationBarTitleText": "点单大厅详情",
"enablePullDownRefresh": false,
"navigationStyle":"custom"
}
},
{
"path" : "pages/orderHall/addOrder",
"style" :

View File

@ -1,29 +1,211 @@
<template>
<view class="">
点单大厅
<view @click="toAdd()">
新建
<view class="page">
<view class="nav">
<view class="list" v-for="(item,index) in list" :key="item.text" @click="onNav(item.id,index)">
<view :class="['text',action == index?'on':'']">{{item.text}}</view>
</view>
</view>
<view class="main" v-if="isShow == 1">
<view class="mainList" v-for="item in mainList" :key="item.img">
<view class="mainListImg">
<img class='img' :src="item.img" alt="">
</view>
<view class="text">
<view class="text1">象山县打造公益文化特色团队</view>
<view class="text2">这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间2022/06/19</view>
</view>
</view>
</view>
</view>
<view class="main" v-if="isShow == 2">
<view class="mainList" v-for="item in mainList" :key="item.img">
<view class="mainListImg">
<img class='img' :src="item.img" alt="">
</view>
<view class="text">
<view class="text1">象山县队</view>
<view class="text2">这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间2022/06/19</view>
</view>
</view>
</view>
</view>
<view class="main" v-if="isShow == 3">
<view class="mainList" v-for="item in mainList" :key="item.img">
<view class="mainListImg">
<img class='img' :src="item.img" alt="">
</view>
<view class="text">
<view class="text1">象山县333333队</view>
<view class="text2">这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间2022/06/19</view>
</view>
</view>
</view>
</view>
<view class="main" v-if="isShow == 4">
<view class="mainList" v-for="item in mainList" :key="item.img">
<view class="mainListImg">
<img class='img' :src="item.img" alt="">
</view>
<view class="text">
<view class="text1">象山县444444444队</view>
<view class="text2">这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间2022/06/19</view>
</view>
</view>
</view>
</view>
<view class="main" v-if="isShow == 5">
<view class="mainList" v-for="item in mainList" :key="item.img">
<view class="mainListImg">
<img class='img' :src="item.img" alt="">
</view>
<view class="text">
<view class="text1">象山县555555队</view>
<view class="text2">这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需求清单这里是需</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间2022/06/19</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default{
data(){
return{
isShow: '1',
list:[
{
text:'全部',
id: 1
},
{
text:'订购',
id: 2
},
{
text:'公益',
id: 3
},
{
text:'演出',
id: 4
},
{
text:'其他',
id: 5
}
],
mainList:[
{
img:'../../static/RewardWork/fightVirus.png'
},
{
img:'../../static/RewardWork/fightVirus.png'
}
],
action:0
}
},
methods:{
toAdd(){
uni.navigateTo({
url: "/pages/orderHall/addOrder"
})
onNav(val,index){
this.action = index
this.isShow = val
}
}
}
</script>
<style>
<style lang="scss" scoped>
.on{
font-weight: 600;
}
.page{
.nav{
display: flex;
.list{
width: 20%;
height: 76rpx;
background: #FFFFFF;
.text{
font-size: 28rpx;
font-weight: 400;
color: #251B1D;
line-height: 70rpx;
text-align: center;
position: relative;
&.on::after{
content: '';
position: absolute;
height: 6rpx;
background: #9A2720;
width: 39%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
}
}
}
.main{
padding: 32rpx;
background-color: #F4F5F7;
.mainList{
margin-bottom: 32rpx;
border-radius: 16rpx;
overflow: hidden;
.mainListImg{
height: 400rpx;
.img{
width: 100%;
height: 100%;
}
}
.text{
padding: 32rpx;
background-color: #FFF;
.text1{
font-size: 28rpx;
font-weight: 600;
color: #251B1D;
margin-bottom: 5rpx;
}
.text2{
font-size: 24rpx;
font-weight: 400;
color: #989898;
}
.text3{
display: flex;
margin-top: 16rpx;
.mainListTime{
width: 26rpx;
height: 26rpx;
margin-top: 4rpx;
margin-right: 8rpx;
}
.time{
font-size: 24rpx;
font-weight: 400;
color: #989898;
}
}
}
}
}
}
</style>

View File

@ -0,0 +1,168 @@
<template>
<view class="page">
<view class="pageImg">
<img class='img' src="../../static/RewardWork/fightVirus.png" alt="">
</view>
<view class="main">
<view class="mainTitle">善行象山走进晓塘文艺演出招募</view>
<view class="textList">
<view class="type">
<img class='textImg' src="../../static/orderHall/text.png" alt="">
<view class="text1">需求清单</view>
</view>
<view class="text2">主持人2位歌手8位舞者5位志愿者10位</view>
</view>
<view class="textList">
<view class="type">
<img class='textImg' src="../../static/orderHall/text.png" alt="">
<view class="text1">具体内容</view>
</view>
<view class="text2">为推动社会慈善事业发展弘扬行善美德关爱弱势群体为主题由象山县慈善总会主办县义工分会等承办晓塘乡总工会晓塘乡团委晓塘乡妇联协办的善行象山走进晓塘文艺演出活动招募演出人员与志愿者</view>
</view>
<view class="pdf">
<img class='pdfImg' src="../../static/fileImg/pdfS.png" alt="">
<view class="text3">演出节目表与日程安排.pdf</view>
</view>
</view>
<view class="line"></view>
<view class="form">
<view class="formList">
<view class="left">类型</view>
<view class="right">演出</view>
</view>
<view class="formList">
<view class="left">可接单人数</view>
<view class="right"><text style="color: #99241B;">1</text>/5</view>
</view>
<view class="formList">
<view class="left">截止时间</view>
<view class="right">2022-06-02</view>
</view>
<view class="formList">
<view class="left">结束时间</view>
<view class="right">2022-06-27</view>
</view>
</view>
<view class="orderBtn">
<view class="btn">申请接单</view>
</view>
</view>
</template>
<script>
export default{
data(){
return{
}
},
methods:{
}
}
</script>
<style lang="scss" scoped>
.page{
.pageImg{
height: 440rpx;
.img{
width: 100%;
height: 100%;
}
}
.main{
padding: 32rpx;
.mainTitle{
font-size: 36rpx;
font-weight: 600;
color: #251B1D;
margin-bottom: 28rpx;
}
.textList{
margin-bottom: 24rpx;
.type{
display: flex;
height: 48rpx;
line-height: 48rpx;
.textImg{
width: 28rpx;
height: 28rpx;
margin-top: 10rpx;
margin-right: 8rpx;
}
.text1{
font-size: 28rpx;
font-weight: 500;
color: #32333C;
}
}
.text2{
font-size: 28rpx;
font-weight: 400;
color: #32333C;
line-height: 48rpx;
}
}
.pdf{
display: flex;
padding: 24rpx 30rpx;
background: #F4F5F7;
border-radius: 12rpx;
.pdfImg{
width: 80rpx;
height: 80rpx;
margin-right: 24rpx;
}
.text3{
}
}
}
.line{
height: 16rpx;
background: #F4F5F7;
}
.form{
padding: 32rpx 32rpx 24rpx;
margin-bottom: 132rpx;
.formList{
display: flex;
justify-content: space-between;
height: 40rpx;
line-height: 40rpx;
margin-bottom: 40rpx;
.left{
font-size: 28rpx;
font-weight: 400;
color: #AFADB0;
}
.right{
font-size: 28rpx;
font-weight: 400;
color: #251B1D;
}
}
}
.orderBtn{
width: 100%;
height: 132rpx;
background-color: #FFF;
position: fixed;
left: 0;
bottom: 0;
.btn{
width: calc(100% - 64rpx);
height: 96rpx;
line-height: 96rpx;
text-align: center;
background: #99241B;
border-radius: 8rpx;
font-size: 32rpx;
font-weight: 600;
color: #FFFFFF;
margin: auto;
}
}
}
</style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 826 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 901 B