| | |
| | | <el-table-column type="index" label="序号" align="center" width="60" /> |
| | | <el-table-column label="图片" prop="imgUrl" align="center" min-width="120"> |
| | | <template slot-scope="scope"> |
| | | <el-image :src="scope.row.imgUrl" style="width:80px;height:80px" fit="contain" :preview-src-list="[scope.row.imgUrl]" /> |
| | | <el-image :src="scope.row.imgUrl" style="width:80px;height:80px" fit="contain" :preview-src-list="[scope.row.imgUrl]"> |
| | | <div slot="error" class="image-slot"> |
| | | <!-- 图片显示失败图标 --> |
| | | <img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png" style="width:80px;height:80px"> |
| | | </div> |
| | | </el-image> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="jumpType" label="跳转类型" align="center" min-width="120"> |
| | |
| | | <el-form-item label="排序号:" prop="orderNum"> |
| | | <el-input v-model="dialogData.orderNum" placeholder="请输入排序号" maxlength="10" /> |
| | | </el-form-item> |
| | | <el-form-item ref="uploadFormItem" label="轮播图:" prop="uploadImgs"> |
| | | <!-- 上传图片组件(多图) --> |
| | | <el-form-item ref="uploadFormItem" prop="uploadImgs"> |
| | | <span slot="label"> |
| | | <!-- 尺寸 --> |
| | | 轮播图:<br><span style="color: #999;font-size: 12px">(xxx*xxx像素)</span> |
| | | </span> |
| | | <!-- 上传图片组件(单图) --> |
| | | <UploadSingleImg |
| | | ref="refUploadImg" |
| | | v-model="dialogData.uploadImgs" |
| | |
| | | pageSize: 20, |
| | | // 分页 ↑↑↑↑↑↑↑↑↑↑ |
| | | |
| | | jumpTypeOpt: [ |
| | | { label: '不跳转', value: 0 }, |
| | | { label: '小程序页面', value: 1 }, |
| | | { label: 'H5页面', value: 2 }, |
| | | { label: '其它小程序', value: 3 } |
| | | ], |
| | | |
| | | envVersionOpt: [ |
| | | { label: '开发版', value: 'develop' }, |
| | | { label: '体验版', value: 'trial' }, |
| | | { label: '正式版', value: 'release' } |
| | | ], |
| | | |
| | | // 显示弹窗 |
| | | isShowDialog: false, |
| | | |
| | |
| | | uploadImgs: [] |
| | | } |
| | | |
| | | } |
| | | }, |
| | | computed: { |
| | | // 上传禁用 |
| | | uploadDisabled() { |
| | | return this.dialogData.uploadImgs.length > 0 |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | }, inf => { |
| | | this.$messageSuc('保存成功') |
| | | this.hideDialog() |
| | | this.getList() |
| | | type === 'add' ? this.reGetList() : this.getList() |
| | | }) |
| | | } |
| | | } |