待办更新

src/views/toBeDone/toBeDone.vue

@@ -42,7 +42,7 @@
           <van-col span="18" style="border-left: 1px solid #e3e3e3" class="list-item-right">
             <van-row>
               <van-col span="24">
-                <span>{{item.title}}</span>
+                <p>{{item.title}}</p>
               </van-col>
             </van-row>
             <van-row justify="space-between">

src/views/toBeDone/toBeDone_details.vue

@@ -7,64 +7,63 @@
   </div>
   <div class="content">
     <div class="content-top">
-        <p>问题内容：</p>
-        <p v-html="PersonInfo.data.problemContent"></p>
-        <p>发起部门：{{PersonInfo.createDepartment.name}}</p>
-        <p>发起人：{{PersonInfo.todoBy.name}}</p>
-        <p>交办类型：{{PersonInfo.data.assignTypeName}}</p>
-        <p>问题发生区域：{{PersonInfo.data.problemArea}}</p>
-        <p>问题场所：{{PersonInfo.data.siteName}}</p>
-        <p>详细地址：{{PersonInfo.data.areaSelectName}}</p>
-        <p>发生时间：{{PersonInfo.data.problemTime}}</p>
-        <p>截止时间：{{PersonInfo.data.deadlineTime}}</p>
-        <p>问题附件：<span style="color:#6892ff;">活动申请书</span></p>
+      <p>问题内容：</p>
+      <p v-html="PersonInfo.data.problemContent"></p>
+      <p>发起部门：{{ PersonInfo.createDepartment.name }}</p>
+      <p>发起人：{{ PersonInfo.todoBy.name }}</p>
+      <p>交办类型：{{ PersonInfo.data.assignTypeName }}</p>
+      <p>问题发生区域：{{ PersonInfo.data.problemArea }}</p>
+      <p>问题场所：{{ PersonInfo.data.siteName }}</p>
+      <p>详细地址：{{ PersonInfo.data.areaSelectName }}</p>
+      <p>发生时间：{{ PersonInfo.data.problemTime }}</p>
+      <p>截止时间：{{ PersonInfo.data.deadlineTime }}</p>
+      <p>问题附件：<span style="color: #6892ff">活动申请书</span></p>
     </div>
     <div class="content-bottom">
-        <p>
-          处理结果：
-        </p>
-        <div>
-          <form action="">
-            <textarea name="" id="" cols="40" rows="5"></textarea>
-          </form>
-        </div>
-        <div style="margin-top:15px;">
-          处理证据资料：<img class="uploadImg" src="../../assets/upload.png" alt=""><span  style="color:#58b5f5;font-size:14px;">点击上传</span>
-        </div>
+      <p>处理结果：</p>
+      <div>
+        <form action="">
+          <textarea name="" id="" cols="40" rows="5"></textarea>
+        </form>
+      </div>
+      <div style="margin-top: 15px">
+        处理证据资料：
+        <van-uploader>
+          <van-button icon="plus" >点击上传</van-button>
+        </van-uploader>
+      </div>
     </div>
-     <van-button type="primary">确认</van-button>
+    <van-button type="primary">确认</van-button>
   </div>
- 
 </template>
 
 <script>
-
-import { useRouter } from 'vue-router'
-import {onMounted, reactive,ref} from "vue"
+import { useRouter } from "vue-router";
+import { onMounted, reactive, ref } from "vue";
 export default {
   setup() {
     const router = useRouter();
     const PersonInfo = reactive({
-      data:{},
-      createDepartment:{},
-      todoBy:{}
-    })
+      data: {},
+      createDepartment: {},
+      todoBy: {},
+    });
     //数据接收
-    onMounted(()=>{
-      var item = JSON.parse(router.currentRoute.value.query.data)
+    onMounted(() => {
+      var item = JSON.parse(router.currentRoute.value.query.data);
       PersonInfo.data = item;
-      PersonInfo.createDepartment = PersonInfo.data.createDepartment
-      PersonInfo.todoBy = PersonInfo.data.todoBy
-      
-    })
+      console.log(PersonInfo.data);
+      PersonInfo.createDepartment = PersonInfo.data.createDepartment;
+      PersonInfo.todoBy = PersonInfo.data.todoBy;
+    });
     //返回事件
     const goback = () => {
       history.back();
     };
-    
+
     return {
       goback,
-      PersonInfo
+      PersonInfo,
     };
   },
 };
@@ -87,60 +86,52 @@ html {
     color: #fff;
   }
 }
-.banner{
-    background-color: #36a7f3;
-    padding: 20px 50px 40px 50px;
-    color: #fff;
-    h2{
-        &:nth-child(1){
-            margin-top:0px;
-            text-align: left;
-        }
-        &:nth-child(2){
-            text-align: center;
-        }
-        &:nth-child(3){
-            text-align: right;
-        }
+.banner {
+  background-color: #36a7f3;
+  padding: 20px 50px 40px 50px;
+  color: #fff;
+  h2 {
+    &:nth-child(1) {
+      margin-top: 0px;
+      text-align: left;
     }
-}
-.content{
-    position: fixed;
-    width: 85%;
-    top: 180px;
-    left: 50%;
-    padding: 20px 10px;
-    transform: translateX(-50%);
-    background-color: #fff;
-    border-radius: 10px;
-    .content-top{
-        padding-bottom: 30px;
-        border-bottom: 2px solid #e7e7e7;
-        p{
-            margin: 0;
-            padding: 0;
-            margin-bottom: 10px;
-            &:nth-child(2){
-                margin-bottom: 40px;
-            }
-        }
+    &:nth-child(2) {
+      text-align: center;
     }
-    .van-button{
-      position: fixed;
-      left: 50%;
-      bottom: 20px;
-      transform: translateX(-50%);
-      width: 100%;
-      border-radius:20px;
+    &:nth-child(3) {
+      text-align: right;
     }
-    .content-bottom{
-      margin-top: 20px;
-      .uploadImg{
-        width: 30px;
-        height: 30px;
-        vertical-align: middle;
+  }
+}
+.content {
+  position: fixed;
+  width: 85%;
+  top: 180px;
+  left: 50%;
+  padding: 20px 10px;
+  transform: translateX(-50%);
+  background-color: #fff;
+  border-radius: 10px;
+  .content-top {
+    padding-bottom: 30px;
+    border-bottom: 2px solid #e7e7e7;
+    p {
+      margin: 0;
+      padding: 0;
+      margin-bottom: 10px;
+      &:nth-child(2) {
+        margin-bottom: 40px;
       }
     }
-}
+  }
+  .van-button {
+    margin-top: 10px;
+    width: 100%;
+    border-radius: 20px;
+  }
+  .content-bottom {
+    margin-top: 20px;
 
+  }
+}
 </style>