This commit is contained in:
duanxiaohai 2023-08-11 13:33:35 +08:00
parent 871bba4d5e
commit 8fddb02f4b
6 changed files with 1395 additions and 70 deletions

View File

@ -639,6 +639,32 @@
"navigationBarTitleText": "文艺下乡新增",
"enablePullDownRefresh": false
}
},
// :
{
"path": "wyxx/artProgram",
"style": {
"navigationBarTitleText": "文艺下乡节目详情",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
// :
{
"path": "wyxx/artTeam",
"style": {
"navigationBarTitleText": "文艺下乡团队详情",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
},
// :
{
"path": "wyxx/addOrder",
"style": {
"navigationBarTitleText": "下乡点评",
"enablePullDownRefresh": false
}
},
//
{

View File

@ -0,0 +1,525 @@
<template>
<view class="">
<view class="form_line">
<!-- <view class="form_left">
名称
</view> -->
<view class="form_right">
<u--input
placeholder="请输入"
v-model="name"
clearable
border="none"
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="type" 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="type" :borderBottom="true" placement="column"
iconPlacement="right">
<u-radio :customStyle="{marginBottom: '16px' }" v-for="(item, index) in radiolist1" :key="index"
:label="item.name" labelSize="28rpx" labelColor="#231F1C" :name="item.name" 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_box">
<view class="form_left">
需求清单
</view>
</view>
<view class="text_box">
<u--textarea v-model="text1" placeholder="请输入需求清单" maxlength="-1"></u--textarea>
</view>-->
<view class="form_box">
<view class="form_left"> 综合评分 </view>
<u-rate :count="count" v-model="score"></u-rate>
</view>
<view class="text_box">
<u--textarea
v-model="text2"
placeholder="请点评"
maxlength="-1"
></u--textarea>
</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"/>
</view>
</view>
<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"/>
</view>
</view> -->
<!-- <u-datetime-picker :show="showTime" v-model="timeValue" value-format="yyyy-MM-dd hh:MM:ss" mode="datetime" @close="close"
@cancel="close" @confirm="sureTime"></u-datetime-picker> -->
<!-- <view class="gap">
接单设置
</view>
<view class="form_line">
<view class="form_left">
是否支持多人接单
</view>
<view>
<u-switch v-model="morePer" @change="changeTrue"></u-switch>
</view>
</view>
<view class="form_line">
<view class="form_left">
可接单人数
</view>
<view>
<u-number-box v-model="perNumber" @change="valChange"></u-number-box>
</view>
</view>
<view class="gap">
附件上传
</view>
<view class="gap" style="line-height: 30rpx;font-size: 28rpx;">
可上传图片(png/jpg/jpeg/bmp/gif/tif/tiff)
</view> -->
<u-upload
class="upload"
width="172rpx"
height="172rpx"
:fileList="fileList3"
@afterRead="afterRead"
@delete="deletePic"
name="3"
multiple
>
<image
style="width: 172rpx; height: 172rpx"
src="../../static/improveData/jia.png"
></image>
</u-upload>
<view class="operation" @click="next"> 点评提交 </view>
</view>
</template>
<script>
import http from "../../request/interface.js";
export default {
data() {
return {
name: "",
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,
count: 5, //
score: 1, //
};
},
onShow() {
this.getTypeList();
this.getUserList();
},
onLoad() {
this.getCurrentTime();
},
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.name == "") {
uni.showToast({
title: "请输入名称",
icon: "none",
});
this.ok = false;
return;
}
if (this.typeId == "") {
uni.showToast({
title: "请选择类型",
icon: "none",
});
this.ok = false;
return;
}
if (this.text1 == "") {
uni.showToast({
title: "请输入需求清单",
icon: "none",
});
this.ok = false;
return;
}
if (this.text2 == "") {
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.userTypeValue == "") {
uni.showToast({
title: "请选择可接单用户",
icon: "none",
});
this.ok = false;
return;
}
if (this.fileList3.length == 0) {
uni.showToast({
title: "请上传附件",
icon: "none",
});
this.ok = false;
return;
}
if (this.morePer) {
if (this.perNumber < 2) {
uni.showToast({
title: "支持多人接单时可接单人数应大于1",
icon: "none",
});
this.ok = false;
return;
}
} else {
if (this.perNumber > 1) {
uni.showToast({
title: "不支持多人接单时可接单人数应等于1",
icon: "none",
});
this.ok = false;
return;
}
}
if (this.ok) {
let image = [];
this.fileList3.forEach(function (item) {
image.push(item.url);
});
let data = image.join(",");
this.http
.request(
"/hall/addHall",
{
activityTime: this.wTime,
content: this.text2,
deadline: this.eTime,
demand: this.text1,
isMultiple: this.morePer,
quantity: this.perNumber,
receiverType: this.userTypeValue,
title: this.name,
type: this.typeId,
enclosure: data,
},
"POST"
)
.then((res) => {
if (res.code == 200) {
uni.navigateBack();
}
})
.catch((e) => {
uni.showToast({
title: e.data.message,
icon: "none",
});
});
}
},
},
};
</script>
<style></style>
<style lang="scss" scoped>
/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;
border-bottom: 1rpx solid #dadbde;
margin-bottom: 4rpx;
.form_left {
margin-right: 22rpx;
}
}
.text_box {
width: 686rpx;
height: 343rpx;
padding: 0 32rpx;
::v-deep .u-textarea {
padding: 9px 0rpx;
border: 0rpx solid #000 !important;
}
}
.gap {
color: #afadb0;
background: #f5f5f5;
opacity: 1;
padding: 10rpx 32rpx;
font-size: 32rpx;
}
// ::v-deep .u-upload__wrap {
// padding: 32rpx;
// }
.upload {
padding: 32rpx;
margin-bottom: 130rpx;
}
.operation {
width: 654rpx;
height: 96rpx;
margin: 32rpx 48rpx 48rpx;
text-align: center;
line-height: 96rpx;
background-color: #99241b;
color: #fff;
font-size: 32rpx;
font-weight: 500;
letter-spacing: 4rpx;
}
</style>

