@@ -62,7 +62,7 @@ module.exports = { | |||
loaders: ["style", "css", "sass"] | |||
}, | |||
{ | |||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, | |||
test: /\.(woff2?|eot|ttf|otf|TTF)(\?.*)?$/, | |||
loader: 'url-loader', | |||
options: { | |||
limit: 10000, | |||
@@ -42,3 +42,29 @@ export function productList(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/workDetail', | |||
'/lawEnforcement/caseDetail', | |||
'/lawEnforcement/login', | |||
] | |||
router.beforeEach((to, from, next) => { | |||
@@ -1608,6 +1608,15 @@ export const constantRoutes = [ | |||
}, | |||
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> | |||
</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-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 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-tab> | |||
<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 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-tab> | |||
<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 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-tab> | |||
</van-tabs> | |||
@@ -77,7 +66,7 @@ | |||
</van-cell-group> | |||
<van-cell-group class="listBox"> | |||
<van-cell value="全部" is-link> | |||
<van-cell value="全部" is-link :to="{name:'work',query:{type:'scheme'}}"> | |||
<template #title> | |||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_zf.png" size="20"></van-icon> | |||
<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 title = response.data[i].title; | |||
var id = response.data[i].id; | |||
console.log(imgStrs[0]) | |||
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 => { | |||
@@ -326,7 +315,6 @@ export default { | |||
} | |||
/deep/ .van-tab__pane{ | |||
background: #FFF; | |||
border-radius: 8Px; | |||
overflow: hidden; | |||
} | |||
/deep/ .van-tabs__nav--card{ | |||
@@ -352,6 +340,9 @@ export default { | |||
} | |||
.my-swipe { | |||
border-radius: 8Px; | |||
width: 96%; | |||
margin: 0 auto; | |||
margin-top: 10Px; | |||
} | |||
.my-swipe .van-swipe-item .van-image{ | |||
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" | |||
/> | |||
<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> | |||
</template> | |||
<script> | |||
import { newList } from "@/api/index"; | |||
import { newsDetail } from "@/api/lawEnforcement/index"; | |||
import law from "@/components/common/law_footer"; | |||
export default { | |||
name: "index", | |||
@@ -43,52 +41,25 @@ export default { | |||
//新闻集合 | |||
newList:[], | |||
//轮播图集合 | |||
bannerList:'' | |||
bannerList:'', | |||
detail:[] | |||
}; | |||
}, | |||
created() { | |||
this.goDetail(); | |||
}, | |||
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; | |||
src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf"); | |||
} | |||
.wid100{ | |||
width: 100%; | |||
} | |||
.app-container { | |||
padding: 10PX ; | |||
} | |||
@@ -7,33 +7,26 @@ | |||
left-arrow | |||
@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> | |||
</template> | |||
<script> | |||
import { newList } from "@/api/index"; | |||
import { getTopDeptId , newsList , schemeList } from "@/api/lawEnforcement/index"; | |||
import law from "@/components/common/law_footer"; | |||
export default { | |||
name: "index", | |||
@@ -48,41 +41,64 @@ export default { | |||
finished: false, | |||
//查询参数 | |||
queryParams: { | |||
number: '003', | |||
deptId: 100, | |||
pageNum: 1, | |||
pageSize: 5, | |||
deptId:100, | |||
number:2 | |||
pageSize: 20, | |||
}, | |||
//新闻集合 | |||
newList:[], | |||
workList:[], | |||
//轮播图集合 | |||
bannerList:'' | |||
bannerList:'', | |||
pageType:'' | |||
}; | |||
}, | |||
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: { | |||
getDeptId(){ | |||
getTopDeptId().then(response => { | |||
this.queryParams.deptId = response.data ; | |||
this.getList(); | |||
}) | |||
}, | |||
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)); | |||
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(){ | |||
this.loading = true; | |||
@@ -112,6 +128,18 @@ export default { | |||
font-family: SourceHanSansCNBold; | |||
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 { | |||
padding: 10PX ; | |||
} | |||