list.vue 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476
  1. <template>
  2. <view>
  3. <!-- 第一种样式 人员管理-->
  4. <block v-if="datainfo.length>0">
  5. <!-- 报修管理 步骤条-->
  6. <block v-if="type=='warranty'">
  7. <!-- @click.stop="getDetail(ite.repairId)" -->
  8. <view class="bxlists" v-for="(ite,idx) in datainfo" :key="ite.repairId" >
  9. <view class="bxtop">
  10. <swiper v-if="ite.repairImages" class="swiper" circular :indicator-color="incolorh" :indicator-active-color="activecolorh" :indicator-dots="indicatorDotsh" :autoplay="autoplay">
  11. <swiper-item v-for="(aite,aidx) in ite.repairImages" :key="aidx">
  12. <image :src="baseUrl+aite" @click="getPreviewImage(ite.repairImages,aidx)"></image>
  13. </swiper-item>
  14. </swiper>
  15. <view class="toptit mb10">{{ite.repairDetails}}</view>
  16. <view class="walist"><view class="tit">项目</view>:{{kaType(ite.maintenanceCategory,bxlbList)}}</view>
  17. <view class="walist"><view class="tit">报修门户</view>:{{ite.houseAddress}}</view>
  18. <view class="flexcw">
  19. <view class="walist"><view class="tit">报修时间</view>:{{ite.repairTime}}</view>
  20. <!-- <view class="walist" v-if="ite.type==3"><view class="tit" >完成时间</view>:{{ite.completionTime}}</view> -->
  21. <view class="btns">
  22. <view class="btn btna" v-if="checkPermi(['wuYe:repair:remove'])&&ite.repairStatus<2" @click.stop="getDelFn(ite.repairId)">删除</view>
  23. </view>
  24. </view>
  25. </view>
  26. <view class="bxsteps">
  27. <uni-collapse ref="collapse" v-model="value">
  28. <uni-collapse-item title-border="none">
  29. <template v-slot:title>
  30. <view class="chtop flexc" >
  31. <view class="line"></view>
  32. <view>流程记录</view>
  33. <view class="flex1"></view>
  34. <!-- <image :src="upimg" class="upimg"></image> -->
  35. </view>
  36. </template>
  37. <view class="hfstep">
  38. <view class="hfslist flex" v-if="ite.repairStatus>3">
  39. <view class="limg flexccc">
  40. <image :src="cira" class="imga"></image>
  41. </view>
  42. <view class="flex1">
  43. <view class="hfstit co01">已完成 <text>{{ite.completionTime}}</text></view>
  44. <view class="hfstxt">【{{ite.staffName}} {{ite.staffPhone}}】已完成报修业务</view>
  45. <view class="hfimgs flexcw" v-if="ite.completionPhoto&&ite.completionPhoto.length">
  46. <image :src="baseUrl+aite" @click="getPreviewImage(ite.completionPhoto,aidx)" v-for="(aite,aidx) in ite.completionPhoto" :key="aidx"></image>
  47. </view>
  48. </view>
  49. </view>
  50. <view class="hfslist flex" v-if="ite.repairStatus>2">
  51. <view class="limg flexccc">
  52. <image :src="cira" class="imga" v-if="ite.repairStatus==3"></image>
  53. <image :src="cirb" class="imgb" v-else></image>
  54. </view>
  55. <view class="flex1">
  56. <view class="hfstit">处理中 <text>{{ite.visitTime}}</text></view>
  57. <view class="hfstxt">【{{ite.staffName}} {{ite.staffPhone}}】已上门处理中</view>
  58. <view class="hfimgs flexcw" v-if="ite.visitPhoto&&ite.visitPhoto.length">
  59. <image :src="baseUrl+aite" @click="getPreviewImage(ite.visitPhoto,aidx)" v-for="(aite,aidx) in ite.visitPhoto" :key="aidx"></image>
  60. </view>
  61. </view>
  62. </view>
  63. <view class="hfslist flex" v-if="ite.repairStatus>1">
  64. <view class="limg flexccc">
  65. <image :src="cira" class="imga" v-if="ite.repairStatus==2"></image>
  66. <image :src="cirb" class="imgb" v-else></image>
  67. </view>
  68. <view class="flex1">
  69. <view class="hfstit">待上门 <text>{{ite.assignTime}}</text></view>
  70. <view class="hfstxt">您的报修申请已派于<text @click.stop="getPhoneFn(ite.staffPhone)">【{{ite.staffName}} {{ite.staffPhone}}】</text>处理</view>
  71. </view>
  72. </view>
  73. <view class="hfslist flex" >
  74. <view class="limg flexccc">
  75. <image :src="cira" class="imga" v-if="ite.repairStatus==1"></image>
  76. <image :src="cirb" class="imgb" v-else></image>
  77. </view>
  78. <view class="flex1">
  79. <view class="hfstit">待指派 <text>{{ite.repairTime}}</text></view>
  80. <view class="hfstxt">您的报修申请已提交,请耐心等待</view>
  81. </view>
  82. </view>
  83. </view>
  84. </uni-collapse-item>
  85. </uni-collapse>
  86. </view>
  87. </view>
  88. </block>
  89. <!-- 报修管理 不需要了-->
  90. <block v-if="type=='bxylwarranty'">
  91. <view class="walists" v-for="(ite,idx) in datainfo" :key="idx" @click="getPut(ite.repairId,ite.repairStatus)"
  92. :data-idx="idx"
  93. @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+ite.right+'px'"
  94. >
  95. <view class="delleft">
  96. <view class="watop ">
  97. <view class="watit">
  98. <view class="tit">{{ite.repairTitle}}</view>
  99. <view class="txt co01":class="{'co01':ite.repairStatus=='1','coa':ite.repairStatus=='3','co28':ite.repairStatus=='3'}">{{kaType(ite.repairStatus,bxztList)}}</view>
  100. </view>
  101. <!-- <view class="walist"><view class="tit">小区名称</view>:{{ite.communityName}}</view> -->
  102. <view class="walist"><view class="tit">项目</view>:{{kaType(ite.maintenanceCategory,bxlbList)}}</view>
  103. <view class="walist"><view class="tit">报修门户</view>:{{ite.houseAddress}}</view>
  104. <view class="walist"><view class="tit">报修时间</view>:{{ite.repairTime}}</view>
  105. <view class="walist" v-if="ite.type==3"><view class="tit" >完成时间</view>:{{ite.completionTime}}</view>
  106. </view>
  107. <view class="wabtn" @click.stop="getDetail(ite.repairId)">
  108. <view>查看详情</view>
  109. <image :src="rimg"></image>
  110. </view>
  111. </view>
  112. <view class="spdel" v-if="ite.right>0&&checkPermi(['wuYe:repair:remove'])&&ite.repairStatus<4" @click.stop="getDelFn(ite.repairId)">撤销</view>
  113. </view>
  114. </block>
  115. <!-- 访客 -->
  116. <block v-if="type=='visitor'">
  117. <view class="pr mb12" v-for="(ite,idx) in datainfo" :key="idx" @click="getDetail(ite.reservRecordId)" :data-idx="idx"
  118. @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+ite.right+'px'">
  119. <view class="vislist pr" style="z-index: 1;margin-bottom: 0;">
  120. <view class="vistop flexc mb12">
  121. <view class="tit flex0">{{ite.name}}</view>
  122. <view class="btns flex0" v-if="ite.isCar=='Y'">驾车</view>
  123. <view class="flex1"></view>
  124. <view class="txt flex0" :class="{'co01':ite.status==1,'coa':ite.status==2,'cof4':ite.status==3,}">{{kaType(ite.status,fkztList)}}</view>
  125. </view>
  126. <view class="vlist flexcw">
  127. <view>来访人数:{{ite.num}}人</view>
  128. <view>来访事由:{{ite.reason}}</view>
  129. <view>车牌号码:{{ite.plateNumber}}</view>
  130. <view>手机号码:{{ite.mobileNumber}}</view>
  131. <view>来访时间:{{ite.visitorTime}}</view>
  132. </view>
  133. </view>
  134. <view class="spdel" v-if="ite.right>0" @click.stop="getDelFn(ite.reservRecordId)">删除</view>
  135. </view>
  136. </block>
  137. <!-- 历史账单 -->
  138. <block v-if="type=='moneybill'">
  139. <view class="carlist peolist" v-for="(ite,idx) in datainfo" :key="idx">
  140. <view class="ctop flexc" style="padding: 26rpx 24rpx 24rpx;">
  141. <image :src="time" class="imgs"></image>
  142. <view class="tit">2024/01 -2024/12</view>
  143. <view class="btn btnbgb" v-if="ite.type==1">已缴费</view>
  144. <view class="btn btnbgc" v-else>未缴费</view>
  145. <view class="flex1"></view>
  146. <view class="txta">1号楼3单元1102</view>
  147. </view>
  148. <view class="clists flexc">
  149. <view class="mlistl">
  150. <view class="mltit">应缴总额 /元</view>
  151. <view class="mltxt">4307.20</view>
  152. </view>
  153. <view class="mlistr">
  154. <view class="clist"><view class="tit">物业费用:</view>3247.20元</view>
  155. <view class="clist"><view class="tit">车位费用:</view>960.00元</view>
  156. <view class="clist"><view class="tit">能耗费用:</view>100.00元</view>
  157. </view>
  158. </view>
  159. </view>
  160. </block>
  161. <view class="shax" v-if="wtdt">{{wtdt}}</view>
  162. </block>
  163. <!-- 无数据 -->
  164. <view class="nodata" v-else>
  165. <image :src="noiconpimg"></image>
  166. <view>
  167. 暂无数据
  168. </view>
  169. </view>
  170. </view>
  171. </template>
  172. <script>
  173. import config from '@/config'
  174. import {selectDictValue} from "@/utils/common.js"
  175. import {checkPermi,checkRole} from "@/utils/permission"; // 权限判断函数
  176. export default{
  177. props:{
  178. datainfo: {
  179. type: Array,
  180. default () {
  181. return []
  182. }
  183. },
  184. wtdt:{
  185. type:String,
  186. default () {
  187. return ''
  188. }
  189. },
  190. type:{
  191. type:String,
  192. default () {
  193. return 0
  194. }
  195. },
  196. bxztList:{
  197. type:Array,
  198. default () {
  199. return []
  200. }
  201. },
  202. fkztList:{
  203. type:Array,
  204. default () {
  205. return []
  206. }
  207. },
  208. bxlbList:{
  209. type:Array,
  210. default () {
  211. return []
  212. }
  213. }
  214. },
  215. data(){
  216. return{
  217. noiconpimg:require("@/static/images/nodata.png"),
  218. rimg:require('@/static/images/rimg.png'),
  219. cira:require('@/news/static/complaint/cira.png'),
  220. cirb:require('@/news/static/complaint/cirb.png'),
  221. upimg:require('@/work/static/manage/up.png'),
  222. baseUrl:config.baseUrl,
  223. delBtnWidth:66,//左滑默认宽度
  224. value:[],
  225. autoplay:false,
  226. incolorh:'#C0C3C3',
  227. activecolorh:'#FFFFFF',
  228. indicatorDotsh: true,
  229. }
  230. },
  231. mounted() {
  232. },
  233. methods:{
  234. checkPermi,checkRole,
  235. kaType(data, list) {
  236. return selectDictValue(list, data);
  237. },
  238. getDetail(e){
  239. this.$emit('getDetail',e)
  240. },
  241. getPut(e,type){
  242. if(type>1){
  243. this.$emit('getDetail',e)
  244. }else{
  245. this.$emit('getPut',e)
  246. }
  247. },
  248. getPhoneFn(phone){
  249. uni.makePhoneCall({
  250. phoneNumber: phone //仅为示例
  251. });
  252. },
  253. getDelFn(id){
  254. var that=this;
  255. uni.showModal({
  256. title: '确认删除',
  257. content: "是否确认删除",
  258. cancelText: '取消',
  259. confirmText: '确认',
  260. success: function(res) {
  261. if (res.confirm) {
  262. that.$emit('getDelFn',id)
  263. } else if (res.cancel) {
  264. }
  265. }
  266. });
  267. },
  268. getPreviewImage(arr,idx){
  269. var newArr=[];
  270. arr.forEach(ite=>{
  271. var ds=this.baseUrl+ite
  272. newArr.push(ds)
  273. })
  274. uni.previewImage({
  275. urls: newArr,
  276. current:idx,
  277. success: function(data) {
  278. },
  279. fail: function(err) {
  280. }
  281. });
  282. },
  283. //开始触摸滑动
  284. drawStart(e) {
  285. // console.log("开始触发");
  286. var touch = e.touches[0];
  287. this.startX = touch.clientX;
  288. },
  289. //触摸滑动
  290. drawMove(e) {
  291. // console.log("滑动");
  292. for (var index in this.datainfo) {
  293. // this.csListArrl[index].right=0
  294. this.$set(this.datainfo[index],'right',0);
  295. }
  296. var idx=e.currentTarget.dataset.idx
  297. var touch = e.touches[0];
  298. var item = this.datainfo[idx];
  299. var disX = this.startX - touch.clientX;
  300. if (disX >= 20) {
  301. if (disX > this.delBtnWidth) {
  302. disX = this.delBtnWidth;
  303. }
  304. // this.csListArrl[idx].right=disX
  305. this.$set(this.datainfo[idx],'right',disX);
  306. } else {
  307. // this.csListArrl[idx].right=0
  308. this.$set(this.datainfo[idx],'right',0);
  309. }
  310. },
  311. //触摸滑动结束
  312. drawEnd(e) {
  313. // console.log("滑动结束");
  314. var idx=e.currentTarget.dataset.idx
  315. var item = this.datainfo[idx];
  316. if (item.right >= this.delBtnWidth / 2) {
  317. // this.datainfo[idx].right=this.delBtnWidth
  318. this.$set(this.datainfo[idx],'right',this.delBtnWidth);
  319. } else {
  320. this.datainfo[idx].right=0
  321. }
  322. },
  323. }
  324. }
  325. </script>
  326. <style lang="scss" scoped>
  327. .flex{display: flex;}
  328. .flexc{display: flex;align-items: center;}
  329. .mb10{margin-bottom: 20rpx;}
  330. // 报修
  331. .walists{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx; position: relative;
  332. .watop{
  333. padding: 0 36rpx 8rpx 38rpx;
  334. .watit{padding: 24rpx 0;margin-bottom: 4rpx;display: flex;
  335. .tit{font-weight: bold;font-size: 28rpx;color: #272727;flex: 1;
  336. .cir{width: 14rpx;margin-left: 8rpx;margin-bottom: 10rpx;height: 14rpx;display: inline-block;background: #FF6969;border-radius: 8rpx;}
  337. }
  338. .txt{font-weight: bold;font-size: 26rpx;flex: 0 0 auto;
  339. }
  340. }
  341. }
  342. .walist{display: flex;font-weight: 500;font-size: 24rpx;color: #666666;margin-bottom: 16rpx;
  343. .tit{min-width: 100rpx;text-align-last: justify}
  344. }
  345. .wabtn{display: flex;align-items: center;justify-content: space-between;border-top: 2rpx solid #E5E5E5;height: 80rpx;padding: 0 38rpx;
  346. view{font-weight: 500;font-size: 24rpx;color: #666666;}
  347. image{width: 16rpx;height: 28rpx;}
  348. }
  349. }
  350. .vislist{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;padding: 26rpx 38rpx 12rpx;
  351. .vistop{
  352. .tit{font-size: 28rpx;color: #272727;font-weight: bold;}
  353. .btns{min-width: 70rpx;font-weight: 500;
  354. font-size: 20rpx;padding: 0 8rpx;box-sizing: border-box;text-align: center;margin-left: 18rpx;color: #00B861;border-radius: 16rpx;border: 2rpx solid #0AC86E;}
  355. .txt{font-weight: bold;font-size: 26rpx;margin-left: 18rpx;}
  356. }
  357. .vlist{
  358. view{font-weight: 500;font-size: 24rpx;color: #666666;margin-bottom: 16rpx;flex: 0 1 auto;min-width: 50%;}
  359. }
  360. }
  361. .carlist{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;
  362. .carltop{min-height: 154rpx;border-bottom: 2rpx solid #E5E5E5;
  363. .tit{font-weight: bold;font-size: 32rpx;}
  364. .txt{font-weight: 500;font-size: 26rpx;color: #272727;}
  365. .txtbtn{min-width: 82rpx;
  366. height: 32rpx;font-weight: 500;font-size: 20rpx;color: #45CB99;
  367. border-radius: 16rpx;border: 1px solid #45CB99;margin-left: 12rpx;}
  368. .cara{flex: 0 0 auto;width: 232rpx;height: 74rpx;margin-right: 40rpx;}
  369. .carb{flex: 0 0 auto;width: 278rpx;height: 130rpx;}
  370. }
  371. .carlf{padding:26rpx 0 10rpx;
  372. .clflist{font-weight: 500;font-size: 26rpx;color: #666666;margin-bottom: 16rpx;}
  373. }
  374. .ctop{border-bottom: 2rpx solid #E5E5E5;padding:26rpx 24rpx;
  375. .imgs{width: 40rpx;height: 42rpx;margin-right: 30rpx;}
  376. .tit{font-size: 32rpx;color: #272727;font-weight: bold;margin-right: 14rpx;}
  377. .txt{font-weight: 500;font-size: 26rpx;
  378. &.ca{color: #3565ED;}
  379. &.cb{color: #FE5A0E;}
  380. &.cc{color: #28C529;}
  381. }
  382. .txta{font-weight: 500;font-size: 24rpx;color: #AAAAAA;}
  383. .num{font-size: 24rpx;color: #AAAAAA;}
  384. }
  385. .btn{height: 34rpx;border-radius: 18rpx;display: flex;align-items: center;justify-content: center;padding: 0 10rpx;font-size: 22rpx;margin-right: 24rpx;
  386. &.btna{border: 2rpx solid #06C770;color: #06C770;}
  387. &.btnb{border: 2rpx solid #3565ED;color: #3565ED;}
  388. &.btnc{border: 2rpx solid #FE5A0E;color: #FE5A0E;}
  389. &.btnbga{border: 1px solid #0156FE;color: #3565ED;background: #DFEAFF;height: 36rpx;}
  390. &.btnbgb{border: 1px solid #C1C1C1;color: #666666;background: #F1F1F1;height: 36rpx;}
  391. &.btnbgc{border: 1px solid #FE5A0E;color:#FE5A0E;background:#FFEEE6;height: 36rpx;}
  392. }
  393. .clists{padding: 24rpx 24rpx 8rpx;
  394. .clist{font-weight: 500;margin-bottom: 16rpx;
  395. font-size: 26rpx;color: #272727;display: flex;line-height: 34rpx;
  396. .tit{font-size: 26rpx;color: #AAAAAA;flex: 0 0 auto;margin-right: 16rpx;min-width: 108rpx;text-align-last: justify;}
  397. .imgas{display: flex;align-items: center;flex-wrap: wrap;
  398. image{width: 142rpx;height: 142rpx;margin-right: 30rpx;margin-top: 8rpx;}
  399. }
  400. }
  401. .w50{
  402. .clist{width: 50%;}
  403. }
  404. }
  405. }
  406. // 物业费
  407. .mlistl{width: 40%;display: flex;flex-direction: column;align-items: center;flex: 0 0 auto;
  408. .mltit{font-weight: 500;font-size: 26rpx;color: #666666;margin-bottom: 18rpx;}
  409. .mltxt{font-weight: bold;font-size: 32rpx;color: #0156FE;}
  410. }
  411. //报修步骤条
  412. .bxlists{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;position: relative;
  413. .bxtop{padding: 30rpx 24rpx;position: relative;
  414. .swiper{width: 100%;height: 280rpx;border-radius: 20rpx;box-sizing: border-box;margin-bottom: 28rpx;overflow: hidden;
  415. image{width: 100%;height: 100%;}
  416. }
  417. .toptit{font-weight: bold;font-size: 28rpx;color: #161616;}
  418. .walist{display: flex;font-weight: 500;font-size: 26rpx;color: #666666;margin-bottom: 16rpx;
  419. .tit{min-width: 100rpx;text-align-last: justify}
  420. }
  421. .btns{display: flex;flex-wrap: wrap;justify-content: flex-end;flex: 1 0 auto;}
  422. .btn{min-width: 120rpx;height: 54rpx;border-radius: 26rpx;font-weight: 500;font-size: 26rpx;text-align: center;line-height: 54rpx;padding: 0 10rpx;box-sizing: border-box; margin-bottom: 14rpx;margin-left: 12rpx;
  423. &.btna{border: 2rpx solid #FF6969;background: #FFF8F8;color: #FF6969;}
  424. &.btnb{background: #0256FD;color: #FFFFFF;}
  425. }
  426. }
  427. .bxsteps{border-top: 2rpx solid #E6E6E6;padding: 30rpx 0;
  428. .chtop{padding-right: 48rpx;
  429. .line{width: 14rpx;height: 48rpx;background: #0256FD;border-radius:0 12rpx 12rpx 0;margin-right: 18rpx;}
  430. view{font-weight: bold;font-size: 28rpx;color: #272727;}
  431. .upimg{width: 22rpx;height: 14rpx;flex: 0 0 auto;margin-left: 12rpx;transform: rotate(180deg);transition: all 0.3s;}
  432. }
  433. .fjlists {display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 20rpx;
  434. &:last-child{margin-bottom: 0;}
  435. .imgl{width: 40rpx;height: 40rpx;display: flex;align-items: center;flex: 0 0 auto;
  436. image{width: 26rpx;height: 24rpx;}
  437. }
  438. .tit{font-size: 26rpx;color: #222327;font-weight: 500;margin-top: 4rpx;word-break: break-all;}
  439. }
  440. .hfstep{padding: 0 32rpx 30rpx 36rpx;margin-top: 24rpx;
  441. .hfslist{padding-bottom: 20rpx;position: relative;
  442. &:first-child{
  443. .hfstit{color: #0156FE;}
  444. }
  445. &::before{content: '';position: absolute;left: 14rpx;top:14rpx;height: 100%;width: 2rpx;background: #E6E6E6;}
  446. .limg{width: 30rpx;height: 30rpx;margin-right: 22rpx;flex: 0 0 auto;margin-top:3rpx;
  447. .imga{width: 30rpx;height: 30rpx;}
  448. .imgb{width: 18rpx;height: 18rpx;}
  449. }
  450. .hfstit{font-weight: bold;font-size: 30rpx;color: #666666;line-height: 36rpx;margin-bottom: 20rpx;
  451. text{font-size: 26rpx;margin-left: 12rpx;}
  452. }
  453. .hfstxt{font-weight: 500;font-size: 26rpx;color: #666666;line-height: 36rpx;margin-bottom: 20rpx;}
  454. .hfimgs{padding-top: 2rpx;
  455. image{width: 84rpx;height: 84rpx;border-radius: 20rpx;margin-right: 40rpx;margin-bottom: 10rpx;}
  456. }
  457. }
  458. }
  459. }
  460. }
  461. .bxlists /deep/ .uni-swiper-dots-horizontal{left: 26rpx;transform: translate(0);}
  462. .bxlists /deep/ .uni-swiper-dot{width: 10rpx;height: 10rpx;}
  463. .bxlists /deep/ .uni-swiper-dot-active{width: 24rpx;height: 10rpx;}
  464. // 无数据
  465. .nodata{display: flex;flex-direction: column;align-items: center;
  466. image{width: 440rpx;height: 440rpx;}
  467. view{font-size: 30rpx;color: #666666;font-weight: bold;}
  468. }
  469. </style>