修改样式
This commit is contained in:
parent
b6b80c3d43
commit
25b348ee12
|
|
@ -1,21 +1,22 @@
|
||||||
<template>
|
<template>
|
||||||
<div v-if="dialogVisible">
|
<div v-if="dialogVisible">
|
||||||
<el-dialog title="请选择" :visible.sync="dialogVisible" width="1000px">
|
<el-dialog title="选择图片" :visible.sync="dialogVisible" width="1000px">
|
||||||
<el-container>
|
<el-container>
|
||||||
<el-aside style="background-color: #fff;" width="150px">
|
<el-aside style="background-color: #fff;" width="150px">
|
||||||
<ul style="padding-left: 0;margin: 0;">
|
<ul style="padding-left: 0;margin: 0;">
|
||||||
<li style="cursor: pointer;" v-for="item in options" :key="item.id"
|
<li style="cursor: pointer;" v-for="item in options" :key="item.id"
|
||||||
:class="[activedata == item.id ? 'activedata' : '']" @click="changeEvent(item.id)">{{
|
:class="[activedata == item.id ? 'activedata' : '']" @click="changeEvent(item.id)">
|
||||||
item.name }}</li>
|
{{ item.name }} <span style="font-size: 12px;">({{ item.count }})</span>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="uplocation" :class="[activedata == -1 ? 'activedata' : '']" @click="uplocation">本地图片
|
<div class="uplocation" :class="[activedata == -1 ? 'activedata' : '']" @click="uplocation">我的图片
|
||||||
</div>
|
</div>
|
||||||
</el-aside>
|
</el-aside>
|
||||||
<el-main>
|
<el-main>
|
||||||
<imageComponent @onSelectImage="onSelectImage" @getList="getList" :activedata="activedata"
|
<imageComponent @onSelectImage="onSelectImage" @getList="getList" :activedata="activedata"
|
||||||
:list='dataImages'>
|
:list='dataImages'>
|
||||||
</imageComponent>
|
</imageComponent>
|
||||||
<el-pagination layout="prev, pager, next" :total="total" :page-size="pageSize"
|
<el-pagination style="position: absolute;right: 60px;" layout="prev, pager, next ,jumper" background :total="total" :page-size="pageSize"
|
||||||
@current-change="handleCurrentChange">
|
@current-change="handleCurrentChange">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</el-main>
|
</el-main>
|
||||||
|
|
@ -95,7 +96,7 @@ export default {
|
||||||
showUpload: false,
|
showUpload: false,
|
||||||
page: 1,
|
page: 1,
|
||||||
total: 0,
|
total: 0,
|
||||||
pageSize:18,
|
pageSize: 18,
|
||||||
activedata: '681'
|
activedata: '681'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -107,12 +108,12 @@ export default {
|
||||||
this.activedata = -1
|
this.activedata = -1
|
||||||
this.page = 1
|
this.page = 1
|
||||||
this.dataImages = []
|
this.dataImages = []
|
||||||
this.pageSize= 17
|
this.pageSize = 17
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
changeEvent(id) {
|
changeEvent(id) {
|
||||||
this.page = 1
|
this.page = 1
|
||||||
this.pageSize= 18
|
this.pageSize = 18
|
||||||
this.activedata = id
|
this.activedata = id
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
|
|
@ -196,7 +197,7 @@ export default {
|
||||||
let obj = {
|
let obj = {
|
||||||
category: this.activedata == -1 ? '' : this.activedata,
|
category: this.activedata == -1 ? '' : this.activedata,
|
||||||
page: this.page,
|
page: this.page,
|
||||||
size: this.activedata == -1 ? 17:18,
|
size: this.activedata == -1 ? 17 : 18,
|
||||||
store_id: localStorage.getItem("shopId"),
|
store_id: localStorage.getItem("shopId"),
|
||||||
}
|
}
|
||||||
const res = await getcommonpicture(obj);
|
const res = await getcommonpicture(obj);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue