index.vue 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444
  1. <template>
  2. <view class="zxbox">
  3. <view class="navbox">
  4. <uni-nav-bar color="#ffffff" :background-color="backgroundColor" :border="false"
  5. statusBar='true' fixed="true">
  6. </uni-nav-bar>
  7. </view>
  8. <image :src="bgimg" class="navbg"></image>
  9. <view class="mbox">
  10. <view class="infobox flexc" @click="handleToInfo">
  11. <image @click.stop="handleToAvatar" :src="avatar?baseUrl+avatar:avatarimg" class="limg" mode="aspectFill"></image>
  12. <view class="cbox">
  13. <view class="tit flexc">{{name?name:'登录账号'}}
  14. <view class="deptbox">
  15. <image :src="wyimg"></image>
  16. <view>{{kaType(roles[0],roleName)}}</view>
  17. </view>
  18. </view>
  19. <view class="txt" v-if="deptName">{{deptName}}</view>
  20. <view class="txt" v-else>点击详情 享受更多精彩信息</view>
  21. <!-- <view class="flexc pr" v-if="deptName">
  22. <image :src="headl"></image>
  23. <view class="txt">{{deptName}}点击登录 享受更多精彩信息</view>
  24. <image :src="headr"></image>
  25. </view> -->
  26. </view>
  27. <image :src="wrimg" class="wrimg"></image>
  28. <!-- 登录 -->
  29. <!-- <image v-if="avatar" @click.stop="handleToAvatar" :src="avatar" class="limg" mode="aspectFill"></image>
  30. <image v-else @click.stop="handleToAvatar" :src="avatarimg" class="limg" mode="aspectFill"></image> -->
  31. <!-- 未登录 -->
  32. </view>
  33. <view class="conts flexc">
  34. <!-- -->
  35. <view class="contn" @click="handleDjAdd" v-if="checkPermi(['wuYe:partyNews:add'])">
  36. <view class="img">
  37. <image :src="listimga" class="imga"></image>
  38. </view>
  39. <view class="ctit">党建发布</view>
  40. </view>
  41. <view class="contn" >
  42. <view class="img">
  43. <image :src="listimgb" class="imgb"></image>
  44. </view>
  45. <view class="ctit">健康资讯发布</view>
  46. </view>
  47. <view class="contn">
  48. <view class="img">
  49. <image :src="listimgc" class="imga"></image>
  50. </view>
  51. <view class="ctit">商品发布</view>
  52. </view>
  53. <view class="contn" @click="handTsFn" v-if="checkPermi(['wuYe:suggestion:list'])">
  54. <view class="img">
  55. <image :src="listimgd" class="imgc"></image>
  56. </view>
  57. <view class="ctit">投诉回复</view>
  58. </view>
  59. </view>
  60. <view class="mbgbox">
  61. <view class="flexc mine_list" @click="getAuthFn" >
  62. <view class="limg">
  63. <image :src="listimgr" class="imgh"></image>
  64. </view>
  65. <view class="tit flex1">认证信息</view>
  66. <image :src="rimg" class="rimg"></image>
  67. </view>
  68. <view class="flexc mine_list" @click="getWarrantyFn" v-if="checkPermi(['wuYe:repair:list'])">
  69. <view class="limg">
  70. <image :src="listimge" class="imga"></image>
  71. </view>
  72. <view class="tit flex1">报修管理</view>
  73. <image :src="rimg" class="rimg"></image>
  74. </view>
  75. <view class="flexc mine_list" @click="getFeeSet" v-if="checkPermi(['wuYe:fee:settings:list'])">
  76. <view class="limg">
  77. <image :src="listimgj" class="imga"></image>
  78. </view>
  79. <view class="tit flex1">物业费设置</view>
  80. <image :src="rimg" class="rimg"></image>
  81. </view>
  82. <view class="flexc mine_list" @click="getFeeFn" v-if="checkPermi(['wuYe:fee:list'])">
  83. <view class="limg">
  84. <image :src="listimgf" class="imgb"></image>
  85. </view>
  86. <view class="tit flex1">物业费催缴</view>
  87. <image :src="rimg" class="rimg"></image>
  88. </view>
  89. <view class="flexc mine_list" @click="getMyHdFn" v-if="checkPermi(['wuYe:news:getCommentInteraction'])">
  90. <view class="limg">
  91. <image :src="listimgo" class="imga"></image>
  92. </view>
  93. <view class="tit flex1">我的互动</view>
  94. <image :src="rimg" class="rimg"></image>
  95. </view>
  96. <view class="flexc mine_list" @click="getWdHdFn" v-if="checkPermi(['wuYe:commentIndex:list'])">
  97. <view class="limg">
  98. <image :src="listimgq" class="imga"></image>
  99. </view>
  100. <view class="tit flex1">我的点评赞</view>
  101. <image :src="rimg" class="rimg"></image>
  102. </view>
  103. <view class="flexc mine_list" @click="getPlShFn" v-if="checkPermi(['wuYe:commentIndex:commentSh'])">
  104. <view class="limg">
  105. <image :src="listimgp" class="imgg"></image>
  106. </view>
  107. <view class="tit flex1">评论审核</view>
  108. <image :src="rimg" class="rimg"></image>
  109. </view>
  110. <view class="flexc mine_list" @click="handleUpassword">
  111. <view class="limg">
  112. <image :src="listimgg" class="imgc"></image>
  113. </view>
  114. <view class="tit flex1">修改密码</view>
  115. <image :src="rimg" class="rimg"></image>
  116. </view>
  117. <view class="flexc mine_list" @click="getblackManage" v-if="checkPermi(['wuYe:blackManage:add'])">
  118. <view class="limg">
  119. <image :src="listimgj" class="imga"></image>
  120. </view>
  121. <view class="tit flex1">黑名单设置</view>
  122. <image :src="rimg" class="rimg"></image>
  123. </view>
  124. <!-- <view class="flexc mine_list" @click="handleToSetting">
  125. <view class="limg">
  126. <image :src="listimgg" class="imga"></image>
  127. </view>
  128. <view class="tit flex1">设置</view>
  129. <image :src="rimg" class="rimg"></image>
  130. </view> -->
  131. <!-- #ifdef APP-PLUS -->
  132. <view class="flexc mine_list"@click="onlineWgt">
  133. <view class="limg">
  134. <image :src="listimgh" class="imga"></image>
  135. </view>
  136. <view class="tit flex1">版本号</view>
  137. <view class="txt">{{wgtcode}}</view>
  138. <image :src="rimg" class="rimg"></image>
  139. </view>
  140. <!-- #endif -->
  141. <view class="flexc mine_list" @click="handleLogout">
  142. <view class="limg">
  143. <image :src="listimgi" class="imgd"></image>
  144. </view>
  145. <view class="tit flex1">退出登录</view>
  146. <image :src="rimg" class="rimg"></image>
  147. </view>
  148. <!-- <view class="flexc mine_list" @click="handleUpassword">
  149. <view class="limg">
  150. <image :src="listimgh" class="imga"></image>
  151. </view>
  152. <view class="tit flex1">修改密码</view>
  153. <image :src="rimg" class="rimg"></image>
  154. </view> -->
  155. </view>
  156. </view>
  157. <view class="ztit">安徽中新云计算有限公司提供支持</view>
  158. <footers v-if="isfootflag" :footerindex="footerindex" :isHomeIndex="false"></footers>
  159. </view>
  160. </template>
  161. <script>
  162. import storage from '@/utils/storage'
  163. import footers from '@/components/footer/footer.vue'
  164. import {findVersion} from "@/api/system/user.js"
  165. import {checkPermi,checkRole} from "@/utils/permission"; // 权限判断函数
  166. import {selectDictValue} from "@/utils/common.js"
  167. import config from '@/config'
  168. const baseUrl = config.baseUrl
  169. const webUrl=config.webUrl
  170. export default {
  171. data() {
  172. return {
  173. bgimg: require("@/static/images/mine/mbg.png"),
  174. avatarimg:require("@/static/images/mine/head.png"),
  175. listimga: require('@/static/images/mine/mtaba.png'),
  176. listimgb: require('@/static/images/mine/mtabb.png'),
  177. listimgc: require('@/static/images/mine/mtabc.png'),
  178. listimgd: require('@/static/images/mine/mtabd.png'),
  179. listimge: require('@/static/images/mine/mtabe.png'),
  180. listimgf: require('@/static/images/mine/mtabf.png'),
  181. listimgg: require('@/static/images/mine/mtabg.png'),
  182. listimgh: require('@/static/images/mine/mtabh.png'),
  183. listimgi: require('@/static/images/mine/mtabi.png'),
  184. listimgj: require('@/static/images/mine/mtabj.png'),
  185. listimgo: require('@/static/images/mine/mtabo.png'),
  186. listimgp: require('@/static/images/mine/mtabp.png'),
  187. listimgq: require('@/static/images/mine/mtabq.png'),
  188. listimgr: require('@/static/images/mine/mtabr.png'),
  189. // avatar:'',
  190. head:require('@/static/images/mine/head.png'),
  191. wrimg:require("@/static/images/mine/wrimg.png"),
  192. rimg:require("@/static/images/home/rimg.png"),
  193. wyimg:require("@/static/images/mine/wy.png"),
  194. border: false,
  195. backgroundColor: 'transparent',
  196. baseUrl:config.baseUrl,
  197. name: this.$store.state.user.nickName,
  198. deptName:this.$store.state.user.deptName,
  199. roles:this.$store.state.user.roles,
  200. roleName:this.$store.state.user.roleName,
  201. // version: getApp().globalData.config.appInfo.version,
  202. footerindex: 'mine',
  203. isfootflag: true,
  204. noticenum: 0,
  205. deptId: this.$store.state.user.deptId,
  206. wgtcode: this.$store.state.user.wgtcode,
  207. platform: 'Android',
  208. appPort:'1', //appPort 1:物管端,2:用户端
  209. nvaHeight:44,
  210. }
  211. },
  212. components: {
  213. footers
  214. },
  215. computed: {
  216. avatar() {
  217. return this.$store.state.user.avatar
  218. },
  219. windowHeight() {
  220. return uni.getSystemInfoSync().windowHeight - 50
  221. }
  222. },
  223. onPageScroll(e) {
  224. // var scrollTop = Number(e.scrollTop);
  225. // var listTop=Number(this.listTop)-Number(this.nvaHeight)
  226. // if (scrollTop <=this.nvaHeight) {
  227. // const opacity = scrollTop / 100 // 计算透明度值
  228. // const color = `rgba(29, 100, 226, ${opacity})`
  229. // this.backgroundColor = color // 更新盒子背景颜色
  230. // } else {
  231. // // this.backgroundColor = '#00A9F0'
  232. // }
  233. },
  234. onLoad() {
  235. var that=this;
  236. this.nvaHeight=uni.getSystemInfoSync().statusBarHeight+44;
  237. // #ifdef APP-PLUS
  238. plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
  239. that.$store.dispatch('SetwgtFn', widgetInfo.version).then(() => {
  240. that.wgtcode=widgetInfo.version
  241. })
  242. });
  243. // #endif
  244. },
  245. mounted() {
  246. },
  247. methods: {
  248. checkPermi,checkRole,
  249. kaType(data, list) {
  250. return selectDictValue(list, data);
  251. },
  252. // 设置
  253. handleToSetting() {
  254. },
  255. handleDjAdd(){//党建发布
  256. this.$tab.navigateTo('/manage/pages/community/newsadddj')
  257. },
  258. handTsFn(){//投诉回复
  259. this.$tab.navigateTo('/service/pages/service/complaint')
  260. },
  261. getAuthFn(){//认证信息
  262. this.$tab.navigateTo('/mine/pages/info/authen')
  263. },
  264. getWarrantyFn(){//报修管理
  265. this.$tab.navigateTo('/service/pages/service/warranty')
  266. },
  267. getblackManage(){//黑名单
  268. this.$tab.navigateTo('/work/pages/blackManage/index')
  269. },
  270. getFeeSet(){//物业费设置
  271. this.$tab.navigateTo('/work/pages/fee/index')
  272. },
  273. getFeeFn(){//物业费
  274. this.$tab.navigateTo('/work/pages/manage/money')
  275. },
  276. getPlShFn(){//评论审核
  277. this.$tab.navigateTo('/mine/pages/news/sh')
  278. },
  279. getMyHdFn(){//我的互动
  280. this.$tab.navigateTo('/mine/pages/news/index')
  281. },
  282. getWdHdFn(){//我的点评赞
  283. this.$tab.navigateTo('/mine/pages/news/myhd')
  284. },
  285. // 修改密码
  286. handleUpassword(){
  287. this.$tab.navigateTo(`/mine/pages/pwd/index`)
  288. },
  289. // 账号信息
  290. handleToInfo() {
  291. // this.$tab.navigateTo('/pages/mine/info/index')
  292. this.$tab.navigateTo('/mine/pages/info')
  293. },
  294. handleToLogin() {
  295. this.$tab.reLaunch('/pages/login')
  296. },
  297. handleToAvatar() {
  298. this.$tab.navigateTo('/mine/pages/avatar/index')
  299. },
  300. handleLogout() {
  301. this.$modal.confirm('确定注销并退出系统吗?').then(() => {
  302. this.$store.dispatch('LogOut').then(() => {
  303. this.$tab.reLaunch('/pages/index')
  304. })
  305. })
  306. },
  307. onlineWgt() {
  308. let that = this;
  309. plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
  310. that.$store.dispatch('SetwgtFn', widgetInfo.version).then(() => {
  311. that.wgtcode=widgetInfo.version
  312. })
  313. that.comparisonVersionNo(widgetInfo.versionCode);
  314. });
  315. // that.comparisonVersionNo()
  316. },
  317. comparisonVersionNo(versionCode) {
  318. let that = this;
  319. // console.log("aaaaaaa===versionCode", versionCode);
  320. const parmas = {
  321. model: that.platform,
  322. appPort:that.appPort
  323. }
  324. findVersion(parmas).then(res => {
  325. if (res.code == "200") {
  326. let versionNos = res.data.code;
  327. console.log(versionNos, 'versionNos')
  328. // console.log(res.data.path);
  329. let filePath = res.data.path;
  330. if (Number(versionNos) > Number(versionCode)) { //服务器返回1更新,0则不更新
  331. uni.showModal({
  332. title: '提示',
  333. content: '发现新版本,是否升级',
  334. success: function(res) {
  335. // console.log(widgetInfo.version);
  336. if (res.confirm) {
  337. console.log('用户点击确定');
  338. that.getProperty(filePath);
  339. } else if (res.cancel) {
  340. console.log('用户点击取消');
  341. }
  342. }
  343. });
  344. } else {
  345. this.$toast('该版本已是最新版')
  346. }
  347. }
  348. }).catch(error => {
  349. uni.hideLoading()
  350. console.log(error)
  351. })
  352. },
  353. getProperty(getProperty) {
  354. // console.log("bbbbbbbbb----------->", getProperty)
  355. let that = this;
  356. // 在线升级app/热更新
  357. that.showwri = true;
  358. const downloadTask = uni.downloadFile({ //下载文件
  359. url: baseUrl + getProperty,
  360. success: (downloadResult) => {
  361. // console.log(downloadResult);
  362. if (downloadResult.statusCode == 200) {
  363. // 更新升级
  364. plus.runtime.install(downloadResult.tempFilePath, {
  365. force: true
  366. }, function() {
  367. // console.log('install success...');
  368. that.showwri = false;
  369. plus.nativeUI.alert("应用资源更新完成!", function() {
  370. plus.runtime.restart();
  371. });
  372. }, function(e) {
  373. that.showwri = false;
  374. plus.nativeUI.alert("更新失败,请稍后再试");
  375. });
  376. }
  377. }
  378. });
  379. downloadTask.onProgressUpdate((res) => { //下载文件的进度
  380. that.totalBytesWritten = res.totalBytesWritten; //当前下载大小
  381. that.progress = res.progress; //当前下载比例
  382. that.totalBytesExpectedToWrite = res.totalBytesExpectedToWrite; //
  383. });
  384. },
  385. }
  386. }
  387. </script>
  388. <style lang="scss">
  389. page{background-color: #ffffff;}
  390. .navbox{position: fixed;left: 0;right: 0;top: 0;z-index: 4; }
  391. .deptbox{height: 34rpx;position: relative;margin-left: 16rpx;padding-left: 40rpx;box-sizing: border-box;padding-top: 4rpx;
  392. image{width: 102rpx;height: 34rpx;position: absolute;left: 0;top: 0;}
  393. view{font-weight: bold;font-size: 22rpx;color: #FFFFFF;position: relative;z-index: 2;height: 30rpx;min-width: 60rpx;background: linear-gradient(90deg, #FFB54D, #FE5B0E);border-radius: 0 15rpx 15rpx 0;padding-right:16rpx;}
  394. }
  395. .zxbox{
  396. .navbg{width: 100%;height: 782rpx;}
  397. .mbox{padding: 148rpx 24rpx 0;z-index: 1;position: relative;
  398. .infobox{margin-bottom: 48rpx;padding: 0 20rpx;
  399. .limg{width: 98rpx;height: 98rpx;flex: 0 0 auto;margin-right: 24rpx;border-radius: 50%;box-sizing: border-box;border: 6rpx solid #FFFFFF;}
  400. .cbox{flex: 1;z-index: 1;
  401. .tit{font-weight: bold;font-size: 36rpx;color: #161616;margin-bottom: 10rpx;}
  402. .txt{font-weight: 500;font-size: 26rpx;color: #76829B;}
  403. }
  404. .wrimg{width: 14rpx;height: 26rpx;flex: 0 0 auo;}
  405. }
  406. .conts{box-sizing: border-box;background: #FFFFFF;box-shadow: 0px 0px 10rpx 0px #C4DEE8;border-radius: 20rpx;
  407. .contn{padding: 32rpx 0 30rpx;
  408. display: flex;align-items: center;flex: 0 0 auto;width: 25%;flex-direction: column;
  409. .img{width: 40rpx;height: 40rpx;display: flex;align-items: center;justify-content: center;margin-bottom: 24rpx;flex: 0 0 auto;
  410. .imga{width: 36rpx;height: 36rpx;}
  411. .imgb{width: 40rpx;height: 38rpx;}
  412. .imgc{width: 40rpx;height: 40rpx;}
  413. }
  414. .ctit{font-weight: bold;font-size: 26rpx;color: #272727;}
  415. }
  416. }
  417. .mbgbox{width: 100%;margin-bottom: 24rpx;padding-top: 32rpx;
  418. .mine_list{
  419. padding: 28rpx 20rpx;
  420. .limg{flex: 0 0 auto;width: 32rpx;height: 32rpx;margin-right: 26rpx;display: flex;align-items: center;justify-content: center;
  421. .imga{width: 32rpx;height: 32rpx;}
  422. .imgb{width: 32rpx;height: 30rpx;}
  423. .imgc{width: 30rpx;height: 32rpx;}
  424. .imgd{width: 26rpx;height: 32rpx;}
  425. .imgg{width: 32rpx;height: 30rpx;}//16 15
  426. .imgh{width: 28rpx;height: 32rpx;}//16 15
  427. }
  428. .tit{font-weight: bold;font-size: 26rpx;color: #272727;}
  429. .txt{font-weight: 500;font-size: 26rpx;color: #666666;margin-left: 20rpx;flex: 0 0 auto;}
  430. .rimg{width: 14rpx;height: 26rpx;margin-left: 20rpx;flex: 0 0 auto;}
  431. }
  432. }
  433. }
  434. }
  435. .ztit{font-size: 24rpx;color:#c6c6c9;text-align: center;flex:0 0 auto;margin-bottom: 28rpx;margin-top: 40rpx;}
  436. </style>