图片修改

src/views/userManagement/masterManagement/index.vue

@@ -122,13 +122,19 @@ export default {
       }, {
         md: 12,
         isShow: true,
-        name: 'el-image',
-        attributes: { src: this.formData.idCardImg },
+        name: 'slot-component',
+        attributes: { },
         formItemAttributes: {
           label: '身份证',
           prop: 'idCardImg',
           rules: []
         },
+		render: (h, { props, onInput }) => {
+		  var { value } = props
+		  return (
+		    <el-image src={this.formData.idCardImg} style='width: 120px;height:120px' preview-src-list={[this.formData.idCardImg]} fit="fit"></el-image>
+		  )
+		}
       }, {
         md: 12,
         isShow: true,
@@ -183,6 +189,15 @@ export default {
     exportList: memberPageExport,
     // 表格列解析渲染数据更改
     columnParsing(item, defaultData) {
+		if (item.jname === 'idCardImg') {
+		        defaultData.render = (h, { row, index, column }) => {
+		          return (
+		            <div style="padding:0 6px;cursor: pointer;">
+		              {row.idCardImg ? row.idCardImg.split(",").map(url => <el-image src={url} preview-src-list={[url]} fit="fit" style="width:80px;height:80px;" />) : null}
+		            </div>
+		          )
+		        }
+		      }
       return defaultData
     },
     // 监听勾选变化