视频会议预约

src/views/caseFiling/archiveList.vue

@@ -62,14 +62,15 @@
     <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
       @pagination="getList(queryParams)" />
     <!-- 弹窗 -->
-    <archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :videoList="videoList" :detailform="detailform"
+    <archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :caseDetail="caseDetail" :caseLog="caseLog" :videoList="videoList" :detailform="detailform"
       :flagLoading="flagLoading" @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList">
     </archiveDetailsDialog>
   </div>
 </template>
   
 <script>
-import { caseApplicationList, selectSignSealUrl } from "@/api/awardManagement/awardManagement";
+import { caseApplicationList, selectSignSealUrl,caseApplicationDetail } from "@/api/awardManagement/awardManagement";
+import { caseLogRecordList } from "@/api/caseManagement/caseManagement";
 import { adjudicationArchives, videoList } from "@/api/caseFiling/caseFiling";
 import archiveDetailsDialog from "./components/archiveDetailsDialog.vue";
 export default {
@@ -97,7 +98,9 @@ export default {
       detailform: {}, //详情数据
       showarchiveDetails: false, //详情数据弹框
       flagLoading: false, //详情弹框loading
-      videoList:""
+      videoList:"",
+      caseDetail:{},
+      caseLog:null
     };
   },
   created() {
@@ -137,6 +140,8 @@ export default {
     showDetail(row) {
       this.getDetail({ id: row.id });
       this.getvideoList({ caseId: row.id });
+      this.getCaseDetail({ id: row.id })
+      this.getCaseLog({caseAppliId :row.id})
       this.showarchiveDetails = true;
       this.flagLoading = true;
     },
@@ -153,10 +158,24 @@ export default {
     /** 查询详情 */
     getDetail(parms) {
       adjudicationArchives(parms).then((res) => {
-        this.detailform = res.data;
-        this.flagLoading = false;
+        // console.log(res,"PPPPPPPPPPPPPPPPPPPPPPPPP");
+        this.detailform = res.data.logisticsInfoVOList;
       });
     },
+    // 查询案件详情
+    getCaseDetail(params){
+      caseApplicationDetail(params).then(res=>{
+        this.caseDetail = res.data;
+        this.flagLoading = false;
+      })
+    },
+    // 查看案件日志
+    getCaseLog(params){
+      caseLogRecordList(params).then(res=>{
+        console.log(res,"LLLLLLLLLLL");
+        this.caseLog = res.rows;
+      })
+    }
   },
 };
 </script>

src/views/caseFiling/components/archiveDetailsDialog.vue

@@ -8,19 +8,19 @@
         <div class="noData" v-if="noData">暂无数据！</div>
         <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane label="案件信息" name="first">
-            <caseInfo :caseApplicationObj="caseApplicationObj"></caseInfo>
+            <caseInfo :caseApplicationObj="caseDetail"></caseInfo>
           </el-tab-pane>
           <el-tab-pane label="案件日志" name="second">
-            <caselogInfo :caselogDataArr="caselogDataArr"></caselogInfo>
+            <caselogInfo :caselogDataArr="caseLog"></caselogInfo>
           </el-tab-pane>
           <el-tab-pane label="快递信息" name="third">
-            <expressDeliveryInfo :deliveryDataArr="deliveryDataArr"></expressDeliveryInfo>
+            <expressDeliveryInfo :deliveryDataArr="detailform"></expressDeliveryInfo>
           </el-tab-pane>
-          <el-tab-pane label="案件视频" name="fourth">
+          <!-- <el-tab-pane label="案件视频" name="fourth"> -->
             <!-- <div @click="getVideo">chakanshipin</div> -->
-            <el-empty description="暂无视频" v-if="!videoFlag"></el-empty>
+            <!-- <el-empty description="暂无视频" v-if="!videoFlag"></el-empty>
             <video style="background-color: #181717;width: 400px;height: 200px;margin: 30px;" v-if="videoFlag" :src="headPath + item.annexPath" controls="controls" v-for="(item,index) in videoUrl" :key="index"></video>
-          </el-tab-pane>
+          </el-tab-pane> -->
         </el-tabs>
       </div>
       <div slot="footer" class="dialog-footer">
@@ -35,7 +35,7 @@ import caseInfo from "./caseInfo.vue";
 import caselogInfo from "./caselogInfo.vue";
 import expressDeliveryInfo from "./expressDeliveryInfo.vue";
 export default {
-  props: ["showarchiveDetails", "detailform", "flagLoading", "videoList"],
+  props: ["showarchiveDetails", "detailform", "flagLoading", "videoList","caseDetail","caseLog"],
   components: {
     caseInfo,
     caselogInfo,
@@ -49,17 +49,17 @@ export default {
       deliveryDataArr: [], //快递信息
       noData: false,
       videoUrl:[],
-      headPath:"",
+      headPath:window.location.origin + "/API",
       videoFlag:false
     };
   },
   watch: {
-    detailform(newValue) {
-      this.headPath = window.location.origin + "/API";
+    showarchiveDetails(newValue) {
+      // this.headPath = ;
       if (newValue) {
-        this.caseApplicationObj = this.detailform.caseApplication;
-        this.caselogDataArr = this.detailform.caseLogRecordList;
-        this.deliveryDataArr = this.detailform.logisticsInfoVOList;
+        // this.caseApplicationObj = this.detailform.caseApplication;
+        // this.caselogDataArr = this.detailform.caseLogRecordList;
+        // this.deliveryDataArr = this.detailform.logisticsInfoVOList;
       }
     },
   },