@@ -62,7 +62,7 @@ module.exports = { | |||||
loaders: ["style", "css", "sass"] | loaders: ["style", "css", "sass"] | ||||
}, | }, | ||||
{ | { | ||||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, | |||||
test: /\.(woff2?|eot|ttf|otf|TTF)(\?.*)?$/, | |||||
loader: 'url-loader', | loader: 'url-loader', | ||||
options: { | options: { | ||||
limit: 10000, | limit: 10000, | ||||
@@ -42,3 +42,29 @@ export function productList(query) { | |||||
params: query | params: query | ||||
}) | }) | ||||
} | } | ||||
//查询新闻管理列表分页 | |||||
export function newsList(query) { | |||||
return request({ | |||||
url: '/enforce/website/newsList', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
//查询新闻详情 | |||||
export function newsDetail(id) { | |||||
return request({ | |||||
url: '/enforce/website/news/'+id, | |||||
method: 'get' | |||||
}) | |||||
} | |||||
//查询方案公开固定条数 | |||||
export function schemeList(query) { | |||||
return request({ | |||||
url: '/enforce/website/scheme/list', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} |
@@ -55,6 +55,7 @@ const whiteList = [ | |||||
'/lawEnforcement/work', | '/lawEnforcement/work', | ||||
'/lawEnforcement/workDetail', | '/lawEnforcement/workDetail', | ||||
'/lawEnforcement/caseDetail', | '/lawEnforcement/caseDetail', | ||||
'/lawEnforcement/login', | |||||
] | ] | ||||
router.beforeEach((to, from, next) => { | router.beforeEach((to, from, next) => { | ||||
@@ -1608,6 +1608,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/lawEnforcement/case/caseDetail'], resolve) | component: (resolve) => require(['@/views/lawEnforcement/case/caseDetail'], resolve) | ||||
}, | }, | ||||
{ | |||||
path: '/lawEnforcement/login', | |||||
name: 'login', | |||||
meta: { | |||||
title: '登录', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/lawEnforcement/login'], resolve) | |||||
}, | |||||
]; | ]; | ||||
@@ -7,41 +7,30 @@ | |||||
</template> | </template> | ||||
</van-nav-bar> | </van-nav-bar> | ||||
<van-swipe class="my-swipe" :autoplay="3000" height="128" indicator-color="white"> | |||||
<van-swipe-item v-for="(item , index) in workImgList" :key="index"> | |||||
<van-image :src="item.img" height="128" /> | |||||
<p class="bannerTit">{{item.title}}</p> | |||||
</van-swipe-item> | |||||
</van-swipe> | |||||
<van-tabs type="card" animated> | <van-tabs type="card" animated> | ||||
<van-tab title="工作动态"> | <van-tab title="工作动态"> | ||||
<van-swipe class="my-swipe" :autoplay="3000" height="128" indicator-color="white"> | |||||
<van-swipe-item v-for="(item , index) in workImgList" :key="index"> | |||||
<van-image :src="item.img" height="128" /> | |||||
<p class="bannerTit">{{item.title}}</p> | |||||
</van-swipe-item> | |||||
</van-swipe> | |||||
<van-cell-group> | <van-cell-group> | ||||
<van-cell v-for="(item , index) in workList" :key="index" :title="item.title" :value="item.newsTime" /> | |||||
<van-cell title="查看更多>" style="text-align: center" to="/lawEnforcement/work" /> | |||||
<van-cell v-for="(item , index) in workList" :key="index" :title="item.title" :value="item.newsTime" :to="{name:'workDetail',query:{id:item.id}}" /> | |||||
<van-cell title="查看更多>" style="text-align: center" :to="{name:'work',query:{type:'work'}}" /> | |||||
</van-cell-group> | </van-cell-group> | ||||
</van-tab> | </van-tab> | ||||
<van-tab title="通知公告"> | <van-tab title="通知公告"> | ||||
<van-swipe class="my-swipe" :autoplay="3000" height="128" indicator-color="white"> | |||||
<van-swipe-item v-for="(item , index) in noticeImgList" :key="index"> | |||||
<van-image :src="item.img" height="128" /> | |||||
<p class="bannerTit">{{item.title}}</p> | |||||
</van-swipe-item> | |||||
</van-swipe> | |||||
<van-cell-group> | <van-cell-group> | ||||
<van-cell v-for="(item , index) in noticeList" :key="index" :title="item.title" :value="item.newsTime" /> | |||||
<van-cell title="查看更多>" style="text-align: center" /> | |||||
<van-cell v-for="(item , index) in noticeList" :key="index" :title="item.title" :value="item.newsTime" :to="{name:'workDetail',query:{id:item.id}}" /> | |||||
<van-cell title="查看更多>" style="text-align: center" :to="{name:'work',query:{type:'notice'}}" /> | |||||
</van-cell-group> | </van-cell-group> | ||||
</van-tab> | </van-tab> | ||||
<van-tab title="执法依据"> | <van-tab title="执法依据"> | ||||
<van-swipe class="my-swipe" :autoplay="3000" height="128" indicator-color="white"> | |||||
<van-swipe-item v-for="(item , index) in enforcementImgList" :key="index"> | |||||
<van-image :src="item.img" height="128" /> | |||||
<p class="bannerTit">{{item.title}}</p> | |||||
</van-swipe-item> | |||||
</van-swipe> | |||||
<van-cell-group> | <van-cell-group> | ||||
<van-cell v-for="(item , index) in enforcementList" :key="index" :title="item.title" :value="item.newsTime" /> | |||||
<van-cell title="查看更多>" style="text-align: center" /> | |||||
<van-cell v-for="(item , index) in enforcementList" :key="index" :title="item.title" :value="item.newsTime" :to="{name:'workDetail',query:{id:item.id}}" /> | |||||
<van-cell title="查看更多>" style="text-align: center" :to="{name:'work',query:{type:'enforcement'}}" /> | |||||
</van-cell-group> | </van-cell-group> | ||||
</van-tab> | </van-tab> | ||||
</van-tabs> | </van-tabs> | ||||
@@ -77,7 +66,7 @@ | |||||
</van-cell-group> | </van-cell-group> | ||||
<van-cell-group class="listBox"> | <van-cell-group class="listBox"> | ||||
<van-cell value="全部" is-link> | |||||
<van-cell value="全部" is-link :to="{name:'work',query:{type:'scheme'}}"> | |||||
<template #title> | <template #title> | ||||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_zf.png" size="20"></van-icon> | <van-icon name="../../../static/images/lawEnforcement/icon/icon_zf.png" size="20"></van-icon> | ||||
<span class="custom-title">执法方案<i class="bgBlue"></i></span> | <span class="custom-title">执法方案<i class="bgBlue"></i></span> | ||||
@@ -158,10 +147,10 @@ export default { | |||||
var imgStrs = response.data[i].content.match(/<img.*?>/g); | var imgStrs = response.data[i].content.match(/<img.*?>/g); | ||||
var title = response.data[i].title; | var title = response.data[i].title; | ||||
var id = response.data[i].id; | var id = response.data[i].id; | ||||
console.log(imgStrs[0]) | |||||
if (imgStrs != null && imgStrs != '') { | if (imgStrs != null && imgStrs != '') { | ||||
this.workImgList.push({img:imgStrs[0].substr(10,imgStrs[0].length-12),title:title,id:id}) | |||||
this.workImgList.push({img:imgStrs[0].trim().substr(10,(imgStrs[0].trim().length-12)).replace(/amp;/g,''),title:title,id:id}) | |||||
} | } | ||||
console.log(this.workImgList) | |||||
} | } | ||||
}); | }); | ||||
news('001',deptId,3).then(response => { | news('001',deptId,3).then(response => { | ||||
@@ -326,7 +315,6 @@ export default { | |||||
} | } | ||||
/deep/ .van-tab__pane{ | /deep/ .van-tab__pane{ | ||||
background: #FFF; | background: #FFF; | ||||
border-radius: 8Px; | |||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
/deep/ .van-tabs__nav--card{ | /deep/ .van-tabs__nav--card{ | ||||
@@ -352,6 +340,9 @@ export default { | |||||
} | } | ||||
.my-swipe { | .my-swipe { | ||||
border-radius: 8Px; | border-radius: 8Px; | ||||
width: 96%; | |||||
margin: 0 auto; | |||||
margin-top: 10Px; | |||||
} | } | ||||
.my-swipe .van-swipe-item .van-image{ | .my-swipe .van-swipe-item .van-image{ | ||||
width: 100%; | width: 100%; | ||||
@@ -0,0 +1,361 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<div class="title"> | |||||
<img style="display: inline-block;margin-right: 10px;" src="../../../static/images/lawEnforcement/login_logo.png" alt=""> | |||||
<p>农业综合执法公众平台</p> | |||||
</div> | |||||
<van-form style="width: 88%;margin: 0 auto;margin-top: 50px;" v-if="!showMessage"> | |||||
<van-field | |||||
v-model="formData.username" | |||||
placeholder="请输入手机号/账号" | |||||
:rules="[{ required: true, message:'' }]" | |||||
/> | |||||
<van-field | |||||
v-model="formData.password" | |||||
type="password" | |||||
style="margin: 20px 0" | |||||
placeholder="请输入密码" | |||||
:rules="[{ required: true, message:'' }]" | |||||
/> | |||||
<van-field | |||||
v-model="formData.code" | |||||
center | |||||
clearable | |||||
placeholder="图形验证码" | |||||
> | |||||
<template #button> | |||||
<img style="width: 100px;display: block;" :src="codeUrl" @click="getCode" /> | |||||
</template> | |||||
</van-field> | |||||
<van-checkbox style="margin-top:20px;margin-left:20px;" v-model="formData.rememberMe" shape="square">{{showMessage ? "记住手机号" : "记住密码"}}</van-checkbox> | |||||
<div style="margin: 50px 16px 16px;border-radius: 30px;overflow: hidden;"> | |||||
<van-button block type="info" native-type="submit" @click="handleLogin">登录</van-button> | |||||
</div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<style scoped lang="scss"> | |||||
@font-face { | |||||
font-family: zqkhyt; | |||||
src: url("../../assets/fonts/zqkhyt.TTF"); | |||||
} | |||||
.app-container{ | |||||
background: #fff; | |||||
height: 100vh; | |||||
} | |||||
/deep/ .van-cell{ | |||||
padding: 0; | |||||
.van-field__control{ | |||||
border: 1px solid #F1F0F5; | |||||
padding: 0.2rem 0.5rem; | |||||
border-radius: 0.5rem; | |||||
} | |||||
&:after{ | |||||
border: none; | |||||
} | |||||
} | |||||
.title{ | |||||
padding-top: 20%; | |||||
width: 88%; | |||||
margin: 0 auto; | |||||
text-align: center; | |||||
p{ | |||||
font-size: 1rem; | |||||
color: #1D6FE9; | |||||
font-family: zqkhyt; | |||||
margin-top: 10PX; | |||||
} | |||||
img{ | |||||
width: 30%; | |||||
} | |||||
} | |||||
.van-tab--active{ | |||||
font-size: .6rem; | |||||
font-weight: bold; | |||||
} | |||||
.van-tabs__line{ | |||||
background:#1D6FE9; | |||||
width: 0.15rem; | |||||
height: 0.15rem; | |||||
border-radius: 0.07rem; | |||||
bottom: 0.3rem; | |||||
} | |||||
.van-tabs__nav{ | |||||
padding:0 | |||||
} | |||||
.van-tab{ | |||||
display: inline-block; | |||||
flex: inherit; | |||||
margin-left: 30px; | |||||
line-height: .8rem; | |||||
} | |||||
.van-tab__text--ellipsis { | |||||
overflow: auto; | |||||
} | |||||
.van-password-input{ | |||||
width: 50%; | |||||
margin: 0 auto; | |||||
} | |||||
[class*=van-hairline]::after{ | |||||
border:none; | |||||
} | |||||
.van-password-input__security li{ | |||||
margin: 0 10px; | |||||
border-bottom: 3px solid black; | |||||
} | |||||
.registerSmsBtn{ | |||||
color: rgb(29, 111, 233); | |||||
font-size: 0.34rem; | |||||
} | |||||
</style> | |||||
<script> | |||||
import { getCodeImg, getSmsCode ,getRegisterSmsCode,registerCheck,registerOn} from "../../api/login"; | |||||
import Cookies from "js-cookie"; | |||||
import { encrypt, decrypt } from "../../utils/jsencrypt"; | |||||
//引用wx sdk | |||||
import wx from "weixin-js-sdk"; | |||||
export default { | |||||
name: "login", | |||||
data() { | |||||
return { | |||||
showMessage:false, | |||||
smsCodeValue:"", | |||||
showKeyboard:false, | |||||
formData: { | |||||
username: "", //账号 | |||||
password: "", //密码 | |||||
code: null, //图片验证码 | |||||
uuid: null, //识别uuid | |||||
mobile: null, //手机号 | |||||
smsCode: null, //短信验证码 | |||||
memberName:null, //身份信息 | |||||
idcard:null, //身份号码 | |||||
rememberMe:false | |||||
}, | |||||
loading: false, | |||||
codeUrl: "", //验证码 | |||||
isSmsLogin: false, //是否手机验证码 | |||||
computeTime: 0, | |||||
active:1 | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getCode(); | |||||
this.getCookie(); | |||||
this.reset(); | |||||
}, | |||||
methods: { | |||||
reset(){ | |||||
}, | |||||
showPopup(){ | |||||
this.showKeyboard = !this.showKeyboard | |||||
}, | |||||
showMessagePop(){ | |||||
this.showMessage = !this.showMessage | |||||
}, | |||||
getCode() { | |||||
getCodeImg().then((res) => { | |||||
this.formData.uuid = res.uuid; | |||||
this.codeUrl = "data:image/gif;base64," + res.img; | |||||
}); | |||||
}, | |||||
getCookie() { | |||||
const username = Cookies.get("username"); | |||||
const password = Cookies.get("password"); | |||||
const rememberMe = Cookies.get("rememberMe"); | |||||
this.formData = { | |||||
username: username === undefined ? this.formData.username : username, | |||||
password: | |||||
password === undefined ? this.formData.password : decrypt(password), | |||||
rememberMe: rememberMe === undefined ? false : Boolean(rememberMe), | |||||
}; | |||||
}, | |||||
getSmsCode() { | |||||
if (this.formData.code == "") { | |||||
this.$dialog.alert({ | |||||
message: '图片验证码不能为空', | |||||
}); | |||||
return false; | |||||
} | |||||
if (!this.computeTime) { | |||||
let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; | |||||
if (!myreg.test(this.formData.mobile)) { | |||||
this.$dialog.alert({ | |||||
message: '手机号格式不正确', | |||||
}); | |||||
return false; | |||||
} | |||||
/* getSmsCode(this.formData.mobile).then((res) => { | |||||
if (res.code === 200) { | |||||
this.$dialog.alert({ | |||||
message: '验证码已发送', | |||||
}); | |||||
this.showKeyboard = !this.showKeyboard; | |||||
this.loginForm.uuid = res.uuid; | |||||
this.computeTime = 60; | |||||
this.timer = setInterval(() => { | |||||
this.computeTime--; | |||||
if (this.computeTime <= 0) { | |||||
clearInterval(this.timer); | |||||
} | |||||
}, 1000); | |||||
} | |||||
});*/ | |||||
} | |||||
}, | |||||
handleLogin(values) { | |||||
if (this.isSmsLogin) { | |||||
//短信登录 | |||||
let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; | |||||
if (!myreg.test(this.formData.mobile)) { | |||||
this.$dialog.alert({ | |||||
message: '手机号格式不正确', | |||||
}); | |||||
return false; | |||||
} else if (this.formData.smsCode == "") { | |||||
this.$dialog.alert({ | |||||
message: '短信验证码不能为空', | |||||
}); | |||||
return false; | |||||
} | |||||
this.loading = true; | |||||
this.$store | |||||
.dispatch("SmsLogin", this.formData) | |||||
.then(() => { | |||||
this.$router.push({ path: "/onlineHomeIndex" }).catch(() => {}); | |||||
}) | |||||
.catch((error) => { | |||||
this.loading = false; | |||||
}); | |||||
} else { | |||||
if (this.formData.rememberMe) { | |||||
Cookies.set("username", this.formData.username, { expires: 30 }); | |||||
Cookies.set("password", encrypt(this.formData.password), { expires: 30 }); | |||||
Cookies.set("rememberMe", this.formData.rememberMe, { expires: 30 }); | |||||
} else { | |||||
Cookies.remove("username"); | |||||
Cookies.remove("password"); | |||||
Cookies.remove("rememberMe"); | |||||
} | |||||
//账号密码登录 | |||||
if (this.formData.username == "") { | |||||
this.$dialog.alert({ | |||||
message: '账号不能为空', | |||||
}); | |||||
return false; | |||||
} else if (this.formData.password == "") { | |||||
this.$dialog.alert({ | |||||
message: '密码不能为空', | |||||
}); | |||||
return false; | |||||
} else if (this.formData.code == "") { | |||||
this.$dialog.alert({ | |||||
message: '图片验证码不能为空', | |||||
}); | |||||
return false; | |||||
} | |||||
this.$store | |||||
.dispatch("Login", this.formData) | |||||
.then(() => { | |||||
this.$router.push({ path: "/onlineHome/workbench" }).catch(() => {}); | |||||
}) | |||||
.catch((error) => { | |||||
console.log(error) | |||||
this.loading = false; | |||||
this.getCode(); | |||||
}); | |||||
} | |||||
}, | |||||
getRegisterSmsCode(){ | |||||
if (!this.computeTime) { | |||||
let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; | |||||
if (!myreg.test(this.formData.mobile)) { | |||||
this.$dialog.alert({ | |||||
message: '手机号格式不正确', | |||||
}); | |||||
return false; | |||||
}else if (this.formData.code == "") { | |||||
this.$dialog.alert({ | |||||
message: '图片验证码不能为空', | |||||
}); | |||||
return false; | |||||
} | |||||
if (this.active==2) { | |||||
let formObj = { | |||||
code :this.formData.code, | |||||
mobile:this.formData.mobile, | |||||
uuid:this.formData.uuid | |||||
} | |||||
getRegisterSmsCode(formObj).then((res) => { | |||||
console.log(res) | |||||
console.log(res.code == 200) | |||||
if(res.code == 200) { | |||||
this.$dialog.alert({ | |||||
message: '验证码已发送', | |||||
}); | |||||
this.formData.uuid = res.uuid; | |||||
this.computeTime = 60; | |||||
this.timer = setInterval(() => { | |||||
this.computeTime--; | |||||
if (this.computeTime <= 0) { | |||||
clearInterval(this.timer); | |||||
} | |||||
}, 1000); | |||||
} | |||||
}).catch((res)=>{ | |||||
if(res=='Error: 验证码已失效'){ | |||||
this.getCode() | |||||
} | |||||
}); | |||||
} | |||||
} | |||||
}, | |||||
registerSubmit(){ | |||||
//注册 | |||||
if (this.formData.memberName == "") { | |||||
this.$dialog.alert({ | |||||
message: '姓名不能为空', | |||||
}); | |||||
return false; | |||||
} else if (this.formData.idcard == "") { | |||||
this.$dialog.alert({ | |||||
message: '身份证号不能为空', | |||||
}); | |||||
return false; | |||||
} else if (this.formData.mobile == "") { | |||||
this.$dialog.alert({ | |||||
message: '手机号码不能为空', | |||||
}); | |||||
return false; | |||||
}else if (this.formData.smsCode == "") { | |||||
this.$dialog.alert({ | |||||
message: '短信验证码不能为空', | |||||
}); | |||||
return false; | |||||
} | |||||
//registerCheck,registerOn | |||||
console.log(this.formData) | |||||
registerCheck(this.formData).then((res)=>{ | |||||
if(res.code == 200){ | |||||
registerOn(this.formData).then((res)=>{ | |||||
if(res.code == 200){ | |||||
// | |||||
this.$dialog.alert({ | |||||
message: '您的初始密码:'+res.password, | |||||
}).then(() => { | |||||
this.$router.push({ path: "/onlineHome/workbench" }).catch(() => {}); | |||||
}); | |||||
} | |||||
}) | |||||
} | |||||
}) | |||||
} | |||||
}, | |||||
}; | |||||
</script> |
@@ -8,19 +8,17 @@ | |||||
@click-left="onClickLeft" | @click-left="onClickLeft" | ||||
/> | /> | ||||
<div class="listBox"> | <div class="listBox"> | ||||
<p class="title">持续整治“庸懒散粗拖浮”等</p> | |||||
<p class="wordForm">巴彦淖尔市政委<span>2021-09-01 发布</span></p> | |||||
<p style="font-size: 14px;line-height: 25px;text-indent: 2em;">会议全面分析了“庸懒散粗拖浮”等作风问题存在的表现形式和原因,对持续推进整治“庸懒散粗浮”等作风问题进行了安排部署。</p> | |||||
<p class="title">{{detail.title}}</p> | |||||
<p class="wordForm">{{detail.createBy}}<span>{{detail.newsTime}} 发布</span></p> | |||||
<img src="../../../../static/images/lawEnforcement/banner.png" style="width: 100%;margin: 15px 0;"> | |||||
<div id="content"></div> | |||||
<p style="font-size: 14px;line-height: 25px;text-indent: 2em;">会议强调,要把转变理念作为解决庸懒散粗拖浮作风问题的前提,以精益求精的态度、严谨务实的作风认真负责的责任心,促进检察办案由“办得对”向“办得好”转变。要把依法依规作为解决“庸懒散粗拖浮”等作风问题的基础,树立“制定制度重要、落实制度更重要”的观念,切实抓好各项既定规章制度的执行实。要浮”等作风问题的引领,将创新创优作为破解难题、推</p> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import { newList } from "@/api/index"; | |||||
import { newsDetail } from "@/api/lawEnforcement/index"; | |||||
import law from "@/components/common/law_footer"; | import law from "@/components/common/law_footer"; | ||||
export default { | export default { | ||||
name: "index", | name: "index", | ||||
@@ -43,52 +41,25 @@ export default { | |||||
//新闻集合 | //新闻集合 | ||||
newList:[], | newList:[], | ||||
//轮播图集合 | //轮播图集合 | ||||
bannerList:'' | |||||
bannerList:'', | |||||
detail:[] | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
this.goDetail(); | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getList(){ | |||||
this.loading = true; | |||||
this.queryParams.number = 2 ; | |||||
this.queryParams.pageSize = 5 ; | |||||
newList(this.queryParams).then(response => { | |||||
for (var i = 0; i < response.rows.length; i++) { | |||||
this.newList.push(response.rows[i]); | |||||
var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi) | |||||
if (imgStrs != null && imgStrs != '') { | |||||
this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12)); | |||||
} | |||||
} | |||||
console.log(this.newList) | |||||
if(this.newList.length >= response.total){ | |||||
this.finished = true; | |||||
return; | |||||
goDetail(){ | |||||
newsDetail(this.$route.query.id).then(response => { | |||||
console.log(response) | |||||
this.detail = response.data | |||||
document.getElementById('content').innerHTML = response.data.content; | |||||
var imgs=document.getElementsByTagName('img'); | |||||
console.log(imgs) | |||||
for(var i=0;i<imgs.length;i++){ | |||||
imgs[i].setAttribute('width','100%'); | |||||
} | } | ||||
this.queryParams.pageNum += 1 ; | |||||
this.loading = false; | |||||
}); | }); | ||||
}, | |||||
getBanner(){ | |||||
this.loading = true; | |||||
this.queryParams.number = 1 ; | |||||
this.queryParams.pageSize = 5 ; | |||||
newList(this.queryParams).then(response => { | |||||
this.bannerList = response.rows; | |||||
for (var i = 0; i < response.rows.length; i++) { | |||||
var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi) | |||||
if (imgStrs != null && imgStrs != '') { | |||||
this.bannerList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12)); | |||||
} | |||||
} | |||||
this.loading = false; | |||||
}); | |||||
}, | |||||
goDetail(id){ | |||||
console.log(id) | |||||
window.location = 'news/newDetail?id='+id; | |||||
} | } | ||||
}, | }, | ||||
}; | }; | ||||
@@ -99,6 +70,9 @@ export default { | |||||
font-family: SourceHanSansCNBold; | font-family: SourceHanSansCNBold; | ||||
src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf"); | src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf"); | ||||
} | } | ||||
.wid100{ | |||||
width: 100%; | |||||
} | |||||
.app-container { | .app-container { | ||||
padding: 10PX ; | padding: 10PX ; | ||||
} | } | ||||
@@ -7,33 +7,26 @@ | |||||
left-arrow | left-arrow | ||||
@click-left="onClickLeft" | @click-left="onClickLeft" | ||||
/> | /> | ||||
<van-cell-group class="listBox"> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" to="/lawEnforcement/workDetail" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
<van-cell title="标题标题标题标题标" value="2021.11.12" /> | |||||
</van-cell-group> | |||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
@load="getList" | |||||
> | |||||
<van-cell-group class="listBox"> | |||||
<van-cell | |||||
v-for="(item , index) in workList" | |||||
:key="index" | |||||
:title="pageType == 'scheme' ? item.schemeName : item.title" | |||||
:value="pageType == 'scheme' ? item.applyTime : item.newsTime" | |||||
:to="{name:'workDetail',query:{id:item.id}}" | |||||
/> | |||||
</van-cell-group> | |||||
</van-list> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import { newList } from "@/api/index"; | |||||
import { getTopDeptId , newsList , schemeList } from "@/api/lawEnforcement/index"; | |||||
import law from "@/components/common/law_footer"; | import law from "@/components/common/law_footer"; | ||||
export default { | export default { | ||||
name: "index", | name: "index", | ||||
@@ -48,41 +41,64 @@ export default { | |||||
finished: false, | finished: false, | ||||
//查询参数 | //查询参数 | ||||
queryParams: { | queryParams: { | ||||
number: '003', | |||||
deptId: 100, | |||||
pageNum: 1, | pageNum: 1, | ||||
pageSize: 5, | |||||
deptId:100, | |||||
number:2 | |||||
pageSize: 20, | |||||
}, | }, | ||||
//新闻集合 | //新闻集合 | ||||
newList:[], | |||||
workList:[], | |||||
//轮播图集合 | //轮播图集合 | ||||
bannerList:'' | |||||
bannerList:'', | |||||
pageType:'' | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
var type = this.$route.query.type ; | |||||
this.pageType = this.$route.query.type; | |||||
if (type == 'work'){ | |||||
this.queryParams.number = '003' | |||||
this.getDeptId(); | |||||
} | |||||
if (type == 'notice'){ | |||||
this.queryParams.number = '001' | |||||
this.getDeptId(); | |||||
} | |||||
if (type == 'enforcement'){ | |||||
this.queryParams.number = '002' | |||||
this.getDeptId(); | |||||
} | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getDeptId(){ | |||||
getTopDeptId().then(response => { | |||||
this.queryParams.deptId = response.data ; | |||||
this.getList(); | |||||
}) | |||||
}, | |||||
getList(){ | getList(){ | ||||
this.loading = true; | this.loading = true; | ||||
this.queryParams.number = 2 ; | |||||
this.queryParams.pageSize = 5 ; | |||||
newList(this.queryParams).then(response => { | |||||
for (var i = 0; i < response.rows.length; i++) { | |||||
this.newList.push(response.rows[i]); | |||||
var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi) | |||||
if (imgStrs != null && imgStrs != '') { | |||||
this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12)); | |||||
if(this.$route.query.type == 'scheme'){ | |||||
schemeList(this.queryParams).then(response => { | |||||
this.workList = response.rows; | |||||
if(this.workList.length >= response.total){ | |||||
this.finished = true; | |||||
return; | |||||
} | } | ||||
} | |||||
console.log(this.newList) | |||||
if(this.newList.length >= response.total){ | |||||
this.finished = true; | |||||
return; | |||||
} | |||||
this.queryParams.pageNum += 1 ; | |||||
this.loading = false; | |||||
}); | |||||
this.queryParams.pageNum += 1 ; | |||||
this.loading = false; | |||||
}); | |||||
}else{ | |||||
newsList(this.queryParams).then(response => { | |||||
this.workList = response.rows; | |||||
if(this.workList.length >= response.total){ | |||||
this.finished = true; | |||||
return; | |||||
} | |||||
this.queryParams.pageNum += 1 ; | |||||
this.loading = false; | |||||
}); | |||||
} | |||||
}, | }, | ||||
getBanner(){ | getBanner(){ | ||||
this.loading = true; | this.loading = true; | ||||
@@ -112,6 +128,18 @@ export default { | |||||
font-family: SourceHanSansCNBold; | font-family: SourceHanSansCNBold; | ||||
src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf"); | src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf"); | ||||
} | } | ||||
.van-cell__title{ | |||||
color: #666666; | |||||
flex: 0.6; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
} | |||||
.van-cell__value{ | |||||
flex: 0.4; | |||||
} | |||||
.app-container { | .app-container { | ||||
padding: 10PX ; | padding: 10PX ; | ||||
} | } | ||||