Merge branch 'master' of git.zdool.com:xs/yyx/h5
This commit is contained in:
lnn19986213
commit
a6b3269239
|
|
@ -1,110 +1,117 @@
|
||||||
{
|
{
|
||||||
"name" : "yxx",
|
"name": "yxx",
|
||||||
"appid" : "__UNI__77CA6BC",
|
"appid": "__UNI__77CA6BC",
|
||||||
"description" : "",
|
"description": "",
|
||||||
"versionName" : "1.0.0",
|
"versionName": "1.0.0",
|
||||||
"versionCode" : "100",
|
"versionCode": "100",
|
||||||
"transformPx" : false,
|
"transformPx": false,
|
||||||
"app-plus" : {
|
"app-plus": {
|
||||||
/* 5+App特有相关 */
|
/* 5+App特有相关 */
|
||||||
"usingComponents" : true,
|
"usingComponents": true,
|
||||||
"splashscreen" : {
|
"splashscreen": {
|
||||||
"alwaysShowBeforeRender" : true,
|
"alwaysShowBeforeRender": true,
|
||||||
"waiting" : true,
|
"waiting": true,
|
||||||
"autoclose" : true,
|
"autoclose": true,
|
||||||
"delay" : 0
|
"delay": 0
|
||||||
},
|
},
|
||||||
"modules" : {},
|
"modules": {},
|
||||||
/* 模块配置 */
|
/* 模块配置 */
|
||||||
"distribute" : {
|
"distribute": {
|
||||||
/* 应用发布信息 */
|
/* 应用发布信息 */
|
||||||
"android" : {
|
"android": {
|
||||||
/* android打包配置 */
|
/* android打包配置 */
|
||||||
"permissions" : [
|
"permissions": [
|
||||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
|
"<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
|
"<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
|
"<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
|
"<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
|
"<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
|
"<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
|
||||||
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
|
"<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
|
||||||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"ios" : {},
|
"ios": {},
|
||||||
/* ios打包配置 */
|
/* ios打包配置 */
|
||||||
"sdkConfigs" : {}
|
"sdkConfigs": {}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/* SDK配置 */
|
/* SDK配置 */
|
||||||
"quickapp" : {},
|
"quickapp": {},
|
||||||
/* 快应用特有相关 */
|
/* 快应用特有相关 */
|
||||||
"mp-weixin" : {
|
"mp-weixin": {
|
||||||
"appid" : "wx55b187e6ed92e2ac",
|
"appid": "wx55b187e6ed92e2ac",
|
||||||
"setting" : {
|
"setting": {
|
||||||
"urlCheck" : true,
|
"urlCheck": true,
|
||||||
"minified" : true,
|
"minified": true,
|
||||||
"es6" : true,
|
"es6": true,
|
||||||
"postcss" : true
|
"postcss": true
|
||||||
},
|
},
|
||||||
"usingComponents" : true,
|
"usingComponents": true,
|
||||||
"lazyCodeLoading" : "requiredComponents",
|
"lazyCodeLoading": "requiredComponents",
|
||||||
"optimization" : {
|
"optimization": {
|
||||||
"subPackages" : true
|
"subPackages": true
|
||||||
}
|
},
|
||||||
},
|
"plugins": {
|
||||||
"mp-alipay" : {
|
"player": {
|
||||||
"usingComponents" : true
|
"version": "2.1.1",
|
||||||
},
|
"provider": "wxa75efa648b60994b"
|
||||||
"mp-baidu" : {
|
}
|
||||||
"usingComponents" : true
|
}
|
||||||
},
|
|
||||||
"mp-toutiao" : {
|
|
||||||
"usingComponents" : true
|
|
||||||
},
|
|
||||||
"mp-qq" : {
|
|
||||||
"usingComponents" : true
|
|
||||||
},
|
|
||||||
"h5" : {
|
|
||||||
"router" : {
|
|
||||||
"mode" : "hash"
|
|
||||||
},
|
|
||||||
"title" : "艺象心",
|
|
||||||
"devServer" : {
|
|
||||||
"disableHostCheck" : true, // 禁用 Host 检查，默认false
|
|
||||||
"proxy" : {
|
|
||||||
// 与vue中的proxyTable配置大致上一致,此处我同时代理了两个
|
|
||||||
"/pre" : {
|
|
||||||
// 预发布
|
|
||||||
"target" : "http://192.168.1.3:8080/h5/api", // 目标接口域名
|
|
||||||
|
|
||||||
// "target" : "https://yxx.ydool.net/h5/api", // 目标接口域名
|
},
|
||||||
"changeOrigin" : true, // 是否跨域
|
"mp-alipay": {
|
||||||
"secure" : false, // 设置支持https协议的代理
|
"usingComponents": true
|
||||||
"pathRewrite" : {
|
},
|
||||||
"^/pre" : ""
|
"mp-baidu": {
|
||||||
} // 此处pathRewrite加第二个参数是因为我的接口最后都有一个/api,在这个地方加/api等价于直接在target后加/api
|
"usingComponents": true
|
||||||
},
|
},
|
||||||
"/sock" : {
|
"mp-toutiao": {
|
||||||
// 预发布
|
"usingComponents": true
|
||||||
"target" : "ws:// 10.0.0.5:8080/webSocket", // 目标接口域名
|
},
|
||||||
"changeOrigin" : true // 是否跨域
|
"mp-qq": {
|
||||||
}
|
"usingComponents": true
|
||||||
}
|
},
|
||||||
}
|
"h5": {
|
||||||
}
|
"router": {
|
||||||
|
"mode": "hash"
|
||||||
|
},
|
||||||
|
"title": "艺象心",
|
||||||
|
"devServer": {
|
||||||
|
"disableHostCheck": true, // 禁用 Host 检查，默认false
|
||||||
|
"proxy": {
|
||||||
|
// 与vue中的proxyTable配置大致上一致,此处我同时代理了两个
|
||||||
|
"/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,在这个地方加/api等价于直接在target后加/api
|
||||||
|
},
|
||||||
|
"/sock": {
|
||||||
|
// 预发布
|
||||||
|
"target": "ws:// 10.0.0.5:8080/webSocket", // 目标接口域名
|
||||||
|
"changeOrigin": true // 是否跨域
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
1284
src/pages.json
1284
src/pages.json
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -1,274 +1,278 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="">
|
<view class="">
|
||||||
<view class="">
|
<view class="">
|
||||||
<u-loading-page :loading="load"></u-loading-page>
|
<u-loading-page :loading="load"></u-loading-page>
|
||||||
</view>
|
</view>
|
||||||
<view class="page" v-if="load == false">
|
<view class="page" v-if="load == false">
|
||||||
<view class="nav">
|
<view class="nav">
|
||||||
<view class="list" v-for="(item,index) in list" :key="index" @click="onNav(item.code,index)">
|
<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 :class="['text', action == index ? 'on' : '']">{{ item.text }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="addIcon" @click="toAddOrder">
|
<view class="addIcon" @click="toAddOrder">
|
||||||
<image src="../../static/orderHall/addOrder.png"></image>
|
<image src="../../static/orderHall/addOrder.png"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="main" v-if="mainList.length > 0">
|
<view class="main" v-if="mainList.length > 0">
|
||||||
<view class="mainList" v-for="(item,i) in mainList" :key="i">
|
<view class="mainList" v-for="(item, i) in mainList" :key="i">
|
||||||
<view class="mainListImg" @click="toDetail(item.id)">
|
<view class="mainListImg" @click="toDetail(item.id)">
|
||||||
<img class='img' :src="item.enclosure" alt="">
|
<img class='img' :src="item.enclosure" alt="">
|
||||||
<view class="imgTags" v-if="item.isBaoming">
|
<view class="imgTags" v-if="item.isBaoming">
|
||||||
<u-tag text="已完成" type="success" v-if="item.hallState == '3'"></u-tag>
|
<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="error" v-else-if="item.hallState == '4'"></u-tag>
|
||||||
<u-tag text="已接单" type="warning" v-else></u-tag>
|
<u-tag text="已接单" type="warning" v-else></u-tag>
|
||||||
</view>
|
</view>
|
||||||
<view class="imgTags" v-else>
|
<view class="imgTags" v-else>
|
||||||
<u-tag text="招募中" v-if="item.hallState == '1'"></u-tag>
|
<u-tag text="招募中" v-if="item.hallState == '1'"></u-tag>
|
||||||
<u-tag text="进行中" v-else-if="item.hallState == '2'"></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="success" v-else-if="item.hallState == '3'"></u-tag>
|
||||||
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
|
<u-tag text="已逾期" type="error" v-else-if="item.hallState == '4'"></u-tag>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="text">
|
<view class="text">
|
||||||
<view class="text1">{{item.title}}</view>
|
<view class="text1">{{ item.title }}</view>
|
||||||
<view class="text2">{{item.content}}</view>
|
<view class="text2">{{ item.content }}</view>
|
||||||
<view class="text3">
|
<view class="text3">
|
||||||
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
|
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
|
||||||
<view class="time">截止时间：{{item.deadline}}</view>
|
<view class="time">截止时间：{{ item.deadline }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view v-else>
|
<view v-else>
|
||||||
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" >
|
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
|
||||||
</u-empty>
|
</u-empty>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data () {
|
||||||
return {
|
return {
|
||||||
load:true,
|
load: true,
|
||||||
list: [{
|
list: [{
|
||||||
text: '全部',
|
text: '全部',
|
||||||
code: ''
|
code: ''
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: '订购',
|
text: '订购',
|
||||||
code: 'order'
|
code: 'order'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: '公益',
|
text: '公益',
|
||||||
code: 'gy'
|
code: 'gy'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: '演出',
|
text: '演出',
|
||||||
code: 'show'
|
code: 'show'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: '其他',
|
text: '其他',
|
||||||
code: 'other'
|
code: 'other'
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
mainList: [],
|
mainList: [],
|
||||||
action: 0,
|
action: 0,
|
||||||
pages: 1,
|
pages: 1,
|
||||||
size: 20,
|
size: 20,
|
||||||
type: '',
|
type: '',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 下拉刷新
|
// 下拉刷新
|
||||||
onPullDownRefresh() {
|
onPullDownRefresh () {
|
||||||
this.pages = 1
|
this.pages = 1
|
||||||
this.mainList = []
|
this.mainList = []
|
||||||
this.getData()
|
this.getData()
|
||||||
setTimeout(function() {
|
setTimeout(function () {
|
||||||
uni.stopPullDownRefresh();
|
uni.stopPullDownRefresh();
|
||||||
}, 1000);
|
}, 1000);
|
||||||
},
|
},
|
||||||
//上拉
|
//上拉
|
||||||
onReachBottom() {
|
onReachBottom () {
|
||||||
this.pages++
|
this.pages++
|
||||||
this.getData();
|
this.getData();
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow () {
|
||||||
this.pages = 1
|
this.pages = 1
|
||||||
this.load = true
|
this.load = true
|
||||||
this.mainList = []
|
this.mainList = []
|
||||||
this.getData()
|
this.getData()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getData() {
|
getData () {
|
||||||
let _this = this
|
let _this = this
|
||||||
this.http.request('/hall/list', {
|
this.http.request('/hall/list', {
|
||||||
page: this.pages,
|
page: this.pages,
|
||||||
size: this.size,
|
size: this.size,
|
||||||
type: this.type,
|
type: this.type,
|
||||||
}, "GET").then(res => {
|
}, "GET").then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
if(res.data.records.length > 0){
|
if (res.data.records.length > 0) {
|
||||||
res.data.records.forEach(function(item){
|
res.data.records.forEach(function (item) {
|
||||||
if (item.enclosure) {
|
if (item.enclosure) {
|
||||||
let fileArr = item.enclosure.split(',')
|
let fileArr = item.enclosure.split(',')
|
||||||
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
|
let gs = fileArr[0].substr(fileArr[0].lastIndexOf(".") + 1)
|
||||||
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs == 'gif' || gs == 'tif' || gs == 'tiff') {
|
if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs == 'gif' || gs == 'tif' || gs == 'tiff') {
|
||||||
item.enclosure = fileArr[0]
|
item.enclosure = fileArr[0]
|
||||||
}
|
}
|
||||||
else if (gs == 'pdf') {
|
else if (gs == 'pdf') {
|
||||||
item.enclosure = '../../static/fileImg/pdfB.png'
|
item.enclosure = '../../static/fileImg/pdfB.png'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
_this.mainList.push(item)
|
_this.mainList.push(item)
|
||||||
})
|
})
|
||||||
}else{
|
} else {
|
||||||
this.pages--
|
this.pages--
|
||||||
}
|
}
|
||||||
this.load = false
|
this.load = false
|
||||||
}
|
}
|
||||||
}).catch(e => {
|
}).catch(e => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: e.data.message,
|
title: e.data.message,
|
||||||
icon: "none",
|
icon: "none",
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
onNav(val, index) {
|
onNav (val, index) {
|
||||||
this.action = index
|
this.action = index
|
||||||
this.type = val
|
this.type = val
|
||||||
this.pages = 1
|
this.pages = 1
|
||||||
this.load = true
|
this.load = true
|
||||||
this.mainList = []
|
this.mainList = []
|
||||||
this.getData()
|
this.getData()
|
||||||
},
|
},
|
||||||
toDetail(val){
|
toDetail (val) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pagesB/orderHall/orderHallDetails?id=` + val
|
url: `/pagesB/orderHall/orderHallDetails?id=` + val
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
toAddOrder(){
|
toAddOrder () {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pagesB/orderHall/addOrder`
|
url: `/pagesB/orderHall/addOrder`
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
page{
|
page {
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
}
|
}
|
||||||
image{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.on {
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page {
|
image {
|
||||||
.nav {
|
width: 100%;
|
||||||
display: flex;
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.list {
|
.on {
|
||||||
width: 20%;
|
font-weight: 600;
|
||||||
height: 76rpx;
|
}
|
||||||
background: #FFFFFF;
|
|
||||||
|
|
||||||
.text {
|
.page {
|
||||||
font-size: 28rpx;
|
.nav {
|
||||||
font-weight: 400;
|
display: flex;
|
||||||
color: #251B1D;
|
|
||||||
line-height: 70rpx;
|
|
||||||
text-align: center;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&.on::after {
|
.list {
|
||||||
content: '';
|
width: 20%;
|
||||||
position: absolute;
|
height: 76rpx;
|
||||||
height: 6rpx;
|
background: #FFFFFF;
|
||||||
background: #9A2720;
|
|
||||||
width: 39%;
|
|
||||||
left: 50%;
|
|
||||||
bottom: 0;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
.text {
|
||||||
padding: 32rpx;
|
font-size: 28rpx;
|
||||||
// background-color: #F4F5F7;
|
font-weight: 400;
|
||||||
|
color: #251B1D;
|
||||||
|
line-height: 70rpx;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.mainList {
|
&.on::after {
|
||||||
margin-bottom: 32rpx;
|
content: '';
|
||||||
border-radius: 16rpx;
|
position: absolute;
|
||||||
overflow: hidden;
|
height: 6rpx;
|
||||||
|
background: #9A2720;
|
||||||
|
width: 39%;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 0;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.mainListImg {
|
.main {
|
||||||
height: 400rpx;
|
padding: 32rpx;
|
||||||
position: relative;
|
// background-color: #F4F5F7;
|
||||||
.img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.imgTags{
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.text {
|
.mainList {
|
||||||
padding: 32rpx;
|
margin-bottom: 32rpx;
|
||||||
background-color: #FFF;
|
border-radius: 16rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
.text1 {
|
.mainListImg {
|
||||||
font-size: 32rpx;
|
height: 400rpx;
|
||||||
font-weight: 600;
|
position: relative;
|
||||||
color: #251B1D;
|
|
||||||
margin-bottom: 5rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text2 {
|
.img {
|
||||||
font-size: 28rpx;
|
width: 100%;
|
||||||
font-weight: 400;
|
height: 100%;
|
||||||
color: #989898;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.text3 {
|
.imgTags {
|
||||||
display: flex;
|
position: absolute;
|
||||||
margin-top: 16rpx;
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.mainListTime {
|
.text {
|
||||||
width: 26rpx;
|
padding: 32rpx;
|
||||||
height: 26rpx;
|
background-color: #FFF;
|
||||||
margin-top: 4rpx;
|
|
||||||
margin-right: 8rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.time {
|
.text1 {
|
||||||
font-size: 24rpx;
|
font-size: 32rpx;
|
||||||
font-weight: 400;
|
font-weight: 600;
|
||||||
color: #989898;
|
color: #251B1D;
|
||||||
}
|
margin-bottom: 5rpx;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.addIcon{
|
.text2 {
|
||||||
position: fixed;
|
font-size: 28rpx;
|
||||||
right: 24rpx;
|
font-weight: 400;
|
||||||
bottom: 242rpx;
|
color: #989898;
|
||||||
width: 104rpx;
|
}
|
||||||
height: 104rpx;
|
|
||||||
border-radius: 50%;
|
.text3 {
|
||||||
z-index: 999;
|
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>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -15,26 +15,12 @@
|
||||||
<view class="line"></view>
|
<view class="line"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="forms" v-if="tabC == '0'" >
|
<view class="forms" v-if="tabC == '0'">
|
||||||
<view class="teamBox" v-for="(item, index) in 6">
|
<view class="teamBox" v-for="(item, index) in 2" :key="index">
|
||||||
<view class="teamBox-right">
|
<view class="teamBox-right">
|
||||||
<image src="../../static/txIcon.png" mode=""></image>
|
<view class="item-image">
|
||||||
</view>
|
<image src="../../static/txIcon.png" mode=""></image>
|
||||||
<view class="teamBox-left">
|
|
||||||
<view class="teamMinbox-top">
|
|
||||||
<view class="title">张三</view>
|
|
||||||
<view class="street">会长</view>
|
|
||||||
</view>
|
</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>
|
||||||
<view class="teamBox-left">
|
<view class="teamBox-left">
|
||||||
<view class="teamMinbox-top">
|
<view class="teamMinbox-top">
|
||||||
|
|
@ -47,10 +33,36 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="forms" v-if="tabC == '2'" >
|
<view class="forms" v-if="tabC == '1'">
|
||||||
<view class="teamBox" v-for="(item, index) in 3">
|
<view
|
||||||
|
class="teamBox"
|
||||||
|
v-for="item in list"
|
||||||
|
:key="item.id"
|
||||||
|
@click="onInfo(item.id)"
|
||||||
|
>
|
||||||
<view class="teamBox-right">
|
<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>
|
||||||
<view class="teamBox-left">
|
<view class="teamBox-left">
|
||||||
<view class="teamMinbox-top">
|
<view class="teamMinbox-top">
|
||||||
|
|
@ -71,15 +83,44 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tabC: "0",
|
tabC: "0",
|
||||||
|
list: [],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
// this.getData();
|
this.get();
|
||||||
},
|
},
|
||||||
methods: {
|
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) {
|
toTab(val) {
|
||||||
this.tabC = 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;
|
display: flex;
|
||||||
.teamBox-right {
|
.teamBox-right {
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
image {
|
width: 159rpx;
|
||||||
width: 180rpx;
|
height: 159rpx;
|
||||||
height: 130rpx;
|
.item-image {
|
||||||
background-size: contain;
|
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 {
|
.teamBox-left {
|
||||||
// width: 400rpx;
|
// width: 400rpx;
|
||||||
.teamMinbox-top {
|
.teamMinbox-top {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 16rpx;
|
||||||
|
|
@ -166,7 +223,7 @@ export default {
|
||||||
color: #a02521;
|
color: #a02521;
|
||||||
margin-left: 18rpx;
|
margin-left: 18rpx;
|
||||||
padding: 2rpx 20rpx;
|
padding: 2rpx 20rpx;
|
||||||
max-width:120rpx;
|
max-width: 120rpx;
|
||||||
overflow: hidden; /* 超出一行文字自动隐藏 */
|
overflow: hidden; /* 超出一行文字自动隐藏 */
|
||||||
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
|
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -15,77 +15,149 @@
|
||||||
<view class="line"></view>
|
<view class="line"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="forms" v-if="tabC == '0'" >
|
<view class="forms" v-if="tabC == '0'">
|
||||||
<view class="teamBox" v-for="(item, index) in 6">
|
<view v-if="team.length > 0">
|
||||||
<view class="teamBox-right">
|
<view class="teamBox" v-for="(item, index) in team">
|
||||||
<image src="../../static/txIcon.png" mode=""></image>
|
<view class="teamBox-right">
|
||||||
</view>
|
<image :src="item.file" mode=""></image>
|
||||||
<view class="teamBox-left">
|
|
||||||
<view class="teamMinbox-top">
|
|
||||||
<view class="title">xx团队</view>
|
|
||||||
<view class="street">丹东街道</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="teamMinbox-bottom">
|
<view class="teamBox-left">
|
||||||
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
|
<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>
|
||||||
</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="forms" v-if="tabC == '1'" >
|
<view class="forms" v-if="tabC == '1'">
|
||||||
<view class="teamBox" v-for="(item, index) in 2">
|
<view v-if="program.length > 0">
|
||||||
<view class="teamBox-right">
|
<view class="teamBox" v-for="(item, index) in program">
|
||||||
<image src="../../static/txIcon.png" mode=""></image>
|
<view class="teamBox-right">
|
||||||
</view>
|
<image :src="item.file" mode=""></image>
|
||||||
<view class="teamBox-left">
|
|
||||||
<view class="teamMinbox-top">
|
|
||||||
<view class="title">xx团队</view>
|
|
||||||
<view class="street">丹东街道</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="teamMinbox-bottom">
|
<view class="teamBox-left">
|
||||||
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
|
<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>
|
||||||
</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="forms" v-if="tabC == '2'" >
|
<view class="forms" v-if="tabC == '2'">
|
||||||
<view class="teamBox" v-for="(item, index) in 3">
|
<view class="addIcon" @click="toAddOrder">
|
||||||
<view class="teamBox-right">
|
<image src="../../static/orderHall/addOrder.png"></image>
|
||||||
<image src="../../static/txIcon.png" mode=""></image>
|
</view>
|
||||||
</view>
|
<view class="main" v-if="mainList.length > 0">
|
||||||
<view class="teamBox-left">
|
<view class="mainList" v-for="(item, i) in mainList" :key="i">
|
||||||
<view class="teamMinbox-top">
|
<view class="mainListImg" @click="toDetail(item.id)">
|
||||||
<view class="title">xx团队</view>
|
<img class='img' :src="item.enclosure" alt="">
|
||||||
<view class="street">丹东街道</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="teamMinbox-bottom">
|
<view class="text">
|
||||||
xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队xx团队
|
<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>
|
||||||
</view>
|
</view>
|
||||||
|
<view v-else>
|
||||||
|
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
|
||||||
|
</u-empty>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data () {
|
||||||
return {
|
return {
|
||||||
tabC: "0",
|
tabC: "0",
|
||||||
|
mainList: [],
|
||||||
|
villageId: '',
|
||||||
|
team: [],
|
||||||
|
program: []
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow () {
|
||||||
// this.getData();
|
// this.getData();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
toTab(val) {
|
toTab (val) {
|
||||||
this.tabC = 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>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss" scoped>
|
||||||
.wyxx {
|
.wyxx {
|
||||||
background-color: #fefefe;
|
background-color: #fefefe;
|
||||||
}
|
}
|
||||||
|
|
@ -132,33 +204,42 @@ export default {
|
||||||
// height: 40rpx;
|
// height: 40rpx;
|
||||||
// background-color: skyblue;
|
// background-color: skyblue;
|
||||||
margin: 40rpx auto 0rpx;
|
margin: 40rpx auto 0rpx;
|
||||||
|
|
||||||
.teamBox {
|
.teamBox {
|
||||||
height: 140rpx;
|
height: 140rpx;
|
||||||
padding: 18rpx 10rpx;
|
padding: 18rpx 10rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.teamBox-right {
|
.teamBox-right {
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
|
|
||||||
image {
|
image {
|
||||||
width: 180rpx;
|
width: 180rpx;
|
||||||
height: 130rpx;
|
height: 130rpx;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.teamBox-left {
|
.teamBox-left {
|
||||||
// width: 400rpx;
|
|
||||||
|
// width: 400rpx;
|
||||||
.teamMinbox-top {
|
.teamMinbox-top {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 16rpx;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
max-width: 160rpx;
|
max-width: 160rpx;
|
||||||
overflow: hidden; /* 超出一行文字自动隐藏 */
|
overflow: hidden;
|
||||||
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
|
/* 超出一行文字自动隐藏 */
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
/*文字隐藏后添加省略号*/
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.street {
|
.street {
|
||||||
height: 40rpx;
|
height: 40rpx;
|
||||||
border-radius: 30rpx;
|
border-radius: 30rpx;
|
||||||
|
|
@ -166,12 +247,15 @@ export default {
|
||||||
color: #a02521;
|
color: #a02521;
|
||||||
margin-left: 18rpx;
|
margin-left: 18rpx;
|
||||||
padding: 2rpx 20rpx;
|
padding: 2rpx 20rpx;
|
||||||
max-width:120rpx;
|
max-width: 130rpx;
|
||||||
overflow: hidden; /* 超出一行文字自动隐藏 */
|
overflow: hidden;
|
||||||
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
|
/* 超出一行文字自动隐藏 */
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
/*文字隐藏后添加省略号*/
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.teamMinbox-bottom {
|
.teamMinbox-bottom {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
overflow: hidden;
|
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>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<!-- 文艺下乡 -->
|
<!-- 文艺下乡 -->
|
||||||
<view class="wyxx">
|
<view class="wyxx">
|
||||||
<view class="tabTitle">
|
<!-- <view class="tabTitle">
|
||||||
<view :class="tabC == '0' ? 'tabsC' : 'tabs'" @click="toTab('0')">
|
<view :class="tabC == '0' ? 'tabsC' : 'tabs'" @click="toTab('0')">
|
||||||
<view> 分类 </view>
|
<view> 分类 </view>
|
||||||
<view class="line"></view>
|
<view class="line"></view>
|
||||||
|
|
@ -22,36 +22,27 @@
|
||||||
<view> 分类4 </view>
|
<view> 分类4 </view>
|
||||||
<view class="line"></view>
|
<view class="line"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
<view class="forms" v-if="tabC == '0'">
|
<view class="forms">
|
||||||
<view class="teamBox" v-for="(item, index) in videoList">
|
<view class="teamBox" v-for="(item, index) in list" :key="item.id">
|
||||||
<view class="teamBox-top">
|
<view class="teamBox-top">
|
||||||
<!-- <video
|
<image class="team-image" :src="item.linkPath" mode="scaleToFill" />
|
||||||
id="video"
|
<view class="mask">
|
||||||
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 src="../../static/play.png"></image>
|
<image src="../../static/play.png"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="teamBox-bottom">
|
<view class="teamBox-bottom">
|
||||||
<view class="interactive">
|
<view class="interactive">
|
||||||
<image src="../../static/play.png" mode=""></image>
|
<image src="../../static/play-1.png" mode=""></image>
|
||||||
<view class="title">{{ item.playback }}</view>
|
<view class="title">{{ item.views }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="interactive">
|
<view class="interactive">
|
||||||
<image src="../../static/workDetail/heart1.png" mode=""></image>
|
<image src="../../static/workDetail/heart1.png" mode=""></image>
|
||||||
<view class="title">{{ item.like }}</view>
|
<view class="title">{{ item.likes }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="interactive">
|
<view class="interactive">
|
||||||
<image src="../../static/workDetail/star1.png" mode=""></image>
|
<image src="../../static/workDetail/star1.png" mode=""></image>
|
||||||
<view class="title">{{ item.collect }}</view>
|
<view class="title">{{ item.collections }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -63,7 +54,7 @@
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tabC: "0",
|
// tabC: "0",
|
||||||
videoList: [
|
videoList: [
|
||||||
{
|
{
|
||||||
title:
|
title:
|
||||||
|
|
@ -74,12 +65,18 @@ export default {
|
||||||
// video: "../../static/a1.mp4",
|
// video: "../../static/a1.mp4",
|
||||||
play: true,
|
play: true,
|
||||||
},
|
},
|
||||||
|
|
||||||
],
|
],
|
||||||
|
list: [],
|
||||||
|
query: {
|
||||||
|
total: 1,
|
||||||
|
page: 1,
|
||||||
|
size: 20,
|
||||||
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
// this.getData();
|
// this.getData();
|
||||||
|
this.get();
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() {},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
@ -87,20 +84,37 @@ export default {
|
||||||
this.tabC = val;
|
this.tabC = val;
|
||||||
// this.getData()
|
// this.getData()
|
||||||
},
|
},
|
||||||
playMask(index) {
|
get() {
|
||||||
this.videoList[index].play = false;
|
this.http
|
||||||
|
.request("/exhibition/list", this.query, "GET")
|
||||||
var video = document.getElementById("video");
|
.then((res) => {
|
||||||
// 暂停播放
|
if (res.code == 200) {
|
||||||
video.addEventListener("pause", function (e) {
|
this.list = res.data.records;
|
||||||
console.log("暂停播放");
|
this.query.total = res.data.total;
|
||||||
console.log(e);
|
this.query.page = res.data.current;
|
||||||
});
|
this.query.size = res.data.size;
|
||||||
// 15、ended：播放结束
|
}
|
||||||
video.addEventListener("ended", function (e) {
|
})
|
||||||
console.log("视频播放完了");
|
.catch((err) => {
|
||||||
console.log(e);
|
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);
|
||||||
|
// });
|
||||||
|
// // 15、ended：播放结束
|
||||||
|
// video.addEventListener("ended", function (e) {
|
||||||
|
// console.log("视频播放完了");
|
||||||
|
// console.log(e);
|
||||||
|
// });
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
@ -153,17 +167,18 @@ export default {
|
||||||
margin: 40rpx auto 0rpx;
|
margin: 40rpx auto 0rpx;
|
||||||
.teamBox {
|
.teamBox {
|
||||||
.teamBox-top {
|
.teamBox-top {
|
||||||
height: 400rpx;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
// video {
|
|
||||||
// position: relative;
|
.team-image {
|
||||||
// }
|
width: 100%;
|
||||||
|
height: 400rpx;
|
||||||
|
border: 2px solid red;
|
||||||
|
}
|
||||||
.mask {
|
.mask {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: rgba(0, 0, 0, 0.1);
|
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
text {
|
text {
|
||||||
// position: absolute;
|
// position: absolute;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
Loading…
Reference in New Issue