心愿评价

src/project/pingchang/AppPhotoReport/AppPhotoReport.vue

@@ -3,9 +3,8 @@
     <div class="photo-list__wrapper">
 
       <div class="photo-item" v-for="(item, index) in list" :key="index">
-        <u-swipe-action @content-click="$linkTo('./PhotoDetail?id=' + item.id)" :index="item.id"
-                        :options="itemOptions" @click="handleDelete">
-          <div class="photo-item__top">
+        <u-swipe-action :index="item.id" :options="itemOptions" @click="handleDelete">
+          <div class="photo-item__top" @click="$linkTo('./PhotoDetail?id=' + item.id)">
             <h2>{{ item.content }}</h2>
             <div class="photo-item__top--info">
               <div class="photo-item__top--info-item">
@@ -23,10 +22,14 @@
               <i :class="'status-' + item.eventStatus"></i>
               <span :class="'status-' + item.eventStatus">{{ item.statusName }}</span>
             </div>
-            <AiEvaluation :bid="item.id" v-if="item.eventStatus>1">
+            <!-- <AiEvaluation :bid="item.id" v-if="item.eventStatus>1">
               <div class="itemBtn">去评价</div>
               <div slot="finish" class="finish">已评价</div>
-            </AiEvaluation>
+            </AiEvaluation> -->
+            <div>
+              <div class="itemBtn" @click="toEvaluate">去评价</div>
+              <!-- <div slot="finish" class="finish">已评价</div> -->
+            </div>
           </div>
         </u-swipe-action>
       </div>
@@ -80,6 +83,10 @@ export default {
       this.$linkTo('./PhotoForm')
     },
 
+    toEvaluate() {
+      this.$linkTo('./evaluate')
+    },
+
     getList() {
       if (this.isMore) return
 

src/project/pingchang/AppPhotoReport/evaluate.vue

@@ -0,0 +1,81 @@
+<template>
+  <div class="evaluate">
+    <div class="card">
+      <div class="title"><span class="red">*</span><span>心愿评价</span></div>
+      <u-rate active-color="#F8B425" v-model="rate" inactive-color="#b2b2b2" size="70" gutter="70"></u-rate>
+    </div>
+
+    <div class="card">
+      <div class="title"><span class="red">*</span><span>评价详情</span></div>
+      <div class="textarea">
+        <u-input v-model="value" type="textarea" height="200" :clearable="false" placeholder="请简要描述…" 
+        placeholder-style="font-size: 16px" maxlength="500" />
+        <div class="tips">{{value.length }}/500</div>
+      </div>
+    </div>
+
+    <div class="card">
+      <div class="title"><span style="width: 8px;"></span><span>图片上传</span><span class="nine">(最多9张)</span></div>
+      <AiUploader v-model="images" :limit="9"></AiUploader>
+    </div>
+
+    <div class="btn-wrapper">
+      <div class="btn" hover-class="text-hover" @click="submit">提交</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "evaluate",
+  appName: "心愿评价",
+  data() {
+    return {
+      rate: 2,
+      value: '',
+      images: []
+    }
+  },
+  methods: {
+
+  },
+  onLoad() {
+    uni.setNavigationBarTitle({title: "心愿评价"})
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.evaluate {
+  padding-bottom: 120px;
+  box-sizing: border-box;
+  .card {
+    padding: 32px;
+    box-sizing: border-box;
+    background: #FFF;
+    margin-bottom: 24px;
+  }
+
+  .title {
+    font-size: 34px;
+    // color: #666666;
+    font-weight: 500;
+    margin-bottom: 24px;
+    .red {
+      color: #FF4466;
+    }
+  }
+  .textarea {
+    padding: 0 15px;
+    box-sizing: border-box;
+  }
+  .tips {
+    text-align: right;
+    color: #666666;
+  }
+  .nine {
+    font-size: 30px;
+    color: #666666;
+  }
+}
+</style>