View File

@ -0,0 +1,366 @@
<template>
<view class="">
<!-- <view class="">
<u-loading-page :loading="load"></u-loading-page>
</view> -->
<!-- v-if="load == false" -->
<view class="page">
<view class="return" @click="back">
<image src="../../static/orderLeftArrow.png" mode="scaleToFill"></image>
</view>
<view class="pageImg">
<u-swiper
v-if="list.length > 0"
:list="list"
:autoplay="true"
@change="(e) => (currentNum = e.current)"
indicatorStyle="right: 20px"
height="440rpx"
>
<view slot="indicator" class="indicator-num">
<text class="indicator-num__text"
>{{ currentNum + 1 }}/{{ list.length }}</text
>
</view>
</u-swiper>
</view>
<view class="main">
<view class="mainTitle">{{ data.title }}</view>
<view class="textList">
<view class="type">
<view class="text1" style="margin-right: 12rpx"
>{{ data.name }}
</view>
<view class="text2 text3">{{ data.demand }}</view>
</view>
</view>
<view class="textList">
<view class="type">
<img
class="textImg"
src="../../static/detailIcon/icon10.png"
alt=""
/>
<view class="text1">简介</view>
</view>
<view class="text2">
{{ data.content }}
</view>
</view>
<view
class="file_box"
v-for="(item, index) in list2"
:key="index"
@click="downLoad(item.url)"
>
<view class="file_box_left">
<image :src="item.img" class="file_box_left_img"></image>
</view>
<view class="file_box_right">
<view class="file_box_name">
{{ item.name }}
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
load: true,
id: "",
data: {
name: "xx团队",
content: "555555",
demand: "丹东街道",
contacts: "张丹",
phone: "13564852145",
},
list: [
{
image: "https://cdn.uviewui.com/uview/swiper/1.jpg",
title: "昨夜星辰昨夜风,画楼西畔桂堂东",
},
],
list2: [],
userList: [],
currentNum: 0,
isCheck: 0,
};
},
// onLoad(op) {
// this.id = op.id
// if(op.isCheck){
// this.isCheck = op.isCheck
// }
// },
// onShow() {
// this.getData()
// },
methods: {
// getData() {
// let _this = this
// this.http.request('/hall/details', {
// id: this.id,
// }, "GET").then(res => {
// if (res.code == 200) {
// //
// if (res.data.enclosure) {
// let fileArr = res.data.enclosure.split(',')
// fileArr.forEach(function(item) {
// let gs = item.substr(item.lastIndexOf(".") + 1)
// if (gs == 'jpg' || gs == 'jpeg' || gs == 'png' || gs == 'bmp' || gs ==
// 'gif' || gs == 'tif' || gs == 'tiff') {
// _this.list.push(item)
// } else if (gs == 'pdf') {
// _this.list2.push({
// name: res.data.name + '.' + gs,
// img: '../../static/fileImg/pdfS.png',
// url: item,
// })
// }
// })
// }
// this.data = res.data
// this.data.rclx = this.data.yhsf.join(',')
// this.userList = res.data.users
// this.userList.forEach(function(el){
// let img = JSON.stringify(el.userTx)
// el.userTx = img
// })
// this.load = false
// }
// }).catch(e => {
// uni.showToast({
// title: e.data.message,
// icon: "none",
// });
// })
// },
back() {
uni.navigateBack();
},
},
};
</script>
<style lang="scss" scoped>
image {
height: 100%;
width: 100%;
}
.page {
.return {
position: fixed;
left: 24rpx;
top: 110rpx;
z-index: 10;
image {
width: 48rpx;
height: 48rpx;
}
}
.pageImg {
height: 440rpx;
.img {
width: 100%;
height: 100%;
}
}
.main {
padding: 32rpx;
.mainTitle {
font-size: 36rpx;
font-weight: 600;
color: #251b1d;
margin-bottom: 28rpx;
}
.textList {
margin-bottom: 24rpx;
.type {
display: flex;
height: 48rpx;
line-height: 48rpx;
.textImg {
width: 32rpx;
height: 32rpx;
margin-top: 10rpx;
margin-right: 16rpx;
}
.text1 {
font-size: 32rpx;
font-weight: 600;
color: #32333c;
}
}
.text2 {
font-size: 28rpx;
color: #32333c;
line-height: 40rpx;
}
.text3 {
color: #99241b;
border-radius: 50rpx;
padding: 4rpx 20rpx;
background-color: #eeeeee;
}
}
.file_box {
width: 92%;
height: 64px;
margin: 10px 4%;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #251b1d;
background: #f4f5f7;
border-radius: 6px;
overflow: hidden;
.file_box_left {
width: 40px;
height: 40px;
margin-top: 12px;
margin-left: 12px;
float: left;
.file_box_left_img {
width: 40px;
height: 40px;
}
}
.file_box_right {
margin-left: 20px;
float: left;
.file_box_name {
height: 64px;
line-height: 64px;
font-size: 16px;
font-weight: 600;
color: #251b1d;
}
}
}
}
.line {
height: 16rpx;
background: #f4f5f7;
}
.activityDetails {
.item_ul {
.title {
font-size: 32rpx;
font-weight: bold;
padding: 24rpx;
display: flex;
background: #f4f5f7;
.icon {
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
// display: none;
}
}
.item_li {
padding: 16rpx 32rpx 32rpx;
margin: 16rpx 0;
border-bottom: 2rpx solid #f1f1f1;
display: flex;
// justify-content: space-between;
align-items: center;
font-weight: 600;
.standard {
display: flex;
align-items: center;
margin-right: 10rpx;
.icon {
width: 32rpx;
height: 32rpx;
// display: none;
}
text {
color: #251b1d;
// color: $gray;
margin-left: 8rpx;
}
}
}
}
}
.orderBtn {
width: 100%;
background-color: #fff;
padding-bottom: 20rpx;
.btn {
width: calc(100% - 64rpx);
height: 96rpx;
line-height: 96rpx;
text-align: center;
background: #99241b;
border-radius: 8rpx;
font-size: 32rpx;
font-weight: 600;
color: #ffffff;
margin: 0 auto;
}
.btnQ {
width: calc(100% - 64rpx);
height: 96rpx;
line-height: 96rpx;
text-align: center;
background: #f9f2f2;
border-radius: 8rpx;
font-size: 32rpx;
font-weight: 600;
color: #99241b;
margin: 0 auto;
}
}
.bao_title {
width: 686rpx;
margin: 20rpx 32rpx;
font-size: 28rpx;
font-weight: 500;
color: #32333c;
}
.per_line {
width: 686rpx;
margin: 10rpx 32rpx;
display: flex;
align-items: center;
.oer_image {
width: 88rpx;
height: 88rpx;
border-radius: 50%;
margin-left: 30rpx;
}
}
}
</style>

