Merge branch 'master' of git.zdool.com:xs/yyx/h5

This commit is contained in:
lnn19986213 2023-08-03 11:14:53 +08:00
commit a6b3269239
12 changed files with 11789 additions and 11559 deletions

View File

@ -1,110 +1,117 @@
{
"name" : "yxx",
"appid" : "__UNI__77CA6BC",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
"transformPx" : false,
"app-plus" : {
/* 5+App */
"usingComponents" : true,
"splashscreen" : {
"alwaysShowBeforeRender" : true,
"waiting" : true,
"autoclose" : true,
"delay" : 0
},
"modules" : {},
/* */
"distribute" : {
/* */
"android" : {
/* android */
"permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
"ios" : {},
/* ios */
"sdkConfigs" : {}
}
},
/* SDK */
"quickapp" : {},
/* */
"mp-weixin" : {
"appid" : "wx55b187e6ed92e2ac",
"setting" : {
"urlCheck" : true,
"minified" : true,
"es6" : true,
"postcss" : true
},
"usingComponents" : true,
"lazyCodeLoading" : "requiredComponents",
"optimization" : {
"subPackages" : true
}
},
"mp-alipay" : {
"usingComponents" : true
},
"mp-baidu" : {
"usingComponents" : true
},
"mp-toutiao" : {
"usingComponents" : true
},
"mp-qq" : {
"usingComponents" : true
},
"h5" : {
"router" : {
"mode" : "hash"
},
"title" : "艺象心",
"devServer" : {
"disableHostCheck" : true, // Host false
"proxy" : {
// vueproxyTable,
"/pre" : {
//
"target" : "http://192.168.1.3:8080/h5/api", //
"name": "yxx",
"appid": "__UNI__77CA6BC",
"description": "",
"versionName": "1.0.0",
"versionCode": "100",
"transformPx": false,
"app-plus": {
/* 5+App */
"usingComponents": true,
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
"modules": {},
/* */
"distribute": {
/* */
"android": {
/* android */
"permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
"ios": {},
/* ios */
"sdkConfigs": {}
}
},
/* SDK */
"quickapp": {},
/* */
"mp-weixin": {
"appid": "wx55b187e6ed92e2ac",
"setting": {
"urlCheck": true,
"minified": true,
"es6": true,
"postcss": true
},
"usingComponents": true,
"lazyCodeLoading": "requiredComponents",
"optimization": {
"subPackages": true
},
"plugins": {
"player": {
"version": "2.1.1",
"provider": "wxa75efa648b60994b"
}
}
// "target" : "https://yxx.ydool.net/h5/api", //
"changeOrigin" : true, //
"secure" : false, // https
"pathRewrite" : {
"^/pre" : ""
} // pathRewrite/api,/apitarget/api
},
"/sock" : {
//
"target" : "ws:// 10.0.0.5:8080/webSocket", //
"changeOrigin" : true //
}
}
}
}
}
},
"mp-alipay": {
"usingComponents": true
},
"mp-baidu": {
"usingComponents": true
},
"mp-toutiao": {
"usingComponents": true
},
"mp-qq": {
"usingComponents": true
},
"h5": {
"router": {
"mode": "hash"
},
"title": "艺象心",
"devServer": {
"disableHostCheck": true, // Host false
"proxy": {
// vueproxyTable,
"/pre": {
//
"target": "http://192.168.1.3:8080/h5/api", //
// "target" : "https://yxx.ydool.net/h5/api", //
"changeOrigin": true, //
"secure": false, // https
"pathRewrite": {
"^/pre": ""
} // pathRewrite/api,/apitarget/api
},
"/sock": {
//
"target": "ws:// 10.0.0.5:8080/webSocket", //
"changeOrigin": true //
}
}
}
}
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,274 +1,278 @@
<template>
<view class="">
<view class="">
<u-loading-page :loading="load"></u-loading-page>
</view>
<view class="page" v-if="load == false">
<view class="nav">
<view class="list" v-for="(item,index) in list" :key="index" @click="onNav(item.code,index)">
<view :class="['text',action == index?'on':'']">{{item.text}}</view>
</view>
</view>
<view class="addIcon" @click="toAddOrder">
<image src="../../static/orderHall/addOrder.png"></image>
</view>
<view class="main" v-if="mainList.length > 0">
<view class="mainList" v-for="(item,i) in mainList" :key="i">
<view class="mainListImg" @click="toDetail(item.id)">
<img class='img' :src="item.enclosure" alt="">
<view class="imgTags" v-if="item.isBaoming">
<u-tag text="已完成" type="success" v-if="item.hallState == '3'"></u-tag>
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
<u-tag text="已接单" type="warning" v-else></u-tag>
</view>
<view class="imgTags" v-else>
<u-tag text="招募中" v-if="item.hallState == '1'"></u-tag>
<u-tag text="进行中" v-else-if="item.hallState == '2'"></u-tag>
<u-tag text="已完成" type="success" v-else-if="item.hallState == '3'"></u-tag>
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
</view>
</view>
<view class="text">
<view class="text1">{{item.title}}</view>
<view class="text2">{{item.content}}</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间{{item.deadline}}</view>
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" >
</u-empty>
</view>
</view>
</view>
<view class="">
<view class="">
<u-loading-page :loading="load"></u-loading-page>
</view>
<view class="page" v-if="load == false">
<view class="nav">
<view class="list" v-for="(item, index) in list" :key="index" @click="onNav(item.code, index)">
<view :class="['text', action == index ? 'on' : '']">{{ item.text }}</view>
</view>
</view>
<view class="addIcon" @click="toAddOrder">
<image src="../../static/orderHall/addOrder.png"></image>
</view>
<view class="main" v-if="mainList.length > 0">
<view class="mainList" v-for="(item, i) in mainList" :key="i">
<view class="mainListImg" @click="toDetail(item.id)">
<img class='img' :src="item.enclosure" alt="">
<view class="imgTags" v-if="item.isBaoming">
<u-tag text="已完成" type="success" v-if="item.hallState == '3'"></u-tag>
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
<u-tag text="已接单" type="warning" v-else></u-tag>
</view>
<view class="imgTags" v-else>
<u-tag text="招募中" v-if="item.hallState == '1'"></u-tag>
<u-tag text="进行中" v-else-if="item.hallState == '2'"></u-tag>
<u-tag text="已完成" type="success" v-else-if="item.hallState == '3'"></u-tag>
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
</view>
</view>
<view class="text">
<view class="text1">{{ item.title }}</view>
<view class="text2">{{ item.content }}</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间{{ item.deadline }}</view>
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</u-empty>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
load:true,
list: [{
text: '全部',
code: ''
},
{
text: '订购',
code: 'order'
},
{
text: '公益',
code: 'gy'
},
{
text: '演出',
code: 'show'
},
{
text: '其他',
code: 'other'
}
],
mainList: [],
action: 0,
pages: 1,
size: 20,
type: '',
}
},
//
onPullDownRefresh() {
this.pages = 1
this.mainList = []
this.getData()
setTimeout(function() {
uni.stopPullDownRefresh();
}, 1000);
},
//
onReachBottom() {
this.pages++
this.getData();
},
onShow() {
this.pages = 1
this.load = true
this.mainList = []
this.getData()
},
methods: {
getData() {
let _this = this
this.http.request('/hall/list', {
page: this.pages,
size: this.size,
type: this.type,
}, "GET").then(res => {
if (res.code == 200) {
if(res.data.records.length > 0){
res.data.records.forEach(function(item){
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs == 'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
}
else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
_this.mainList.push(item)
})
}else{
this.pages--
}
this.load = false
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
onNav(val, index) {
this.action = index
this.type = val
this.pages = 1
this.load = true
this.mainList = []
this.getData()
},
toDetail(val){
uni.navigateTo({
url: `/pagesB/orderHall/orderHallDetails?id=` + val
})
},
toAddOrder(){
uni.navigateTo({
url: `/pagesB/orderHall/addOrder`
})
}
}
}
export default {
data () {
return {
load: true,
list: [{
text: '全部',
code: ''
},
{
text: '订购',
code: 'order'
},
{
text: '公益',
code: 'gy'
},
{
text: '演出',
code: 'show'
},
{
text: '其他',
code: 'other'
}
],
mainList: [],
action: 0,
pages: 1,
size: 20,
type: '',
}
},
//
onPullDownRefresh () {
this.pages = 1
this.mainList = []
this.getData()
setTimeout(function () {
uni.stopPullDownRefresh();
}, 1000);
},
//
onReachBottom () {
this.pages++
this.getData();
},
onShow () {
this.pages = 1
this.load = true
this.mainList = []
this.getData()
},
methods: {
getData () {
let _this = this
this.http.request('/hall/list', {
page: this.pages,
size: this.size,
type: this.type,
}, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs == 'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
}
else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
_this.mainList.push(item)
})
} else {
this.pages--
}
this.load = false
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
onNav (val, index) {
this.action = index
this.type = val
this.pages = 1
this.load = true
this.mainList = []
this.getData()
},
toDetail (val) {
uni.navigateTo({
url: `/pagesB/orderHall/orderHallDetails?id=` + val
})
},
toAddOrder () {
uni.navigateTo({
url: `/pagesB/orderHall/addOrder`
})
}
}
}
</script>
<style lang="scss" scoped>
page{
background-color: #f8f8f8;
}
image{
width: 100%;
height: 100%;
}
.on {
font-weight: 600;
}
page {
background-color: #f8f8f8;
}
.page {
.nav {
display: flex;
image {
width: 100%;
height: 100%;
}
.list {
width: 20%;
height: 76rpx;
background: #FFFFFF;
.on {
font-weight: 600;
}
.text {
font-size: 28rpx;
font-weight: 400;
color: #251B1D;
line-height: 70rpx;
text-align: center;
position: relative;
.page {
.nav {
display: flex;
&.on::after {
content: '';
position: absolute;
height: 6rpx;
background: #9A2720;
width: 39%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
}
}
}
.list {
width: 20%;
height: 76rpx;
background: #FFFFFF;
.main {
padding: 32rpx;
// background-color: #F4F5F7;
.text {
font-size: 28rpx;
font-weight: 400;
color: #251B1D;
line-height: 70rpx;
text-align: center;
position: relative;
.mainList {
margin-bottom: 32rpx;
border-radius: 16rpx;
overflow: hidden;
&.on::after {
content: '';
position: absolute;
height: 6rpx;
background: #9A2720;
width: 39%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
}
}
}
.mainListImg {
height: 400rpx;
position: relative;
.img {
width: 100%;
height: 100%;
}
.imgTags{
position: absolute;
right: 0;
bottom: 0;
}
}
.main {
padding: 32rpx;
// background-color: #F4F5F7;
.text {
padding: 32rpx;
background-color: #FFF;
.mainList {
margin-bottom: 32rpx;
border-radius: 16rpx;
overflow: hidden;
.text1 {
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
margin-bottom: 5rpx;
}
.mainListImg {
height: 400rpx;
position: relative;
.text2 {
font-size: 28rpx;
font-weight: 400;
color: #989898;
}
.img {
width: 100%;
height: 100%;
}
.text3 {
display: flex;
margin-top: 16rpx;
.imgTags {
position: absolute;
right: 0;
bottom: 0;
}
}
.mainListTime {
width: 26rpx;
height: 26rpx;
margin-top: 4rpx;
margin-right: 8rpx;
}
.text {
padding: 32rpx;
background-color: #FFF;
.time {
font-size: 24rpx;
font-weight: 400;
color: #989898;
}
}
}
}
}
.addIcon{
position: fixed;
right: 24rpx;
bottom: 242rpx;
width: 104rpx;
height: 104rpx;
border-radius: 50%;
z-index: 999;
}
}
.text1 {
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
margin-bottom: 5rpx;
}
.text2 {
font-size: 28rpx;
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;
}
}
}
}
}
.addIcon {
position: fixed;
right: 24rpx;
bottom: 242rpx;
width: 104rpx;
height: 104rpx;
border-radius: 50%;
z-index: 999;
}
}
</style>

View File

@ -15,26 +15,12 @@
<view class="line"></view>
</view>
</view>
<view class="forms" v-if="tabC == '0'" >
<view class="teamBox" v-for="(item, index) in 6">
<view class="forms" v-if="tabC == '0'">
<view class="teamBox" v-for="(item, index) in 2" :key="index">
<view class="teamBox-right">
<image src="../../static/txIcon.png" mode=""></image>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">张三</view>
<view class="street">会长</view>
<view class="item-image">
<image src="../../static/txIcon.png" mode=""></image>
</view>
<view class="teamMinbox-bottom">
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
</view>
</view>
</view>
</view>
<view class="forms" v-if="tabC == '1'" >
<view class="teamBox" v-for="(item, index) in 2">
<view class="teamBox-right">
<image src="../../static/txIcon.png" mode=""></image>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
@ -47,10 +33,36 @@
</view>
</view>
</view>
<view class="forms" v-if="tabC == '2'" >
<view class="teamBox" v-for="(item, index) in 3">
<view class="forms" v-if="tabC == '1'">
<view
class="teamBox"
v-for="item in list"
:key="item.id"
@click="onInfo(item.id)"
>
<view class="teamBox-right">
<image src="../../static/txIcon.png" mode=""></image>
<view class="item-image">
{{ item.userName }}
<!-- <image src="../../static/txIcon.png" mode=""></image> -->
</view>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">{{ item.userName }}</view>
<view class="street">{{ item.identity }}</view>
</view>
<view class="teamMinbox-bottom">
{{ item.introduce }}
</view>
</view>
</view>
</view>
<view class="forms" v-if="tabC == '2'">
<view class="teamBox" v-for="(item, index) in 3" :key="index">
<view class="teamBox-right">
<view class="item-image">
<image src="../../static/txIcon.png" mode=""></image>
</view>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
@ -71,15 +83,44 @@ export default {
data() {
return {
tabC: "0",
list: [],
};
},
onShow() {
// this.getData();
this.get();
},
methods: {
get() {
this.http
.request("/organPerson/list", {}, "GET")
.then((res) => {
if (res.code == 200) {
this.list = res.data.records;
}
})
.catch((err) => {
uni.showToast({
title: e.data.message,
icon: "none",
});
});
},
toTab(val) {
this.tabC = val;
// this.getData()
},
onInfo(obj) {
this.http
.request("/organPerson/details", { id: obj }, "GET")
.then((res) => {
if (res.code == 200) {
}
})
.catch((err) => {
uni.showToast({
title: e.data.message,
icon: "none",
});
});
},
},
};
@ -140,14 +181,30 @@ export default {
display: flex;
.teamBox-right {
margin-right: 20rpx;
image {
width: 180rpx;
height: 130rpx;
background-size: contain;
width: 159rpx;
height: 159rpx;
.item-image {
width: 159rpx;
height: 159rpx;
display: flex;
align-items: center;
justify-content: center;
background: rgba(152, 149, 149, 0.5);
color: rgb(240, 239, 239);
font-style: 64rpx;
font-weight: bolder;
border-radius: 50%;
overflow: hidden;
image {
width: 159rpx;
height: 159rpx;
border-radius: 50%;
background-size: contain;
}
}
}
.teamBox-left {
// width: 400rpx;
// width: 400rpx;
.teamMinbox-top {
display: flex;
margin-bottom: 16rpx;
@ -166,7 +223,7 @@ export default {
color: #a02521;
margin-left: 18rpx;
padding: 2rpx 20rpx;
max-width:120rpx;
max-width: 120rpx;
overflow: hidden; /* 超出一行文字自动隐藏 */
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
white-space: nowrap;

View File

@ -0,0 +1,441 @@
<template>
<view class="box">
<view class="form_line">
<view class="form_left">
标题
</view>
<view class="form_right">
<u--input placeholder="请输入名称" v-model="title" clearable border="none" inputAlign="right" style="color: #251B1D;">
</u--input>
</view>
</view>
<view class="form_line">
<view class="form_left">
节目
</view>
<view class="form_right" @click="showType = true">
<u--input placeholder="请选择" clearable border="none" inputAlign="right" style="color: #251B1D;"
suffixIcon="arrow-right" readonly v-model="programs" disabledColor="#ffffff">
</u--input>
</view>
</view>
<u-popup :show="showType" @close="close" closeOnClickOverlay :round="5" customStyle="padding: 16px;">
<u-radio-group @change="selectForm1" v-model="programs" :borderBottom="true" placement="column"
iconPlacement="right">
<u-radio :customStyle="{ marginBottom: '16px' }" v-for="(item, index) in program" :key="index" :label="item.name"
labelSize="28rpx" labelColor="#231F1C" :name="item.id" activeColor="#99241B ">
</u-radio>
<u-button class="custom-style" style="background-color:#99241B ; color: #FFFFFF; margin-top: 32rpx;"
type="default" @click="showType = false">确认</u-button>
</u-radio-group>
</u-popup>
<view class="form_line">
<view class="form_left">
团队
</view>
<view class="form_right" @click="showTypes = true">
<u--input placeholder="请选择" clearable border="none" inputAlign="right" style="color: #251B1D;"
suffixIcon="arrow-right" readonly v-model="teams" disabledColor="#ffffff">
</u--input>
</view>
</view>
<u-popup :show="showTypes" @close="close" closeOnClickOverlay :round="5" customStyle="padding: 16px;">
<u-radio-group @change="selectForm1" v-model="teams" :borderBottom="true" placement="column" iconPlacement="right">
<u-radio :customStyle="{ marginBottom: '16px' }" v-for="(item, index) in team" :key="index" :label="item.name"
labelSize="28rpx" labelColor="#231F1C" :name="item.id" activeColor="#99241B ">
</u-radio>
<u-button class="custom-style" style="background-color:#99241B ; color: #FFFFFF; margin-top: 32rpx;"
type="default" @click="showTypes = false">确认</u-button>
</u-radio-group>
</u-popup>
<view class="form_line">
<view class="form_left">
开始时间
</view>
<view class="form_right">
<uni-datetime-picker type="datetime" v-model="wTime" :border="false" :clearIcon="false" />
<!-- <u--input placeholder="请选择" clearable border="none" inputAlign="right" style="color: #251B1D;"
suffixIcon="calendar" readonly v-model="wTime" disabledColor="#ffffff">
</u--input> -->
</view>
</view>
<view class="form_line">
<view class="form_left">
截止时间
</view>
<view class="form_right">
<uni-datetime-picker type="datetime" v-model="eTime" :border="false" :clearIcon="false" />
<!-- <u--input placeholder="请选择" clearable border="none" inputAlign="right" style="color: #251B1D;"
suffixIcon="calendar" readonly v-model="eTime" disabledColor="#ffffff">
</u--input> -->
</view>
</view>
<view class="operation" @click="next">
发布
</view>
</view>
</template>
<script>
import http from '../../request/interface.js'
export default {
data () {
return {
title: '',
typeId: '',
showType: false,
type: '',
radiolist1: [],
text1: '',
text2: '',
showTime: false,
timeTab: 0,
eTime: '',
wTime: '',
timeValue: Number(new Date()),
showUser: false,
userType: '',
userTypeValue: 'wyrc,zyz',
radiovalue2: [],
radiolist2: [],
morePer: true,
perNumber: 1,
fileList3: [],
ok: true,
team: [],
teams: '',
program: [],
programs: '',
showTypes: false
}
},
onShow () {
},
async onLoad () {
await this.getCurrentTime()
await this.teamandprogram()
},
methods: {
getCurrentTime () {
//
let yy = new Date().getFullYear();
let mm = new Date().getMonth() + 1;
let dd = new Date().getDate();
let gettime = yy + '-' + mm + '-' + dd;
this.eTime = gettime
this.wTime = gettime
},
//
// getTypeList () {
// this.http.request('/hallType/list', {}, "GET").then(res => {
// if (res.code == 200) {
// this.radiolist1 = res.data.records
// }
// }).catch(e => {
// uni.showToast({
// title: e.data.message,
// icon: "none",
// });
// })
// },
//
// getUserList () {
// this.http.request('/hall/yhlx', {}, "GET").then(res => {
// if (res.code == 200) {
// this.radiolist2 = res.data
// }
// }).catch(e => {
// uni.showToast({
// title: e.data.message,
// icon: "none",
// });
// })
// },
close () {
this.showType = false
this.showTime = false
this.showUser = false
},
selectForm1 (form) {
let _this = this
this.radiolist1.forEach(function (item) {
if (item.name == form) {
_this.typeId = item.code
}
})
},
chooseTime (val) {
this.showTime = true
this.timeTab = val
},
sureTime (e) {
if (this.timeTab == 0) {
this.eTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM')
} else {
this.wTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM')
}
this.showTime = false
},
// selectForm2 () {
// let _this = this
// let code = []
// this.radiolist2.forEach(function (item) {
// _this.radiovalue2.forEach(function (ele) {
// if (item.label == ele) {
// code.push(item.value)
// }
// })
// })
// this.userTypeValue = code.join(',')
// this.userType = this.radiovalue2.join(',')
// this.showUser = false
// },
changeTrue (e) {
console.log('change', e);
},
valChange (e) {
console.log('当前值为: ' + e.value)
},
//
deletePic (event) {
this[`fileList${event.name}`].splice(event.index, 1)
},
//
// async afterRead (event) {
// // mutiple true , file
// let lists = [].concat(event.file)
// let fileListLen = this[`fileList${event.name}`].length
// lists.map((item) => {
// this[`fileList${event.name}`].push({
// ...item,
// status: 'uploading',
// message: ''
// })
// })
// for (let i = 0; i < lists.length; i++) {
// const result = await this.uploadFilePromise(lists[i].url)
// let item = this[`fileList${event.name}`][fileListLen]
// this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
// status: 'success',
// message: '',
// url: result
// }))
// fileListLen++
// }
// },
// uploadFilePromise (url) {
// let token = uni.getStorageSync('token');
// return new Promise((resolve, reject) => {
// let a = uni.uploadFile({
// url: http.config.baseUrl + '/file/upload',
// filePath: url,
// name: 'file',
// formData: {
// user: 'test'
// },
// header: {
// "X-Token": token
// },
// success: (res) => {
// if (JSON.parse(res.data).code == 200) {
// setTimeout(() => {
// resolve(JSON.parse(res.data).data.path)
// }, 1000)
// } else {
// uni.showToast({
// title: JSON.parse(res.data).message,
// icon: "none",
// });
// this.fileList3.pop()
// }
// }
// });
// })
// },
next () {
this.ok = true
if (this.title == '') {
uni.showToast({
title: '请输入名称',
icon: "none",
});
this.ok = false
return
}
if (this.teams == '') {
uni.showToast({
title: '请选择团队',
icon: "none",
});
this.ok = false
return
}
if (this.programs == '') {
uni.showToast({
title: '请选择团队',
icon: "none",
});
this.ok = false
return
}
if (this.eTime == '') {
uni.showToast({
title: '请选择截止日期',
icon: "none",
});
this.ok = false
return
}
if (this.wTime == '') {
uni.showToast({
title: '请选择开始日期',
icon: "none",
});
this.ok = false
return
}
if (this.eTime.length < 12) {
uni.showToast({
title: '请选择截止时间',
icon: "none",
});
this.ok = false
return
}
if (this.wTime.length < 12) {
uni.showToast({
title: '请选择活动时间',
icon: "none",
});
this.ok = false
return
}
if (this.ok) {
this.http.request('/artCountryside/add', {
title: this.title,
showId: this.programs,
teams: this.teams,
endTime: this.eTime,
startTime: this.wTime,
}, "POST").then(res => {
if (res.code == 200) {
uni.navigateBack()
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}
},
teamandprogram () {
this.http.request('/artTeam/list', {}, 'GET').then(res => {
if (res.code === 200) {
this.team = []
this.program = []
res.data.records.forEach((item, index) => {
if (item.type == 'team') {
this.team.push(item)
} else {
this.program.push(item)
}
});
} else {
uni.showToast({
title: res.data.message,
icon: "error",
});
}
}).catch(err => {
})
}
}
}
</script>
<style></style>
<style lang="scss" scoped>
.box {
width: 100%;
height: 100%;
overflow-y: auto;
position: relative;
}
/deep/ .uni-icons {
display: none;
}
/deep/ .uni-date-x {
text-align: right;
padding: 0;
}
.form_line {
width: 686rpx;
padding: 0 32rpx;
display: flex;
align-items: center;
font-size: 32rpx;
justify-content: space-between;
height: 104rpx;
border-bottom: 1rpx solid #dadbde;
.form_right {
width: 450rpx;
}
}
.form_box {
width: 686rpx;
padding: 0 32rpx;
display: flex;
align-items: center;
font-size: 32rpx;
justify-content: space-between;
height: 104rpx;
}
.text_box {
width: 686rpx;
padding: 0 32rpx;
}
.gap {
color: #AFADB0;
background: #F5F5F5;
opacity: 1;
padding: 10rpx 32rpx;
font-size: 32rpx;
}
::v-deep .u-upload__wrap {
padding: 32rpx;
}
.upload {
padding: 32rpx;
}
.operation {
width: 654rpx;
height: 96rpx;
margin: 32rpx 48rpx 48rpx;
text-align: center;
line-height: 96rpx;
background-color: #99241B;
color: #fff;
font-size: 36rpx;
font-weight: 600;
position: absolute;
bottom: 0rpx;
}
</style>

View File

@ -15,77 +15,149 @@
<view class="line"></view>
</view>
</view>
<view class="forms" v-if="tabC == '0'" >
<view class="teamBox" v-for="(item, index) in 6">
<view class="teamBox-right">
<image src="../../static/txIcon.png" mode=""></image>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">xx团队</view>
<view class="street">丹东街道</view>
<view class="forms" v-if="tabC == '0'">
<view v-if="team.length > 0">
<view class="teamBox" v-for="(item, index) in team">
<view class="teamBox-right">
<image :src="item.file" mode=""></image>
</view>
<view class="teamMinbox-bottom">
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">{{ item.name }}</view>
<view class="street">{{ item.villageName }}</view>
</view>
<view class="teamMinbox-bottom">
{{ item.introduce }}
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</u-empty>
</view>
</view>
<view class="forms" v-if="tabC == '1'" >
<view class="teamBox" v-for="(item, index) in 2">
<view class="teamBox-right">
<image src="../../static/txIcon.png" mode=""></image>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">xx团队</view>
<view class="street">丹东街道</view>
<view class="forms" v-if="tabC == '1'">
<view v-if="program.length > 0">
<view class="teamBox" v-for="(item, index) in program">
<view class="teamBox-right">
<image :src="item.file" mode=""></image>
</view>
<view class="teamMinbox-bottom">
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">{{ item.name }}</view>
<view class="street">{{ item.villageName }}</view>
</view>
<view class="teamMinbox-bottom">
{{ item.introduce }}
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</u-empty>
</view>
</view>
<view class="forms" v-if="tabC == '2'" >
<view class="teamBox" v-for="(item, index) in 3">
<view class="teamBox-right">
<image src="../../static/txIcon.png" mode=""></image>
</view>
<view class="teamBox-left">
<view class="teamMinbox-top">
<view class="title">xx团队</view>
<view class="street">丹东街道</view>
<view class="forms" v-if="tabC == '2'">
<view class="addIcon" @click="toAddOrder">
<image src="../../static/orderHall/addOrder.png"></image>
</view>
<view class="main" v-if="mainList.length > 0">
<view class="mainList" v-for="(item, i) in mainList" :key="i">
<view class="mainListImg" @click="toDetail(item.id)">
<img class='img' :src="item.enclosure" alt="">
</view>
<view class="teamMinbox-bottom">
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
<view class="text">
<view class="text1">{{ item.title }}</view>
<view class="text2">{{ item.content }}</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间{{ item.deadline }}</view>
</view>
</view>
</view>
</view>
<view v-else>
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</u-empty>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
data () {
return {
tabC: "0",
mainList: [],
villageId: '',
team: [],
program: []
};
},
onShow() {
onShow () {
// this.getData();
},
methods: {
toTab(val) {
toTab (val) {
this.tabC = val;
// this.getData()
},
RuralDevelopmentPlanlist () {
let data = {
villageId: this.villageId
}
this.http.request(`/artCountryside/list`, data, 'GET').then(res => {
if (res.code === 200) {
console.log(res.data.records);
this.mainList = res.data.records
} else {
uni.showToast({
title: res.data.message,
icon: "error",
});
}
}).catch(err => {
})
},
toAddOrder () {
uni.navigateTo({
url: `/pagesD/wyxx/addindex`
})
},
teamandprogram () {
this.http.request('/artTeam/list', {}, 'GET').then(res => {
if (res.code === 200) {
this.team = []
this.program = []
res.data.records.forEach((item, index) => {
if (item.type == 'team') {
this.team.push(item)
} else {
this.program.push(item)
}
});
} else {
uni.showToast({
title: res.data.message,
icon: "error",
});
}
}).catch(err => {
})
}
},
async mounted () {
await this.teamandprogram()
await this.RuralDevelopmentPlanlist()
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.wyxx {
background-color: #fefefe;
}
@ -132,33 +204,42 @@ export default {
// height: 40rpx;
// background-color: skyblue;
margin: 40rpx auto 0rpx;
.teamBox {
height: 140rpx;
padding: 18rpx 10rpx;
background-color: #fff;
margin-bottom: 20rpx;
display: flex;
.teamBox-right {
margin-right: 20rpx;
image {
width: 180rpx;
height: 130rpx;
background-size: contain;
}
}
.teamBox-left {
// width: 400rpx;
// width: 400rpx;
.teamMinbox-top {
display: flex;
margin-bottom: 16rpx;
.title {
font-weight: 600;
font-size: 32rpx;
max-width: 160rpx;
overflow: hidden; /* 超出一行文字自动隐藏 */
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
overflow: hidden;
/* 超出一行文字自动隐藏 */
text-overflow: ellipsis;
/*文字隐藏后添加省略号*/
white-space: nowrap;
}
.street {
height: 40rpx;
border-radius: 30rpx;
@ -166,12 +247,15 @@ export default {
color: #a02521;
margin-left: 18rpx;
padding: 2rpx 20rpx;
max-width:120rpx;
overflow: hidden; /* 超出一行文字自动隐藏 */
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
max-width: 130rpx;
overflow: hidden;
/* 超出一行文字自动隐藏 */
text-overflow: ellipsis;
/*文字隐藏后添加省略号*/
white-space: nowrap;
}
}
.teamMinbox-bottom {
font-size: 28rpx;
overflow: hidden;
@ -183,4 +267,82 @@ export default {
}
}
}
image {
width: 100%;
height: 100%;
}
.main {
padding: 32rpx;
// background-color: #F4F5F7;
.mainList {
margin-bottom: 32rpx;
border-radius: 16rpx;
overflow: hidden;
.mainListImg {
height: 400rpx;
position: relative;
.img {
width: 100%;
height: 100%;
}
.imgTags {
position: absolute;
right: 0;
bottom: 0;
}
}
.text {
padding: 32rpx;
background-color: #FFF;
.text1 {
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
margin-bottom: 5rpx;
}
.text2 {
font-size: 28rpx;
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;
}
}
}
}
}
.addIcon {
position: fixed;
right: 24rpx;
bottom: 242rpx;
width: 104rpx;
height: 104rpx;
border-radius: 50%;
z-index: 999;
}
</style>

View File

@ -0,0 +1,31 @@
<template>
<view>
<player-component
playerid="tvp"
id="tvp-id"
vid="13881752490784308944"
></player-component>
</view>
</template>
<script>
export default {
data() {
return {
store: null,
player: null,
};
},
onShow() {
this.store = requirePlugin("player");
this.player = this.store.get("tvp");
console.log(this.store);
console.log(this.player);
},
mounted() {},
methods: {},
};
</script>
<style>
</style>

View File

@ -1,7 +1,7 @@
<template>
<!-- 文艺下乡 -->
<view class="wyxx">
<view class="tabTitle">
<!-- <view class="tabTitle">
<view :class="tabC == '0' ? 'tabsC' : 'tabs'" @click="toTab('0')">
<view> 分类 </view>
<view class="line"></view>
@ -22,36 +22,27 @@
<view> 分类4 </view>
<view class="line"></view>
</view>
</view>
<view class="forms" v-if="tabC == '0'">
<view class="teamBox" v-for="(item, index) in videoList">
</view> -->
<view class="forms">
<view class="teamBox" v-for="(item, index) in list" :key="item.id">
<view class="teamBox-top">
<!-- <video
id="video"
style="width: 100%; height: 100%"
object-fit="cover"
controls
:src="item.video"
poster="../../static/orderE.png"
>
</video> -->
<view class="mask" @click="playMask(index)" v-if="item.play">
<text>{{ item.title }}</text>
<image class="team-image" :src="item.linkPath" mode="scaleToFill" />
<view class="mask">
<image src="../../static/play.png"></image>
</view>
</view>
<view class="teamBox-bottom">
<view class="interactive">
<image src="../../static/play.png" mode=""></image>
<view class="title">{{ item.playback }}</view>
<image src="../../static/play-1.png" mode=""></image>
<view class="title">{{ item.views }}</view>
</view>
<view class="interactive">
<image src="../../static/workDetail/heart1.png" mode=""></image>
<view class="title">{{ item.like }}</view>
<view class="title">{{ item.likes }}</view>
</view>
<view class="interactive">
<image src="../../static/workDetail/star1.png" mode=""></image>
<view class="title">{{ item.collect }}</view>
<view class="title">{{ item.collections }}</view>
</view>
</view>
</view>
@ -63,7 +54,7 @@
export default {
data() {
return {
tabC: "0",
// tabC: "0",
videoList: [
{
title:
@ -74,12 +65,18 @@ export default {
// video: "../../static/a1.mp4",
play: true,
},
],
list: [],
query: {
total: 1,
page: 1,
size: 20,
},
};
},
onShow() {
// this.getData();
this.get();
},
mounted() {},
methods: {
@ -87,20 +84,37 @@ export default {
this.tabC = val;
// this.getData()
},
playMask(index) {
this.videoList[index].play = false;
var video = document.getElementById("video");
//
video.addEventListener("pause", function (e) {
console.log("暂停播放");
console.log(e);
});
// 15ended
video.addEventListener("ended", function (e) {
console.log("视频播放完了");
console.log(e);
});
get() {
this.http
.request("/exhibition/list", this.query, "GET")
.then((res) => {
if (res.code == 200) {
this.list = res.data.records;
this.query.total = res.data.total;
this.query.page = res.data.current;
this.query.size = res.data.size;
}
})
.catch((err) => {
uni.showToast({
title: e.data.message,
icon: "none",
});
});
},
playMask(obj) {
// this.videoList[index].play = false;
// var video = document.getElementById("video");
// //
// video.addEventListener("pause", function (e) {
// console.log("");
// console.log(e);
// });
// // 15ended
// video.addEventListener("ended", function (e) {
// console.log("");
// console.log(e);
// });
},
},
};
@ -153,17 +167,18 @@ export default {
margin: 40rpx auto 0rpx;
.teamBox {
.teamBox-top {
height: 400rpx;
position: relative;
// video {
// position: relative;
// }
.team-image {
width: 100%;
height: 400rpx;
border: 2px solid red;
}
.mask {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
z-index: 99;
text {
// position: absolute;

663
src/pagesD/xxgl/index.vue Normal file
View File

@ -0,0 +1,663 @@
<template>
<view>
<view class="tabss"
style="display: flex;justify-content: space-between; align-items: center;background-color: #FFFFFF; ">
<view @click="clickTab(1)" :class="{ 'acttiveSty': tabNum == 1 }"
style="flex: 1; text-align: center;height: 40px; line-height: 40px;">
<text>已发布</text>
</view>
<view style="flex: 1;text-align: center;" :class="{ 'acttiveSty': tabNum == 2 }" @click="clickTab(2)">
<text>已接单</text>
</view>
</view>
<view class="main">
<view class="art_act_itm" v-for="(item, i) in orderList" :key="i" v-if="tabNum == 1">
<!-- <image src="../../static/icon12.jpg" mode=""></image> -->
<image :src="item.enclosure" mode="" @click="goActDeat(item.id, 1)"></image>
<view class="bottom_part" style="padding: 0 12px;">
<view class="ddd" style="display: flex; justify-content: space-between; align-items: center;">
<view class="title">
{{ item.title }}
</view>
<view class="tag_sta_end" v-if='item.state == "3"'>
已完成
</view>
<view class="tag_sta_fail" v-if='item.state == "4"'>
未接单
</view>
<view class="tag_sta_going" v-if='item.state == "1" || item.state == "0"'>
进行中
</view>
<view class="tag_sta_end" v-if='item.state == "2"'>
待评价
</view>
</view>
<view class="act_time">
活动时间 {{ item.createdAt }}
</view>
<view class="but_box" style="margin-top: 20rpx;" v-if="!(item.state == '4')">
<view style="width: 236rpx;margin: 0 10rpx; " v-if='!(item.state == "0")'>
<u-button icon="photo-fill" shape="circle" text="已传图片" @click="touploadedimg(item.images)">
</u-button>
</view>
<view style="width: 236rpx; margin: 0 10rpx;" v-if='item.state == "1"' @click="done(item.id)">
<u-button color="#99241B" shape="circle" text="确认完成"></u-button>
</view>
<view style="width: 236rpx; margin: 0 10rpx;" @click="undone(item.id)"
v-if='item.state != "2" && item.state != "3"'>
<u-button color="#99241B" shape="circle" text="未完成"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; " v-if='(item.state == "0")'>
<u-button icon="photo-fill" shape="circle" color="#99241B" plain text="图片上传"
@click="toUpimgPage(item.id)"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; " v-if='item.state == "2"'>
<u-button plain color="#99241B" shape="circle" text="评价" @click="pingjia(i, item.id)">
</u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; " v-if='item.state == "3"'>
<!-- <view style="width: 190rpx;margin: 0 10rpx; " > -->
<u-button shape="circle" text="已评价" @click="toEvlauedpg(item.id)"></u-button>
</view>
</view>
<view style="margin-top: 50rpx;text-align: center; width: 100%; font-size: 36rpx; font-weight: 600;"
v-if="item.state == '4'">
活动已逾期
</view>
</view>
</view>
<view class="art_act_itm" v-for="(item, i) in orderList" :key="i" v-if="tabNum == 2">
<image @click="goActDeat(item.id)" :src="item.enclosure" mode=""></image>
<view class="bottom_part" style="padding: 0 12px;">
<view class="ddd" style="display: flex; justify-content: space-between; align-items: center;">
<view class="title">
{{ item.title }}
</view>
<view class="tag_sta" v-if="item.state == '0'">
已报名
</view>
<view class="tag_sta_end" v-if='item.state == "2"'>
已完成
</view>
<view class="tag_sta_going" v-if='item.state == "1"'>
进行中
</view>
</view>
<view class="act_time">
活动时间 {{ item.createdAt }}
</view>
<view class="but_box" style="margin-top: 20rpx;">
<view style="width: 236rpx;margin: 0 10rpx; " v-if='item.state == "0"'>
<u-button shape="circle" text="取消报名" @click="cancleBM(item.id)"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; " v-if='item.state == "3"'>
<u-button shape="circle" text="收到的评价" @click="receiveevlaue(item.id)"></u-button>
</view>
</view>
</view>
</view>
</view>
<u-popup :show="showS" @close="closeS" mode="center" :round="10">
<view style="width: 640rpx;">
<view style="padding: 32rpx;">
<view style="font-size: 32rpx; font-weight: 800;">
确认接单者未完成或已逾期
</view>
</view>
<view
style="display: flex; border-top:2rpx solid #E7E7E7;height: 112rpx;width: 640rpx;line-height: 112rpx; font-size: 32rpx;font-weight: 600;">
<view style="width: 319rpx; border-right:1rpx solid #E7E7E7; text-align: center;" @click="closeS">
取消
</view>
<view style="width: 319rpx; border-right:1rpx solid #E7E7E7; text-align: center; color: #3F84FD;"
@click="sureS">
确定
</view>
</view>
</view>
</u-popup>
<u-modal :show="show" @close="close()" :closeOnClickOverlay="true">
<view class="pinContent">
<view class="pinContent_itm" v-for='(v, i) in baomingpingjia' :key="i">
<view class="pinContent_avator">
<!-- <image class="pinContent_avator_img" src="../../static/MyBg.png" mode=""></image> -->
<image class="pinContent_avator_img" :src="v.image" mode=""></image>
<view class="pinContent_Time">
<text style="font-size: 24rpx; font-weight: 600;">{{ v.userName }}</text>
</view>
</view>
<view class="pinContent_rate">
<u-rate count=5 v-model="v.evaluate"></u-rate>
</view>
</view>
</view>
<view slot="confirmButton" style="display: flex; justify-content: center; align-items: center;">
<view style="width: 400rpx;">
<u-button color="#99241B" shape="circle" text="提交" @click="subEvalue(baomingpingjia)"></u-button>
</view>
</view>
</u-modal>
<u-modal :show="showShoudao" @close="closeRecive()" title="收到的评价" :closeOnClickOverlay="true">
<u-rate count=5 v-model='starsvalue' readonly></u-rate>
<view slot="confirmButton" style="display: flex; justify-content: center; align-items: center;">
<view style="width: 400rpx;">
<u-button color="#99241B" shape="circle" text="确定" @click="showShoudao = false"></u-button>
</view>
</view>
</u-modal>
<view v-if="!(orderList.length > 0)">
<u-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
</u-empty>
</view>
</view>
</template>
<script>
export default {
data () {
return {
showShoudao: false,
show: false,
showS: false,
count: 4,
value: 2,
rate2: 2,
total: 0,
score: [{
name: "jack",
star: 0
}],
starvalue: 0,
orderList: [],
tabNum: 1,
pingjiaobj: {},
baomingpingjia: [],
starsvalue: 0,
page: 1,
size: 20,
};
},
onShow () {
this.clickTab(this.tabNum)
},
//
onPullDownRefresh () {
this.clickTab(this.tabNum)
setTimeout(function () {
uni.stopPullDownRefresh();
}, 1000);
},
//
onReachBottom () {
this.page++
this.moreOrder();
},
methods: {
receiveevlaue (id) {
this.showShoudao = true
this.http.request('/hallUser/sdpj?id=' + id, {}, "POST").then(res => {
if (res.code == 200) {
this.starsvalue = res.data.evaluate
this.showShoudao = true
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
done (id) {
this.http.request('/hallUser/complete?id=' + id, {}, "POST").then(res => {
if (res.code == 200) {
this.clickTab(1)
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
pingjia (num, id) {
this.show = true
this.pingjiaobj = this.orderList[num]
let that = this
this.http.request('/hallUser/pjList?hallId=' + id, {}, "GET").then(res => {
if (res.code == 200) {
console.log("reg", res.data)
this.baomingpingjia = res.data
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
cancleBM (id) {
let that = this
this.http.request('/hallUser/qxSingUp?hallId=' + id, {}, "POST").then(res => {
if (res.code == 200) {
this.clickTab(2)
uni.showToast({
title: "成功",
icon: "none",
});
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
clickTab (num) {
this.orderList = []
this.tabNum = num
this.page = 1
if (num == 1) {
let that = this
this.http.request('/hallUser/ddgl', { page: this.page, size: this.size }, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
} else if (num == 2) {
let that = this
this.http.request('/hallUser/myHall', { page: this.page, size: this.size }, "GET").then(res => {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
} else if (num == 3) {
let that = this
this.http.request('/hallUser/myHall?state=2', { page: this.page, size: this.size }, "GET").then(res => {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}
},
moreOrder () {
if (this.tabNum == 1) {
let that = this
this.http.request('/hallUser/ddgl', { page: this.page, size: this.size }, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
} else if (this.tabNum == 2) {
let that = this
this.http.request('/hallUser/myHall', { page: this.page, size: this.size }, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
} else if (this.tabNum == 3) {
let that = this
this.http.request('/hallUser/myHall?state=2', { page: this.page, size: this.size }, "GET").then(res => {
if (res.code == 200) {
if (res.data.records.length > 0) {
res.data.records.forEach(function (item) {
if (item.enclosure) {
let fileArr = item.enclosure.split(',')
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
'gif' || gs == 'tif' || gs == 'tiff') {
item.enclosure = fileArr[0]
} else if (gs == 'pdf') {
item.enclosure = '../../static/fileImg/pdfB.png'
}
}
that.orderList.push(item)
})
} else if (res.data.records.length == 0) {
this.page--
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}
},
goActDeat (id, typEnum) {
if (typEnum) {
uni.navigateTo({
url: `/pagesB/orderHall/orderHallDetails?id=${id}&isCheck=${typEnum}`
})
} else {
uni.navigateTo({
url: `/pagesB/orderHall/orderHallDetails?id=${id}`
})
}
},
toUpimgPage (id) {
this.http.request('/hallUser/pjList?hallId=' + id, {}, "GET").then(res => {
if (res.code == 200) {
console.log("reg", res.data)
if (res.data.length > 0) {
uni.navigateTo({
url: `/pagesA/my/imgUpload?id=` + id
})
} else {
uni.showToast({
title: "无人接单",
icon: "none",
});
}
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
},
touploadedimg (imgstr) {
uni.navigateTo({
url: '/pagesA/my/uploadedImgShow?imgstring=' + imgstr
})
},
subEvalue (item) {
let that = this
let arr = []
this.baomingpingjia.forEach(function (em, i) {
arr.push({
evaluate: em.evaluate,
hallId: em.hallId,
userId: em.userId
})
})
that.http.request('/hallUser/evaluate',
arr, "POST").then(res => {
if (res.code == 200) {
that.clickTab(1)
console.log("testdata", res)
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
this.show = false
console.log(this.score)
//
},
toEvlauedpg (id) {
uni.navigateTo({
url: `/pagesA/my/evaluated?id=` + id
})
},
close () {
this.show = false
},
closeRecive () {
this.showShoudao = false
},
undone (val) {
this.undoneId = val
this.showS = true
},
closeS () {
this.showS = false
},
sureS () {
this.http.request('/hallUser/undone?id=' + this.undoneId, {}, "POST").then(res => {
if (res.code == 200) {
this.clickTab(this.tabNum)
this.showS = false
}
}).catch(e => {
uni.showToast({
title: e.data.message,
icon: "none",
});
})
}
}
}
</script>
<style lang="scss">
page {
/* width: calc(100% - 64rpx);
margin: 0rpx 32rpx; */
background-color: #F5F5F5 !important;
}
.main {
padding: 0rpx 32rpx;
}
image {
width: 100%;
height: 60%;
}
.acttiveSty {
color: #9A2720;
font-weight: 700;
}
.but_box {
display: flex;
justify-content: flex-end;
align-items: center;
}
.tag_sta {
width: 100rpx;
height: 48rpx;
background: #F9F2F2;
border-radius: 8rpx;
line-height: 48rpx;
color: #99241B;
text-align: center;
font-size: 24rpx;
}
.tag_sta_going {
width: 100rpx;
height: 48rpx;
background: rgba(238, 73, 60, 0.0900);
border-radius: 8rpx;
line-height: 48rpx;
color: #EE493C;
text-align: center;
font-size: 24rpx;
}
.tag_sta_end {
width: 100rpx;
height: 48rpx;
background: #FFF4ED;
;
border-radius: 8rpx;
line-height: 48rpx;
color: #FF6600;
text-align: center;
font-size: 24rpx;
}
.tag_sta_fail {
width: 100rpx;
height: 48rpx;
background: #F5F5F5;
;
border-radius: 8rpx;
line-height: 48rpx;
color: #7A7A7A;
text-align: center;
font-size: 24rpx;
}
.act_time {
height: 34rpx;
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #AFADB0;
line-height: 34rpx;
}
.art_act_itm {
margin-top: 24rpx;
height: 628rpx;
border-radius: 8px;
border: 2rpx solid transparnt;
position: relative;
border-radius: 20rpx;
overflow: hidden;
background-color: #FFFFFF;
.title {
width: 580rpx;
color: #000000;
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
}
}
.pinContent {
margin-top: 16rpx;
.pinContent_itm {
width: 500rpx;
display: flex;
align-items: center;
justify-content: space-between;
.pinContent_avator {
display: flex;
align-items: center;
.pinContent_avator_img {
width: 68rpx;
height: 68rpx;
margin-right: 16rpx;
margin: 24rpx 16rpx 24rpx 0rpx;
border-radius: 50%;
overflow: hidden;
}
.pinContent_Time {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
}
}
</style>

BIN
src/static/play-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

18763
yarn.lock

File diff suppressed because it is too large Load Diff