新增，处理结果

src/apps/AppHelpDeclaration/result.vue

@@ -1,82 +1,150 @@
 <template>
-  <div class="service-result" >
-    <!-- v-if="showPage" -->
-    <img src="./components/resultPic.png" />
-    <h2>申请成功！</h2>
+  <div class="result" showPage='false'>
+    
+    <div class="type">
+      <div class="left">
+        <span>*</span>
+        <span v-if="checkType == 1">处理意见</span>
+        <span v-if="checkType == 2">处理结果</span>
+      </div>
+      <div class="right">
+        <AiSelect v-model="operation" dict="fpRiskPersonOperation1" v-if="checkType == 1" />
+        <AiSelect v-model="operation" dict="fpRiskPersonOperation2" v-if="checkType == 2" />
+      </div>
+    </div>
+
+    <div class="remark">
+      <div class="top">
+        <span>*</span><span>备注说明</span>
+      </div>
+      <div class="bottom">
+        <u-input type="textarea" v-model="opinion" placeholder="请简要说明情况" maxlength="500" height="200"/>
+      </div>
+    </div>
+
+    <div class="picture">
+      <div class="top">
+        <span style="margin-right: 8px"></span><span>图片<span style="color: #999;font-size:14px;">最多9张</span></span>
+      </div>
+      <div class="bottom">
+        <AiUploader :def.sync="files" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
+      </div>
+    </div>
+
+    <div class="btn" @click="submit">提交</div>
 
-    <div class="service-btn" hover-class="text-hover" @click="myAdd">查看我的申报</div>
-    <div class="service-btn" hover-class="text-hover" @click="back">返回</div>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'result',
   data() {
     return {
+      operation: '',
+      opinion: '',
+      checkType: '',
+      files: [],
       showPage: false,
-      title: '',
+      id:''
     }
   },
-  onLoad(query) {
-    this.title = query.title
-    uni.setNavigationBarTitle({
-      title: this.title,
-    })
-    if (this.title) {
+  onLoad(o) {
+    this.$dict.load('fpRiskPersonOperation1','fpRiskPersonOperation2','fpRiskType').then(()=>{
+      this.checkType = o.checkType
+      this.id = o.id
       this.showPage = true
+    })
+  },
+  methods: {
+    submit() {
+      
+      if(!this.operation) {
+        return this.$u.toast('请选择处理意见')
+      }
+      if(!this.opinion) {
+        return this.$u.toast('请输入备注说明')
+      }
+      let ids = [];
+      ids.push(this.id);
+      this.$http.post('/app/apppreventionreturntopovertyriskperson/monitor',{
+        operation: this.operation,
+        opinion: this.opinion,
+        files: this.files,
+        ids: ids,
+      }).then(res => {
+        if (res.code == 0) {
+          this.$u.toast('提交成功')
+          uni.$emit('update')
+          setTimeout(() => {
+            uni.navigateBack({delta: 2})
+          },600)
+        }
+      })
     }
   },
-
-  methods: {
-    myAdd() {
-      uni.reLaunch({url: './progress'})
-    },
-    back() {
-      uni.navigateBack()
-    },
-  },
+  onShow() {
+    document.title = this.checkType == 1? "处理意见":this.checkType == 2? "处理结果": ''
+  }
 }
 </script>
 
 <style lang="scss" scoped>
-.service-result {
-  min-height: 100vh;
-  padding-top: 96px;
-  text-align: center;
-  background: #fff;
-  box-sizing: border-box;
-
-  .service-btn {
-    width: 320px;
-    height: 88px;
-    line-height: 88px;
-    margin: 80px auto 0;
-    text-align: center;
-    background: #4181FF;
-    font-size: 36px;
-    color: #fff;
-    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
-    border-radius: 16px;
+.result {
+  padding-bottom: 112px;
+  ::v-deep .ai-uploader .fileList .default {
+    width: 160px;
+    height: 160px;
   }
-
-  .service-btn:last-child {
-    margin-top: 30px;
+  .type {
+    height: 112px;
+    line-height: 112px;
     background: #FFF;
-    color: #4181FF;
-    border: 1px solid #4181FF;
+    font-size: 32px;
+    display: flex;
+    justify-content: space-between;
+    padding: 0 32px;
+    box-sizing: border-box;
+    .left {
+      span:first-child {
+        color: #FF4466;
+      }
+      span:last-child {
+        color: #333333;
+      }
+    }
+  }
+  .remark,
+  .picture {
+    box-sizing: border-box;
+    margin-top: 16px;
+    background: #FFF;
+    padding: 0 32px;
+    font-size: 32px;
+    .top {
+      padding-top: 20px;
+      span:first-child {
+        color: #FF4466;
+      }
+      span:last-child {
+        color: #333333;
+      }
+    }
+    .bottom {
+      padding: 30px 0;
+    }
   }
 
-  h2 {
-    margin-bottom: 32px;
-    color: #333333;
-    font-size: 40px;
-    font-weight: 600;
-  }
-
-  image {
-    width: 240px;
-    height: 240px;
+  .btn {
+    height: 112px;
+    line-height: 112px;
+    text-align: center;
+    background: #3192F4;
+    color: #FFF;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    font-size: 32px;
   }
 }
-</style>
+</style>