You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
2.6 KiB
102 lines
2.6 KiB
6 months ago
|
<template>
|
||
|
|
<div class="" style="margin-left: 50px;">
|
||
|
|
<el-button type="primary" style="margin:20px 0 20px 0" size="small">新建图片库</el-button>
|
||
|
|
<div>
|
||
|
|
<div class="gallery" v-for="(item, index) in pictureList">
|
||
|
|
|
||
|
|
<div class="gallery-item" style="text-align: center;position: absolute; ">
|
||
|
|
<img :src="require(`@/assets/images/index/imageBackground.png`)" alt="" style="cursor:pointer; width: 190; height: 180px; ">
|
||
|
|
<img :src="require(`@/assets/images/index/noPictures.png`)" alt="" style=" cursor:pointer; width: 200; height: 200px;">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import { requestPost, requestGet } from "@/js/dai/request";
|
||
|
|
import { mapGetters } from 'vuex'
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
pictureList:[
|
||
|
|
{
|
||
|
|
src:"kdfjlsjf"
|
||
|
|
},
|
||
|
|
{},
|
||
|
|
{},
|
||
|
|
|
||
|
|
],
|
||
|
|
pageNo: 1,
|
||
|
|
pageSize: window.localStorage.getItem("pageSize") || 20,
|
||
|
|
taskId:"",
|
||
|
|
tableData:[],
|
||
|
|
total: 1,
|
||
|
|
};
|
||
|
|
noPictures
|
||
|
|
},
|
||
|
|
created() {},
|
||
|
|
mounted() {
|
||
|
|
this.getTableData()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
// handleSizeChange(val) {
|
||
|
|
// this.pageSize = val;
|
||
|
|
// window.localStorage.setItem("pageSize", val);
|
||
|
|
// this.getTableData();
|
||
|
|
// },
|
||
|
|
// handleCurrentChange(val) {
|
||
|
|
// this.pageNo = val;
|
||
|
|
// this.getTableData();
|
||
|
|
// },
|
||
|
|
// async getTableData() {
|
||
|
|
// const url = "/actual/base/communityOneTablePublish/page";
|
||
|
|
// const { pageSize, pageNo, formData } = this;
|
||
|
|
// const { data, code, msg } = await requestGet(url, {
|
||
|
|
// pageSize,
|
||
|
|
// pageNo,
|
||
|
|
// ...formData
|
||
|
|
// });
|
||
|
|
// if (code === 0) {
|
||
|
|
// this.total = data.total || 0;
|
||
|
|
// this.tableData = data.list
|
||
|
|
// ? data.list.map((item) => {
|
||
|
|
// return item;
|
||
|
|
// })
|
||
|
|
// : [];
|
||
|
|
// } else {
|
||
|
|
// this.$message.error(msg);
|
||
|
|
// }
|
||
|
|
// },
|
||
|
|
},
|
||
|
|
components:{
|
||
|
|
},
|
||
|
|
computed:{
|
||
|
|
tableHeight() {
|
||
|
|
return (this.clientHeight - 140) + 'px'
|
||
|
|
|
||
|
|
},
|
||
|
|
...mapGetters(['clientHeight', 'resolution']),
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
taskId: {
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
},
|
||
|
|
},
|
||
|
|
watch: {},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang='scss' scoped>
|
||
|
|
@import "@/assets/scss/pages/resiInfo.scss";
|
||
|
|
@import "@/assets/scss/modules/management/list-main.scss";
|
||
|
|
.gallery {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fill, minmax(200px, 2fr));
|
||
|
|
gap: 50px;
|
||
|
|
.gallery-item{
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|