From 2bcd556961208b80af1cb157633c594faab1eca2 Mon Sep 17 00:00:00 2001 From: liuwh <liuwh@hugeinfo.com.cn> Date: Mon, 24 Feb 2020 00:11:18 +0800 Subject: [PATCH] 小程序代码 --- SunshineLnsMinApp/pages/index/index.wxml | 360 +++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 275 insertions(+), 85 deletions(-) diff --git a/SunshineLnsMinApp/pages/index/index.wxml b/SunshineLnsMinApp/pages/index/index.wxml index f5dccf0..ea7779e 100644 --- a/SunshineLnsMinApp/pages/index/index.wxml +++ b/SunshineLnsMinApp/pages/index/index.wxml @@ -35,15 +35,15 @@ <image class="eight-pane-icon " src="{{bszn}} " /> <div class="eight-pane-title ">办事指南</div> </div> - <div class="eight-pane-bottom-item " bindtap="complain"> + <div class="eight-pane-bottom-item " bindtap="complain"> <image class="eight-pane-icon " src="{{sjxf}} " /> <div class="eight-pane-title ">在线申诉</div> </div> <div class="eight-pane-bottom-item " data-url='../lawPublicity/lawPublicity' bindtap="login"> - <image class="eight-pane-icon " src="{{flxc}} "/> + <image class="eight-pane-icon " src="{{flxc}} " /> <div class="eight-pane-title ">法律宣传</div> </div> - <div class="eight-pane-bottom-item " bindtap="progressQuery"> + <div class="eight-pane-bottom-item " bindtap="progressQuery"> <image class="eight-pane-icon " src="{{njhd}} " /> <div class="eight-pane-title ">案件进度查询</div> </div> @@ -53,101 +53,291 @@ <image class="eight-pane-icon " src="{{tsjy}} " /> <div class="eight-pane-title ">信息公开</div> </div> - <div class="eight-pane-bottom-item " bindtap="junctionStation"> + <div class="eight-pane-bottom-item " bindtap="junctionStation"> <image class="eight-pane-icon " src="{{llz}} " /> <div class="eight-pane-title ">人大联络站</div> </div> - <div class="eight-pane-bottom-item " bindtap="dissDetail"> + <div class="eight-pane-bottom-item " bindtap="dissDetail"> <image class="eight-pane-icon " src="{{gyssp}} " /> <div class="eight-pane-title ">公益诉讼随手拍</div> </div> <div class="eight-pane-bottom-item " bindtap="scanEvildoingInfo"> - <image class="eight-pane-icon " src="{{shce}} "/> + <image class="eight-pane-icon " src="{{shce}} " /> <div class="eight-pane-title ">扫黑除恶</div> </div> </div> </div> <div class="index-gray "></div> - <!-- 业务办理 --> - <div class="index-pane "> - <div class="index-pane-nav " bindtap='businessHandling'> - <span></span> - <span>业务办理</span> - <span> - <image class="index-pane-icon " src="{{user}} " /> - </span> - </div> - <div class="index-pane-main "> - <div class="index-pane-row "> - <div class="index-pane-item" bindtap='complain'>在线申诉</div> - <div class="border-gray "></div> - <div class="index-pane-item" bindtap='compensation'>国家赔偿</div> - </div> - <div class="index-pane-row "> - <div class="index-pane-item " bindtap='petitionLetters'>信访预约</div> - <div class="border-gray "></div> - <div class="index-pane-item " bindtap='judicial'>司法救助</div> - </div> - </div> - </div> - <div class="index-gray "></div> - <!-- 办事指南 --> - <div class="index-pane "> - <div class="index-pane-nav "> - <span></span> - <span>办事指南</span> - </div> - <div class="index-pane-main "> - <div class="index-pane-row " > - <div class="index-pane-item " bindtap="artificial">在线答疑</div> - <div class="border-gray "></div> - <div class="index-pane-item " bindtap="guide">业务指引</div> - </div> - <div class="index-pane-row "> - <div class="index-pane-item " bindtap="artificial1">自助咨询</div> - </div> - </div> - </div> - <div class="index-gray "></div> - <!-- 南检活动 --> - <div class="index-pane "> - <div class="index-pane-nav "> - <span></span> - <span>南检活动</span> - </div> - <div class="index-pane-main "> - <div class="index-pane-row "> - <div class="index-pane-item " bindtap="activity">活动一览</div> - </div> - </div> - </div> - <div class="index-gray "></div> - <!-- 检务信息公开 --> - <div class="index-pane "> - <div class="index-pane-nav "> - <span></span> - <span>检务公开</span> - </div> - <div class="index-pane-main "> - <div class="index-pane-row "> - <div class="index-pane-item " bindtap="infoPublication" data-flag="xinxi">信息公开</div> - <div class="border-gray "></div> - <div class="index-pane-item " bindtap="infoPublication" data-flag="wenjian">文件公开</div> - </div> - <div class="index-pane-row "> - <div class="index-pane-item " bindtap='infoPublication' data-flag="yujuesuan">预决算公开</div> - <div class="border-gray "></div> - <div class="index-pane-item " bindtap="infoPublication" data-flag="gsgg">公示公告</div> - </div> - <div class="index-pane-row "> - <div class="index-pane-item " bindtap="developIng">重要案件信息公开</div> - <div class="border-gray "></div> - <div class="index-pane-item " bindtap="developIng">法律文书公开</div> - </div> - </div> - </div> - <div class="index-gray "></div> + <view class="VerticalBox"> + <scroll-view class="VerticalNav nav" scroll-y scroll-with-animation scroll-top="{{VerticalNavTop}}" style="height:calc(100vh - 375rpx)"> + <view class="cu-item {{index==TabCur?'text-nsblue cur':''}}" wx:for="{{list}}" wx:key bindtap='tabSelect' data-id="{{index}}"> + {{item.name}} + </view> + </scroll-view> + + <!-- 业务办理 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==0}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" bindtap='complain' style="background-image: url('https://xnwj.gznsjc.gov.cn/nsjc-charge/image/bianji.png');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 在线申诉 + </view> + </view> + <view class="bg-img" bindtap='compensation' style="background-image: url('https://xnwj.gznsjc.gov.cn/nsjc-charge/image/bianji2.png');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 国家赔偿 + </view> + </view> + </view> + <view class='VerticalNav-flex-t'> + <view class="bg-img" bindtap='petitionLetters' style="background-image: url('https://xnwj.gznsjc.gov.cn/nsjc-charge/image/bianji3.png');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 信访预约 + </view> + </view> + <view class="bg-img" bindtap='judicial' style="background-image: url('http://big5.wallcoo.com/animal/fly_and_freedom/images/0Vol_096_DY164.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 司法救助 + </view> + </view> + </view> + </view> + + <!-- 办事指南 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==1}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" bindtap='artificial' style="background-image: url('https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3467519497,3375000936&fm=26&gp=0.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 在线答疑 + </view> + </view> + <view class="bg-img" bindtap='guide' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577322415&di=febcbb44162754f73bf55d4f844dfd27&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.hscbw.com%2Fupfile%2F2018%2F0713%2F1531468832894544.jpeg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 业务指引 + </view> + </view> + </view> + <view class='VerticalNav-flex-t'> + <view class="bg-img" bindtap='artificial1' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1576727764256&di=64169fb237014be57848a4059cd11f4a&imgtype=0&src=http%3A%2F%2Fwww.cbdio.com%2Fimage%2Fattachement%2Fjpg%2Fsite2%2F20151223%2F8c89a5f7ad3117e49d853a.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 自助咨询 + </view> + </view> + <view class="bg-img" style="margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + </view> + </view> + </view> + + <!-- 智慧未检 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==2}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="zhwj" bindtap='linkFunction' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1576726946235&di=15fdcf9948c40f8735441b0804091966&imgtype=0&src=http%3A%2F%2Flongtengnanyang.com%2FPicture%2F20160708%2F6360356422872253285423195.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 智慧未检 + </view> + </view> + <view class="bg-img" style="margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + </view> + </view> + </view> + + <!-- 营商环境企业服务 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==3}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="weiwc" bindtap='linkFunction' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1576727354981&di=56a2d7e671ad06e8afcd30f52f17f9a6&imgtype=0&src=http%3A%2F%2Fpic4.zhimg.com%2Fv2-ea6a66baa63645a810559de96c015dd9_1200x500.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 自贸区法律服务 + </view> + </view> + <view class="bg-img" style="margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + </view> + </view> + </view> + + <!-- 智能法律咨询 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==4}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="lawInfo" data-id="1" bindtap='clinkFunction' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577694038&di=b29651c5f93bad8cd9639022789809a6&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.zgfznews.com%2Fhynews%2FH5neqd%2Fm%2Fxxfl%2Fhk91%2Fcustomer%2F23349%2FZtHlZBMnoW3bvXYVVdE8EZIQCJqDXgOuJGh03fWT.jpeg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 交通肇事 + </view> + </view> + <view class="bg-img" data-str="lawInfo" data-id="2" bindtap='clinkFunction' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577754645&di=a516a600eb90ba7d70b90ba2321c66ef&imgtype=jpg&er=1&src=http%3A%2F%2Fa1.huanqiu.cn%2Fimages%2F5ebca8f10f354c05cf8aa82e3c78043d.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 故意伤害 + </view> + </view> + </view> + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="lawInfo" data-id="3" bindtap='clinkFunction' style="background-image: url('https://dpic.tiankong.com/7i/pz/QJ6779489612.jpg?x-oss-process=style/794ws');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 盗窃 + </view> + </view> + <view class="bg-img" data-str="lawInfo" data-id="4" bindtap='clinkFunction' style="background-image: url('https://dpic.tiankong.com/p9/mr/QJ6583660179.jpg?x-oss-process=style/794ws');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 危险驾驶 + </view> + </view> + </view> + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="lawInfo" data-id="5" bindtap='clinkFunction' style="background-image: url('https://dpic.tiankong.com/0p/pg/QJ9123647088.jpg?x-oss-process=style/794ws');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 敲诈勒索 + </view> + </view> + <view class="bg-img" data-str="lawInfo" data-id="6" bindtap='clinkFunction' style="background-image: url('https://dpic.tiankong.com/gf/9z/QJ9109426335.jpg?x-oss-process=style/794ws');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 抢劫 + </view> + </view> + </view> + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="lawInfo" data-id="7" bindtap='clinkFunction' style="background-image: url('https://dpic.tiankong.com/6n/ha/QJ6103836131.jpg?x-oss-process=style/794ws');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 非法拘禁 + </view> + </view> + <view class="bg-img" data-str="lawInfo" data-id="8" bindtap='clinkFunction' style="background-image: url('https://dpic.tiankong.com/mk/ew/QJ6522038827.jpg?x-oss-process=style/794ws');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 抢夺 + </view> + </view> + </view> + </view> + + <!-- 南检活动 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==5}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" bindtap='activity' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1576727840095&di=c57a0f0d43a2b175981b679f8e328428&imgtype=0&src=http%3A%2F%2Fwx2.sinaimg.cn%2Fcrop.0.0.738.415.1000%2F006ba4mely1fmndnl221jj30m50bjq5i.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 活动一览 + </view> + </view> + <view class="bg-img" style="margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + </view> + </view> + + + </view> + + <!-- 检务信息公开 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==6}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" bindtap="infoPublication" data-flag="xinxi" style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1576728261768&di=750bafb6daf69115a49fa3f643493a50&imgtype=0&src=http%3A%2F%2Fb.hiphotos.baidu.com%2Fexp%2Fw%3D500%2Fsign%3D5bb88fbc0ad162d985ee621c21dea950%2F8644ebf81a4c510f804923626059252dd42aa53d.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 信息公开 + </view> + </view> + <view class="bg-img" bindtap="infoPublication" data-flag="wenjian" style="background-image: url('https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=46062777,1121802742&fm=26&gp=0.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 文件公开 + </view> + </view> + </view> + <view class='VerticalNav-flex-t'> + <view class="bg-img" bindtap='infoPublication' data-flag="yujuesuan" style="background-image: url('https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2736119777,3047650455&fm=26&gp=0.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 预决算公开 + </view> + </view> + <view class="bg-img" bindtap="infoPublication" data-flag="gsgg" style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1576728478957&di=92cf3e9b32826d6c0ec68b6306dbcdde&imgtype=0&src=http%3A%2F%2Ffile02.16sucai.com%2Fd%2Ffile%2F2014%2F0929%2F3955d4164aff7094561456a5f429d0b3.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 公示公告 + </view> + </view> + </view> + <view class='VerticalNav-flex-t'> + <view class="bg-img" bindtap="developIng" style="background-image: url('https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3963951738,2508118699&fm=26&gp=0.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 重要案件信息公开 + </view> + </view> + <view class="bg-img" bindtap="developIng" style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1576728662050&di=930e146d11613d111458d6f4c79d793e&imgtype=0&src=http%3A%2F%2Fwww.texindex.com.cn%2FUpload%2F201311%2F05%2F201311584310595.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 法律文书公开 + </view> + </view> + </view> + </view> + + <!-- 法治培训服务 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==7}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="fzpx" bindtap='linkFunction' style="background-image: url('https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1291150546,1510144282&fm=26&gp=0.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 法治培训 + </view> + </view> + <view class="bg-img" style="margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-img" data-str="fzxkt" bindtap='linkFunction' style="background-image: url('https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1291150546,1510144282&fm=26&gp=0.jpg');"> + <view class="bg-shadeTop"> + 法治小课堂 + </view> + </view> + </view> + <!-- <view class='VerticalNav-flex-div'></view> --> + </view> + + <!-- <view class='VerticalNav-flex-t'> + <view class='VerticalNav-flex-div'>信访预约</view> + <view class='VerticalNav-flex-div'>监督联络站</view> + </view> --> + </view> + + <!-- 知识产权 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==8}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="lawInfo" data-id="9" bindtap='clinkFunction' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577104674828&di=1ad5819ce06281fb5090a4038980917e&imgtype=0&src=http%3A%2F%2Fimage.sike.news.cn%2Fuploads%2F2019%2F05%2F2019-05-2451.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 知识产权 + </view> + </view> + <view class="bg-img" style="margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-img" data-str="fzxkt" bindtap='linkFunction' style="background-image: url('https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1291150546,1510144282&fm=26&gp=0.jpg');"> + <view class="bg-shadeTop"> + 职能简介 + </view> + </view> + </view> + </view> + + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="zscqdxal" data-id="9" bindtap='clinkFunction' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577104674828&di=1ad5819ce06281fb5090a4038980917e&imgtype=0&src=http%3A%2F%2Fimage.sike.news.cn%2Fuploads%2F2019%2F05%2F2019-05-2451.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 典型案例 + </view> + </view> + <view class="bg-img" style="margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-img" data-str="zscqjb" bindtap='linkFunction' style="background-image: url('https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1291150546,1510144282&fm=26&gp=0.jpg');"> + <view class="bg-shadeTop"> + 线索举报 + </view> + </view> + </view> + </view> + </view> + + <!-- 营商环境 --> + <view class='VerticalNav-flex' wx:if="{{moduleDiv==9}}"> + <view class='VerticalNav-flex-t'> + <view class="bg-img" data-str="yshjqyfw" data-id="9" bindtap='clinkFunction' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577104674828&di=1ad5819ce06281fb5090a4038980917e&imgtype=0&src=http%3A%2F%2Fimage.sike.news.cn%2Fuploads%2F2019%2F05%2F2019-05-2451.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 营商环境 + </view> + </view> + <view class="bg-img" data-str="createSub" data-id="9" bindtap='clinkFunction' style="background-image: url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577104674828&di=1ad5819ce06281fb5090a4038980917e&imgtype=0&src=http%3A%2F%2Fimage.sike.news.cn%2Fuploads%2F2019%2F05%2F2019-05-2451.jpg');margin: 6px;height: 78px;flex: 1; line-height: 78px;"> + <view class="bg-shadeTop"> + 问卷调查 + </view> + </view> + </view> + + </view> + + </view> </div> + <div wx:if="{{showModel}}" class="13"> <div class="popLayer "></div> <div class="popup "> -- Gitblit v1.8.0