fix:table组件适配

components/Table/Table.vue

 <template>
-	<view class="normal-table">
+	<view class="normal-table" :style="{ transform: `scale(${scale}) translate(${elementInfo.width * (scale - 1) /2}px, ${elementInfo.height * (scale - 1) /2}px)`}">
 		<NormalTitle :elementInfo="elementInfo"></NormalTitle>
-		<scroll-view scroll-x="true" class="scroll-view_H">
+		<scroll-view scroll-x="true" class="scroll-view_H" >
 			<view
 				class="table"
 				:style="[tableStyle]"
@@ -18,6 +18,7 @@
 								mode="aspectFit"
 								:src="`${cell[item.dataIndex]}?${new Date().getTime()}`"
 								crossOrigin="anonymous"
+								style="width:100%"
 								@click="imageClick(cellIndex, item.dataIndex)"
 							></u-image>
 						</template>
@@ -46,7 +47,8 @@
 					left: 'start',
 					center: 'center',
 					right: 'end'
-				}
+				},
+				scale: 1
 			};
 		},
 		computed: {
@@ -91,7 +93,13 @@
 			initChart() {
 				const that = this
 				that.$nextTick(() => {
+					that.calculateScale()
 					that.chartTables = that.elementData.dataList.chartTables
+					that.elementInfo.table.column.forEach(item => {
+						if(item.slots.customRender === 'picture') {
+							// that.cacheImages(item.dataIndex)
+						}
+					})
 				})
 			},
 			cellClick(e) {
@@ -101,18 +109,59 @@
 				uni.$emit('handleLinkParams', { index, paramName, value: value })
 			},
 			
+			calculateScale() {
+				var query = wx.createSelectorQuery().in(this);
+				query.select(".normal-table").boundingClientRect(res => {
+					const w = res.width
+					const { width, height } = this.elementInfo
+					const scale = w / width
+					this.scale = scale
+				}).exec();				
+			},
+			
+			
 			// 图片增加点击事件，查看全部图片
 			imageClick(index, key) {
 				const images = []
+				var caches = uni.getStorageSync('cacheImages')
 				for(var i = 0; i < this.chartTables.length; i++) {
 					const imageUrl = this.chartTables[i][key]
+					if(caches.hasOwnProperty(imageUrl)) {
+						images.push(caches[imageUrl])
+					} else {
 						images.push(imageUrl)
 					}
+				}
 				uni.previewImage({
 					current: index,
 					urls: images
 				})
+			},
+			/**
+			 * 缓存图片数据
+			 */
+			cacheImages(key) {
+				var caches = uni.getStorageSync('cacheImages')
+				if(!caches) {
+					caches = {}
+				}
+				this.chartTables.forEach(item => {
+					// 如果包含当前url，就不再下载
+					const url = item[key]
+					if(!caches.hasOwnProperty(url)) {
+						uni.downloadFile({
+							url: url,
+							success: (res) => {
+								if(res.statusCode === 200) {
+									caches[url] = res.tempFilePath
+									uni.setStorageSync('cacheImages', caches)
+								}
+							}
+						})
+					}
+				})
 			}
+			
 		}
 	}
 </script>