列表 详情

src/mods/work/AppHelpDeclaration/details.vue

@@ -1,9 +1,7 @@
 <template>
   <div class="details">
     <div class="event_info">
-      <div class="content">我是的一名普通的退休职工，现年岁，因家庭经济困难，经再三考虑，特向卫生局申请贫困补助。本人因股骨头骨折长年卧床，生活不能自理，需常年用药，
-        每年药费近万元。家人因照顾我生活起居，无法外出工作，家庭都很困难，药费仅靠我本人退休工资维持，现随着年龄增长，老年病加重，药费昂贵，
-        退休工资难以维持基本生活支出，特申请贫困补助，望卫生局能给予帮扶!</div>
+      <div class="content">{{ data.riskDescription }}</div>
       <div class="picture">
         <img src="./components/resultPic.png" alt="">
       </div>
@@ -14,19 +12,19 @@
     <div class="progress_info">
       <div class="item">
         <label>申报进度</label>
-        <div>处理中</div>
+        <div>{{ data.status }}</div>
       </div>
       <div class="item">
         <label>申报人姓名</label>
-        <div>lisa</div>
+        <div>{{ data.name }}</div>
       </div>
       <div class="item">
         <label>申报时间</label>
-        <div>2021-10-10 10:30:00</div>
+        <div>{{ data.declareTime }}</div>
       </div>
       <div class="items">
         <label>详细地址</label>
-        <div>湖北省武汉市武昌区XXXX地区</div>
+        <div>{{ data.address }}</div>
       </div>
     </div>
   </div>
@@ -38,10 +36,27 @@ export default {
   appName: "申报详情",
   data() {
     return {
-      list: ['因病','张三','大师的撒','是第三方代发','的点点滴滴多','大啊啊啊啊啊啊']
+      list: [],
+      data: {},
+      id: '',
     }
   },
-  methods: {}
+  onLoad(o) {
+    if (o.id) {
+      this.id = o.id
+      this.getDetail()
+    }
+  },
+  methods: {
+    getDetail() {
+      this.$instance.post(`/app/apphelpdeclarationinfo/queryDetailById?id=${this.id}`).then(res => {
+        if(res.code == 0) {
+          this.data = res.data
+          this.list = res.data.reason.split(',')
+        }
+      })
+    }
+  }
 }
 </script>
 

src/mods/work/AppHelpDeclaration/progress.vue

@@ -1,13 +1,16 @@
 <template>
   <div class="progress">
-    <div class="card_list" v-if="list.length">
-      <div class="card" @click="$linkTo(`./details`)">
-        <div class="top">
-          <div class="title">住房的部分承重结构载重无法满足日常需求，或局部存在安全隐患住房的部分承重…</div>
-          <div class="time">2021-10-10 10:10:10</div>
-        </div>
-        <div class="bottom">
-          <span></span><span>待处理</span>
+    <div v-if="list.length">
+      <div class="card_list" v-for="(item,index) in list" :key="index">
+        <div class="card" @click="$linkTo(`./details?id=${item.id}`)">
+          <div class="top">
+            <div class="title">{{ item.riskDescription }}</div>
+            <div class="time">{{ item.declareTime }}</div>
+          </div>
+          <div class="bottom">
+            <span :style="{background: item.status == 0? '#FF883C':item.status == 1? '#1AAAFF': item.status==2? '#FF4466': '#42D784'}"></span>
+            <span :class="item.status == 0? 'status0': item.status==1? 'status1': item.status==2? 'status3': 'status2'">{{ $dict.getLabel('helpDeclarationStatus',item.status) }}</span>
+          </div>
         </div>
       </div>
     </div>
@@ -26,15 +29,34 @@ export default {
     }
   },
   onShow() {
+    this.$dict.load('helpDeclarationStatus')
+    this.getList()
   },
-  methods: {}
+  methods: {
+    getList() {
+      this.$instance.post('/app/apphelpdeclarationinfo/listByApplet',null,{
+        params: {
+          current: this.current
+        }
+      }).then((res) => {
+        if(res?.data) {
+          this.list = this.current == 1? res.data.records : [...this.list,...res.data.records]
+        }
+      })
+    },
+    onReachBottom() {
+      this.current ++
+      this.getList()
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
 .progress {
+  padding-top: 24px;
   .card_list {
-    padding: 24px 32px;
+    padding: 0 32px;
     box-sizing: border-box;
     .card {
       background: #FFFFFF;