13 changed files with 809 additions and 32 deletions
@ -0,0 +1,79 @@ |
|||
<template> |
|||
<view> |
|||
<view class="nav_area"></view> |
|||
<view class="wrapper"> |
|||
<view class="title">{{title}}</view> |
|||
<view class="time">{{create_time}}</view> |
|||
<view class="content"> |
|||
<text v-html="content"></text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import API from '@/common/js/api.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
title: '关于中奖概率调整问题', |
|||
create_time: '发布时间：2023.08.10 23:00:00', |
|||
content: `关于中奖概率调整问题关于中奖概率调整问题关于中奖概率调整问题关于中奖概率调整问题关于中奖概率 |
|||
调整问题关于中奖概率调整问题` |
|||
} |
|||
}, |
|||
onLoad(e) { |
|||
this.id = e.id; |
|||
this.getDetail(); |
|||
}, |
|||
methods: { |
|||
getDetail(){ |
|||
API.request('/index/getNoticeInfo', {id: this.id}, res=>{ |
|||
this.title = res.data.title; |
|||
this.create_time = res.data.create_time; |
|||
this.content = res.data.content; |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.nav_area { |
|||
position: fixed; |
|||
top: 0px; |
|||
left: 0px; |
|||
z-index: 99; |
|||
background-color: #fff; |
|||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); |
|||
width: 700rpx; |
|||
height: 88rpx; |
|||
padding: 0px 25rpx; |
|||
padding-top: var(--status-bar-height); |
|||
box-sizing: content-box; |
|||
color: #b0b0b0; |
|||
font-size: 14px; |
|||
|
|||
} |
|||
.wrapper{ |
|||
text-align: center; |
|||
padding: 10px 20px; |
|||
|
|||
.title{ |
|||
font-size: 16px; |
|||
line-height: 50px; |
|||
} |
|||
.time{ |
|||
font-size: 12px; |
|||
color: #999; |
|||
} |
|||
.content{ |
|||
font-size: 14px; |
|||
text-align: justify; |
|||
text-indent: 30px; |
|||
line-height: 24px; |
|||
margin: 20px 0px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,165 @@ |
|||
<template> |
|||
<view> |
|||
<view class="nav_area"></view> |
|||
<view class="setPage"> |
|||
<view class=""> |
|||
<view class="banner_area"> |
|||
<!-- <swiper class="" v-if="editInfo.banner.length>0" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000"> |
|||
<swiper-item v-for="(item, index) in editInfo.banner"> |
|||
<image class="swiper-item" :src="item.url"></image> |
|||
</swiper-item> |
|||
</swiper> --> |
|||
<view class="" v-if="editInfo.image"> |
|||
<image class="" :src="editInfo.image"></image> |
|||
</view> |
|||
<text v-else @click="addImg">点击添加轮播图</text> |
|||
</view> |
|||
<view style="" class=""> |
|||
<view class="input_box"> |
|||
<text>名称：</text> |
|||
<input type="text" v-model="editInfo.title" placeholder="请输入轮播名称" placeholder-style="color: #999;"> |
|||
</view> |
|||
<view class="input_box"> |
|||
<text>排序：</text> |
|||
<input type="text" v-model="editInfo.sort" placeholder="请输入轮播排序，数字越小，位置越前" placeholder-style="color: #999;"> |
|||
</view> |
|||
</view> |
|||
<view class="submit" @click="confirm()"> |
|||
确定发布 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import API from '@/common/js/api.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
id: '', |
|||
editInfo: {title:'',sort:'', image: ''}, |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
addImg(){ |
|||
uni.chooseImage({ |
|||
count: 1, |
|||
success: (chooseImageRes) => { |
|||
const tempFilePaths = chooseImageRes.tempFilePaths; |
|||
uni.uploadFile({ |
|||
url: 'http://192.168.66.221:8000'+'/rotationChart/upload', |
|||
filePath: tempFilePaths[0], |
|||
name: 'file', |
|||
header: { |
|||
token: uni.getStorageSync('user_token') |
|||
}, |
|||
formData: { |
|||
'image': tempFilePaths[0] |
|||
}, |
|||
success: (uploadFileRes) => { |
|||
console.log(uploadFileRes.data); |
|||
// this.editInfo.image |
|||
} |
|||
}); |
|||
} |
|||
}); |
|||
}, |
|||
confirm(){ |
|||
let data = { |
|||
id: this.id||'', |
|||
title: this.editInfo.title, |
|||
sort: this.editInfo.sort, |
|||
image: this.editInfo.image |
|||
}; |
|||
API.request('/rotationChart/save', data, res=>{ |
|||
uni.showToast({ |
|||
title: res.msg |
|||
}) |
|||
setTimeout(()=>{ |
|||
uni.navigateBack({ |
|||
delta: 1 |
|||
}) |
|||
}, 1500) |
|||
|
|||
}) |
|||
}, |
|||
}, |
|||
onLoad(e) { |
|||
if(e){ |
|||
this.id = e.id; |
|||
this.editInfo.title = e.title; |
|||
this.editInfo.image = e.image; |
|||
this.editInfo.sort = e.sort; |
|||
} |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.nav_area { |
|||
position: fixed; |
|||
top: 0px; |
|||
left: 0px; |
|||
z-index: 99; |
|||
background-color: #fff; |
|||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); |
|||
width: 700rpx; |
|||
height: 88rpx; |
|||
padding: 0px 25rpx; |
|||
padding-top: var(--status-bar-height); |
|||
box-sizing: content-box; |
|||
color: #b0b0b0; |
|||
font-size: 14px; |
|||
} |
|||
.setPage{ |
|||
padding: 40rpx; |
|||
font-size: 14px; |
|||
color: #999; |
|||
} |
|||
.banner_area{ |
|||
width: 670rpx; |
|||
height: 248rpx; |
|||
border: 1px solid #eee; |
|||
border-radius: 5px; |
|||
text-align: center; |
|||
line-height: 248rpx; |
|||
overflow: hidden; |
|||
|
|||
image{ |
|||
width: 670rpx; |
|||
height: 248rpx; |
|||
} |
|||
} |
|||
.input_box{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-top: 40rpx; |
|||
|
|||
input{ |
|||
width: 572rpx; |
|||
height: 80rpx; |
|||
border: 1px solid #eee; |
|||
border-radius: 5px; |
|||
padding: 0px 10px; |
|||
box-sizing: border-box; |
|||
color: #444; |
|||
} |
|||
} |
|||
.submit{ |
|||
width: 670rpx; |
|||
height: 88rpx; |
|||
border-radius: 10px; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
line-height: 88rpx; |
|||
color: #fff; |
|||
background-color: #e33837; |
|||
position: fixed; |
|||
bottom: 40rpx; |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,130 @@ |
|||
<template> |
|||
<view> |
|||
<view class="nav_area"></view> |
|||
<view class="setPage"> |
|||
<view v-for="(item,index) in setList" :key="index" class="set_item"> |
|||
<view class="icon_new"><image :src="item.image" mode=""></image></view> |
|||
<view style="flex:1;" class="flex-col"> |
|||
<view class="box3"><text>轮播名称：</text>{{item.title}}</view> |
|||
<view class=""><text>排序：</text>{{item.sort}}%</view> |
|||
</view> |
|||
<view style="" class="flex-col"> |
|||
<view class="red" @click="edit(item,index)">编辑</view> |
|||
<text class="" @click="remove(item,index)">删除</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import API from '@/common/js/api.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
setList: [ |
|||
{title:'诚邀你一起中百胜多负少的',sort:'1'}, |
|||
{title:'0万元',sort:'2'}, |
|||
{title:'10万元',sort:'3'}, |
|||
{title:'20000万元',sort:'4'} |
|||
|
|||
], |
|||
page: 1 |
|||
} |
|||
}, |
|||
methods: { |
|||
edit(val, i){ |
|||
uni.navigateTo({ |
|||
url: './addBanner?id='+val.id+'&image='+val.image+'&title='+val.title+'&sort='+val.sort |
|||
}) |
|||
}, |
|||
remove(val, i){ |
|||
let _this = this; |
|||
uni.showModal({ |
|||
title:'温馨提示', |
|||
content:"确定是否删除该信息", |
|||
success() { |
|||
API.request('/rotationChart/delete', {id: val.id}, res=>{ |
|||
uni.showToast({ |
|||
title: res.msg |
|||
}) |
|||
_this.setList.splice(i, 1); |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
getList(){ |
|||
API.request('/rotationChart/list', {page:this.page, limit: 10}, res=>{ |
|||
this.setList = res.data.list; |
|||
}) |
|||
|
|||
} |
|||
}, |
|||
onLoad(e) { |
|||
this.getList(); |
|||
}, |
|||
onNavigationBarButtonTap() { |
|||
uni.navigateTo({ |
|||
url: './addBanner' |
|||
}) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.nav_area { |
|||
position: fixed; |
|||
top: 0px; |
|||
left: 0px; |
|||
z-index: 99; |
|||
background-color: #fff; |
|||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); |
|||
width: 700rpx; |
|||
height: 88rpx; |
|||
padding: 0px 25rpx; |
|||
padding-top: var(--status-bar-height); |
|||
box-sizing: content-box; |
|||
color: #b0b0b0; |
|||
font-size: 14px; |
|||
} |
|||
.setPage{ |
|||
padding: 0px 40rpx; |
|||
font-size: 14px; |
|||
color: #444; |
|||
} |
|||
.set_item{ |
|||
height: 96rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 20px 0px; |
|||
// border-bottom: 1px solid #ebebeb; |
|||
|
|||
.icon_new{ |
|||
width: 220rpx; |
|||
height: 96rpx; |
|||
margin-right: 18rpx; |
|||
image{ |
|||
width: 220rpx; |
|||
height: 96rpx; |
|||
border-radius: 10px; |
|||
background-color: #000; |
|||
} |
|||
} |
|||
text{ |
|||
color: #999; |
|||
} |
|||
.box3{ |
|||
display: -webkit-box;//将盒子转换为弹性盒子
-webkit-box-orient: vertical;//文本显示方式，默认水平
-webkit-line-clamp: 1;//设置显示多少行
overflow: hidden; |
|||
} |
|||
.flex-col{ |
|||
height: 100%; |
|||
display: flex;flex-direction: column; |
|||
justify-content: space-between; |
|||
} |
|||
.red{ |
|||
color: #E33837; |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,135 @@ |
|||
<template> |
|||
<view> |
|||
<view class="nav_area"></view> |
|||
<view class="setPage"> |
|||
<view class=""> |
|||
<view style="" class=""> |
|||
<view class="input_box"> |
|||
<text>标题：</text> |
|||
<input type="text" v-model="editInfo.title" placeholder="请输入内容" placeholder-style="color: #999;"> |
|||
</view> |
|||
<!-- <view class="input_box"> |
|||
<text>排序：</text> |
|||
<input type="text" v-model="editInfo.sort" placeholder="请输入轮播排序，数字越小，位置越前" placeholder-style="color: #999;"> |
|||
</view> --> |
|||
<view class="input2_box"> |
|||
<text class="label">描述内容：</text> |
|||
<textarea name="" id="" cols="30" rows="10" placeholder="请输入描述内容" |
|||
placeholder-style="color: #999;" v-model="editInfo.content"></textarea> |
|||
</view> |
|||
</view> |
|||
<view class="submit" @click="confirm()"> |
|||
确定发布 |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import API from '@/common/js/api.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
id: '', |
|||
editInfo: {title:'',sort:'', content: ''}, |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
confirm(){ |
|||
let data = { |
|||
id: this.id||'', |
|||
title: this.editInfo.title, |
|||
sort: this.editInfo.sort, |
|||
content: this.editInfo.content |
|||
}; |
|||
API.request('/notice/save', data, res=>{ |
|||
uni.showToast({ |
|||
title: res.msg |
|||
}) |
|||
setTimeout(()=>{ |
|||
uni.navigateBack({ |
|||
delta: 1 |
|||
}) |
|||
}, 1500) |
|||
|
|||
}) |
|||
}, |
|||
}, |
|||
onLoad(e) { |
|||
if(e){ |
|||
this.id = e.id; |
|||
this.editInfo.title = e.title; |
|||
this.editInfo.content = e.content; |
|||
this.editInfo.sort = e.sort; |
|||
} |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.nav_area { |
|||
position: fixed; |
|||
top: 0px; |
|||
left: 0px; |
|||
z-index: 99; |
|||
background-color: #fff; |
|||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); |
|||
width: 700rpx; |
|||
height: 88rpx; |
|||
padding: 0px 25rpx; |
|||
padding-top: var(--status-bar-height); |
|||
box-sizing: content-box; |
|||
color: #b0b0b0; |
|||
font-size: 14px; |
|||
} |
|||
.setPage{ |
|||
padding: 40rpx; |
|||
font-size: 14px; |
|||
color: #999; |
|||
} |
|||
.input_box{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
|
|||
input{ |
|||
width: 572rpx; |
|||
height: 80rpx; |
|||
border: 1px solid #eee; |
|||
border-radius: 5px; |
|||
padding: 0px 10px; |
|||
box-sizing: border-box; |
|||
color: #444; |
|||
} |
|||
} |
|||
.input2_box{ |
|||
.label{ |
|||
line-height: 40px; |
|||
} |
|||
textarea{ |
|||
width: 670rpx; |
|||
height: 560rpx; |
|||
border: 1px solid #eee; |
|||
border-radius: 5px; |
|||
padding: 10px 10px; |
|||
box-sizing: border-box; |
|||
color: #444; |
|||
} |
|||
} |
|||
.submit{ |
|||
width: 670rpx; |
|||
height: 88rpx; |
|||
border-radius: 10px; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
line-height: 88rpx; |
|||
color: #fff; |
|||
background-color: #e33837; |
|||
position: fixed; |
|||
bottom: 40rpx; |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,137 @@ |
|||
<template> |
|||
<view> |
|||
<view class="nav_area"></view> |
|||
<view class="setPage"> |
|||
<view v-for="(item,index) in setList" :key="index" class="set_item"> |
|||
<view style="" class="item_top"> |
|||
<view class="">标题：{{item.title}}</view> |
|||
<text class="text" style="font-size: 12px;">发布时间：{{item.time}}</text> |
|||
<view class=""><text class="box3" v-html="item.content"></text></view> |
|||
</view> |
|||
<view style="" class="flex-row"> |
|||
<view class="red" @click="edit(item,index)">编辑</view> |
|||
<text class="text" @click="remove(item,index)">删除</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import API from '@/common/js/api.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
setList: [ |
|||
{ |
|||
"id": 1, //公告id |
|||
"title": "测试", //公告标题 |
|||
"sort": 1, //排序 |
|||
"content": "尊敬的平台用户，关于调整中奖概率问题，平台为了中奖概率问题" |
|||
}, |
|||
{ |
|||
"id": 2, //公告id |
|||
"title": "测试2", //公告标题 |
|||
"sort": 2, //排序 |
|||
"content": "手动阀电风扇2" |
|||
} |
|||
|
|||
], |
|||
page: 1 |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
edit(val, i){ |
|||
uni.navigateTo({ |
|||
url: './addNotice?id='+val.id+'&content='+val.content+'&title='+val.title+'&sort='+val.sort |
|||
}) |
|||
}, |
|||
remove(val, i){ |
|||
let _this = this; |
|||
uni.showModal({ |
|||
title:'温馨提示', |
|||
content:"确定是否删除该信息", |
|||
success() { |
|||
API.request('/notice/delete', {id: val.id}, res=>{ |
|||
uni.showToast({ |
|||
title: res.msg |
|||
}) |
|||
_this.setList.splice(i, 1); |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
getList(){ |
|||
API.request('/notice/list', {page:this.page, limit: 10}, res=>{ |
|||
this.setList = res.data.list; |
|||
}) |
|||
|
|||
} |
|||
}, |
|||
onLoad(e) { |
|||
this.getList(); |
|||
}, |
|||
onNavigationBarButtonTap() { |
|||
uni.navigateTo({ |
|||
url: './addNotice' |
|||
}) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.nav_area { |
|||
position: fixed; |
|||
top: 0px; |
|||
left: 0px; |
|||
z-index: 99; |
|||
background-color: #fff; |
|||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); |
|||
width: 700rpx; |
|||
height: 88rpx; |
|||
padding: 0px 25rpx; |
|||
padding-top: var(--status-bar-height); |
|||
box-sizing: content-box; |
|||
color: #b0b0b0; |
|||
font-size: 14px; |
|||
} |
|||
.setPage{ |
|||
padding: 40rpx; |
|||
font-size: 14px; |
|||
color: #444; |
|||
} |
|||
.set_item{ |
|||
width: 670rpx; |
|||
height: 280rpx; |
|||
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.11); |
|||
margin-bottom: 40rpx; |
|||
border-radius: 10px; |
|||
|
|||
.item_top{ |
|||
padding: 30rpx 30rpx; |
|||
line-height: 24px; |
|||
} |
|||
.text{ |
|||
color: #999; |
|||
} |
|||
.box3{ |
|||
font-size: 12px; |
|||
display: -webkit-box;//将盒子转换为弹性盒子 |
|||
-webkit-box-orient: vertical;//文本显示方式，默认水平 |
|||
-webkit-line-clamp: 1;//设置显示多少行 |
|||
overflow: hidden; |
|||
} |
|||
.flex-row{ |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0px 110rpx; |
|||
} |
|||
.red{ |
|||
color: #E33837; |
|||
} |
|||
} |
|||
|
|||
|
|||
</style> |
|||
|
After Width: | Height: | Size: 312 B |
|
After Width: | Height: | Size: 205 B |
Loading…
Reference in new issue