<template lang="">
|
<div class="page-list-container">
|
<yrt-data-list :ref="dataListRef" :editor-ref="editorRef" :data-options="dataOptions" :fields.sync="dataListOptions.fields" :buttons="dataListOptions.buttons" :button-click="buttonClick" :data-list-selections.sync="dataListSelections" :auth-nodes="authNodes">
|
<template slot="common-column-slot" slot-scope="{row, col}">
|
<template v-if="['driverImage'].indexOf(col.prop)>=0">
|
<img v-if="row.storePictures !== null" :src="row.driverImage+'?x-oss-process=style/small'" style="height: 40px; width: 50px;" @click="showBigPic(row)" >
|
</template>
|
</template>
|
</yrt-data-list>
|
<yrt-editor :ref="editorRef" :data-list-ref="dataListRef" v-bind="editorOptions" :data-options="dataOptions" :action.sync="editorOptions.action" :top.sync="editorOptions.top" :visible.sync="editorOptions.config.visible" :detail-button-click="detailButtonClick" :auth-nodes="authNodes">
|
</yrt-editor>
|
<!-- 图片放大 -->
|
<el-dialog :visible.sync="dialogPicVisible" :append-to-body="true">
|
<div style="width:100%; text-align:center">
|
<img :src="dialogImageUrl" style="max-width:100%;">
|
<div>
|
</div></div></el-dialog>
|
</div>
|
</template>
|
<script>
|
import baseLayout from "@/components/common/base-layout.vue";
|
|
export default {
|
name: "basicInfo-tms-base-driver",
|
components: {},
|
mixins: [baseLayout],
|
data() {
|
return {
|
dialogPicVisible: false,
|
dialogImageUrl: null
|
};
|
},
|
methods: {
|
// 图片放大
|
showBigPic(row) {
|
this.dialogPicVisible = true;
|
this.dialogImageUrl = row.driverImage;
|
this.dataList.reload();
|
}
|
}
|
};
|
</script>
|
