index.wxml 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764
  1. <!--pages/publics/publics.wxml-->
  2. <view style=" background-color:#F5F5F5;">
  3. <view wx:if="{{hideAll}}" style="position: fixed;z-index: 999999;height: 100vh;width:100%;background-color: #ffffff;">
  4. <view style="height: 110vh;width: 100%;display: flex;align-items: center;justify-content: center;">
  5. <image class="init-rate" style="height: 76rpx;width: 76rpx;" src="images/onload-init-mini.png"></image>
  6. </view>
  7. </view>
  8. <scroll-view style="height: {{scroll_height}}rpx;" scroll-y="true">
  9. <view class="top">
  10. <video src="http://www.cq.gov.cn/masvod/public/2022/06/23/20220623_1818e6fa1b0_r1_1200k.mp4" loop muted controls="{{false}}" show-play-btn="{{false}}" show-center-play-btn="{{false}}" enable-progress-gesture="{{false}}" object-fit="cover" autoplay style="width:100%;height:409rpx"></video>
  11. <image src="{{imgUrl}}toplogo.png" class="top-logo" style="top: {{navHeight}}rpx"></image>
  12. </view>
  13. <!-- 内容1 -->
  14. <view class="content-search" style="height:750rpx;width:100%;background-color:#F5F5F5;position:relative">
  15. <!-- 内容top -->
  16. <view class="content-search-tab" style="height: 760rpx;">
  17. <!-- 搜索 -->
  18. <!-- <view style="width:650rpx;height:60rpx">
  19. <view class="search-view">
  20. <view class="search-icon">
  21. <image src="{{imgUrl}}index-search.png" style="height:28rpx;width:28rpx"></image>
  22. </view>
  23. <input class="search-input" bindinput="bindKeyInput" placeholder="在此输入关键字" />
  24. </view>
  25. </view> -->
  26. <!-- 服务内容1 -->
  27. <view class="content-service">
  28. <view bindtap="clickService1" data-item="{{index}}" wx:for="{{ serviceItems1 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
  29. <view data-item="{{index}}">
  30. <image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
  31. </view>
  32. <view data-item="{{index}}">{{ item.name }}</view>
  33. </view>
  34. </view>
  35. <!-- 服务内容2 -->
  36. <view class="content-service">
  37. <view bindtap="clickService2" data-item="{{index}}" wx:for="{{ serviceItems2 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
  38. <view>
  39. <image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
  40. </view>
  41. <view>{{ item.name }}</view>
  42. </view>
  43. </view>
  44. <!-- 便民地图 -->
  45. <view style="width: 100%;position:relative;margin-top: 30rpx;">
  46. <view style="border-radius: 20rpx;background-color: #ffffff;width: 651rpx;height: 100%;">
  47. <!-- 标题 -->
  48. <view style=" display: flex;justify-content: left;align-items: center;height: 60rpx;">
  49. <view style="display:flex;align-items:center;justify-content:center;">
  50. <image src="{{imgUrl}}index-map-title.png" style="height: 50rpx;width: 56rpx"></image>
  51. </view>
  52. <view class="data-center-title-font">便民地图</view>
  53. </view>
  54. <!-- 标题 -->
  55. <!-- 内容 -->
  56. <view>
  57. <!-- header -->
  58. <view style="position:relative;height: 129rpx" bindtap="gotoDTSS">
  59. <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
  60. <image src="{{ imgUrl }}index-map-header.png" style="height: 129rpx;width:650rpx"></image>
  61. </view>
  62. <!-- 入口 -->
  63. <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
  64. <view class="center-analysis-enter-font">地图搜索</view>
  65. <view class="center-analysis-enter-button">
  66. <view style="background: linear-gradient(90deg, #0163EA 0%, #00BEFA 100%);" class="center-analysis-enter-button-item">
  67. 进入 ></view>
  68. </view>
  69. </view>
  70. </view>
  71. <!-- header -->
  72. <!-- content -->
  73. <view style="margin-top:28rpx;width: 100%;height: 136rpx;display:flex;flex-wrap: wrap;justify-content: space-between;">
  74. <!-- 按钮 -->
  75. <view bindtap="gotoDTSS" data-item="{{ item.name }}" wx:for="{{ mapServiceData }}" wx:for-item="item" wx:for-index="index" wx:key="index" style="height: 50rpx;width: 139rpx;background-color: #EEF5FF;display:flex;align-items:center;justify-content:center;font-size:24rpx;color: #333333;letter-spacing: 2rpx;border-radius: 10rpx;">
  76. {{item.name}}
  77. </view>
  78. </view>
  79. </view>
  80. <!-- 内容 -->
  81. </view>
  82. </view>
  83. <!-- 便民地图 -->
  84. <!-- 百姓聚焦 -->
  85. <!-- <view class="content-people" style="margin-top: 15rpx">
  86. <view class="people-title">
  87. <image src="{{imgUrl}}people-title.png" style="height: 59rpx;width: 59rpx;"></image>
  88. <view class="people-font1">百姓聚焦</view>
  89. <view class="people-font2">每日更新</view>
  90. </view>
  91. <view class="people-content">
  92. <view wx:for="{{ peopleService }}" wx:for-item="item" wx:for-index="index" wx:key="index" data-id="{{item.id}}" bindtap="clickFocus" class="people-content-item {{ item.top?'top':'' }}">
  93. <image wx:if="{{ item.top }}" src="{{imgUrl}}index-top-fire.png" style="height: 24rpx;width: 20rpx;margin-right: 8rpx;"></image>
  94. <view>{{ item.name }}</view>
  95. </view>
  96. </view>
  97. </view> -->
  98. <!-- 百姓聚焦 -->
  99. </view>
  100. <!-- 内容top -->
  101. </view>
  102. <view style="width: 720rpx;margin: 0 auto;" bindtap="gotoTDCR">
  103. <image src="{{imgUrl}}tdcr/index.png" style="height: 10vh;width: 100%;" />
  104. </view>
  105. <view class="outside-view" style="margin-bottom: 15rpx;">
  106. <view class="outside-view-sjkf" bindtap="gotoSJKF" style="background-image: url({{newImgUrl}}images/sjpt-bg.png);"></view>
  107. <view class="outside-view-llzx" bindtap="gotoLLZX" style="background-image: url({{newImgUrl}}images/llzx-bg.png);"></view>
  108. </view>
  109. <!-- 一件事一次办 -->
  110. <view class="view-yjyb cont-width">
  111. <view class="title">
  112. <view class="line"></view>
  113. <view>信息公开</view>
  114. </view>
  115. <view class="list">
  116. <view class="nav" bindtap="gotozcwj" style="background-image: url({{imgUrl}}zcwj-bg.jpg);color: #2c6bcf;">政策文件</view>
  117. <view class="nav" bindtap="gotozcjd" style="background-image: url({{imgUrl}}zcjd-bg.jpg);color: #424293;">政策解读</view>
  118. <view class="nav" bindtap="gotojgzl" style="background-image: url({{imgUrl}}jgzn-bg.jpg);color: #b87e1b;">机构职能</view>
  119. <view class="nav" bindtap="gotozcwdk" style="background-image: url({{imgUrl}}zcwdk-bg.jpg);color:#17978c;">政策问答库</view>
  120. </view>
  121. </view>
  122. <!-- 南岸动态 -->
  123. <view class="content-na" style="height:512rpx;width:100%;background-color:#F5F5F5;position:relative;overflow: hidden;margin-top: 30rpx;">
  124. <!-- 浮动 -->
  125. <!-- font-size:32rpx -->
  126. <view class="content-na-tab">
  127. <!-- 标题 -->
  128. <view class="na-title">
  129. <!-- 南岸动态 -->
  130. <view class="tab-item {{naTab==0?'active':''}}" bindtap="clickNaTilteTab" data-item="0">
  131. <view style="position: absolute;width: 0;height: 0;border-left: 10rpx solid transparent;border-right: 10rpx solid transparent;border-top: 10rpx solid #508FF4;bottom: -13rpx;" />
  132. <view style="height:26rpx;width:50rpx;display: flex;justify-content:center;align-items:center;">
  133. <image wx:if="{{ naTab==0 }}" style="width:48rpx;height:48rpx;" src="{{imgUrl}}na-title-1.png"></image>
  134. </view>
  135. <view style="height:50rpx;padding-left:10rpx;">南岸动态</view>
  136. </view>
  137. <view class="tab-item {{naTab==1?'active':''}}" bindtap="clickNaTilteTab" data-item="1">
  138. <view style="position: absolute;width: 0;height: 0;border-left: 10rpx solid transparent;border-right: 10rpx solid transparent;border-top: 10rpx solid #508FF4;bottom: -13rpx;" />
  139. <view style="height:26rpx;width:50rpx;display: flex;justify-content:center;align-items:center;">
  140. <image wx:if="{{ naTab==1 }}" style="width:48rpx;height:48rpx;" src="{{imgUrl}}na-title-1.png"></image>
  141. </view>
  142. <view style="height:50rpx;padding-left:10rpx;">公示公告</view>
  143. </view>
  144. <!-- 今日重庆 -->
  145. <!-- <view class="tab-item {{naTab==1?'active':''}}" bindtap="clickNaTilteTab" data-item="1">
  146. <view style="position: absolute;width: 0;height: 0;border-left: 10rpx solid transparent;border-right: 10rpx solid transparent;border-top: 10rpx solid #508FF4;bottom: -13rpx;" />
  147. <view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
  148. <image wx:if="{{ naTab==1 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
  149. </view>
  150. <view style="height:50rpx;padding-left:10rpx">今日重庆</view>
  151. </view> -->
  152. <!-- 国务院信息 -->
  153. <!-- <view class="tab-item-last {{naTab==2?'active':''}}" bindtap="clickNaTilteTab" data-item="2">
  154. <view style="position: absolute;width: 0;height: 0;border-left: 10rpx solid transparent;border-right: 10rpx solid transparent;border-top: 10rpx solid #508FF4;bottom: -13rpx;" />
  155. <view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
  156. <image wx:if="{{ naTab==2 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
  157. </view>
  158. <view style="height:50rpx;padding-left:10rpx">国务院信息</view>
  159. </view> -->
  160. </view>
  161. <!-- 标题 -->
  162. <!-- 内容 -->
  163. <view class="na-content">
  164. <swiper current="{{naItem}}" bindchange="naChangeTab" style="height: 100%">
  165. <!-- 南岸动态 -->
  166. <swiper-item>
  167. <view wx:if="{{isNaLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  168. <t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
  169. </view>
  170. <view wx:elif="{{isNaEmpty}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  171. <t-empty icon="info-circle-filled" description="暂无数据" />
  172. </view>
  173. <include wx:else src="naTitleTab.wxml" />
  174. </swiper-item>
  175. <!-- 公示公告 -->
  176. <swiper-item>
  177. <view wx:if="{{isNaLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  178. <t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
  179. </view>
  180. <view wx:elif="{{isNaEmpty}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  181. <t-empty icon="info-circle-filled" description="暂无数据" />
  182. </view>
  183. <include wx:else src="naTitleTab.wxml" />
  184. </swiper-item>
  185. <!-- 今日重庆 -->
  186. <!-- <swiper-item>
  187. <view wx:if="{{isNaLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  188. <t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
  189. </view>
  190. <view wx:elif="{{isNaEmpty}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  191. <t-empty icon="info-circle-filled" description="暂无数据" />
  192. </view>
  193. <include wx:else src="naTitleTab.wxml" />
  194. </swiper-item> -->
  195. <!-- 国务院信息 -->
  196. <!-- <swiper-item>
  197. <view wx:if="{{isNaLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  198. <t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
  199. </view>
  200. <view wx:elif="{{isNaEmpty}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  201. <t-empty icon="info-circle-filled" description="暂无数据" />
  202. </view>
  203. <include wx:else src="naTitleTab.wxml" />
  204. </swiper-item> -->
  205. </swiper>
  206. </view>
  207. <!-- 内容 -->
  208. <!-- 更多 -->
  209. <view class="na-more">
  210. <view style="height: 60rpx;display:flex;align-items: center;" bindtap="naMore">查看更多 >></view>
  211. </view>
  212. <!-- 更多 -->
  213. </view>
  214. <!-- 浮动 -->
  215. </view>
  216. <view class="three" style="height:163rpx;width:100%;padding-left:15rpx;background-color: #F5F5F5; margin-top: 10rpx;">
  217. <image src="{{imgUrl}}index-video-recommend.png" style="height:180rpx;width:720rpx" bindtap="gotoSZRBB"></image>
  218. </view>
  219. <view class="three" style="height:163rpx;width:100%;padding-left:15rpx;background-color: #F5F5F5; margin-top: 30rpx;">
  220. <image src="{{imgUrl}}zhgz.png" style="height:180rpx;width:720rpx" bindtap="gotozhgz"></image>
  221. </view>
  222. <!-- <view class="content-service" style="margin-left: 20rpx;margin-right: 20rpx;">
  223. <view bindtap="clickService1" data-item="{{index}}" wx:for="{{ serviceItems3 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item2">
  224. <view data-item="{{index}}">
  225. <image src="{{ item.img }}" style="height:120rpx;width:120rpx"></image>
  226. </view>
  227. </view>
  228. </view>
  229. <view style=" margin-left: 20rpx;margin-right: 20rpx; margin-bottom: 15rpx;border-radius: 20rpx; background: #ffffff;">
  230. <view class="content-service">
  231. <view bindtap="clickService1" data-item="{{index}}" wx:for="{{ serviceItems4 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
  232. <view data-item="{{index}}">
  233. <image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
  234. </view>
  235. <view data-item="{{index}}">{{ item.name }}</view>
  236. </view>
  237. </view>
  238. <view class="content-service">
  239. <view bindtap="clickService5" data-item="{{index}}" wx:for="{{ serviceItems5 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
  240. <view data-item="{{index}}">
  241. <image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
  242. </view>
  243. <view data-item="{{index}}">{{ item.name }}</view>
  244. </view>
  245. </view>
  246. </view> -->
  247. <!-- 视频推荐 -->
  248. <!-- <view class="three" style="height:163rpx;width:100%;padding-left:15rpx;background-color: #F5F5F5;">
  249. <image src="{{imgUrl}}index-video-recommend.png" style="height:163rpx;width:720rpx" bindtap="gotoSPTJ"></image>
  250. <swiper current="{{lun}}" indicator-dots="{{true}}" style="height: 100%;width: 720rpx">
  251. <swiper-item bindtap="gotoNewsPaper">
  252. <image src="{{imgUrl}}index-video-banner.png" style="height:163rpx;width:100%"></image>
  253. </swiper-item>
  254. <swiper-item>
  255. <image src="{{imgUrl}}three.png" style="height:163rpx;width:100%"></image>
  256. </swiper-item>
  257. <swiper-item>
  258. <image src="{{imgUrl}}self-service.png" style="height:163rpx;width:100%"></image>
  259. </swiper-item>
  260. </swiper>
  261. </view> -->
  262. <!-- 公示公告 -->
  263. <!-- gotoNewsPaper -->
  264. <view style="width: 100%;position:relative;margin-top: 22rpx;display: none;" bindtap="gotoGSGG">
  265. <view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
  266. <!-- 标题 -->
  267. <view style=" display: flex;justify-content: left;align-items: center;height: 60rpx;">
  268. <view style="display:flex;align-items:center;justify-content:center;">
  269. <image src="{{imgUrl}}notice-icon.png" style="height: 50rpx;width: 56rpx"></image>
  270. </view>
  271. <view class="data-center-title-font">公示公告</view>
  272. </view>
  273. <!-- 标题 -->
  274. <!-- 内容 -->
  275. <view>
  276. <!-- header -->
  277. <view style="position:relative;height: 129rpx">
  278. <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
  279. <image src="{{ imgUrl }}notice-bg.png" style="height: 129rpx;width:650rpx"></image>
  280. </view>
  281. <!-- 入口 -->
  282. <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
  283. <view class="center-analysis-enter-font">公示公告</view>
  284. <view class="center-analysis-enter-button">
  285. <view style="background: linear-gradient(90deg, #F58661 0%, #FCAF96 100%);" class="center-analysis-enter-button-item">
  286. 进入 ></view>
  287. </view>
  288. </view>
  289. </view>
  290. </view>
  291. <!-- 内容 -->
  292. </view>
  293. </view>
  294. <!-- 公示公告 -->
  295. <!-- 视频推荐 -->
  296. <view style="width: 100%;position:relative;margin-top: 30rpx;display: none;">
  297. <view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;">
  298. <!-- 标题 -->
  299. <view style=" display: flex;justify-content: left;align-items: center;height: 60rpx;" bindtap="gotoSPTJ">
  300. <view style="display:flex;align-items:center;justify-content:center;">
  301. <image src="{{imgUrl}}index-video-title.png" style="height: 50rpx;width: 56rpx"></image>
  302. </view>
  303. <view class="data-center-title-font" >视频推荐</view>
  304. </view>
  305. <!-- 标题 -->
  306. <!-- 内容 -->
  307. <view style="margin-top: 20rpx;">
  308. <view wx:if="{{isVideoLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  309. <t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
  310. </view>
  311. <view wx:elif="{{isVideoEmpty}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  312. <t-empty icon="info-circle-filled" description="请登录后查看" />
  313. </view>
  314. <swiper style="height: 180rpx;" wx:else display-multiple-items="{{videoInfo.length >= 2 ? 2 : 1}}" current="{{0}}" autoplay="{{false}}">
  315. <swiper-item wx:for="{{videoInfo}}" wx:key="index" bindtap="gotoVideoDetail" data-url="{{item.shareUrl}}">
  316. <image wx:if="{{item.images}}" src="{{item.images}}" binderror="SPTJImgError" data-index="{{index}}" style="height:133rpx;width:308rpx" />
  317. <view wx:else style="height:133rpx;width:308rpx;display: flex;justify-content: center;align-items: center;color: gray;">
  318. <t-icon name="image-error" size="80rpx" data-name="image-error" />
  319. </view>
  320. <view style="width:308rpx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;font-family: PingFang SC;color: #999999;text-align: left;">{{item.detailTitle}}</view>
  321. </swiper-item>
  322. </swiper>
  323. </view>
  324. <!-- 内容 -->
  325. </view>
  326. </view>
  327. <!-- 视频推荐 -->
  328. <!-- 政民互动 -->
  329. <view style="width: 100%;position:relative;margin-top: 30rpx;">
  330. <view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
  331. <!-- 标题 -->
  332. <view style=" display: flex;justify-content: left;align-items: center;height: 60rpx;">
  333. <view style="display:flex;align-items:center;justify-content:center;">
  334. <image src="{{imgUrl}}index-communication.png" style="height: 50rpx;width: 56rpx;"></image>
  335. </view>
  336. <view class="data-center-title-font">政民互动</view>
  337. </view>
  338. <!-- 标题 -->
  339. <!-- 内容 -->
  340. <view>
  341. <!-- header -->
  342. <view style="position:relative;height: 164rpx" bindtap="toZMHD">
  343. <view style="margin-top:15rpx;height: 164rpx;width:100%;display:flex;align-items:center;justify-content:center;">
  344. <image src="{{ imgUrl }}index-communicate-header.png" style="height: 164rpx;width:650rpx;border-radius: 10rpx;"></image>
  345. </view>
  346. <!-- 入口 -->
  347. <view style="height: 129rpx;width:100%;position: absolute;bottom:0rpx;">
  348. <view class="zmhd-title-font">与南岸政府对话</view>
  349. <view style="padding-left: 38rpx;padding-top: 10rpx;">
  350. <view style="background: linear-gradient(90deg, #FF9B3B 0%, #FAB982 100%);" class="center-analysis-enter-button-item">
  351. 进入 ></view>
  352. </view>
  353. </view>
  354. </view>
  355. <!-- 列表 -->
  356. <view style="height: 800rpx;margin-top: 18rpx;">
  357. <view style="display:flex">
  358. <view class="communicate-tab-item {{communicateTab==0?'active':''}}" bindtap="communicateChangeItem" data-item="0">
  359. <view style="height: 100%;display:flex;align-items:center;justify-content:center;">法规意见征集</view>
  360. </view>
  361. <view class="communicate-tab-item {{communicateTab==1?'active':''}}" bindtap="communicateChangeItem" data-item="1">
  362. <view style="height: 100%;display:flex;align-items:center;justify-content:center;">在线调查</view>
  363. </view>
  364. </view>
  365. <!-- 内容 -->
  366. <view style="height: 710rpx;flex: 1">
  367. <swiper style="height: 100%" current="{{communicateItem}}" bindchange="communicateChangeTab">
  368. <swiper-item>
  369. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
  370. <include src="communicateList.wxml" />
  371. </scroll-view>
  372. </swiper-item>
  373. <swiper-item>
  374. <view wx:if="{{ isOnlineLoading }}" style="position: absolute;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;z-index: 9000;">
  375. <view style="display: flex;flex-direction: column;align-items: center;justify-content: center;background: #000;opacity: 0.6;width: 200rpx;height: 200rpx;border-radius: 20rpx;">
  376. <t-loading theme="circular" size="60rpx" layout="vertical"></t-loading>
  377. <view style="color: #fff;padding-top: 18rpx;font-size: 27rpx;letter-spacing: 2rpx;">加载中</view>
  378. </view>
  379. </view>
  380. <view wx:if="{{isOnlineFinish}}" style="position: absolute;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;z-index: 9000;">
  381. <view style="display: flex;flex-direction: column;align-items: center;justify-content: center;background: #000;opacity: 0.8;width: 200rpx;height: 200rpx;border-radius: 20rpx;">
  382. <image src="{{imgUrl}}ali-logo-check-ok.png" style="width: 100rpx;height: 80rpx"></image>
  383. <view style="color: #fff;padding-top: 18rpx;font-size: 25rpx;letter-spacing: 1rpx;">已加载全部数据</view>
  384. </view>
  385. </view>
  386. <scroll-view scroll-y="true" bindscrolltolower="investigationScrollBottom" style="height: 100%;padding:0;margin:0;">
  387. <include src="investigation.wxml" />
  388. </scroll-view>
  389. </swiper-item>
  390. </swiper>
  391. </view>
  392. </view>
  393. <!-- 列表 -->
  394. </view>
  395. <!-- 内容 -->
  396. </view>
  397. </view>
  398. <!-- 政民互动 -->
  399. <!-- 弹窗 -->
  400. <!-- <view bindtap="closeDialog" class="mask" catchtouchmove="preventTouchMove" wx:if="{{ewmShowDialog}}"></view>
  401. <view class="ewm-dialog" wx:if="{{ewmShowDialog}}">
  402. <view>
  403. <image show-menu-by-longpress="{{true}}" style="width: 370rpx;height:370rpx" src="{{imgUrl + ewmUrl}}"></image>
  404. </view>
  405. <view style="color: #000000;font-size: 38rpx;font-weight: 600;padding-top: 10rpx;">长按图片关注我们</view>
  406. <view style="color: #000000;font-size: 38rpx;padding-top: 10rpx;">{{ewmName}}</view>
  407. </view> -->
  408. <!-- 弹窗结尾 -->
  409. <!-- 媒体矩阵 -->
  410. <view style="width: 100%;position:relative;margin-top: 30rpx;">
  411. <view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
  412. <!-- 标题 -->
  413. <view style="display: flex;justify-content: left;align-items: center;height: 60rpx;">
  414. <view style="display:flex;align-items:center;justify-content:center;">
  415. <image src="{{imgUrl}}index-media.png" style="height: 50rpx;width: 56rpx"></image>
  416. </view>
  417. <view class="data-center-title-font">媒体矩阵</view>
  418. </view>
  419. <!-- 标题 -->
  420. <!-- 内容 -->
  421. <view>
  422. <!-- header -->
  423. <!-- -->
  424. <view style="position:relative;height: 129rpx">
  425. <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
  426. <image src="{{ imgUrl }}index-media-header.png" style="height: 129rpx;width:650rpx"></image>
  427. </view>
  428. <!-- 入口 -->
  429. <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
  430. <view class="center-analysis-enter-font">政务新媒体矩阵</view>
  431. <view class="center-analysis-enter-button">
  432. <!-- <view style="background: linear-gradient(90deg, #AF66DC 0%, #D6AAF3 100%);" class="center-analysis-enter-button-item">
  433. 进入 ></view> -->
  434. </view>
  435. </view>
  436. </view>
  437. <!-- header -->
  438. <!-- content -->
  439. <view>
  440. <!-- 头部导航 -->
  441. <view class="media-swiper-tab">
  442. <scroll-view scroll-x="true" show-scrollbar="false" scroll-with-animation="true" scroll-left="{{navScrollLeft}}rpx" style="width: 100%;white-space: nowrap;">
  443. <block wx:for="{{provList}}" wx:key="i">
  444. <view class="media-swiper-tab-list {{mediaCurrentTab==index ? 'active' : ''}}" data-current="{{index}}" bindtap="swichNav">{{item.name}}</view>
  445. </block>
  446. </scroll-view>
  447. </view>
  448. <!-- 头部导航 -->
  449. <!-- 选项内容 -->
  450. <view style="margin-top: 25rpx">
  451. <swiper current="{{mediaCurrentTab}}" class="media-swiper-box" duration="300" bindchange="mediaBindChange">
  452. <swiper-item>
  453. <view wx:if="{{isNafaLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
  454. <t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
  455. </view>
  456. <view wx:else class="message" style="padding: 4rpx 40rpx;">
  457. <view wx:for="{{mediaReleaseList}}" wx:key="index" bindtap="gotoReleaseDetail" data-url="{{item.url}}" class="releaseList">
  458. <view style="width: 450rpx;">{{item.title}}</view>
  459. <image src="data:{{item.cover}}" style="width: 75rpx;height:75rpx" />
  460. </view>
  461. </view>
  462. </swiper-item>
  463. <!-- <swiper-item>
  464. <view style="display: flex;justify-content: flex-start;flex-wrap: wrap">
  465. <view wx:for="{{mediaSelectList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="{{index % 2 === 0?'media-icon-1':'media-icon-2'}}">
  466. <view bindtap="showLogoDialog" data-name="{{item.name}}" data-ewm="{{item.ewm}}" data-url = "{{item.url}}" style="display: flex;align-items:center;justify-content:center;margin-right: 4rpx">
  467. <image src="{{item.img}}" style="height:44rpx;width:44rpx;"></image>
  468. </view>
  469. <view bindtap="showLogoDialog" data-name="{{item.name}}" data-ewm="{{item.ewm}}" data-url = "{{item.url}}" style="display: flex;align-items:center;justify-content:center">{{item.name}}</view>
  470. </view>
  471. </view>
  472. </swiper-item> -->
  473. <!-- <swiper-item>
  474. <view wx:for="{{mediaHeadlineList}}" wx:key="index" class="news-item" bindtap="gotoHeadlineDetail" data-url="{{item.url}}">
  475. <view class="jigou">
  476. <view style="background-color: #B9D9FD;display: inline-block;padding: 0px 10rpx;">{{item.officialAccount}}</view>
  477. </view>
  478. <view style="margin: 9rpx 0 14rpx 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">{{item.title}}</view>
  479. <view class="time">{{item.createTime}}</view>
  480. </view>
  481. </swiper-item> -->
  482. </swiper>
  483. </view>
  484. <!-- 选项内容 -->
  485. </view>
  486. <!-- content -->
  487. </view>
  488. <!-- 内容 -->
  489. </view>
  490. </view>
  491. <!-- 媒体矩阵 -->
  492. <!-- 南岸报 -->
  493. <!-- gotoNewsPaper -->
  494. <view style="width: 100%;position:relative;margin-top: 30rpx;display: none;" bindtap="gotoNAB">
  495. <view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
  496. <!-- 标题 -->
  497. <view style=" display: flex;justify-content: left;align-items: center;height: 60rpx;">
  498. <view style="display:flex;align-items:center;justify-content:center;">
  499. <image src="{{imgUrl}}index-paper.png" style="height: 50rpx;width: 56rpx"></image>
  500. </view>
  501. <view class="data-center-title-font">南岸报</view>
  502. </view>
  503. <!-- 标题 -->
  504. <!-- 内容 -->
  505. <view>
  506. <!-- header -->
  507. <view style="position:relative;height: 129rpx">
  508. <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
  509. <image src="{{ imgUrl }}index-paper-header.png" style="height: 129rpx;width:650rpx"></image>
  510. </view>
  511. <!-- 入口 -->
  512. <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
  513. <view class="center-analysis-enter-font">南岸报</view>
  514. <view class="center-analysis-enter-button">
  515. <view style="background: linear-gradient(90deg, #F58661 0%, #FCAF96 100%);" class="center-analysis-enter-button-item">
  516. 进入 ></view>
  517. </view>
  518. </view>
  519. </view>
  520. <!-- header -->
  521. <!-- 报 -->
  522. <!-- <view style="height: 790rpx;width: 100%;display: flex">
  523. <view style="height: 761rpx;width: 550rpx;position:relative;">
  524. <view style="padding: 20rpx;border: 3rpx solid #FFFFFF;box-shadow: 8rpx -5rpx 25rpx 0rpx rgba(29,29,29,0.18);top: -22rpx;position:absolute;height: 761rpx;width: 505rpx;">
  525. <image src="{{imgUrl}}index-paper-content-paper.png" style="height: 761rpx;width: 505rpx;"></image>
  526. </view>
  527. </view>
  528. <view style="height: 771rpx;width: 100rpx;position:relative;background-image: url({{imgUrl}}index-paper-page.png);background-size: 100% 100%;">
  529. <view style="top: 20rpx;left:20rpx;position:absolute; display: flex;flex-direction: column;width: 30rpx;color: #FFFFFF;font-size: 28rpx;">
  530. 上一版</view>
  531. <view style="top: 200rpx;left:20rpx;position:absolute; display: flex;flex-direction: column;width: 30rpx;color: #FFFFFF;font-size: 28rpx;">
  532. 下一版</view>
  533. </view>
  534. </view> -->
  535. </view>
  536. <!-- 内容 -->
  537. </view>
  538. </view>
  539. <!-- 南岸报 -->
  540. <!-- 印象南岸 -->
  541. <view style="height: 460rpx;width: 100%;position:relative;margin-top: 30rpx;">
  542. <view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
  543. <!-- 标题 -->
  544. <view style=" display: flex;justify-content: left;align-items: center;height: 60rpx;">
  545. <view style="display:flex;align-items:center;justify-content:center;">
  546. <image src="{{imgUrl}}index-na-title.png" style="height: 50rpx;width: 56rpx"></image>
  547. </view>
  548. <view class="data-center-title-font">印象南岸</view>
  549. </view>
  550. <!-- 标题 -->
  551. <!-- 内容 -->
  552. <view>
  553. <!-- header -->
  554. <view style="position:relative;height: 129rpx" bindtap="toYxna">
  555. <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
  556. <image src="{{ imgUrl }}index-na-header.png" style="height: 129rpx;width:650rpx"></image>
  557. </view>
  558. <!-- 入口 -->
  559. <view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
  560. <view class="center-analysis-enter-font">印象南岸</view>
  561. <view class="center-analysis-enter-button">
  562. <view style="background: linear-gradient(90deg, #A28164 0%, #CBB197 100%);" class="center-analysis-enter-button-item">
  563. 进入 ></view>
  564. </view>
  565. </view>
  566. </view>
  567. <!-- header -->
  568. <view class="photolist">
  569. <image wx:for="{{swiperList}}" wx:key="index" data-item ="{{item}}" class="photo" src="{{item.url}}"/>
  570. </view>
  571. <!-- <view style="font-size: 30rpx;font-weight: 400;color: #FFFFFF;line-height: 56rpx;text-align: center;position: relative;">
  572. <image src="{{imgUrl}}yxnaLine.png" style="width:653rpx;height:174rpx" />
  573. <view bindtap="toJfq" style="width: 136rpx;height: 56rpx;background: #996749;border-radius: 10rpx;position: absolute;top: 35rpx;">
  574. 解放前</view>
  575. <view bindtap="toJfh" style="width: 232rpx;height: 56rpx;background: #A45A3A;border-radius: 10rpx;position: absolute;top: 187rpx;left: 126rpx;">
  576. 解放后-80年代</view>
  577. <view bindtap="toXsj" style="width: 226rpx;height: 56rpx;background: #D17C4B;border-radius: 10rpx;position: absolute;top: 35rpx;left: 232rpx;">
  578. 80年代-新世纪</view>
  579. <view bindtap="toQxn" style="width: 226rpx;height: 56rpx;background: #D6603A;border-radius: 10rpx;position: absolute;right: 9rpx;bottom: -5rpx;">
  580. 新世纪-千禧年</view>
  581. </view> -->
  582. </view>
  583. <!-- 内容 -->
  584. </view>
  585. </view>
  586. <!-- 印象南岸 -->
  587. <!-- 数据中心 -->
  588. <view class="data-cneter" style="height: 1020rpx;width: 100%;background-color:#F5F5F5;position:relative;padding-top: 30rpx">
  589. <!-- 数据中心 -->
  590. <view class="data-center-contain">
  591. <!-- 标题 -->
  592. <view class="data-center-title" bindtap="gotoSjzx">
  593. <view style="display:flex;align-items:center;justify-content:center;">
  594. <image src="{{imgUrl}}index-data-center.png" style="height: 50rpx;width: 56rpx"></image>
  595. </view>
  596. <view class="data-center-title-font">数据中心</view>
  597. </view>
  598. <!-- 标题 -->
  599. <!-- 统计分析 -->
  600. <view class="center-analysis" style="height:272rpx;width:100%;position:relative;">
  601. <!-- 分析header -->
  602. <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
  603. <image src="{{ imgUrl }}index-center-analysis-header.png" style="height: 129rpx;width:650rpx"></image>
  604. </view>
  605. <!-- 分析入口 -->
  606. <view class="center-analysis-enter" style="height: 129rpx;width:100%;position: absolute;bottom:114rpx" bindtap="toDataCenter">
  607. <view class="center-analysis-enter-font">政务服务数据统计分析</view>
  608. <view class="center-analysis-enter-button">
  609. <view class="center-analysis-enter-button-item" style="background: linear-gradient(90deg, #2FB785 0%, #2EE698 100%);">进入 ></view>
  610. </view>
  611. </view>
  612. <!-- 本年办件数 -->
  613. <view bindtap="gotoZWTJ" style="height: 172rpx;width: 100%;position:relative">
  614. <!-- 办件数浮动 -->
  615. <view style="height: 172rpx;width: 100%;position:absolute;bottom:22rpx">
  616. <!-- 标题 -->
  617. <view style="padding-left:8rpx;display:flex;align-items:center;justify-content:margin-left">
  618. <view class="yellow-point"></view>
  619. <view class="work-title-font">本年办件数</view>
  620. </view>
  621. <!-- 办件数内容 -->
  622. <view style="margin-top:20rpx;display:flex;justify-content: space-between;align-items:center">
  623. <view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-work-number.png);background-size: 100% 100%;">
  624. <!-- 受理数 -->
  625. <view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
  626. <view style="font-size:19rpx">受理数</view>
  627. <view style="display:flex;flex-direction:row;align-items:center">
  628. <scroll-view scroll-x style="width: 84rpx">
  629. <view style="font-size:30rpx;font-weight: bold;">{{officeNumber[0]}}</view>
  630. </scroll-view>
  631. <view style="font-size: 19rpx;padding-left:5rpx">件</view>
  632. </view>
  633. </view>
  634. </view>
  635. <view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-finish-number.png);background-size: 100% 100%;">
  636. <!-- 受理数 -->
  637. <view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
  638. <view style="font-size:19rpx">办结数</view>
  639. <view style="display:flex;flex-direction:row;align-items:center">
  640. <scroll-view scroll-x style="width: 84rpx">
  641. <view style="font-size:30rpx;font-weight: bold;">{{officeNumber[1]}}</view>
  642. </scroll-view>
  643. <view style="font-size: 19rpx;padding-left:5rpx">件</view>
  644. </view>
  645. </view>
  646. </view>
  647. <view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-request-number.png);background-size: 100% 100%;">
  648. <!-- 受理数 -->
  649. <view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
  650. <view style="font-size:19rpx">网络提交</view>
  651. <view style="display:flex;flex-direction:row;align-items:center">
  652. <scroll-view scroll-x style="width: 84rpx;">
  653. <view style="font-size:30rpx;font-weight: bold;">{{officeNumber[2]}}</view>
  654. </scroll-view>
  655. <view style="font-size: 19rpx;padding-left:5rpx">件</view>
  656. </view>
  657. </view>
  658. </view>
  659. </view>
  660. </view>
  661. <!-- 办件数浮动 -->
  662. </view>
  663. <!-- 本年办件数 -->
  664. <!-- 好差评 -->
  665. <view bindtap="gotoZWTJ" style="margin-top:15rpx;height:300rpx;width:100%;">
  666. <view style="padding-left:8rpx;display:flex;align-items:center;justify-content:margin-left">
  667. <view class="yellow-point"></view>
  668. <view class="work-title-font">好差评</view>
  669. </view>
  670. <!-- 内容 -->
  671. <view>
  672. <view></view>
  673. <view></view>
  674. </view>
  675. <view style="display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:20rpx">
  676. <view class="evaluate">评价我的办件</view>
  677. <view class="evaluate">评价窗口人员</view>
  678. <view class="evaluate">评价办事指南</view>
  679. <view class="evaluate" style="width: 316rpx;">评价服务应用</view>
  680. <view class="evaluate" style="width: 316rpx;">评价电子证照</view>
  681. </view>
  682. <!-- 评价数 -->
  683. <view style="display: flex;flex-wrap: wrap;justify-content: space-between;height: 130rpx;width: 100%">
  684. <!-- 好评数 -->
  685. <view style="margin-bottom: 30rpx; height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
  686. <!-- 数据 -->
  687. <view style="margin: 0 auto; width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  688. <view style="text-align: center;width: 100%; font-size: 19rpx;color: #999999;padding-bottom:8rpx">评价数</view>
  689. <view style="width: 100%;display:flex;justify-content:left;align-items:center;color: #333333;">
  690. <view style="width: 100%; text-align: center; font-size: 28rpx;font-weight: bold;">{{evalutionNum}}</view>
  691. </view>
  692. </view>
  693. </view>
  694. <!-- 评价总量 -->
  695. <view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
  696. <!-- 数据 -->
  697. <view style="margin: 0 auto; width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  698. <view style="text-align: center;width: 100%; font-size: 19rpx;color: #999999;padding-bottom:8rpx">好评率</view>
  699. <view style="width: 100%;display:flex;justify-content:left;align-items:center;color: #333333;">
  700. <view style="width: 100%; text-align: center; font-size: 28rpx;font-weight: bold;">{{evalutionNum}}</view>
  701. </view>
  702. </view>
  703. </view>
  704. <!-- 好评【 -->
  705. <view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
  706. <!-- 数据 -->
  707. <view style="margin: 0 auto; width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  708. <view style="text-align: center;width: 100%; font-size: 19rpx;color: #999999;padding-bottom:8rpx">差评数</view>
  709. <view style="width: 100%;display:flex;justify-content:left;align-items:center;color: #333333;">
  710. <view style="width: 100%; text-align: center; font-size: 28rpx;font-weight: bold;">{{evalutionNum}}</view>
  711. </view>
  712. </view>
  713. </view>
  714. <!-- 评价总量 -->
  715. <view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
  716. <!-- 数据 -->
  717. <view style="margin: 0 auto; width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
  718. <view style="text-align: center;width: 100%; font-size: 19rpx;color: #999999;padding-bottom:8rpx">差评整改率</view>
  719. <view style="width: 100%;display:flex;justify-content:left;align-items:center;color: #333333;">
  720. <view style="width: 100%; text-align: center; font-size: 28rpx;font-weight: bold;">{{evalutionNum}}</view>
  721. </view>
  722. </view>
  723. </view>
  724. </view>
  725. <!-- 图表 -->
  726. <!-- <view hidden="{{canvasImg}}" style="width: 100%;height: 300rpx;">
  727. <ec-canvas id="streetlinechart3" canvas-id="streetlinechart3" ec="{{ streetlinechartec }}" />
  728. </view>
  729. <image hidden="{{!canvasImg}}" src="{{canvasImg}}" style="width: 100%; height: 300rpx" /> -->
  730. </view>
  731. <!-- 好差评 -->
  732. </view>
  733. <!-- 统计分析 -->
  734. </view>
  735. <!-- 数据中心 -->
  736. </view>
  737. <!-- 数据中心 -->
  738. <!-- 底部 -->
  739. <view style="height: 180rpx">
  740. </view>
  741. </scroll-view>
  742. </view>