From c5f9f3bf37d0f4cd1d06bff2b9f4f6573b355b7c Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Fri, 31 Mar 2023 11:31:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=AF=E5=88=86=E5=AE=A1=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../fd/AppPointsReview/AppPointsReview.vue    |  51 ++++-
 src/project/fd/AppPointsReview/detail.vue     | 198 +++++++++++++++++-
 2 files changed, 236 insertions(+), 13 deletions(-)

diff --git a/src/project/fd/AppPointsReview/AppPointsReview.vue b/src/project/fd/AppPointsReview/AppPointsReview.vue
index c5296c5b..7a287e09 100644
--- a/src/project/fd/AppPointsReview/AppPointsReview.vue
+++ b/src/project/fd/AppPointsReview/AppPointsReview.vue
@@ -22,18 +22,18 @@
       </div>
     </AiTopFixed>
     <div class="list-content">
-      <div class="item">
+      <div class="item" @click="toDetail">
         <div class="title-flex">
           <p class="title">事件类型事件类型事件类型事件类型事件类型事件类型</p>
           <div class="btn">
             <div>推送精选</div>
-            <p>已推送</p>
+            <!-- <p>已推送</p> -->
           </div>
         </div>
         <div class="user-name">李进放<span>积分+5</span></div>
         <div class="time-flex">
-          <span>审核通过</span>
           <span>2023-03-30 09:09</span>
+          <span class="color-0">审核通过</span>
         </div>
       </div>
       <div class="item">
@@ -42,8 +42,8 @@
         </div>
         <div class="user-name">李进放<span>积分+5</span></div>
         <div class="time-flex">
-          <span>审核通过</span>
           <span>2023-03-30 09:09</span>
+          <span class="color-0">审核通过</span>
         </div>
       </div>
     </div>
@@ -73,6 +73,9 @@ export default {
       this.getListInit()
       this.getTotal()
     },
+    toDetail() {
+      uni.navigateTo({url: `./detail`})
+    }
   },
 };
 </script>
@@ -128,17 +131,19 @@ export default {
         display: flex;
         .title {
           word-break: break-all;
-          font-size: 30px;
-          font-weight: 500;
-          color: #333;
-          line-height: 34px;
           text-overflow: -o-ellipsis-lastline;
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;	
           -webkit-line-clamp: 2;
           line-clamp: 2;					
-          -webkit-box-orient: vertical;	
+          -webkit-box-orient: vertical;
+          margin-bottom: 16px;
+          color: #333;
+          font-size: 32px;
+          font-weight: 500;
+          font-family: "PingFang SC";
+          line-height: 44px;
         }
         .btn {
           text-align: right;
@@ -146,19 +151,43 @@ export default {
           div {
             width: 150px;
             text-align: center;
-            border-radius: 4px;
+            border-radius: 8px;
             line-height: 56px;
             background: #1365DD;
             color: #fff;
             font-size: 28px;
           }
           p {
-            margin-top: 8px;
             font-size: 28px;
             color: #666;
           }
         }
       }
+      .user-name {
+        font-size: 28px;
+        color: #666;
+        line-height: 34px;
+        margin-bottom: 16px;
+        span {
+          margin-left: 32px;
+        }
+      }
+      .time-flex {
+        display: flex;
+        justify-content: space-between;
+        font-size: 28px;
+        color: #999;
+        line-height: 34px;
+        .color-0{
+          color: #42D784;
+        }
+        .color-1{
+          color: #cd413aff;
+        }
+        .color-2{
+          color: #1365DD;
+        }
+      }
     }
   }
 }
diff --git a/src/project/fd/AppPointsReview/detail.vue b/src/project/fd/AppPointsReview/detail.vue
index df5a3d87..b19782e2 100644
--- a/src/project/fd/AppPointsReview/detail.vue
+++ b/src/project/fd/AppPointsReview/detail.vue
@@ -1,6 +1,40 @@
 <template>
   <div class="detail">
