修改
This commit is contained in:
parent
fd7af2eb10
commit
f1eff69198
4
app.json
4
app.json
@ -1,6 +1,10 @@
|
||||
{
|
||||
"pages": [
|
||||
"pages/index/index",
|
||||
"pages/travel/travel",
|
||||
"pages/resource/resource",
|
||||
"pages/template/template",
|
||||
"pages/train/train",
|
||||
"pages/cultureMap/cultureMap",
|
||||
"pages/order/order",
|
||||
"pages/venue/venue",
|
||||
|
@ -33,7 +33,11 @@ Page({
|
||||
duration: 1500
|
||||
})
|
||||
}
|
||||
console.log(self.data.liveRecordList)
|
||||
if (self.data.page == 1) {
|
||||
self.setData({
|
||||
videoPath: data.rows[0].recordFilePath
|
||||
})
|
||||
}
|
||||
}
|
||||
)
|
||||
},
|
||||
|
@ -1,6 +1,7 @@
|
||||
<view class="video">
|
||||
<video src="{{videoPath}}" autoplay="autoplay"></video>
|
||||
<!-- <view class="video">
|
||||
<video src="{{videoPath}}" autoplay="autoplay" controls="controls"></video>
|
||||
</view>
|
||||
<view class="select-list">
|
||||
<view class="select-video {{item.recordFilePath == videoPath ? 'active': ''}}" wx:for="{{liveRecordList}}" data-url="{{item.recordFilePath}}" bindtap="playVideo">{{index+1}}.{{item.recordFileName}}</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<web-view src="{{liveRecordContentUrl}}/flv/index.html?livePlanId={{livePlanId}}&liveUrl={{liveUrl}}&liveRecordUrl={{liveRecordUrl}}" wx:if="{{livePlanId}}"></web-view>
|
@ -256,7 +256,6 @@ Page({
|
||||
randomName: true
|
||||
})
|
||||
} else {
|
||||
wx.hideTabBar()
|
||||
self.setData({
|
||||
randomName: false
|
||||
})
|
||||
@ -279,6 +278,11 @@ Page({
|
||||
app.dialog.msg(data.msg);
|
||||
})
|
||||
},
|
||||
cancelPhone: function () {
|
||||
this.setData({
|
||||
showPhone: false
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
|
@ -9,10 +9,10 @@
|
||||
<view class="select-title">文化直播</view>
|
||||
</view>
|
||||
-->
|
||||
<view class="select-box" bindtap="goFriendCircle">
|
||||
<!-- <view class="select-box" bindtap="goFriendCircle">
|
||||
<image src="../../images/select-tab.png"></image>
|
||||
<view class="select-title">文化分享</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="select-box" bindtap="goCultureMap">
|
||||
<image src="../../images/select-tab.png"></image>
|
||||
<view class="select-title">文化地图</view>
|
||||
|
@ -185,133 +185,36 @@ Page({
|
||||
url: '../cultureDetail/cultureDetail?libraryId='+ event.currentTarget.dataset.libraryId,
|
||||
})
|
||||
},
|
||||
// 获取输入的手机号
|
||||
phoneNum: function (res) {
|
||||
this.setData({
|
||||
phone: res.detail.value
|
||||
})
|
||||
},
|
||||
// 校验手机号
|
||||
testPhone: function () {
|
||||
// 获取用户信息
|
||||
getUserInfo: function () {
|
||||
var self = this
|
||||
if (self.data.phone) {
|
||||
if (!/^1(3|4|5|6|7|8|9)\d{9}$/.test(self.data.phone)) {
|
||||
wx.showToast({
|
||||
title: '请输入正确的手机号',
|
||||
icon: 'none',
|
||||
duration: 1500
|
||||
})
|
||||
} else {
|
||||
self.getCode()
|
||||
}
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: '手机号不能为空',
|
||||
icon: 'none',
|
||||
duration: 1500
|
||||
})
|
||||
}
|
||||
},
|
||||
// 获取验证码
|
||||
getCode: function () {
|
||||
var self = this;
|
||||
self.setData({
|
||||
gotCode: true
|
||||
})
|
||||
self.data.timer = setInterval(function () {
|
||||
var cur = self.data.restTime - 1
|
||||
if (cur == 0) {
|
||||
clearInterval(self.data.timer)
|
||||
self.setData({
|
||||
restTime: 120,
|
||||
gotCode: false
|
||||
})
|
||||
} else {
|
||||
self.setData({
|
||||
restTime: cur
|
||||
})
|
||||
}
|
||||
}, 1000)
|
||||
app.restAjax.get(app.restAjax.path('{usercenterUrl}/api/sms/getverificationcode/' + self.data.phone, [app.usercenterUrl]), {}, null,
|
||||
function (code, data) {},
|
||||
function (code, data) {
|
||||
wx.showToast({
|
||||
title: data.msg,
|
||||
icon: 'none',
|
||||
duration: 1500
|
||||
})
|
||||
})
|
||||
},
|
||||
// 提交绑定手机
|
||||
submitPhone: function () {
|
||||
var self = this;
|
||||
self.setData({
|
||||
isConfirm: true
|
||||
})
|
||||
app.restAjax.put(app.restAjax.path('{usercenterUrl}/app/user/updateminiappdefaultusername', [app.usercenterUrl]), {
|
||||
phone: self.data.phone,
|
||||
verificationCode: self.data.code
|
||||
}, {
|
||||
app.restAjax.get(app.restAjax.path('{usercenterUrl}/app/user/getappuser', [app.usercenterUrl]), {}, {
|
||||
headers: {
|
||||
token: self.data.token
|
||||
}
|
||||
}, function (code, data) {
|
||||
wx.setStorageSync('token', data.data);
|
||||
wx.setStorageSync('isRandomUsername', 0)
|
||||
clearInterval(self.data.timer)
|
||||
self.setData({
|
||||
showPhone: false
|
||||
userInfo: data
|
||||
})
|
||||
wx.showTabBar();
|
||||
self.getUserInfo()
|
||||
}, function (code, data) {
|
||||
app.dialog.msg(data.msg);
|
||||
self.setData({
|
||||
isConfirm: false
|
||||
})
|
||||
})
|
||||
},
|
||||
// 验证码
|
||||
inputCode: function (e) {
|
||||
this.setData({
|
||||
code: e.detail.value
|
||||
goTrain: function () {
|
||||
wx.navigateTo({
|
||||
url: '../train/train',
|
||||
})
|
||||
},
|
||||
// 判断用户是否为随机名称
|
||||
isRandomName: function () {
|
||||
var self = this
|
||||
wx.getStorage({
|
||||
key: 'isRandomUsername',
|
||||
success: function (res) {
|
||||
if (res.data == 1) {
|
||||
wx.hideTabBar()
|
||||
self.setData({
|
||||
randomName: true
|
||||
})
|
||||
} else {
|
||||
wx.hideTabBar()
|
||||
self.setData({
|
||||
randomName: false
|
||||
})
|
||||
}
|
||||
}
|
||||
goTravel: function () {
|
||||
wx.navigateTo({
|
||||
url: '../travel/travel',
|
||||
})
|
||||
},
|
||||
goResource: function () {
|
||||
wx.navigateTo({
|
||||
url: '../resource/resource',
|
||||
})
|
||||
},
|
||||
// 获取用户信息
|
||||
getUserInfo: function () {
|
||||
var self = this
|
||||
app.restAjax.get(app.restAjax.path('{usercenterUrl}/app/user/getappuser', [app.usercenterUrl]), {}, {
|
||||
headers: {
|
||||
token: self.data.token
|
||||
}
|
||||
}, function (code, data) {
|
||||
self.setData({
|
||||
userInfo: data
|
||||
})
|
||||
}, function (code, data) {
|
||||
app.dialog.msg(data.msg);
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
@ -323,7 +226,6 @@ Page({
|
||||
self.doGetLiveList();
|
||||
self.doGetVenueList();
|
||||
self.doGetActivityList();
|
||||
self.isRandomName();
|
||||
},
|
||||
|
||||
/**
|
||||
|
@ -34,6 +34,18 @@
|
||||
<image src="../../images/tab5.png"></image>
|
||||
<view class="tab-title">直播点播</view>
|
||||
</view>
|
||||
<view class="tab-box" bindtap="goTrain">
|
||||
<image src="../../images/tab5.png"></image>
|
||||
<view class="tab-title">在线培训</view>
|
||||
</view>
|
||||
<view class="tab-box" bindtap="goTravel">
|
||||
<image src="../../images/tab6.png"></image>
|
||||
<view class="tab-title">文化旅游</view>
|
||||
</view>
|
||||
<view class="tab-box" bindtap="goResource">
|
||||
<image src="../../images/tab4.png"></image>
|
||||
<view class="tab-title">数图资源</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="recommend">
|
||||
<view class="public-title">
|
||||
@ -133,20 +145,4 @@
|
||||
<view class="broadcast-status" wx:else>错误</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="set-phone" wx:if="{{randomName && showPhone}}">
|
||||
<view class="set-phone-box">
|
||||
<view class="tips">您还没有绑定手机号,请先绑定手机号</view>
|
||||
<view class="phone-input">
|
||||
<input placeholder="请输入手机号" bindinput="phoneNum" class="phone-input" type="number"></input>
|
||||
</view>
|
||||
<view class="code-input">
|
||||
<input placeholder="请输入验证码" bindinput="inputCode" type="number"></input>
|
||||
<view class="get-code" bindtap="testPhone" wx:if="{{!gotCode}}">获取验证码</view>
|
||||
<view class="got-code" wx:else>{{restTime}}</view>
|
||||
</view>
|
||||
<view class="set-phone-btn-box">
|
||||
<view class="set-phone-btn" bindtap="submitPhone" wx:if="{{!isConfirm}}">确认</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
143
pages/resource/resource.js
Normal file
143
pages/resource/resource.js
Normal file
@ -0,0 +1,143 @@
|
||||
// pages/resource/resource.js
|
||||
const app = getApp()
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
newsUrl: app.newsUrl,
|
||||
directoriesParentId: '98c74389-2088-499b-a046-8611bdc57ea4',
|
||||
typeList: [],
|
||||
currentPage: 1,
|
||||
rows: 10,
|
||||
currentNewsDictionariesId: '',
|
||||
trainList: []
|
||||
},
|
||||
getType: function () {
|
||||
var self = this
|
||||
app.restAjax.get(app.restAjax.path('{newsUrl}/app/newsdirectories/listnewsdirectoriesrelease', [app.newsUrl]), {
|
||||
directoriesParentId: self.data.directoriesParentId
|
||||
}, null, function (code, data) {
|
||||
self.setData({
|
||||
typeList: data
|
||||
})
|
||||
self.getList(1)
|
||||
})
|
||||
},
|
||||
changeType: function (e) {
|
||||
this.setData({
|
||||
currentNewsDictionariesId: e.currentTarget.dataset.newsDirectoriesId
|
||||
})
|
||||
this.getList(1)
|
||||
},
|
||||
getList: function (page) {
|
||||
var self = this
|
||||
app.dialog.loading('正在加载');
|
||||
var info = {
|
||||
newsDirectoriesParentId: self.data.directoriesParentId,
|
||||
newsDirectoriesId: self.data.currentNewsDictionariesId ? self.data.currentNewsDictionariesId : '',
|
||||
page: page,
|
||||
rows: self.data.rows
|
||||
}
|
||||
app.restAjax.get(app.restAjax.path('{newsUrl}/app/newscontent/listpagenewscontentrelease', [app.newsUrl]), info, null, function (code, data) {
|
||||
var newsArray;
|
||||
for (var i = 0; i < data.rows.length; i++) {
|
||||
data.rows[i].newsContentCoverList = data.rows[i].newsContentCoverList[0].contentCoverId
|
||||
}
|
||||
if(page <= 1) {
|
||||
newsArray = data.rows;
|
||||
} else {
|
||||
newsArray = self.data.trainList;
|
||||
newsArray = newsArray.concat(data.rows);
|
||||
}
|
||||
self.setData({
|
||||
currentPage: page,
|
||||
trainList: newsArray
|
||||
})
|
||||
if(data.rows.length == 0) {
|
||||
app.dialog.msg('暂无数据');
|
||||
return;
|
||||
}
|
||||
}, function(code, data) {
|
||||
app.dialog.msg(data.msg);
|
||||
}, function() {
|
||||
wx.stopPullDownRefresh();
|
||||
wx.hideLoading();
|
||||
})
|
||||
},
|
||||
goNewsDetail: function (e) {
|
||||
var url = e.currentTarget.dataset.templateRecordUrl
|
||||
var link = e.currentTarget.dataset.contentLink
|
||||
if (link) {
|
||||
wx.navigateTo({
|
||||
url: '../template/template?link=' + encodeURIComponent(link),
|
||||
})
|
||||
} else {
|
||||
wx.navigateTo({
|
||||
url: '../template/template?url=' + encodeURIComponent(url),
|
||||
})
|
||||
}
|
||||
},
|
||||
doClearCurrentNewsDictionariesId: function () {
|
||||
this.setData({
|
||||
currentNewsDictionariesId: ''
|
||||
})
|
||||
this.getList(1)
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.getType()
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
this.getList(1);
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
this.getList(this.data.currentPage + 1);
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
3
pages/resource/resource.json
Normal file
3
pages/resource/resource.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
25
pages/resource/resource.wxml
Normal file
25
pages/resource/resource.wxml
Normal file
@ -0,0 +1,25 @@
|
||||
<view class="top-tab">
|
||||
<view class="type">
|
||||
<view class="tab-box {{!currentNewsDictionariesId ? 'active' : ''}}" bindtap="doClearCurrentNewsDictionariesId">
|
||||
<image src="../../images/selected-l.png" class="selected-l"></image>
|
||||
全部
|
||||
<image src="../../images/selected-r.png" class="selected-r"></image>
|
||||
</view>
|
||||
<view class="tab-box {{item.newsDirectoriesId == currentNewsDictionariesId ? 'active' : ''}}" wx:for="{{typeList}}" wx:key="index" bindtap="changeType" data-news-directories-id="{{item.newsDirectoriesId}}">
|
||||
<image src="../../images/selected-l.png" class="selected-l"></image>
|
||||
{{item.directoriesName}}
|
||||
<image src="../../images/selected-r.png" class="selected-r"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="news">
|
||||
<view class="news-box" bindtap="goNewsDetail" data-template-record-url="{{item.templateRecordUrl}}" data-content-link="{{item.newsContentLink}}" wx:for="{{trainList}}" wx:key="index">
|
||||
<view class="news-title">{{item.newsContentTitle}}</view>
|
||||
<view class="news-small-pic">
|
||||
<image src="{{newsUrl}}/route/file/downloadfile/true/{{item.newsContentCoverList}}"></image>
|
||||
</view>
|
||||
<view class="news-info">
|
||||
<text>{{item.newsContentPublishTime}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
141
pages/resource/resource.wxss
Normal file
141
pages/resource/resource.wxss
Normal file
@ -0,0 +1,141 @@
|
||||
.top-tab{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.type{
|
||||
display: flex;
|
||||
}
|
||||
.tab-box{
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 30%;
|
||||
position: relative;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #242424;
|
||||
flex-shrink: 0;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
.tab-box.active{
|
||||
color: #9F1512;
|
||||
}
|
||||
.tab-box image{
|
||||
position: absolute;
|
||||
width: 15rpx;
|
||||
height: 40rpx;
|
||||
top: 50%;
|
||||
margin-top: -20rpx;
|
||||
display: none;
|
||||
}
|
||||
.tab-box.active image{
|
||||
display: block;
|
||||
}
|
||||
.tab-box image.selected-l{
|
||||
left: 10rpx;
|
||||
}
|
||||
.tab-box image.selected-r{
|
||||
right: 10rpx;
|
||||
}
|
||||
.area{
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
position: fixed;
|
||||
top: 90rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-bottom: 1px solid #DDD;
|
||||
background: #fff;
|
||||
}
|
||||
.area-box{
|
||||
display: inline-flex;
|
||||
width: 30%;
|
||||
height: 90rpx;
|
||||
/* line-height: 90rpx;
|
||||
text-align: center; */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.area-box.active{
|
||||
color: #9F1512;
|
||||
}
|
||||
.area-box image{
|
||||
position: absolute;
|
||||
width: 15rpx;
|
||||
height: 40rpx;
|
||||
top: 50%;
|
||||
margin-top: -20rpx;
|
||||
display: none;
|
||||
}
|
||||
.area-box.active image{
|
||||
display: block;
|
||||
}
|
||||
.area-box image.selected-l{
|
||||
left: 20rpx;
|
||||
}
|
||||
.area-box image.selected-r{
|
||||
right: 20rpx;
|
||||
}
|
||||
.news{
|
||||
padding: 0 30rpx;
|
||||
border-bottom: 5px solid #FBFBFB;
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.news-box{
|
||||
padding: 30rpx 0;
|
||||
border-bottom: 1px solid #EBEBEB;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.news-box:first-child{
|
||||
padding-top: 0;
|
||||
}
|
||||
.news-title{
|
||||
color: #242424;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.news-info{
|
||||
color: #949494;
|
||||
margin-top: 15rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.news-info text{
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.news-big-pic, .news-small-pic{
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.news-big-pic image{
|
||||
width: 100%;
|
||||
}
|
||||
.news-small-pic image{
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
}
|
||||
.transverse-news{
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.news-row-img{
|
||||
width: 30%;
|
||||
height: 150rpx;
|
||||
}
|
||||
.news-row-img image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.news-row-info{
|
||||
width: 68%;
|
||||
}
|
100
pages/template/template.js
Normal file
100
pages/template/template.js
Normal file
@ -0,0 +1,100 @@
|
||||
// pages/template/template.js
|
||||
const app = getApp();
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
url: ''
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
console.log(options)
|
||||
if (options.link) {
|
||||
options.link = decodeURIComponent(options.link)
|
||||
app.dialog.loading('正在加载');
|
||||
var type = options.link.split('.')
|
||||
if (type[type.length-1] == 'pdf') {
|
||||
wx.downloadFile({
|
||||
url: options.link,
|
||||
success: function (res) {
|
||||
const filePath = res.tempFilePath
|
||||
wx.openDocument({
|
||||
filePath: filePath,
|
||||
fileType: 'pdf',
|
||||
success: function (res) {
|
||||
wx.stopPullDownRefresh();
|
||||
wx.hideLoading();
|
||||
}
|
||||
})
|
||||
},
|
||||
fail: function (error) {
|
||||
console.log(error)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.setData({
|
||||
url: options.link
|
||||
})
|
||||
}
|
||||
} else {
|
||||
options.url = decodeURIComponent(options.url)
|
||||
this.setData({
|
||||
url: 'https://www.wgink.ink/' + options.url
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
3
pages/template/template.json
Normal file
3
pages/template/template.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
1
pages/template/template.wxml
Normal file
1
pages/template/template.wxml
Normal file
@ -0,0 +1 @@
|
||||
<web-view src="{{url}}" wx:if="{{url}}"></web-view>
|
1
pages/template/template.wxss
Normal file
1
pages/template/template.wxss
Normal file
@ -0,0 +1 @@
|
||||
/* pages/template/template.wxss */
|
144
pages/train/train.js
Normal file
144
pages/train/train.js
Normal file
@ -0,0 +1,144 @@
|
||||
// pages/train/train.js
|
||||
const app = getApp();
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
newsUrl: app.newsUrl,
|
||||
typeList: [],
|
||||
currentNewsDictionariesId: '',
|
||||
currentPage: 1,
|
||||
rows: 10,
|
||||
directoriesParentId: 'd9d8c7ea-32e0-43ed-ad17-7c99a3c389b9',
|
||||
trainList: []
|
||||
},
|
||||
getType: function () {
|
||||
var self = this
|
||||
app.restAjax.get(app.restAjax.path('{newsUrl}/app/newsdirectories/listnewsdirectoriesrelease', [app.newsUrl]), {
|
||||
directoriesParentId: self.data.directoriesParentId
|
||||
}, null, function (code, data) {
|
||||
self.setData({
|
||||
typeList: data
|
||||
})
|
||||
self.getList(1)
|
||||
})
|
||||
},
|
||||
changeType: function (e) {
|
||||
this.setData({
|
||||
currentNewsDictionariesId: e.currentTarget.dataset.newsDirectoriesId
|
||||
})
|
||||
this.getList(1)
|
||||
},
|
||||
doClearCurrentNewsDictionariesId: function() {
|
||||
var self = this;
|
||||
self.setData({
|
||||
currentNewsDictionariesId: ''
|
||||
});
|
||||
this.getList(1)
|
||||
},
|
||||
getList: function (page) {
|
||||
var self = this
|
||||
app.dialog.loading('正在加载');
|
||||
var info = {
|
||||
newsDirectoriesParentId: self.data.directoriesParentId,
|
||||
newsDirectoriesId: self.data.currentNewsDictionariesId ? self.data.currentNewsDictionariesId : '',
|
||||
page: page,
|
||||
rows: self.data.rows
|
||||
}
|
||||
app.restAjax.get(app.restAjax.path('{newsUrl}/app/newscontent/listpagenewscontentrelease', [app.newsUrl]), info, null, function (code, data) {
|
||||
var newsArray;
|
||||
for (var i = 0; i < data.rows.length; i++) {
|
||||
data.rows[i].newsContentCoverList = data.rows[i].newsContentCoverList[0].contentCoverId
|
||||
}
|
||||
if(page <= 1) {
|
||||
newsArray = data.rows;
|
||||
} else {
|
||||
newsArray = self.data.news.newsList;
|
||||
newsArray = newsArray.concat(data.rows);
|
||||
}
|
||||
self.setData({
|
||||
currentPage: page,
|
||||
trainList: newsArray
|
||||
})
|
||||
if(data.rows.length == 0) {
|
||||
app.dialog.msg('暂无数据');
|
||||
return;
|
||||
}
|
||||
}, function(code, data) {
|
||||
app.dialog.msg(data.msg);
|
||||
}, function() {
|
||||
wx.stopPullDownRefresh();
|
||||
wx.hideLoading();
|
||||
})
|
||||
},
|
||||
goNewsDetail: function (e) {
|
||||
var url = e.currentTarget.dataset.templateRecordUrl
|
||||
var link = e.currentTarget.dataset.contentLink
|
||||
if (link) {
|
||||
wx.navigateTo({
|
||||
url: '../template/template?link=' + encodeURIComponent(link),
|
||||
})
|
||||
} else {
|
||||
wx.navigateTo({
|
||||
url: '../template/template?url=' + encodeURIComponent(url),
|
||||
})
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.getType()
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
3
pages/train/train.json
Normal file
3
pages/train/train.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
25
pages/train/train.wxml
Normal file
25
pages/train/train.wxml
Normal file
@ -0,0 +1,25 @@
|
||||
<view class="top-tab">
|
||||
<view class="type">
|
||||
<view class="tab-box {{!currentNewsDictionariesId ? 'active' : ''}}" bindtap="doClearCurrentNewsDictionariesId">
|
||||
<image src="../../images/selected-l.png" class="selected-l"></image>
|
||||
全部
|
||||
<image src="../../images/selected-r.png" class="selected-r"></image>
|
||||
</view>
|
||||
<view class="tab-box {{item.newsDirectoriesId == currentNewsDictionariesId ? 'active' : ''}}" wx:for="{{typeList}}" wx:key="index" bindtap="changeType" data-news-directories-id="{{item.newsDirectoriesId}}">
|
||||
<image src="../../images/selected-l.png" class="selected-l"></image>
|
||||
{{item.directoriesName}}
|
||||
<image src="../../images/selected-r.png" class="selected-r"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="news">
|
||||
<view class="news-box" bindtap="goNewsDetail" data-template-record-url="{{item.templateRecordUrl}}" data-content-link="{{item.newsContentLink}}" wx:for="{{trainList}}" wx:key="index">
|
||||
<view class="news-title">{{item.newsContentTitle}}</view>
|
||||
<view class="news-small-pic">
|
||||
<image src="{{newsUrl}}/route/file/downloadfile/true/{{item.newsContentCoverList}}"></image>
|
||||
</view>
|
||||
<view class="news-info">
|
||||
<text>{{item.newsContentPublishTime}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
141
pages/train/train.wxss
Normal file
141
pages/train/train.wxss
Normal file
@ -0,0 +1,141 @@
|
||||
.top-tab{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #fff;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.type{
|
||||
display: flex;
|
||||
}
|
||||
.tab-box{
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 30%;
|
||||
position: relative;
|
||||
height: 90rpx;
|
||||
font-size: 30rpx;
|
||||
color: #242424;
|
||||
flex-shrink: 0;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
.tab-box.active{
|
||||
color: #9F1512;
|
||||
}
|
||||
.tab-box image{
|
||||
position: absolute;
|
||||
width: 15rpx;
|
||||
height: 40rpx;
|
||||
top: 50%;
|
||||
margin-top: -20rpx;
|
||||
display: none;
|
||||
}
|
||||
.tab-box.active image{
|
||||
display: block;
|
||||
}
|
||||
.tab-box image.selected-l{
|
||||
left: 10rpx;
|
||||
}
|
||||
.tab-box image.selected-r{
|
||||
right: 10rpx;
|
||||
}
|
||||
.area{
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
position: fixed;
|
||||
top: 90rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-bottom: 1px solid #DDD;
|
||||
background: #fff;
|
||||
}
|
||||
.area-box{
|
||||
display: inline-flex;
|
||||
width: 30%;
|
||||
height: 90rpx;
|
||||
/* line-height: 90rpx;
|
||||
text-align: center; */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.area-box.active{
|
||||
color: #9F1512;
|
||||
}
|
||||
.area-box image{
|
||||
position: absolute;
|
||||
width: 15rpx;
|
||||
height: 40rpx;
|
||||
top: 50%;
|
||||
margin-top: -20rpx;
|
||||
display: none;
|
||||
}
|
||||
.area-box.active image{
|
||||
display: block;
|
||||
}
|
||||
.area-box image.selected-l{
|
||||
left: 20rpx;
|
||||
}
|
||||
.area-box image.selected-r{
|
||||
right: 20rpx;
|
||||
}
|
||||
.news{
|
||||
padding: 0 30rpx;
|
||||
border-bottom: 5px solid #FBFBFB;
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.news-box{
|
||||
padding: 30rpx 0;
|
||||
border-bottom: 1px solid #EBEBEB;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.news-box:first-child{
|
||||
padding-top: 0;
|
||||
}
|
||||
.news-title{
|
||||
color: #242424;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.news-info{
|
||||
color: #949494;
|
||||
margin-top: 15rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.news-info text{
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.news-big-pic, .news-small-pic{
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.news-big-pic image{
|
||||
width: 100%;
|
||||
}
|
||||
.news-small-pic image{
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
}
|
||||
.transverse-news{
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.news-row-img{
|
||||
width: 30%;
|
||||
height: 150rpx;
|
||||
}
|
||||
.news-row-img image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.news-row-info{
|
||||
width: 68%;
|
||||
}
|
118
pages/travel/travel.js
Normal file
118
pages/travel/travel.js
Normal file
@ -0,0 +1,118 @@
|
||||
// pages/travel/travel.js
|
||||
const app = getApp();
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
newsUrl: app.newsUrl,
|
||||
newsDirectoriesId: '51ae7beb-f277-47a4-937a-088e6d47656d',
|
||||
currentPage: 1,
|
||||
rows: 10,
|
||||
travelList: []
|
||||
},
|
||||
getTravel: function (page) {
|
||||
var self = this
|
||||
app.dialog.loading('正在加载');
|
||||
var info = {
|
||||
page: page,
|
||||
rows: self.data.rows,
|
||||
newsDirectoriesId: self.data.newsDirectoriesId
|
||||
}
|
||||
app.restAjax.get(app.restAjax.path('{newsUrl}/app/newscontent/listpagenewscontentrelease', [app.newsUrl]), info, null, function (code, data) {
|
||||
var newsArray;
|
||||
for (var i = 0; i < data.rows.length; i++) {
|
||||
data.rows[i].newsContentCoverList = data.rows[i].newsContentCoverList[0].contentCoverId
|
||||
}
|
||||
if(page <= 1) {
|
||||
newsArray = data.rows;
|
||||
} else {
|
||||
newsArray = self.data.travelList;
|
||||
newsArray = newsArray.concat(data.rows);
|
||||
}
|
||||
console.log(newsArray)
|
||||
self.setData({
|
||||
currentPage: page,
|
||||
travelList: newsArray
|
||||
})
|
||||
if(data.rows.length == 0) {
|
||||
app.dialog.msg('暂无数据');
|
||||
return;
|
||||
}
|
||||
}, function(code, data) {
|
||||
app.dialog.msg(data.msg);
|
||||
}, function() {
|
||||
wx.stopPullDownRefresh();
|
||||
wx.hideLoading();
|
||||
})
|
||||
},
|
||||
goNewsDetail: function (e) {
|
||||
var url = e.currentTarget.dataset.templateRecordUrl
|
||||
var link = e.currentTarget.dataset.contentLink
|
||||
if (link) {
|
||||
wx.navigateTo({
|
||||
url: '../template/template?link=' + encodeURIComponent(link),
|
||||
})
|
||||
} else {
|
||||
wx.navigateTo({
|
||||
url: '../template/template?url=' + encodeURIComponent(url),
|
||||
})
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
this.getTravel(1)
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
3
pages/travel/travel.json
Normal file
3
pages/travel/travel.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
8
pages/travel/travel.wxml
Normal file
8
pages/travel/travel.wxml
Normal file
@ -0,0 +1,8 @@
|
||||
<view class="news">
|
||||
<view class="news-box" bindtap="goNewsDetail" data-template-record-url="{{item.templateRecordUrl}}" data-content-link="{{item.newsContentLink}}" wx:for="{{travelList}}" wx:key="index">
|
||||
<view class="news-title">{{item.newsContentTitle}}</view>
|
||||
<view class="news-small-pic">
|
||||
<image src="{{newsUrl}}/route/file/downloadfile/true/{{item.newsContentCoverList}}"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
52
pages/travel/travel.wxss
Normal file
52
pages/travel/travel.wxss
Normal file
@ -0,0 +1,52 @@
|
||||
.news{
|
||||
padding: 0 30rpx;
|
||||
border-bottom: 5px solid #FBFBFB;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.news-box{
|
||||
padding: 30rpx 0;
|
||||
border-bottom: 1px solid #EBEBEB;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.news-box:first-child{
|
||||
padding-top: 0;
|
||||
}
|
||||
.news-title{
|
||||
color: #242424;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.news-info{
|
||||
color: #949494;
|
||||
margin-top: 15rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.news-info text{
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.news-big-pic, .news-small-pic{
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.news-big-pic image{
|
||||
width: 100%;
|
||||
}
|
||||
.news-small-pic image{
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
}
|
||||
.transverse-news{
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.news-row-img{
|
||||
width: 30%;
|
||||
height: 150rpx;
|
||||
}
|
||||
.news-row-img image{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.news-row-info{
|
||||
width: 68%;
|
||||
}
|
@ -11,7 +11,7 @@
|
||||
<body>
|
||||
<div id="app">
|
||||
<div class="video">
|
||||
<video src="" id="video" controls></video>
|
||||
<video :src="videoPath" id="video" controls controlslist="nodownload"></video>
|
||||
</div>
|
||||
<div class="video-list">
|
||||
<ul v-cloak>
|
||||
@ -22,7 +22,7 @@
|
||||
<script src="js/jquery-2.1.4.min.js"></script>
|
||||
<script src="js/layer_mobile/layer.js"></script>
|
||||
<script src="js/vue.js"></script>
|
||||
<script src="js/flv.min.js"></script>
|
||||
<!-- <script src="js/flv.min.js"></script> -->
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
@ -33,11 +33,12 @@
|
||||
liveRecordSrc: null,
|
||||
liveRecordList: [],
|
||||
currentPage: 1,
|
||||
rows: 20
|
||||
rows: 20,
|
||||
videoPath: ''
|
||||
},
|
||||
methods: {
|
||||
playVideo: function(liveRecordSrc) {
|
||||
this.initFlvPlayer(this.liveRecordUrl + '/' + liveRecordSrc);
|
||||
this.videoPath = liveRecordSrc
|
||||
},
|
||||
getPathParams: function(url) {
|
||||
var params = url.split('?')[1];
|
||||
@ -112,19 +113,6 @@
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
},
|
||||
initFlvPlayer: function(videoUrl) {
|
||||
var self = this;
|
||||
if (flvjs.isSupported()) {
|
||||
var videoElement = document.getElementById('video');
|
||||
var flvPlayer = flvjs.createPlayer({
|
||||
type: 'flv',
|
||||
url: videoUrl
|
||||
});
|
||||
flvPlayer.attachMediaElement(videoElement);
|
||||
flvPlayer.load();
|
||||
flvPlayer.play();
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function() {
|
||||
|
Loading…
Reference in New Issue
Block a user