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

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>