|
@@ -1,8 +1,4 @@
|
|
|
<style>
|
|
|
- .ping .ant-modal-content .ant-modal-footer {
|
|
|
- display: none !important;
|
|
|
- }
|
|
|
-
|
|
|
.ant-modal-body {
|
|
|
padding-top: 0px;
|
|
|
}
|
|
@@ -94,13 +90,16 @@
|
|
|
<!-- table区域-end -->
|
|
|
|
|
|
<!-- 表单区域 -->
|
|
|
- <a-modal title="详情" v-model="detail" class="ping" :width="800">
|
|
|
+ <a-modal title="查看场地大图" v-model="imgDetail" class="ping" :footer="null" :width="600" style="overflow:hidden">
|
|
|
+ <img :src="imgUrl" alt="" style="width:100%">
|
|
|
+ </a-modal>
|
|
|
+ <a-modal title="详情" v-model="detail" class="ping" :footer="null" :width="800" style="overflow:hidden">
|
|
|
<a-tabs defaultActiveKey="1" @change="callback" v-model="indexDetail">
|
|
|
<a-tab-pane tab="场地图集" key="1" forceRender>
|
|
|
<div>
|
|
|
<a type="primary" style="margin-left:10px" @click="addPhoto=true">新增场地图片</a>
|
|
|
<ul class="actor-photo-list">
|
|
|
- <li v-for="(item,index) of photoList" :key="index">
|
|
|
+ <li v-for="(item,index) of photoList" :key="index" @click="showImage(item)">
|
|
|
<a-icon type="close-circle"
|
|
|
style="position:absolute;top:-5px;right:-5px;color:red;z-index:10;cursor: pointer;"
|
|
|
@click="deteleImg(item.id)" />
|
|
@@ -108,8 +107,8 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <div style="text-align:right">
|
|
|
- <a-pagination showQuickJumper :total="total" @change="pageChange" :pageSize.sync="pageSize" />
|
|
|
+ <div style="text-align:right" v-if="photoList.length>0">
|
|
|
+ <a-pagination showQuickJumper size="small" :total="total" @change="pageChange" :pageSize.sync="pageSize" />
|
|
|
</div>
|
|
|
</a-tab-pane>
|
|
|
<a-tab-pane tab="场地视频" key="2">
|
|
@@ -125,8 +124,9 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
- <div style="text-align:right">
|
|
|
- <a-pagination showQuickJumper :total="videoTotal" @change="pageChange" :pageSize.sync="pageSize" />
|
|
|
+ <div style="text-align:right" v-if="videoList.length>0">
|
|
|
+ <a-pagination showQuickJumper size="small" :total="videoTotal" @change="pageChange"
|
|
|
+ :pageSize.sync="pageSize" />
|
|
|
</div>
|
|
|
</a-tab-pane>
|
|
|
</a-tabs>
|
|
@@ -179,6 +179,8 @@
|
|
|
description: '场地管理',
|
|
|
// 新增修改按钮是否显示
|
|
|
show: true,
|
|
|
+ imgUrl: '',
|
|
|
+ imgDetail: false,
|
|
|
// 表头
|
|
|
columns: [{
|
|
|
title: 'ID',
|
|
@@ -224,7 +226,7 @@
|
|
|
},
|
|
|
detail: false,
|
|
|
indexDetail: '1',
|
|
|
- currentPage: 0,
|
|
|
+ currentPage: 1,
|
|
|
pageSize: 4,
|
|
|
videoTotal: 0,
|
|
|
photoTotal: 0,
|
|
@@ -251,10 +253,13 @@
|
|
|
console.log(item)
|
|
|
this.detail = true
|
|
|
this.id = item.id
|
|
|
+ // this.currentPage = 1
|
|
|
this.getPhoto()
|
|
|
},
|
|
|
callback(key) {
|
|
|
console.log(key)
|
|
|
+ this.photoList = []
|
|
|
+ this.videoList = []
|
|
|
if (key == '1') {
|
|
|
this.currentPage = 1
|
|
|
this.getPhoto()
|
|
@@ -273,7 +278,7 @@
|
|
|
}
|
|
|
},
|
|
|
getPhoto() {
|
|
|
- this.photoList = []
|
|
|
+ // this.photoList = []
|
|
|
yardPhotoList({
|
|
|
pageNo: this.currentPage,
|
|
|
pageSize: 4,
|
|
@@ -347,6 +352,10 @@
|
|
|
this.addVideo = false
|
|
|
}
|
|
|
},
|
|
|
+ showImage(item) {
|
|
|
+ this.imgDetail = true
|
|
|
+ this.imgUrl = item.photoUrl
|
|
|
+ },
|
|
|
deteleImg(id) {
|
|
|
yardPhotoDelete({
|
|
|
id: id
|