wygx
This commit is contained in:
duanxiaohai
parent
871bba4d5e
commit
8fddb02f4b
|
|
@ -639,6 +639,32 @@
|
||||||
"navigationBarTitleText": "文艺下乡新增",
|
"navigationBarTitleText": "文艺下乡新增",
|
||||||
"enablePullDownRefresh": false
|
"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
|
||||||
|
}
|
||||||
},
|
},
|
||||||
// 下乡管理
|
// 下乡管理
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -17,7 +17,11 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="forms" v-if="tabC == '0'">
|
<view class="forms" v-if="tabC == '0'">
|
||||||
<view v-if="team.length > 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">
|
<view class="teamBox-right">
|
||||||
<!-- <image :src="item.file" mode=""></image> -->
|
<!-- <image :src="item.file" mode=""></image> -->
|
||||||
<image src="../../static/txIcon.png" mode=""></image>
|
<image src="../../static/txIcon.png" mode=""></image>
|
||||||
|
|
@ -41,7 +45,11 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="forms" v-if="tabC == '1'">
|
<view class="forms" v-if="tabC == '1'">
|
||||||
<view v-if="program.length > 0">
|
<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">
|
<view class="teamBox-right">
|
||||||
<!-- <image :src="item.file" mode=""></image> -->
|
<!-- <image :src="item.file" mode=""></image> -->
|
||||||
<image src="../../static/txIcon.png" mode=""></image>
|
<image src="../../static/txIcon.png" mode=""></image>
|
||||||
|
|
@ -67,22 +75,43 @@
|
||||||
<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" @click="toDetail(item.id)">
|
<view
|
||||||
|
class="mainList"
|
||||||
|
v-for="(item, i) in mainList"
|
||||||
|
:key="i"
|
||||||
|
@click="toDetail(item.id)"
|
||||||
|
>
|
||||||
<view class="text">
|
<view class="text">
|
||||||
<view class="text1">{{ item.title ? item.title : '暂无' }}</view>
|
<view class="text1">{{ item.title ? item.title : "暂无" }}</view>
|
||||||
<view class="text3">
|
<view class="text3">
|
||||||
<view class="time">节目：{{ item.teamName ? item.teamName : '暂无' }}</view>
|
<view class="time"
|
||||||
|
>节目：{{ item.teamName ? item.teamName : "暂无" }}</view
|
||||||
|
>
|
||||||
</view>
|
</view>
|
||||||
<view class="text3">
|
<view class="text3">
|
||||||
<view class="time">团队：{{ item.showName ? item.showName : '暂无' }}</view>
|
<view class="time"
|
||||||
|
>团队：{{ item.showName ? item.showName : "暂无" }}</view
|
||||||
|
>
|
||||||
</view>
|
</view>
|
||||||
<view class="text3">
|
<view class="text3">
|
||||||
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
|
<img
|
||||||
<view class="time">开始时间：{{ item.startTime ? item.startTime : '暂无' }}</view>
|
class="mainListTime"
|
||||||
|
src="../../static/orderHall/mainListTime.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<view class="time"
|
||||||
|
>开始时间：{{ item.startTime ? item.startTime : "暂无" }}</view
|
||||||
|
>
|
||||||
</view>
|
</view>
|
||||||
<view class="text3">
|
<view class="text3">
|
||||||
<img class='mainListTime' src="../../static/orderHall/mainListTime.png" alt="">
|
<img
|
||||||
<view class="time">截止时间：{{ item.endTime ? item.endTime : '暂无' }}</view>
|
class="mainListTime"
|
||||||
|
src="../../static/orderHall/mainListTime.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<view class="time"
|
||||||
|
>截止时间：{{ item.endTime ? item.endTime : "暂无" }}</view
|
||||||
|
>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -92,62 +121,82 @@
|
||||||
</u-empty>
|
</u-empty>
|
||||||
</view>
|
</view>
|
||||||
</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>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
tabC: "0",
|
tabC: "0",
|
||||||
mainList: [],
|
mainList: [],
|
||||||
villageId: '',
|
villageId: "",
|
||||||
team: [],
|
team: [],
|
||||||
program: [],
|
program: [],
|
||||||
loadings: true,
|
loadings: true,
|
||||||
isadmin: false
|
isadmin: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
toTab (val) {
|
toTab(val) {
|
||||||
this.tabC = val;
|
this.tabC = val;
|
||||||
},
|
},
|
||||||
RuralDevelopmentPlanlist () {
|
goDetails(value, i) {
|
||||||
this.loadings = true
|
if (i == 0) {
|
||||||
let data = {
|
uni.navigateTo({
|
||||||
villageId: this.villageId
|
url: `/pagesD/wyxx/artTeam?id=${value}`,
|
||||||
}
|
});
|
||||||
this.http.request(`/artCountryside/list`, data, 'GET').then(res => {
|
|
||||||
if (res.code === 200) {
|
|
||||||
this.mainList = res.data.records
|
|
||||||
this.loadings = false
|
|
||||||
} else {
|
} 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({
|
uni.showToast({
|
||||||
title: res.message,
|
title: res.message,
|
||||||
icon: "error",
|
icon: "error",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}).catch(err => {
|
|
||||||
this.loadings = false
|
|
||||||
})
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
this.loadings = false;
|
||||||
|
});
|
||||||
},
|
},
|
||||||
toAddOrder () {
|
toAddOrder() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pagesD/wyxx/addindex`
|
url: `/pagesD/wyxx/addindex`,
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
teamandprogram () {
|
teamandprogram() {
|
||||||
this.http.request('/artTeam/list', {}, 'GET').then(res => {
|
this.http
|
||||||
|
.request("/artTeam/list", {}, "GET")
|
||||||
|
.then((res) => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
this.team = []
|
this.team = [];
|
||||||
this.program = []
|
this.program = [];
|
||||||
res.data.records.forEach((item, index) => {
|
res.data.records.forEach((item, index) => {
|
||||||
if (item.type == 'team') {
|
if (item.type == "team") {
|
||||||
this.team.push(item)
|
this.team.push(item);
|
||||||
} else {
|
} else {
|
||||||
this.program.push(item)
|
this.program.push(item);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -156,20 +205,19 @@ export default {
|
||||||
icon: "error",
|
icon: "error",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}).catch(err => {
|
|
||||||
|
|
||||||
})
|
})
|
||||||
|
.catch((err) => {});
|
||||||
},
|
},
|
||||||
toDetail (value) {
|
toDetail(value) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pagesD/wyxx/detail?id=${value}`
|
url: `/pagesD/wyxx/detail?id=${value}`,
|
||||||
})
|
});
|
||||||
}
|
|
||||||
},
|
},
|
||||||
async onShow () {
|
},
|
||||||
this.isadmin = uni.getStorageSync('isAdmin');
|
async onShow() {
|
||||||
await this.teamandprogram()
|
this.isadmin = uni.getStorageSync("isAdmin");
|
||||||
await this.RuralDevelopmentPlanlist()
|
await this.teamandprogram();
|
||||||
|
await this.RuralDevelopmentPlanlist();
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -245,7 +293,6 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.teamBox-left {
|
.teamBox-left {
|
||||||
|
|
||||||
// width: 400rpx;
|
// width: 400rpx;
|
||||||
.teamMinbox-top {
|
.teamMinbox-top {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -327,11 +374,10 @@ image {
|
||||||
padding: 32rpx;
|
padding: 32rpx;
|
||||||
// background-color: #FFF;
|
// background-color: #FFF;
|
||||||
|
|
||||||
|
|
||||||
.text1 {
|
.text1 {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: #251B1D;
|
color: #251b1d;
|
||||||
margin-bottom: 5rpx;
|
margin-bottom: 5rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,9 +6,9 @@
|
||||||
export default {
|
export default {
|
||||||
config: {
|
config: {
|
||||||
// baseUrl: "http://192.168.1.3:8080/h5/api", //俞燕红-小程序不能配跨域
|
// baseUrl: "http://192.168.1.3:8080/h5/api", //俞燕红-小程序不能配跨域
|
||||||
// baseUrl: "/pre", //俞燕红-跨域
|
baseUrl: "/pre", //俞燕红-跨域
|
||||||
// baseUrl: "https://yxx.ydool.net/h5/api", //线上
|
// baseUrl: "https://yxx.ydool.net/h5/api", //线上
|
||||||
baseUrl: "/h5/api", //h5
|
// baseUrl: "/h5/api", //h5
|
||||||
header: {
|
header: {
|
||||||
'Content-Type': 'application/json;charset=UTF-8',
|
'Content-Type': 'application/json;charset=UTF-8',
|
||||||
// 'Content-Type':'application/x-www-form-urlencoded'
|
// 'Content-Type':'application/x-www-form-urlencoded'
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue