历史回放页面图片列宽自适应

src/views/checkManage/checkOperation.vue

@@ -191,8 +191,8 @@
     </div>
 </template>
 <script>
-    import Model from "./model.vue"
+import Model from "./model.vue"
-    import {imgUrl} from "@/api/importExcel";
+import {imgUrl} from "@/api/importExcel";
 export default {
     data() {
         return {

src/views/checkManage/model.vue

@@ -42,15 +42,15 @@
     </div>
 </template>
 <script>
-    var formItemAcrossLayout = {  //formItemAcrossLayout当表单内item横向排列时用
+var formItemAcrossLayout = {  //formItemAcrossLayout当表单内item横向排列时用
     labelCol: {span: 8},    //lable长度
     wrapperCol: {span: 14},  //input长度
-    };
+};
-    var formItemVerticalLayout = { //formItemVerticalLayout当表单内item纵向排列时用
+var formItemVerticalLayout = { //formItemVerticalLayout当表单内item纵向排列时用
     labelCol: {span: 4},
     wrapperCol: {span: 8, offset: 4},
-    };
+};
-    export default {
+export default {
     props: ['visible', 'modelData', 'index'],
     watch: {
         //监听并接收父组件的visible并赋值给isShow（子组件接收父组件props传过来的值时不能起一样的类名，会报重复定义的错）
@@ -149,7 +149,7 @@
             this.searchListShow = false
         }
     },
-    };
+};
 </script>
 <style lang="scss" scoped>
     .p-model {

src/views/historyMonitoring/index.vue

@@ -22,6 +22,7 @@
                 </a-row>
             </a-form>
         </div>
+
         <a-table
             :columns="columns"
             :row-key="record => record.id"
@@ -32,18 +33,22 @@
           <span slot="streetType" slot-scope="text">
                {{ text === null ? '-' : text === 0 ? '单伸' : '双伸' }}
           </span>
-            <span slot="pics" slot-scope="text">
+          <span slot="pics" slot-scope="text" style="width:auto">
+
           <template>
-                <span v-if="text.pics">
+              <span v-if="text.pics" style="height:100%;">
+                  <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="width:320px;height:90px;">
                       <viewer :images="text.pics">
                          <img class="historyImg" v-for="(src,index) in text.pics" :src="imgUrl+src"
                               :key="index"/>
                       </viewer>
+                  </happy-scroll>
               </span>
               <span v-else>
                   暂无图片
               </span>
           </template>
+
           </span>
             <span slot="status" slot-scope="text">
               <span :style="text.status == 1 ?' color:red': ''">
@@ -119,10 +124,10 @@ export default {
                     dataIndex: "startTime",
                 },
                 {
-                    title: "照片（入库 货位 出库）",
+                    title: "照片",
                     // dataIndex: "pic",
                     scopedSlots: {customRender: 'pics'},
-                    width: 300
+                    width:320,
                 },
                 {
                     title: "视频状态",
@@ -241,6 +246,7 @@ export default {
 
 .historyImg {
     width: 80px;
+    height:auto;
     margin: 5px;
 }
 </style>

src/views/repertoryManage/index.vue

@@ -33,7 +33,7 @@
 
 
 <script>
-    import {importStockExcelUrl} from "@/api/importExcel";
+import {importStockExcelUrl} from "@/api/importExcel";
 const columns = [
     {
         title: 'ID',