审核通过、不通过

src/apps/AppIntegralAudit/detail.vue

@@ -22,13 +22,53 @@
     </div>
 
     <!-- 审核通过、不通过 -->
-    <div class="integral">
+    <div class="integral" v-if="admin === 1">
+      <div class="result">
+        <div>积分审核结果</div>
+        <div class="options">
+          <div class="opts-item" :class="!opts? 'current': ''" @click="opts = 0">通过</div>
+          <div class="opts-item" :class="opts? 'current': ''" @click="opts = 1">不通过</div>
+        </div>
+      </div>
 
+      <!-- 通过 -->
+      <div class="integral-select" v-if="opts === 0">
+        <div class="integral-item">
+          <div>积分类别</div>
+          <div>
+            <span>请选择</span>
+            <u-icon name="arrow-right" color="#E1E2E3"/>
+          </div>
+        </div>
+        <div class="integral-item">
+          <div>积分事项</div>
+          <div>
+            <span>请选择</span>
+            <u-icon name="arrow-right" color="#E1E2E3"/>
+          </div>
+        </div>
+        <div class="integral-item last">
+          <div>积分事项</div>
+          <div style="color: #E6736E">+20</div>
+        </div>
+      </div>
+      <!-- 不通过 -->
+      <div class="reject" v-else>
+        <div>不通过理由</div>
+        <textarea class="reasons" placeholder="请输入不通过理由" :maxlength="200" auto-height height="100"
+                    v-model="reason"></textarea>
+        <div class="tips">{{ reason.length }}/200</div>
+      </div>
+
+      <u-select :list="getList" value-name="value" label-name="label"
+              v-model="isShowType" @confirm="answerChange"></u-select>
+      <u-select :list="getList" value-name="dictValue" label-name="dictName"
+              v-model="isShowOption" @confirm="pointTypeChange"></u-select>
     </div>
 
 
     <!-- 只读通过、不通过 -->
-    <div class="readOnly">
+    <div class="readOnly" v-else>
       <div class="item">
         <div>积分审核</div>
         <div>通过</div>
@@ -45,7 +85,7 @@
         </div>
         <div class="item">
           <div>积分方式</div>
-          <div>+20</div>
+          <div style="color: #E6736E;">+20</div>
         </div>
       </div>
       <!-- 不通过 -->
@@ -66,7 +106,7 @@
     </div>
 
     <div style="height: 56px"></div>
-    <div class="saveBtn">保存</div>
+    <div class="saveBtn" v-if="admin === 1">保存</div>
   </div>
 </template>
 
@@ -78,7 +118,13 @@ export default {
       data: {
         files: [],
       },
-      nopass: 1
+      nopass: 1,
+      admin: 1,
+      opts: 0,
+      isShowType: false,
+      isShowOption: false,
+      getList: [],
+      reason: ''
     }
   },
   methods: {
@@ -161,12 +207,78 @@ export default {
     }
   }
 
-  .integral {}
+  .integral {
+    font-size: 32px;
+    
+    .result {
+      padding: 20px 30px;
+      box-sizing: border-box;
+      background-color: #FFFFFF;
+      border-bottom: 1px solid #D8DDE6;
+      .options {
+        display: flex;
+        justify-content: space-between;
+        
+        .opts-item {
+          width: 45%;
+          height: 112px;
+          line-height: 112px;
+          background: #F5F5F5;
+          text-align: center;
+          margin-top: 30px;
+          border-radius: 6px;
+        }
+      }
+    }
+
+    .current {
+      color: #1174fe;
+      background: #e7f1fe !important;
+      position: relative;
+    }
+
+    .integral-select {
+      padding: 0px 30px;
+      box-sizing: border-box;
+      background: #FFFFFF;
+
+      .integral-item {
+        display: flex;
+        justify-content: space-between;
+        padding: 34px 0;
+        border-bottom: 1px solid #D8DDE6;
+      }
+
+      .integral-item:last-child {
+        border-bottom: none;
+      }
+    }
+
+    .reject {
+      padding: 30px 30px;
+      background: #FFFFFF;
+      // height: 288px;
+
+      .reasons {
+        margin-top: 30px;
+        width: 100%;
+      }
+
+      .tips {
+        margin-top: 30px;
+        text-align: right;
+        font-size: 30px;
+        color: #999;
+      }
+
+    }
+
+  }
 
   .readOnly {
     padding: 20px 30px;
     box-sizing: border-box;
-    background-color: #FFFFFF;
+    background: #FFFFFF;
 
     .item {
       display: flex;
@@ -190,11 +302,10 @@ export default {
     .last {
       border-bottom: none;
     }
-    // .item:nth-last-child(1) {
-    //   border-bottom: none;
-    // }
   }
 
+  
+  
   .saveBtn {
     position: fixed;
     bottom: 0;