修改样式

This commit is contained in:
duan 2024-08-09 11:17:10 +08:00
parent b6b80c3d43
commit 25b348ee12
1 changed files with 10 additions and 9 deletions

View File

@ -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);