待办详情页数据获取

src/api/toBeDone/toBeDone.js

@@ -1,9 +1,9 @@
-import request from "@/utils/httpRequest";
+import request from "@/utils/request";
 
 export default class toBeDone {
     list(params) {
         return request.get(
-            ``,
+            `/workbench/index/queryWorkDbList`,
             params
         )
     }

src/views/toBeDone/toBeDone.vue

@@ -7,23 +7,23 @@
   >
     <van-tab title="待处理">
       <div class="list1">
-        <van-row class="list-item" v-for="item in toBeDone.DoneList1" :key="item.dateTime" @click="goToBeDoneinfo">
+        <van-row class="list-item" v-for="item in toBeDone.toBeDoneList" :key="item.id" @click="goToBeDoneinfo(item)">
           <van-col span="6" class="list-item-left">
             <div>
-              <p style="color: #a3a3a3">{{item.dateTime}}</p>
-              <p style="color: #a3a3a3">{{item.timer}}</p>
+              <p style="color: #a3a3a3">{{item.createDate.split(' ')[0]}}</p>
+              <p style="color: #a3a3a3">{{item.createDate.split(' ')[1]}}</p>
             </div>
             <p style="color: red; margin-top: 10px">待处理{{item.state}}</p>
           </van-col>
           <van-col span="18" style="border-left: 1px solid #e3e3e3" class="list-item-right">
             <van-row>
               <van-col span="24">
-                <span>{{item.title}}</span>
+                <span v-html="item.problemContent"></span>
               </van-col>
             </van-row>
             <van-row justify="space-between">
-              <van-col span="12">{{item.address}}</van-col>
-              <van-col span="8">{{item.type}}交办</van-col>
+              <van-col span="12">{{item.areaSelectName}}</van-col>
+              <van-col span="8">{{item.assignTypeName}}</van-col>
             </van-row>
           </van-col>
         </van-row> 
@@ -59,138 +59,29 @@
 <script>
 import {reactive,ref} from "vue"
 import { useRouter } from 'vue-router'
+import ToBeDone from '@/api/toBeDone/toBeDone'
 export default {
-  beforeCreate() {
-    this.dealWith()
-  },
+  
   setup() {
     const toBeDone =reactive({
-      toBeDoneList:[
-        {
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:1,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },
-        {
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:1,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },
-        {
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:0,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },
-        {
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:0,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },
-        {
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:1,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },
-        {
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:1,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },
-        {
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:0,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        }
-        ,{
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:1,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },{
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:0,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },{
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:1,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },{
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:0,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        },{
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:0,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        }
-        ,{
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:0,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        }
-        ,{
-          dateTime:'2022.12.01',//日期
-          timer:'11:32',//时间
-          state:0,//处理状态
-          title:'东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。',//事件标题
-          address:'盐城-东台-南阳镇',//举办地点
-          type:'一般'//交办类型
-        }
-      ],
-      DoneList1:[],
-      DoneList2:[],
+      toBeDoneList:[],
+    })
+    //获取待办列表
+    let workDBList = ref([])
+    new ToBeDone().list({}).then((res)=>{
+      console.log(res);
+      workDBList.value.push(...res.records)
+      toBeDone.toBeDoneList = workDBList
     })
-    const dealWith = ()=>{
-      toBeDone.toBeDoneList.forEach(item=>{
-        if(item.state===1){
-          toBeDone.DoneList1.push(item)
-        }else{
-          toBeDone.DoneList2.push(item)
-        }
-      })
-    }
     //跳转
     let router = useRouter()
-    const goToBeDoneinfo = ()=>{
-      router.push("/toBeDone_details")
+    const goToBeDoneinfo = (item)=>{
+      let data = JSON.stringify(item)
+      // console.log(data);
+      router.push({
+        path:"/toBeDone_details",
+        query:{'data':data}
+      })
     }
     const goback = ()=>{
       history.back();
@@ -198,7 +89,6 @@ export default {
     return {
       goback,
       toBeDone,
-      dealWith,
       goToBeDoneinfo
     }
   }

src/views/toBeDone/toBeDone_details.vue

@@ -8,15 +8,15 @@
   <div class="content">
     <div class="content-top">
         <p>问题内容：</p>
-        <p>东台市南阳镇菩提寺需要于12.12日晚8点举办祈福活动，请审核。</p>
-        <p>发起部门：场所一</p>
-        <p>发起人：场所负责人李毅</p>
-        <p>交办类型：一般</p>
-        <p>问题发生区域：东台市南阳镇</p>
-        <p>问题场所：菩提寺</p>
-        <p>详细地址：东台南阳镇菩提村2号</p>
-        <p>发生时间：2022.12.04 11:26</p>
-        <p>截止时间：2022.12.11 11:26</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>问题场所：{{}}</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">
@@ -28,7 +28,7 @@
             <textarea name="" id="" cols="40" rows="5"></textarea>
           </form>
         </div>
-        <div style="margin-top:10px;">
+        <div style="margin-top:15px;">
           处理证据资料：<img class="uploadImg" src="../../assets/upload.png" alt=""><span  style="color:#58b5f5;font-size:14px;">点击上传</span>
         </div>
     </div>
@@ -38,14 +38,33 @@
 </template>
 
 <script>
+
+import { useRouter } from 'vue-router'
+import {onMounted, reactive,ref} from "vue"
 export default {
   setup() {
+    const router = useRouter();
+    const PersonInfo = reactive({
+      data:{},
+      createDepartment:{},
+      todoBy:{}
+    })
+    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);
+    })
+    // console.log(PersonInfo.data);
+    //返回事件
     const goback = () => {
       history.back();
     };
     
     return {
       goback,
+      PersonInfo
     };
   },
 };