详情 处理结果

src/apps/AppWarningMonitoring/result.vue

@@ -1,11 +1,43 @@
 <template>
-  <div class="result"></div>
+  <div class="result">
+    
+    <div class="type">
+      <div class="left">
+        <span>*</span><span>处理结果</span>
+      </div>
+      <div class="right">
+        <AiSelect v-model="result" dict="" />
+      </div>
+    </div>
+
+    <div class="remark">
+      <div class="top">
+        <span>*</span><span>备注说明</span>
+      </div>
+      <div class="bottom">
+        <u-input type="textarea" v-model="value" 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">
+        <img src="./img/phone.png" alt="">
+      </div>
+    </div>
+
+  </div>
 </template>
 
 <script>
 export default {
   data() {
-    return {}
+    return {
+      result: '',
+      value: ''
+    }
   },
   methods: {},
   onShow() {
@@ -16,6 +48,48 @@ export default {
 
 <style lang="scss" scoped>
 .result {
-  
+  .type {
+    height: 112px;
+    line-height: 112px;
+    background: #FFF;
+    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;
+      }
+    }
+    .right {
+
+    }
+  }
+  .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 {
+      img {
+        margin: 30px 0;
+      }
+    }
+  }
 }
 </style>