parent
a6d034487d
commit
7965408454
33 changed files with 1171 additions and 213 deletions
@ -0,0 +1,18 @@ |
||||
import request from '@/apis/request.js' |
||||
const { get, post } = request |
||||
|
||||
export const partnerOperatingList = (data) => { |
||||
return post('nakadai/nakadai/partner/article/management/partnerOperatingList', data) |
||||
} |
||||
|
||||
export const findById = id => { |
||||
return post('nakadai/nakadai/applets/partner/browse?contentId=' + id) |
||||
} |
||||
|
||||
export const queryClassificationByType = id => { |
||||
return post('nakadai/nakadai/partner/article/classification/queryClassificationByType?typeId=' + id) |
||||
} |
||||
|
||||
export const schemeList = data => { |
||||
return post('nakadai/nakadai/partner/schemeManagement/schemeList', data) |
||||
} |
||||
@ -0,0 +1,223 @@ |
||||
<template> |
||||
<view> |
||||
<view class="filter"> |
||||
<uni-search-bar class="search" radius="30" placeholder="请输入文章名称，标签" v-model="keyword" clearButton="auto" cancelButton="none" /> |
||||
<view :class="['sort', sort]" @click="switchSort"></view> |
||||
<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="popup = true"></uni-icons> |
||||
</view> |
||||
|
||||
<template v-if="list.length"> |
||||
<view class="list"> |
||||
<view class="item" @click="toDetail(item)"> |
||||
<image class="pic" src="@/static/image/logo.png"></image> |
||||
<view class="right"> |
||||
<view class="title">测试标题</view> |
||||
<view class="labels"> |
||||
<view class="label">大赛</view> |
||||
<view class="label">大赛发动机可</view> |
||||
</view> |
||||
<view class="metas"> |
||||
<view class="meta"> |
||||
<uni-icons class="icon" type="eye" size="22" color="#007FFF"></uni-icons> |
||||
123人学过 |
||||
</view> |
||||
<view class="meta"> |
||||
<uni-icons class="icon" type="star" size="22" color="#007eff"></uni-icons> |
||||
123 |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<uni-load-more :status="status" /> |
||||
</template> |
||||
<empty v-else></empty> |
||||
|
||||
<filter-popup :data="filterData" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { queryCustomer } from '@/apis/modules/client.js' |
||||
import { list, del } from '@/apis/modules/order.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
popup: false, |
||||
//筛选表单数据 |
||||
filterData: [ |
||||
{ |
||||
children: false,//是否有子项 |
||||
title: "所属类型", |
||||
key: "classificationId", //键名 接收对象名字 |
||||
keyValue: "value", //获取的值是哪个 |
||||
isRadio: true, //是否单选 否则多选 |
||||
data: [ |
||||
{ |
||||
title: "待发货", |
||||
value: 0 |
||||
}, |
||||
{ |
||||
title: "已完成", |
||||
value: 1 |
||||
}, |
||||
], |
||||
} |
||||
], |
||||
filterForm: {}, |
||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
||||
status: 'more', // 上拉加载状态 more|loading|noMore |
||||
searchTimer: null, |
||||
orderStatus: '', |
||||
sort: 'desc', |
||||
keyword: '', |
||||
list: [ |
||||
{ |
||||
name: '1' |
||||
} |
||||
], |
||||
page: 1, |
||||
pageSize: 10, |
||||
} |
||||
}, |
||||
watch: { |
||||
keyword () { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(() => { |
||||
this.initList() |
||||
}, 500) |
||||
} |
||||
}, |
||||
// 下拉刷新 |
||||
onPullDownRefresh() { |
||||
this.initList() |
||||
setTimeout(() => { |
||||
uni.stopPullDownRefresh() |
||||
}, 1500) |
||||
}, |
||||
// 上拉加载 |
||||
onReachBottom() { |
||||
if (this.reachBottom >= 0) { |
||||
this.reachBottom = 1 |
||||
this.status = 'loading' |
||||
this.getList() |
||||
} |
||||
}, |
||||
onShow() { |
||||
// this.initRole() |
||||
}, |
||||
methods: { |
||||
// 初始化权限 |
||||
initRole() { |
||||
this.initList() |
||||
}, |
||||
getList() { |
||||
const data = { |
||||
keywords: this.keyword, |
||||
pageNum: this.page, |
||||
pageSize: this.pageSize, |
||||
sort: this.sort, |
||||
orderStatus: this.orderStatus, |
||||
type: this.curTab |
||||
} |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
list(data).then(({ data }) => { |
||||
uni.hideLoading() |
||||
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 |
||||
const list = data.records |
||||
list.map(e => { |
||||
e.toggle = e.orderContent.length < 14 // 超过了14个字才需要显示展开按钮 |
||||
}) |
||||
this.list = this.reachBottom > 0 ? [...this.list, ...list] : list |
||||
this.page++ // 每次获取了数据后page+1 |
||||
const noMore = this.list.length === data.total // 是否加载完所有数据 |
||||
this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore |
||||
this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1 |
||||
}).catch(e => { |
||||
uni.hideLoading() |
||||
}) |
||||
}, |
||||
initList() { |
||||
this.page = 1 |
||||
this.reachBottom = 0 |
||||
this.getList() |
||||
}, |
||||
// 展开 |
||||
toggle(item) { |
||||
item.toggle = !item.toggle |
||||
}, |
||||
// 筛选确定回调 |
||||
subFinsh(val) { |
||||
const { orderStatus } = val |
||||
this.orderStatus = orderStatus.length ? orderStatus[0] : '' |
||||
this.initList() |
||||
}, |
||||
// 排序 |
||||
switchSort() { |
||||
this.sort = this.sort === 'desc' ? 'asc' : 'desc' |
||||
this.initList() |
||||
}, |
||||
// tab切换 |
||||
tabChange(tab) { |
||||
this.curTab = tab.id |
||||
this.initList() |
||||
}, |
||||
// 跳转详情 |
||||
toDetail(item) { |
||||
this.$util.to(`/team/article/article`) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.list { |
||||
margin-top: 20rpx; |
||||
background-color: #fff; |
||||
.item { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
margin-top: 10rpx; |
||||
padding: 20rpx 40rpx; |
||||
border-bottom: 1px solid #f1f1f1; |
||||
} |
||||
.pic { |
||||
width: 200rpx; |
||||
height: 140rpx; |
||||
} |
||||
.right { |
||||
width: calc(100% - 230rpx); |
||||
} |
||||
.title { |
||||
font-size: 32rpx; |
||||
font-weight: 600; |
||||
color: #333; |
||||
} |
||||
.labels { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
margin: 15rpx 0; |
||||
} |
||||
.label { |
||||
padding: 2px 6px; |
||||
margin-right: 20rpx; |
||||
font-size: 24rpx; |
||||
color: #fff; |
||||
background-color: #ccc; |
||||
border-radius: 4px; |
||||
} |
||||
.metas { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
} |
||||
.meta { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
margin-right: 20rpx; |
||||
font-size: 24rpx; |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,174 @@ |
||||
<template> |
||||
<view class="page"> |
||||
<image class="logo" src="@/static/image/logo.png" mode=""></image> |
||||
<view class="wrap"> |
||||
<view v-if="form.isTeam !== 0" class="hello"> |
||||
{{ form.isTeam ? '或然科技城市合伙人，欢迎回来！' : '欢迎加入或然城市合伙人计划！请认真填写您的姓名和意向开展业务的区域。注册后，我们将会有区域运营与您联系沟通后续事宜。'}} |
||||
</view> |
||||
<view> |
||||
<uni-forms> |
||||
<uni-forms-item label="姓名"> |
||||
<uni-easyinput type="text" v-model="form.userName" placeholder="请输入姓名" /> |
||||
</uni-forms-item> |
||||
<uni-forms-item label="意向省份"> |
||||
<uni-data-picker placeholder="请选择省份" popup-title="请选择省份" preload :localdata="provinces" :map="{text: 'provinceName', value: 'provinceId'}" v-model="form.provinceId" @change="getCity"></uni-data-picker> |
||||
</uni-forms-item> |
||||
<uni-forms-item label="意向城市"> |
||||
<uni-data-picker placeholder="请选择城市" popup-title="请选择城市" preload :localdata="cities" :map="{text: 'cityName', value: 'cityId'}" v-model="form.cityId"></uni-data-picker> |
||||
</uni-forms-item> |
||||
</uni-forms> |
||||
<view class="btns"> |
||||
<button type="primary" @click="submit">{{ form.isTeam ? '登录' : form.isTeam === 0 ? '确定' : '注册' }}</button> |
||||
<button>取消</button> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { queryPartnerAccount, queryProvince, queryCity, partnerAccountApplication, loginByOpenid, checkWorkNumOrAccount } from '@/apis/modules/user.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
openid: '', |
||||
phone: '', |
||||
form: { |
||||
userName: '', |
||||
provinceId: '', |
||||
cityId: '', |
||||
}, |
||||
accountRepeat: false, |
||||
provinces: [], |
||||
cities: [] |
||||
} |
||||
}, |
||||
onShow() { |
||||
const pages = getCurrentPages() |
||||
const { options } = pages[pages.length - 1] |
||||
this.openid = options.openid |
||||
this.phone = options.phone |
||||
this.getProvince() |
||||
// 先授权用户信息，再授权手机号 |
||||
this.checkLogin() |
||||
}, |
||||
methods: { |
||||
// 检查登录状态 |
||||
checkLogin() { |
||||
if (uni.getStorageSync('token')) { |
||||
this.toIndex() |
||||
} else { |
||||
// 根据手机号获取是否注册过，如果有，则判断是否是队长（isTeam 1：队长，0：成员），如果没有返回team，则注册 |
||||
queryPartnerAccount(this.phone).then(({ team }) => { |
||||
if (team) { |
||||
if (team.isTeam) { |
||||
this.form = team |
||||
this.getCity() |
||||
} else { |
||||
this.form.userName = team.userName |
||||
uni.showModal({ |
||||
title: '提示', |
||||
content: `或然科技城市合伙人，欢迎回来！ |
||||
您已在${team.teamName}的团队，是否要创建自己的团队？`, |
||||
success: function (res) { |
||||
if (res.confirm) { |
||||
console.log('用户点击确定'); |
||||
} else if (res.cancel) { |
||||
uni.redirectTo({ |
||||
url: '../login/login' |
||||
}) |
||||
} |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
}).catch(e => {}) |
||||
} |
||||
}, |
||||
// 获取省份 |
||||
getProvince() { |
||||
queryProvince().then(({ list }) => { |
||||
this.provinces = list |
||||
}).catch(res => {}) |
||||
}, |
||||
// 获取城市 |
||||
getCity(val) { |
||||
if (this.form.provinceId) { |
||||
queryCity({ |
||||
provinceId: this.form.provinceId |
||||
}).then(({ list }) => { |
||||
this.cities = list |
||||
}).catch(res => {}) |
||||
} else { |
||||
this.cities = [] |
||||
} |
||||
if (val) this.form.cityId = '' |
||||
}, |
||||
// 提交 |
||||
submit() { |
||||
const { form } = this |
||||
if (!form.userName) return this.$util.errMsg('请输入姓名！') |
||||
if (!form.provinceId) return this.$util.errMsg('请选择意向省份！') |
||||
if (!form.cityId) return this.$util.errMsg('请选择意向城市！') |
||||
form.phone = this.phone |
||||
form.appOpenId = this.openid |
||||
form.uniqueIdentification = Date.now() |
||||
if (form.isTeam) { // 队长，直接登录 |
||||
loginByOpenid(this.openid).then(({ data }) => { |
||||
uni.setStorageSync('token', data.token) |
||||
this.toIndex() |
||||
}).catch(res => {}) |
||||
} else { // 新用户，注册。or 成员，创建自己的团队 |
||||
partnerAccountApplication(form).then(res => { |
||||
this.$util.sucMsg(form.isTeam === 0 ? '创建成功' : '注册成功') |
||||
setTimeout(() => { |
||||
uni.redirectTo({ |
||||
url: '../login/login' |
||||
}) |
||||
}, 1500) |
||||
}).catch(res => {}) |
||||
} |
||||
}, |
||||
// 跳转到首页 |
||||
toIndex() { |
||||
uni.reLaunch({ |
||||
url: '../index/index' |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.page { |
||||
min-height: 100%; |
||||
text-align: center; |
||||
background: url(@/static/image/login1.png) 0 0/175rpx auto no-repeat, |
||||
url(@/static/image/login2.png) bottom right/123rpx auto no-repeat; |
||||
.logo { |
||||
width: 393rpx; |
||||
height: 93rpx; |
||||
margin: 100rpx 0 60rpx; |
||||
} |
||||
} |
||||
.wrap { |
||||
position: relative; |
||||
padding: 60rpx; |
||||
margin: 0 61rpx; |
||||
text-align: center; |
||||
border-radius: 8rpx; |
||||
background-color: #fff; |
||||
.hello { |
||||
margin-bottom: 30rpx; |
||||
font-size: 28rpx; |
||||
color: #333; |
||||
} |
||||
.btns { |
||||
display: flex; |
||||
button { |
||||
width: 200rpx; |
||||
font-size: 30rpx; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,226 @@ |
||||
<template> |
||||
<view> |
||||
<view class="filter"> |
||||
<uni-search-bar class="search" radius="30" placeholder="请输入文章名称，标签" v-model="keyword" clearButton="auto" cancelButton="none" /> |
||||
<view :class="['sort', sort]" @click="switchSort"></view> |
||||
<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="popup = true"></uni-icons> |
||||
</view> |
||||
|
||||
<template v-if="list.length"> |
||||
<view class="list"> |
||||
<view v-for="(item, i) in list" :key="i" class="item" @click="toDetail(item)"> |
||||
<image class="pic" :src="item.bannerImg"></image> |
||||
<view class="right"> |
||||
<view class="title">{{ item.title }}</view> |
||||
<view v-if="item.labelName" class="labels"> |
||||
<view v-for="(label, j) in item.labelName.split(',')" :key="j" class="label">{{ label }}</view> |
||||
</view> |
||||
<view class="metas"> |
||||
<view class="meta"> |
||||
<uni-icons class="icon" type="eye" size="22" color="#007FFF"></uni-icons> |
||||
{{ item.learnerNumber }}人学过 |
||||
</view> |
||||
<!-- <view class="meta"> |
||||
<uni-icons class="icon" type="star" size="22" color="#007eff"></uni-icons> |
||||
123 |
||||
</view> --> |
||||
</view> |
||||
<view v-if="item.lastReading" class="last">上次阅读</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<uni-load-more :status="status" /> |
||||
</template> |
||||
<empty v-else></empty> |
||||
|
||||
<filter-popup :data="filterData" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { partnerOperatingList, queryClassificationByType } from '@/apis/modules/article.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
popup: false, |
||||
//筛选表单数据 |
||||
filterData: [ |
||||
{ |
||||
children: false,//是否有子项 |
||||
title: "所属类型", |
||||
key: "classificationId", //键名 接收对象名字 |
||||
keyValue: "id", //获取的值是哪个 |
||||
isRadio: true, //是否单选 否则多选 |
||||
data: [], |
||||
} |
||||
], |
||||
filterForm: { |
||||
classificationId: [] |
||||
}, |
||||
classificationId: '', |
||||
reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据 |
||||
status: 'more', // 上拉加载状态 more|loading|noMore |
||||
searchTimer: null, |
||||
articleNameSort: 'desc', |
||||
keyword: '', |
||||
list: [], |
||||
page: 1, |
||||
pageSize: 10, |
||||
} |
||||
}, |
||||
watch: { |
||||
keyword () { |
||||
clearTimeout(this.searchTimer) |
||||
this.searchTimer = setTimeout(() => { |
||||
this.initList() |
||||
}, 500) |
||||
} |
||||
}, |
||||
// 下拉刷新 |
||||
onPullDownRefresh() { |
||||
this.initList() |
||||
setTimeout(() => { |
||||
uni.stopPullDownRefresh() |
||||
}, 1500) |
||||
}, |
||||
// 上拉加载 |
||||
onReachBottom() { |
||||
if (this.reachBottom >= 0) { |
||||
this.reachBottom = 1 |
||||
this.status = 'loading' |
||||
this.getList() |
||||
} |
||||
}, |
||||
onShow() { |
||||
this.initRole() |
||||
}, |
||||
methods: { |
||||
// 初始化权限 |
||||
initRole() { |
||||
this.initList() |
||||
this.getClassification() |
||||
}, |
||||
getList() { |
||||
const data = { |
||||
keyWord: this.keyword, |
||||
pageNum: this.page, |
||||
pageSize: this.pageSize, |
||||
querySource: 4, |
||||
typeId: 1, |
||||
articleNameSort: this.articleNameSort, |
||||
classificationId: this.classificationId |
||||
} |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
partnerOperatingList(data).then(({ data }) => { |
||||
uni.hideLoading() |
||||
// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值 |
||||
const list = data.records |
||||
this.list = this.reachBottom > 0 ? [...this.list, ...list] : list |
||||
this.page++ // 每次获取了数据后page+1 |
||||
const noMore = this.list.length === data.total // 是否加载完所有数据 |
||||
this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore |
||||
this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1 |
||||
}).catch(e => { |
||||
uni.hideLoading() |
||||
}) |
||||
}, |
||||
initList() { |
||||
this.page = 1 |
||||
this.reachBottom = 0 |
||||
this.getList() |
||||
}, |
||||
// 获取所属分类 |
||||
getClassification() { |
||||
queryClassificationByType(1).then(({ data }) => { |
||||
data.forEach(e => { |
||||
e.title = e.classificationName |
||||
e.value = e.id |
||||
}) |
||||
this.filterData[0].data = data |
||||
console.log(11, this.filterData[0].data) |
||||
}).catch(e => {}) |
||||
}, |
||||
// 展开 |
||||
toggle(item) { |
||||
item.toggle = !item.toggle |
||||
}, |
||||
// 筛选确定回调 |
||||
subFinsh(val) { |
||||
const { classificationId } = val |
||||
this.classificationId = classificationId.length ? classificationId[0] : '' |
||||
this.initList() |
||||
}, |
||||
// 排序 |
||||
switchSort() { |
||||
this.articleNameSort = this.articleNameSort === 'desc' ? 'asc' : 'desc' |
||||
this.initList() |
||||
}, |
||||
// 跳转详情 |
||||
toDetail(item) { |
||||
this.$util.to(`/team/article/article?id=` + item.id) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.list { |
||||
margin-top: 20rpx; |
||||
background-color: #fff; |
||||
.item { |
||||
position: relative; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
margin-top: 10rpx; |
||||
padding: 20rpx 40rpx; |
||||
border-bottom: 1px solid #f1f1f1; |
||||
} |
||||
.pic { |
||||
width: 200rpx; |
||||
height: 140rpx; |
||||
} |
||||
.right { |
||||
width: calc(100% - 230rpx); |
||||
} |
||||
.title { |
||||
font-size: 32rpx; |
||||
font-weight: 600; |
||||
color: #333; |
||||
} |
||||
.labels { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
align-items: center; |
||||
margin-top: 15rpx; |
||||
} |
||||
.label { |
||||
padding: 2px 6px; |
||||
margin-bottom: 15rpx; |
||||
margin-right: 20rpx; |
||||
font-size: 24rpx; |
||||
color: #fff; |
||||
background-color: #ccc; |
||||
border-radius: 4px; |
||||
} |
||||
.metas { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.meta { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
margin-right: 20rpx; |
||||
font-size: 24rpx; |
||||
} |
||||
.last { |
||||
position: absolute; |
||||
bottom: 20rpx; |
||||
right: 40rpx; |
||||
font-size: 28rpx; |
||||
color: #007FFF; |
||||
} |
||||
} |
||||
</style> |
||||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 937 B |
|
After Width: | Height: | Size: 860 B |
|
After Width: | Height: | Size: 490 B |
|
Before Width: | Height: | Size: 859 B After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 784 B After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 680 B After Width: | Height: | Size: 457 B |
|
Before Width: | Height: | Size: 627 B After Width: | Height: | Size: 452 B |
|
After Width: | Height: | Size: 680 B |
|
After Width: | Height: | Size: 627 B |
@ -0,0 +1,93 @@ |
||||
<template> |
||||
<view class="wrap"> |
||||
<view class="title">{{ form.title }}</view> |
||||
<view class="metas"> |
||||
<view class="meta"> |
||||
<uni-icons class="icon" type="eye" size="22" color="#007FFF"></uni-icons> |
||||
{{ form.totalBrowsing }}人学过 |
||||
</view> |
||||
<view v-if="form.labelNameList" class="labels"> |
||||
<view v-for="(label, j) in form.labelNameList" :key="j" class="label">{{ label }}</view> |
||||
</view> |
||||
<!-- <view class="meta"> |
||||
<uni-icons class="icon" type="star" size="22" color="#007eff"></uni-icons> |
||||
123 |
||||
</view> --> |
||||
</view> |
||||
|
||||
<view class="text" v-html="form.mainBody"></view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { findById } from '@/apis/modules/article.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
id: '', |
||||
form: { |
||||
totalBrowsing: '' |
||||
} |
||||
} |
||||
}, |
||||
onShow() { |
||||
const pages = getCurrentPages() |
||||
const { options } = pages[pages.length - 1] |
||||
this.id = options.id |
||||
this.getInfo() |
||||
}, |
||||
methods: { |
||||
// 获取详情 |
||||
getInfo() { |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
findById(this.id).then(({ message }) => { |
||||
this.form = message |
||||
uni.hideLoading() |
||||
}).catch(e => { |
||||
uni.hideLoading() |
||||
}) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.wrap { |
||||
padding: 30rpx; |
||||
background-color: #fff; |
||||
} |
||||
.title { |
||||
font-size: 30rpx; |
||||
font-weight: 600; |
||||
color: #333; |
||||
} |
||||
.metas { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
margin: 20rpx 0; |
||||
.labels { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
margin: 15rpx 0; |
||||
} |
||||
.label { |
||||
padding: 2px 6px; |
||||
margin-right: 20rpx; |
||||
font-size: 24rpx; |
||||
color: #fff; |
||||
background-color: #ccc; |
||||
border-radius: 4px; |
||||
} |
||||
.meta { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
} |
||||
} |
||||
.text { |
||||
font-size: 28rpx; |
||||
line-height: 1.6; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue