sunyu 修改历史记录页面按了按钮之后的界面,完成传参

src/views/history/index.vue

@@ -140,6 +140,14 @@ export default {
   dicts: ['history_state'],
   data() {
     return {
+      carryRowCode:{
+        id:"",
+        monitoringName:"",
+        monitoringStarttime: "",
+        monitoringFinallytime: "",
+        monitorState:"",
+        monitorTime:"",
+      },
       // 遮罩层
       loading: true,
       // 选中数组
@@ -244,8 +252,14 @@ export default {
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
+      this.carryRowCode=row;
       // 查看详情页面(把id换成code)
-      this.$router.push({path: '/monitoringPlayback/playback', query: {code: row.ID}})
+      this.$router.push({path: '/monitoringPlayback/playback',
+        query: {
+        carryRowCode :this.carryRowCode
+        }
+      })
+
     },
     /** 提交按钮 */
     submitForm() {

src/views/video/playback.vue

 <template>
   <div class="playback">
     <div ref="playWndBack" class="video-watch" id="playWndBack"></div>
-    <div>
+    <div style="margin-right: 30px;margin-top: 60px">
       <el-form label-position="right" label-width="100px" :model="formLabelAlign">
         <el-form-item label="监控点名称">
-          <el-input v-model="formLabelAlign.name" disabled></el-input>
+          <el-input v-model="carryRowCode.id" disabled></el-input>
         </el-form-item>
         <el-form-item label="开始时间">
-          <el-input v-model="formLabelAlign.startTime" disabled></el-input>
+          <el-input v-model="carryRowCode.monitoringStarttime" disabled></el-input>
         </el-form-item>
         <el-form-item label="结束时间">
-          <el-input v-model="formLabelAlign.endTime" disabled></el-input>
+          <el-input v-model="carryRowCode.monitoringFinallytime" disabled></el-input>
         </el-form-item>
         <el-form-item label="监控时间">
-          <el-input v-model="formLabelAlign.time" disabled></el-input>
+          <el-input v-model="carryRowCode.monitorTime" disabled></el-input>
         </el-form-item>
         <el-form-item label="监控状态">
-          <el-input v-model="formLabelAlign.flag" disabled></el-input>
+          <el-input v-model="carryRowCode.monitorState" disabled></el-input>
         </el-form-item>
       </el-form>
     </div>
@@ -27,11 +27,14 @@
 <script>
 import {getCameras} from "@/api/system/video";
 import videoParams from "@/views/video/videoParams";
+import {listHistable, getHistable, delHistable, addHistable, updateHistable} from "@/api/system/histable";
+
 
 export default {
   name: "playback",
   data() {
     return {
+      carryRowCode:{},
       oWebControl: null,
       initCount: 0,
       pubKey: '',
@@ -45,6 +48,9 @@ export default {
       }
     };
   },
+  created() {
+    this.carryRowCode = this.$route.query.carryRowCode;
+  },
   mounted() {
     this.getIndex()
   },
@@ -227,7 +233,11 @@ export default {
 <style scoped>
 .playback{
   display: flex;
-  margin:  0 20px;
+  margin-top: 20px;
+  margin-left: 40px;
+  margin-right: 40px;
+  height: 1000px;
+  background: white;
 }
 .video-watch{
   min-height: calc(100vh - 104px);