362
src/pagesD/wyxx/artTeam.vue Normal file
View File

@ -0,0 +1,362 @@
<template>
<view class="">
<!-- <view class="">
<u-loading-page :loading="load"></u-loading-page>
</view> -->
<!-- v-if="load == false" -->
<view class="page">
<view class="return" @click="back">
<image src="../../static/orderLeftArrow.png" mode="scaleToFill"></image>
</view>
<view class="pageImg">
<u-swiper
v-if="list.length > 0"
:list="list"
:autoplay="true"
@change="(e) => (currentNum = e.current)"
indicatorStyle="right: 20px"
height="440rpx"
>
<view slot="indicator" class="indicator-num">
<text class="indicator-num__text"
>{{ currentNum + 1 }}/{{ list.length }}</text
>
</view>
</u-swiper>
</view>
<view class="main">
<view class="mainTitle">{{ data.title }}</view>
<view class="textList">
<view class="type">
<view class="text1" style="margin-right: 12rpx"
>{{ data.name }}
</view>
<view class="text2 text3">{{ data.demand }}</view>
</view>
</view>
<view class="textList">
<view class="type">
<img
class="textImg"
src="../../static/detailIcon/icon10.png"
alt=""
/>
<view class="text1">简介</view>
</view>
<view class="text2">
{{ data.content }}
</view>
</view>
<view
class="file_box"
v-for="(item, index) in list2"
:key="index"
@click="downLoad(item.url)"
>
<view class="file_box_left">
<image :src="item.img" class="file_box_left_img"></image>
</view>
<view class="file_box_right">
<view class="file_box_name">
{{ item.name }}
</view>
</view>
</view>
</view>
<view class="line"></view>
<view class="activityDetails">
<view class="item_ul">
<view class="title">
<image
class="icon"
src="../../static/detailIcon/icon0.png"
mode="scaleToFill"
></image>
<text>联系方式</text>
</view>
<view class="item_li">
<view class="standard">
<image
class="icon"
src="../../static/detailIcon/icon6.png"
mode="scaleToFill"
></image>
<text> 联系人:</text>
</view>
<view class="content">{{ data.contacts }} </view>
</view>
<view class="item_li">
<view class="standard">
<image
class="icon"
src="../../static/detailIcon/icon7.png"
mode="scaleToFill"
></image>
<text>电话:</text>
</view>
<view class="content"> {{ data.phone }}</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
load: true,
id: "",
data: {
name: "xx团队",
content: "555555",
demand: "丹东街道",
contacts: "张丹",
phone: "13564852145",
},
list: [
{
image: "https://cdn.uviewui.com/uview/swiper/1.jpg",
title: "昨夜星辰昨夜风,画楼西畔桂堂东",
},
],
list2: [],
userList: [],
currentNum: 0,
isCheck: 0,
};
},
// onLoad(op) {
// this.id = op.id
// if(op.isCheck){
// this.isCheck = op.isCheck
// }
// },
// onShow() {
// this.getData()
// },
methods: {
back() {
uni.navigateBack();
},
},
};
</script>
<style lang="scss" scoped>
image {
height: 100%;
width: 100%;
}
.page {
.return {
position: fixed;
left: 24rpx;
top: 110rpx;
z-index: 10;
image {
width: 48rpx;
height: 48rpx;
}
}
.pageImg {
height: 440rpx;
.img {
width: 100%;
height: 100%;
}
}
.main {
padding: 32rpx;
.mainTitle {
font-size: 36rpx;
font-weight: 600;
color: #251b1d;
margin-bottom: 28rpx;
}
.textList {
margin-bottom: 24rpx;
.type {
display: flex;
height: 48rpx;
line-height: 48rpx;
.textImg {
width: 32rpx;
height: 32rpx;
margin-top: 10rpx;
margin-right: 16rpx;
}
.text1 {
font-size: 32rpx;
font-weight: 600;
color: #32333c;
}
}
.text2 {
font-size: 28rpx;
color: #32333c;
line-height: 40rpx;
}
.text3 {
color: #99241b;
border-radius: 50rpx;
padding: 4rpx 20rpx;
background-color: #eeeeee;
}
}
.file_box {
width: 92%;
height: 64px;
margin: 10px 4%;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #251b1d;
background: #f4f5f7;
border-radius: 6px;
overflow: hidden;
.file_box_left {
width: 40px;
height: 40px;
margin-top: 12px;
margin-left: 12px;
float: left;
.file_box_left_img {
width: 40px;
height: 40px;
}
}
.file_box_right {
margin-left: 20px;
float: left;
.file_box_name {
height: 64px;
line-height: 64px;
font-size: 16px;
font-weight: 600;
color: #251b1d;
}
}
}
}
.line {
height: 16rpx;
background: #f4f5f7;
}
.activityDetails {
.item_ul {
.title {
font-size: 32rpx;
font-weight: bold;
padding: 24rpx;
display: flex;
background: #f4f5f7;
.icon {
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
// display: none;
}
}
.item_li {
padding: 16rpx 32rpx 32rpx;
margin: 16rpx 0;
border-bottom: 2rpx solid #f1f1f1;
display: flex;
// justify-content: space-between;
align-items: center;
font-weight: 600;
.standard {
display: flex;
align-items: center;
margin-right: 10rpx;
.icon {
width: 32rpx;
height: 32rpx;
// display: none;
}
text {
color: #251b1d;
// color: $gray;
margin-left: 8rpx;
}
}
}
}
}
.orderBtn {
width: 100%;
background-color: #fff;
padding-bottom: 20rpx;
.btn {
width: calc(100% - 64rpx);
height: 96rpx;
line-height: 96rpx;
text-align: center;
background: #99241b;
border-radius: 8rpx;
font-size: 32rpx;
font-weight: 600;
color: #ffffff;
margin: 0 auto;
}
.btnQ {
width: calc(100% - 64rpx);
height: 96rpx;
line-height: 96rpx;
text-align: center;
background: #f9f2f2;
border-radius: 8rpx;
font-size: 32rpx;
font-weight: 600;
color: #99241b;
margin: 0 auto;
}
}
.bao_title {
width: 686rpx;
margin: 20rpx 32rpx;
font-size: 28rpx;
font-weight: 500;
color: #32333c;
}
.per_line {
width: 686rpx;
margin: 10rpx 32rpx;
display: flex;
align-items: center;
.oer_image {
width: 88rpx;
height: 88rpx;
border-radius: 50%;
margin-left: 30rpx;
}
}
}
</style>