-    
+    <div class="content">
+      <div class="title-flex">
+        <p>房前屋后卫生房前屋后卫生房前屋后卫生房前屋后卫生房前屋后卫生房前屋后卫生</p>
+        <div class="color-0">未通过过</div>
+      </div>
+      <div class="user-flex">
+        <div>申请人：张三</div>
+        <div>电话号码：15102745934</div>
+      </div>
+      <p class="text">百年征和波澜壮阔，百年初心历争议弥坚。7月1日上午，庆祝中国共产党成立100周年在国务院举办午，庆祝中国共产党成立100周年在国务院举办午，庆祝中…</p>
+      <div class="img-list">
+        <img src="https://t7.baidu.com/it/u=1575628574,1150213623&fm=193&f=GIF" alt="">
+        <img src="https://t7.baidu.com/it/u=1575628574,1150213623&fm=193&f=GIF" alt="">
+        <img src="https://t7.baidu.com/it/u=1575628574,1150213623&fm=193&f=GIF" alt="">
+        <img src="https://t7.baidu.com/it/u=1575628574,1150213623&fm=193&f=GIF" alt="">
+      </div>
+    </div>
+    <div class="pass-info">
+      <div class="title"><span></span>未通过理由</div>
+      <p>腾讯还联合多方伙伴发起了一项特别行动—“碳寻计划”。这是中国在碳捕集利用与封存（CCUS）领域首个由科技企业发起的大规模资助计划，资金规模在亿元人民币级别</p>
+    </div>
+    <div class="footer">
+      <div class="confirm">通过</div>
+      <div class="cancel" @click="show=true">不通过</div>
+    </div>
+    <u-popup v-model="show" mode="bottom">
+      <div class="textarea">
+        <u-input v-model="value" type="textarea" :height="120" :auto-height="true" placeholder="请输入不通过原因" :clearable="false" maxlength="1000" />
+        <p>字数{{ value.length }}/1000</p>
+      </div>
+      <div class="btn">
+        <span @click="value = ''">清空内容</span>
+        <span class="confirm" @click="confirm">保存</span>
+      </div>
+    </u-popup>
   </div>
 </template>
 
@@ -12,19 +46,179 @@ export default {
       keyword: '',
       areaId: '',
       areaName: '',
+      show: false,
+      value: ''
     };
   },
   onShow() {
     
   },
   methods: {
+    confirm() {
+
+    }
   },
 };
 </script>
 
 <style lang="scss" scoped>
+uni-page-body {
+  background-color: #F4F5FA;
+}
 .detail {
   height: 100%;
-  
+  .content {
+    margin: 32px 0;
+    background-color: #fff;
+    padding: 40px;
+    box-sizing: border-box;
+    .title-flex {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 32px;
+      p {
+        color: #333;
+        font-size: 34px;
+        font-weight: 600;
+        font-family: "PingFang SC";
+        line-height: 40px;
+        word-break: break-all;
+      }
+      div {
+        font-size: 28px;
+        font-family: "PingFang SC";
+        line-height: 40px;
+        width: 280px;
+        text-align: right;
+      }
+      .color-0{
+        color: #42D784;
+      }
+      .color-1{
+        color: #cd413aff;
+      }
+      .color-2{
+        color: #1365DD;
+      }
+    }
+    .user-flex {
+      display: flex;
+      justify-content: space-between;
+      line-height: 42px;
+      margin-bottom: 16px;
+      font-size: 28px;
+      color: #333;
+    }
+    .text {
+      color: #333;
+      font-size: 28px;
+      font-family: "PingFang SC";
+      line-height: 42px;
+      margin-bottom: 20px;
+    }
+    .img-list {
+      img {
+        width: 210px;
+        height: 210px;
+        margin: 0 16px 16px 0;
+      }
+      img:nth-of-type(3n) {
+        margin-right: 0;
+      }
+    }
+  }
+  .pass-info {
+    padding: 40px;
+    background-color: #fff;
+    .title {
+      color: #222;
+      font-size: 30px;
+      font-family: "PingFang SC";
+      line-height: 40px;
+      margin-bottom: 24px;
+
+      span {
+        display: inline-block;
+        width: 12px;
+        height: 12px;
+        background-color: #CD413A;
+        border-radius: 50%;
+        margin-right: 8px;
+      }
+    }
+    p {
+      color: #666;
+      font-size: 28px;
+      font-family: "PingFang SC";
+      line-height: 42px;
+      word-break: break-all;
+    }
+  }
+  .footer{
+    width: 100%;
+    height: 96px;
+    background: #FFF;
+    box-shadow: inset 0 0 0 0 #D4D4D4;
+    box-sizing: border-box;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    div {
+      flex: 1;
+      height: 96px;
+      line-height: 96px;
+      background: #FFF;
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      text-align: center;
+      font-weight: 500;
+    }
+    .cancel {
+      color: #1365DD;
+      line-height: 76px;
+      box-sizing: border-box;
+    }
+    .confirm {
+      background-color: #1365DD;
+      color: #fff;
+    }
+  }
+  .textarea {
+    margin: 32px 32px 24px;
+    width: calc(100% - 64px);
+    padding: 16px;
+    box-sizing: border-box;
+    background: #f7f7f7;
+    border-radius: 8px;
+    p {
+      font-size: 26px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #999;
+      line-height: 36px;
+      text-align: right;
+    }
+  }
+  .btn {
+    padding: 0 32px 24px;
+    height: 64px;
+    display: flex;
+    justify-content: space-between;
+    span {
+      display: inline-block;
+      line-height: 64px;
+      font-size: 26px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #666;
+    }
+    .confirm {
+      width: 144px;
+      text-align: center;
+      background: #1365dd;
+      border-radius: 32px;
+      font-size: 28px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #fff;
+    }
+  }
 }
 </style>
\ No newline at end of file