View File

@ -17,7 +17,11 @@
</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"
v-for="(item, index) in team"
@click="goDetails(item.id, 0)"
>
<view class="teamBox-right">
<!-- <image :src="item.file" mode=""></image> -->
<image src="../../static/txIcon.png" mode=""></image>
@ -41,7 +45,11 @@
</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"
v-for="(item, index) in program"
@click="goDetails(item.id, 1)"
>
<view class="teamBox-right">
<!-- <image :src="item.file" mode=""></image> -->
<image src="../../static/txIcon.png" mode=""></image>
@ -67,22 +75,43 @@
<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" @click="toDetail(item.id)">
<view
class="mainList"
v-for="(item, i) in mainList"
:key="i"
@click="toDetail(item.id)"
>
<view class="text">
<view class="text1">{{ item.title ? item.title : '暂无' }}</view>
<view class="text1">{{ item.title ? item.title : "暂无" }}</view>
<view class="text3">
<view class="time">节目{{ item.teamName ? item.teamName : '暂无' }}</view>
<view class="time"
>节目{{ item.teamName ? item.teamName : "暂无" }}</view
>
</view>
<view class="text3">
<view class="time">团队{{ item.showName ? item.showName : '暂无' }}</view>
<view class="time"
>团队{{ item.showName ? item.showName : "暂无" }}</view
>
</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">开始时间{{ item.startTime ? item.startTime : '暂无' }}</view>
<img
class="mainListTime"
src="../../static/orderHall/mainListTime.png"
alt=""
/>
<view class="time"
>开始时间{{ item.startTime ? item.startTime : "暂无" }}</view
>
</view>
<view class="text3">
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
<view class="time">截止时间{{ item.endTime ? item.endTime : '暂无' }}</view>
<img
class="mainListTime"
src="../../static/orderHall/mainListTime.png"
alt=""
/>
<view class="time"
>截止时间{{ item.endTime ? item.endTime : "暂无" }}</view
>
</view>
</view>
</view>
@ -92,62 +121,82 @@
</u-empty>
</view>
</view>
<u-loading-page class="loading" loading-text="加载中" :loading="loadings"></u-loading-page>
<u-loading-page
class="loading"
loading-text="加载中"
:loading="loadings"
></u-loading-page>
</view>
</template>
<script>
export default {
data () {
data() {
return {
tabC: "0",
mainList: [],
villageId: '',
villageId: "",
team: [],
program: [],
loadings: true,
isadmin: false
isadmin: false,
};
},
methods: {
toTab (val) {
toTab(val) {
this.tabC = val;
},
RuralDevelopmentPlanlist () {
this.loadings = true
let data = {
villageId: this.villageId
}
this.http.request(`/artCountryside/list`, data, 'GET').then(res => {
if (res.code === 200) {
this.mainList = res.data.records
this.loadings = false
goDetails(value, i) {
if (i == 0) {
uni.navigateTo({
url: `/pagesD/wyxx/artTeam?id=${value}`,
});
} else {
this.loadings = false
uni.navigateTo({
url: `/pagesD/wyxx/artProgram?id=${value}`,
});
}
},
RuralDevelopmentPlanlist() {
this.loadings = true;
let data = {
villageId: this.villageId,
};
this.http
.request(`/artCountryside/list`, data, "GET")
.then((res) => {
if (res.code === 200) {
this.mainList = res.data.records;
this.loadings = false;
} else {
this.loadings = false;
uni.showToast({
title: res.message,
icon: "error",
});
}
}).catch(err => {
this.loadings = false
})
.catch((err) => {
this.loadings = false;
});
},
toAddOrder () {
toAddOrder() {
uni.navigateTo({
url: `/pagesD/wyxx/addindex`
})
url: `/pagesD/wyxx/addindex`,
});
},
teamandprogram () {
this.http.request('/artTeam/list', {}, 'GET').then(res => {
teamandprogram() {
this.http
.request("/artTeam/list", {}, "GET")
.then((res) => {
if (res.code === 200) {
this.team = []
this.program = []
this.team = [];
this.program = [];
res.data.records.forEach((item, index) => {
if (item.type == 'team') {
this.team.push(item)
if (item.type == "team") {
this.team.push(item);
} else {
this.program.push(item)
this.program.push(item);
}
});
} else {
@ -156,20 +205,19 @@ export default {
icon: "error",
});
}
}).catch(err => {
})
.catch((err) => {});
},
toDetail (value) {
toDetail(value) {
uni.navigateTo({
url: `/pagesD/wyxx/detail?id=${value}`
})
}
url: `/pagesD/wyxx/detail?id=${value}`,
});
},
async onShow () {
this.isadmin = uni.getStorageSync('isAdmin');
await this.teamandprogram()
await this.RuralDevelopmentPlanlist()
},
async onShow() {
this.isadmin = uni.getStorageSync("isAdmin");
await this.teamandprogram();
await this.RuralDevelopmentPlanlist();
},
};
</script>
@ -245,7 +293,6 @@ export default {
}
.teamBox-left {
// width: 400rpx;
.teamMinbox-top {
display: flex;
@ -327,11 +374,10 @@ image {
padding: 32rpx;
// background-color: #FFF;
.text1 {
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
color: #251b1d;
margin-bottom: 5rpx;
}

View File

@ -6,9 +6,9 @@
export default {
config: {
// baseUrl: "http://192.168.1.3:8080/h5/api", //俞燕红-小程序不能配跨域
// baseUrl: "/pre", //俞燕红-跨域
baseUrl: "/pre", //俞燕红-跨域
// baseUrl: "https://yxx.ydool.net/h5/api", //线上
baseUrl: "/h5/api", //h5
// baseUrl: "/h5/api", //h5
header: {
'Content-Type': 'application/json;charset=UTF-8',
// 'Content-Type':'application/x-www-form-urlencoded'