是小王呀\24601
6 months ago
10 changed files with 1485 additions and 17 deletions
|
After Width: | Height: | Size: 620 B |
|
After Width: | Height: | Size: 4.7 KiB |
@ -0,0 +1,96 @@ |
|||
<template> |
|||
<div class=""> |
|||
<el-button type="primary" style="margin:20px 0 0 0" size="small">上传共享数据</el-button> |
|||
<el-table :data="tableData" border class="m-table-item" height="800px"> |
|||
<el-table-column prop="taskTitle" label="文件名称" min-width="140" align="center" |
|||
:show-overflow-tooltip="true" /> |
|||
<el-table-column prop="totalNum" label="数据提供单位" align="center" :show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column prop="agencyName" align="center" label="下载次数" :show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column prop="createByName" align="center" label="创建人" :show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
<el-table-column prop="createdTime" align="center" :show-overflow-tooltip="true" label="创建时间"> |
|||
</el-table-column> |
|||
<el-table-column fixed="right" label="操作" align="center" width="200px"> |
|||
<template slot-scope="scope"> |
|||
<el-button @click=" handleInfo(scope.row)" type="text" size="small">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo" |
|||
:page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)" layout="sizes, prev, pager, next, total" |
|||
:total="total"> |
|||
</el-pagination> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { requestPost, requestGet } from "@/js/dai/request"; |
|||
import { mapGetters } from 'vuex' |
|||
export default { |
|||
data() { |
|||
return { |
|||
pageNo: 1, |
|||
pageSize: window.localStorage.getItem("pageSize") || 20, |
|||
taskId:"", |
|||
tableData:[], |
|||
total: 1, |
|||
}; |
|||
}, |
|||
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"; |
|||
</style> |
|||
@ -0,0 +1,89 @@ |
|||
<template> |
|||
<div class="" style="height: 650px;"> |
|||
<el-table :data="tableData" border class="m-table-item" height="600px"> |
|||
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" /> |
|||
<el-table-column prop="taskTitle" label="导出报表" min-width="140" align="center" :show-overflow-tooltip="true" /> |
|||
<el-table-column prop="totalNum" label="操作人" align="center" :show-overflow-tooltip="true" width="100"> |
|||
</el-table-column> |
|||
<el-table-column prop="agencyName" align="center" label="操作时间" :show-overflow-tooltip="true"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div> |
|||
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)" |
|||
layout="sizes, prev, pager, next, total" :total="total"> |
|||
</el-pagination> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { requestPost, requestGet } from "@/js/dai/request"; |
|||
import { mapGetters } from 'vuex' |
|||
export default { |
|||
data() { |
|||
return { |
|||
pageNo: 1, |
|||
pageSize: window.localStorage.getItem("pageSize") || 20, |
|||
taskId:"", |
|||
tableData:[], |
|||
total: 1, |
|||
}; |
|||
}, |
|||
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"; |
|||
</style> |
|||
@ -0,0 +1,302 @@ |
|||
<template> |
|||
<div style="margin: 50px; text-align: center; "> |
|||
<div class="dialog-h-content scroll-h"> |
|||
<div class="flex" style="display: flex; flex-direction: column;height: 400px;"> |
|||
<img :src="formData.src" style="height: 200px; width: 250px;margin-bottom: 20px;"> |
|||
<span style="text-align: left;margin-bottom: 20px;">{{ formData.title }}</span> |
|||
<span style="text-align: left; color: #94a1b7;margin-bottom: 20px;">{{ formData.title }}</span> |
|||
<span style="text-align: left; color: #94a1b7;margin-bottom: 20px;">图片尺寸：{{ formData.title }} 文件大小：{{ formData.title }} |
|||
文件格式:{{ formData.title }}</span> |
|||
<el-button type="primary" style=" text-align: left;width: 70px;" @click="handleComfirm">下 载</el-button> |
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
<!-- <div class="div_btn"> |
|||
<el-button size="small" @click="handleCancle">取 消</el-button> |
|||
<el-button size="small" v-if="formType != 'detail'" type="primary" :disabled="btnDisable" |
|||
@click="handleComfirm">确 定</el-button> |
|||
|
|||
</div> --> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { requestPost } from '@/js/dai/request' |
|||
import Tinymce from '@c/tinymce2/index.vue' |
|||
import daiMap from "@/utils/dai-map"; |
|||
import util from '@js/util.js'; |
|||
// import UploadImage from './upload-image.vue' |
|||
import UploadImage from '@/views/modules/plugins/rent/upload-image.vue' |
|||
|
|||
|
|||
var map |
|||
var search |
|||
var markers |
|||
var infoWindowList |
|||
var geocoder // 新建一个正逆地址解析类 |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data() { |
|||
return { |
|||
fileList:[], |
|||
formData: |
|||
{ |
|||
id:"1001", |
|||
src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg", |
|||
title:"嘉定山社区网格巡查" |
|||
}, |
|||
corganizerList: [], |
|||
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2', |
|||
customerId: localStorage.getItem('customerId'), |
|||
|
|||
} |
|||
|
|||
}, |
|||
|
|||
components: {Tinymce, UploadImage }, |
|||
mounted() { |
|||
this.activityType() |
|||
this.listServerOrg() |
|||
}, |
|||
|
|||
methods: { |
|||
async activityType() { |
|||
this.$nextTick(() => { |
|||
if (!map) { |
|||
this.initMap(this.formData.latitude, this.formData.longitude); |
|||
console.log("map", map,this.formData.latitude, this.formData.longitude) |
|||
} else { |
|||
map.setCenter(this.formData.latitude, this.formData.longitude); |
|||
map.setMarker(this.formData.latitude, this.formData.longitude); |
|||
console.log("mapmapmap", map) |
|||
} |
|||
}) |
|||
}, |
|||
removedImg() { |
|||
this.formData.coverPic = '' |
|||
}, |
|||
onChangeFileList(e) { |
|||
console.log(e, 'sssssb'); |
|||
this.fileList = e.length > 0 ? e.map(item => ({ |
|||
fileType: '0', |
|||
fileUrl: item.response.data.url |
|||
})) : []; // 当e为空时清空fileList |
|||
if (e.length > 0) { |
|||
this.formData.coverImg = e[0].response.data.url; |
|||
} else { |
|||
this.formData.coverImg = ''; |
|||
} |
|||
}, |
|||
async initForm(type, activityId) { |
|||
this.startLoading() |
|||
this.formType = type |
|||
console.log(type,activityId,"进行修改"); |
|||
|
|||
if (type === 'edit') { |
|||
this.formData = activityId |
|||
if (activityId.coverPic) { |
|||
let ob = { |
|||
fileType: '0', |
|||
fileUrl: activityId.coverPic |
|||
}; |
|||
this.fileList = [ob]; |
|||
this.formData.coverPic = ob.fileUrl; |
|||
} |
|||
} else { |
|||
|
|||
} |
|||
this.endLoading() |
|||
|
|||
}, |
|||
|
|||
async getDemandOptions() { |
|||
this.$http |
|||
.post("/actual/base/serviceitem/listAllCategory",{}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
console.log(res.data); |
|||
this.demandOptions = this.getFlagData( |
|||
this.getTreeData(res.data), |
|||
"usableFlag" |
|||
); |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
getFlagData(data, flag) { |
|||
if (!Array.isArray(data)) return []; |
|||
let arr1 = data.filter((item) => item[flag]); |
|||
let arr2 = arr1.map((item) => { |
|||
if (item.childCateList) |
|||
return { ...item, childCateList: this.getFlagData(item.childCateList, flag) }; |
|||
else return item; |
|||
}); |
|||
return arr2; |
|||
}, |
|||
getTreeData(data) { |
|||
if (!Array.isArray(data)) return []; |
|||
let arr = data.map((item) => { |
|||
let _item = {}; |
|||
if (item.childCateList) { |
|||
if (item.childCateList.length === 0) |
|||
_item = { ...item, childCateList: undefined }; |
|||
else _item = { ...item, childCateList: this.getTreeData(item.childCateList) }; |
|||
} else { |
|||
_item = { ...item }; |
|||
} |
|||
return _item; |
|||
}); |
|||
return arr; |
|||
}, |
|||
async loadGrid() { |
|||
const url = "/gov/org/customergrid/gridoption" |
|||
|
|||
let params = { |
|||
agencyId: this.agencyId |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.gridList = data |
|||
|
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
|
|||
}, |
|||
|
|||
|
|||
|
|||
async handleComfirm() { |
|||
const link = document.createElement('a'); |
|||
link.href = this.formData.src; |
|||
link.download = this.formData.title; |
|||
document.body.appendChild(link); |
|||
link.click(); |
|||
document.body.removeChild(link); |
|||
}, |
|||
async addActivity() { |
|||
let url = '/voluntary/newsTrends/saveOrUpdate' |
|||
const { data, code, msg } = await requestPost(url, this.formData) |
|||
if (code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '操作成功' |
|||
}) |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
console.log("sdlkfjklsdf "); |
|||
this.$emit('closeAdd') |
|||
}, |
|||
|
|||
|
|||
|
|||
handleCancle() { |
|||
console.log("sdlkfjklsdf "); |
|||
this.$emit('closeAdd') |
|||
|
|||
}, |
|||
|
|||
|
|||
// 开启加载动画 |
|||
startLoading() { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading() { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
columnId: [ |
|||
{ required: true, message: '请输入图片集名称', trigger: 'blur' } |
|||
], |
|||
title: [ |
|||
{ required: true, message: '请选择共享范围', trigger: 'blur' } |
|||
], |
|||
fileList: [ |
|||
{ required: true, message: '请选择图片集封面', trigger: 'blur' } |
|||
] |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
props: { |
|||
|
|||
|
|||
|
|||
}, |
|||
destroyed () { |
|||
map = null |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/modules/visual/communityManageForm.scss"; |
|||
</style> |
|||
<style lang="scss" scoped> |
|||
.item_width_1 { |
|||
width: 634px; |
|||
|
|||
/deep/.tox .tox-dialog { |
|||
z-index: 20000; |
|||
} |
|||
} |
|||
.u-item-width-normal{ |
|||
width: 222px; |
|||
} |
|||
|
|||
.tinymce_view { |
|||
::v-deep .tox .tox-dialog { |
|||
z-index: 2000000000; |
|||
} |
|||
} |
|||
|
|||
.div_map { |
|||
position: relative; |
|||
} |
|||
|
|||
.div_searchmap { |
|||
z-index: 5000; |
|||
position: absolute; |
|||
top: 5px; |
|||
left: 5px; |
|||
} |
|||
|
|||
.tinymce_view { |
|||
height: 400px; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.text_p { |
|||
margin: 0; |
|||
padding: 0 10px; |
|||
border: 1px solid #d9d9d9; |
|||
border-radius: 5px; |
|||
|
|||
>p { |
|||
margin: 0; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,281 @@ |
|||
<template> |
|||
<div> |
|||
<div class="dialog-h-content scroll-h"> |
|||
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form"> |
|||
<el-row> |
|||
|
|||
<el-col :span="24"> |
|||
<el-form-item label="图片集名称" prop="albumName" label-width="150px"> |
|||
<el-input v-model.trim="formData.albumName" size="small" clearable placeholder="请输入图片集名称(30字以内)" |
|||
class="u-item-width-normal"></el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-form-item label="图片集封面" label-width="150px" prop="coverPicture"> |
|||
<template> |
|||
<upload-image :defaultFileList="fileList" :limit="1" @change="onChangeFileList" |
|||
@file-removed="removedImg"></upload-image> |
|||
</template> |
|||
</el-form-item> |
|||
</el-col> |
|||
|
|||
<el-col :span="24"> |
|||
<el-form-item label-width="150px" label="共享范围" prop="sharedScope"> |
|||
<el-select v-model="formData.sharedScope" placeholder="仅本组织内共享" clearable> |
|||
<el-option v-for="item in sharingScopeList" :key="item.value" :label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<div class="div_btn"> |
|||
<el-button size="small" @click="handleCancle">取 消</el-button> |
|||
<el-button size="small" type="primary" |
|||
@click="handleComfirm">确 定</el-button> |
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { requestPost } from '@/js/dai/request' |
|||
import Tinymce from '@c/tinymce2/index.vue' |
|||
import daiMap from "@/utils/dai-map"; |
|||
import util from '@js/util.js'; |
|||
// import UploadImage from './upload-image.vue' |
|||
import UploadImage from '@/views/modules/plugins/rent/upload-image.vue' |
|||
|
|||
|
|||
var map |
|||
var search |
|||
var markers |
|||
var infoWindowList |
|||
var geocoder // 新建一个正逆地址解析类 |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data() { |
|||
return { |
|||
fileList:[], |
|||
sharingScopeList:[ |
|||
{ |
|||
value:"0", |
|||
label:"仅本部门内共享" |
|||
}, |
|||
{ |
|||
value:"1", |
|||
label:"本级和直接下级组织共享" |
|||
}, |
|||
{ |
|||
value:"2", |
|||
label:"本级和直接上级组织共享" |
|||
}, |
|||
{ |
|||
value:"3", |
|||
label:"本级和直接上下级组织共享" |
|||
}, |
|||
], |
|||
formType:"add", |
|||
formData: |
|||
{ |
|||
|
|||
coverPicture:"", |
|||
albumName:"", |
|||
sharedScope:"" |
|||
|
|||
}, |
|||
corganizerList: [], |
|||
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2', |
|||
customerId: localStorage.getItem('customerId'), |
|||
|
|||
} |
|||
|
|||
}, |
|||
|
|||
components: {Tinymce, UploadImage }, |
|||
mounted() { |
|||
this.listServerOrg() |
|||
}, |
|||
|
|||
methods: { |
|||
removedImg() { |
|||
this.formData.coverPicture = '' |
|||
}, |
|||
onChangeFileList(e) { |
|||
this.startLoading() |
|||
console.log(e, 'sssssb'); |
|||
this.fileList = e.length > 0 ? e.map(item => ({ |
|||
fileType: '0', |
|||
fileUrl: item.response.data.url |
|||
})) : []; // 当e为空时清空fileList |
|||
if (e.length > 0) { |
|||
this.formData.coverPicture = e[0].response.data.url; |
|||
} else { |
|||
this.formData.coverPicture = ''; |
|||
} |
|||
this.endLoading() |
|||
}, |
|||
async initForm(type, activityId) { |
|||
this.startLoading() |
|||
this.formType = type |
|||
console.log(type,activityId,"进行修改"); |
|||
if (type === 'edit') { |
|||
this.formData = activityId |
|||
if (activityId.coverPicture) { |
|||
let ob = { |
|||
fileType: '0', |
|||
fileUrl: activityId.coverPicture |
|||
}; |
|||
this.fileList = [ob]; |
|||
this.formData.coverPicture = ob.fileUrl; |
|||
} |
|||
} else { |
|||
|
|||
} |
|||
this.endLoading() |
|||
|
|||
}, |
|||
async handleComfirm() { |
|||
if(!this.formData.albumName){ |
|||
return this.$message.error("请输入图片集名称") |
|||
} |
|||
if(!this.formData.coverPicture){ |
|||
return this.$message.error("请上传封面图片") |
|||
} |
|||
if(!this.formData.sharedScope){ |
|||
return this.$message.error("请选择共享范围") |
|||
} |
|||
this.addActivity() |
|||
}, |
|||
async addActivity() { |
|||
if(this.formType=="add"){ |
|||
let url = '/actual/base/albums/save' |
|||
const { data, code, msg } = await requestPost(url, this.formData) |
|||
if (code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '操作成功' |
|||
}) |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
this.$emit('closeAdd') |
|||
}else{ |
|||
let url = '/actual/base/albums/update' |
|||
const { data, code, msg } = await requestPost(url, this.formData) |
|||
if (code === 0) { |
|||
this.$message({ |
|||
type: 'success', |
|||
message: '操作成功' |
|||
}) |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
this.$emit('closeAdd') |
|||
} |
|||
|
|||
}, |
|||
handleCancle() { |
|||
console.log("sdlkfjklsdf "); |
|||
this.$emit('closeAdd') |
|||
|
|||
}, |
|||
|
|||
|
|||
// 开启加载动画 |
|||
startLoading() { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading() { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
albumName: [ |
|||
{ required: true, message: '请输入图片集名称', trigger: 'blur' } |
|||
], |
|||
sharedScope: [ |
|||
{ required: true, message: '请选择共享范围', trigger: 'blur' } |
|||
], |
|||
coverPicture: [ |
|||
{ required: true, message: '请选择图片集封面', trigger: 'blur' } |
|||
] |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
props: { |
|||
|
|||
|
|||
|
|||
}, |
|||
destroyed () { |
|||
map = null |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/modules/visual/communityManageForm.scss"; |
|||
</style> |
|||
<style lang="scss" scoped> |
|||
.item_width_1 { |
|||
width: 634px; |
|||
|
|||
/deep/.tox .tox-dialog { |
|||
z-index: 20000; |
|||
} |
|||
} |
|||
.u-item-width-normal{ |
|||
width: 222px; |
|||
} |
|||
|
|||
.tinymce_view { |
|||
::v-deep .tox .tox-dialog { |
|||
z-index: 2000000000; |
|||
} |
|||
} |
|||
|
|||
.div_map { |
|||
position: relative; |
|||
} |
|||
|
|||
.div_searchmap { |
|||
z-index: 5000; |
|||
position: absolute; |
|||
top: 5px; |
|||
left: 5px; |
|||
} |
|||
|
|||
.tinymce_view { |
|||
height: 400px; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.text_p { |
|||
margin: 0; |
|||
padding: 0 10px; |
|||
border: 1px solid #d9d9d9; |
|||
border-radius: 5px; |
|||
|
|||
>p { |
|||
margin: 0; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,175 @@ |
|||
<template> |
|||
<div class="" style="height: 900px;margin: 20px;"> |
|||
<div v-if="!showPictureList"> |
|||
<div class="flex f-align_item "> |
|||
<el-button type="primary" style="margin:20px 0 20px 0" size="small" |
|||
@click="onClick('add')">新建图片库</el-button> |
|||
<el-input @blur="onSelect" v-model="name" placeholder="请输入内容" style="width: 200px; margin-left: 50px;"></el-input> |
|||
</div> |
|||
|
|||
<div> |
|||
<div class="gallery"> |
|||
<div v-for="(item, index) in pictureList" style="margin-bottom: 30px;"> |
|||
<div style="margin: 30px 30px 100px 30px "> |
|||
<div style="position: relative;"> |
|||
<div style="position: absolute;z-index: 10; right: 20px;top: -20px; "> |
|||
<el-dropdown > |
|||
<span class="el-dropdown-link" style="color: blue;"> |
|||
. . . |
|||
</span> |
|||
<el-dropdown-menu slot="dropdown"> |
|||
<el-dropdown-item @click.native="onClickEdit(item,'edit')">修改</el-dropdown-item> |
|||
<el-dropdown-item @click.native="onClickEdit(item,'del')">删除</el-dropdown-item> |
|||
</el-dropdown-menu> |
|||
</el-dropdown> |
|||
</div> |
|||
<img :src="require(`@/assets/images/index/imageBackground.png`)" alt="" |
|||
style=" position: absolute; cursor:pointer; height: 180px;width: 200px; "> |
|||
<img :src="item.coverPicture ? `${item.coverPicture}` : require(`@/assets/images/index/noPictures.png`)" |
|||
@click="onPictureList" alt="" style=" top: -20px; |
|||
left: -20px;; position: absolute; cursor:pointer; height: 180px; width: 200px;"> |
|||
</div> |
|||
</div> |
|||
<div style="position: relative; bottom: -120px;left: 30px; font-size: 14px;">{{ item.albumName }} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false" |
|||
title="查看图片" width="950px" top="5vh" class="dialog-h" @closed="closeAdd"> |
|||
<picture-add ref="ref_form" @closeAdd="closeAdd"></picture-add> |
|||
</el-dialog> |
|||
</div> |
|||
<div v-if="showPictureList"> |
|||
<picture-list ref="ref_form" @closeAdd="closePictureList"></picture-list> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { requestPost, requestGet } from "@/js/dai/request"; |
|||
import { mapGetters } from 'vuex' |
|||
import pictureAdd from '../cpts/picture-add.vue' |
|||
import pictureList from '../cpts/picture-list.vue' |
|||
export default { |
|||
data() { |
|||
return { |
|||
showPictureList:false, |
|||
formShow:false, |
|||
pictureList:[ |
|||
], |
|||
name:"", |
|||
pageNo: 1, |
|||
pageSize: window.localStorage.getItem("pageSize") || 20, |
|||
taskId:"", |
|||
tableData:[], |
|||
total: 1, |
|||
}; |
|||
noPictures |
|||
}, |
|||
created() {}, |
|||
mounted() { |
|||
this.getTableData() |
|||
}, |
|||
methods: { |
|||
async getTableData() { |
|||
const url = "/actual/base/albums/page"; |
|||
const { data, code, msg } = await requestGet(url, { |
|||
name:this.name, |
|||
|
|||
}); |
|||
if (code === 0) { |
|||
this.pictureList=data.list |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
onSelect(){ |
|||
this.getTableData() |
|||
}, |
|||
closePictureList(){ |
|||
this.showPictureList=false |
|||
}, |
|||
onPictureList(){ |
|||
this.showPictureList=true |
|||
}, |
|||
closeAdd(){ |
|||
console.log("dsfjklsdfjl"); |
|||
this.formShow=false |
|||
this.getTableData() |
|||
}, |
|||
onClick(type,id){ |
|||
console.log(type,"这是点击"); |
|||
this.formShow=true |
|||
this.$nextTick(() => { |
|||
this.$refs.ref_form.initForm(type,id); |
|||
}); |
|||
}, |
|||
onClickEdit(item,val){ |
|||
console.log(item,val,"ds.lm;sd"); |
|||
if (val === 'del') { |
|||
this.$confirm("确认删除?", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning" |
|||
}) |
|||
.then(() => { |
|||
this.handleDelete(item) |
|||
}) |
|||
.catch(err => { |
|||
if (err == "cancel") { |
|||
} |
|||
}); |
|||
} else { |
|||
this.formShow = true |
|||
this.$nextTick(() => { |
|||
this.$refs.ref_form.initForm("edit", item); |
|||
}); |
|||
} |
|||
|
|||
}, |
|||
async handleDelete(row) { |
|||
const url = "/actual/base/albums/delete" |
|||
let ids = [row.id] |
|||
const { data, code, msg } = await requestPost(url, ids) |
|||
if (code === 0) { |
|||
this.$message({ |
|||
type: "success", |
|||
message: "删除成功" |
|||
}); |
|||
this.getTableData() |
|||
this.loadTable() |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
components:{pictureAdd,pictureList}, |
|||
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: 100px; |
|||
|
|||
} |
|||
</style> |
|||
@ -0,0 +1,163 @@ |
|||
<template> |
|||
<div class="" style="height: 900px;margin: 20px;"> |
|||
<div style="margin:20px 0 20px 0;align-items: center;" class="flex"> |
|||
<el-button type="text" size="small" @click="handelClickBack" style="margin-right: 10px; font-size: 10px;">返回</el-button> |
|||
<div style="margin-right: 10px;">{{ title }} </div> |
|||
<div> |
|||
<el-upload :headers="$getElUploadHeaders()" class="upload-demo" |
|||
:data="{customerId:customerId}" |
|||
:action="uploadUlr" :show-file-list="false" |
|||
:on-success="handleSuccess" > |
|||
<el-button size="small" type="primary">点击上传</el-button> |
|||
</el-upload> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<div class="gallery"> |
|||
<div v-for="(item, index) in pictureList" |
|||
style="display: flex;flex-direction: column; justify-content: center;align-items: center;"> |
|||
<div style="position: relative;" @click="onClickInfo(item)"> |
|||
<img :src="item.src ? `${item.src}` : require(`@/assets/images/index/noPictures.png`)" alt="" |
|||
style=" cursor:pointer; height: 180px; width: 200px;"> |
|||
<el-dropdown @command="onClickEdit" |
|||
style="position: absolute;z-index: 10;width: 30px;right: 1px;"> |
|||
<span class="el-dropdown-link" style="color: red;"> |
|||
. . . |
|||
</span> |
|||
<el-dropdown-menu slot="dropdown"> |
|||
<el-dropdown-item :command="item">删除</el-dropdown-item> |
|||
</el-dropdown-menu> |
|||
</el-dropdown> |
|||
</div> |
|||
<div style="margin-top: 10px;">{{ item.title }} |
|||
</div> |
|||
<div style="margin-top: 10px; font-size: 10px; color: #7f89a8;"> |
|||
<span style=""> {{ item.title }}</span> |
|||
<span> {{ item.title }}</span> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-dialog :visible.sync="showInfo" :close-on-click-modal="false" :close-on-press-escape="false" title="查看图片" |
|||
width="950px" top="5vh" class="dialog-h" @closed="closeAdd"> |
|||
<picture-Info v-if="showInfo" ref="ref_form" @closeAdd="closeAdd"></picture-Info> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { requestPost, requestGet } from "@/js/dai/request"; |
|||
import { mapGetters } from 'vuex' |
|||
import pictureInfo from '../cpts/picture-Info.vue' |
|||
import dayjs from "dayjs" |
|||
export default { |
|||
data() { |
|||
return { |
|||
showInfo:false, |
|||
uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2', |
|||
title:"xx社区", |
|||
formShow:false, |
|||
pictureList:[ |
|||
{ |
|||
id:"1001", |
|||
src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg", |
|||
title:"嘉定山社区网格巡查" |
|||
}, |
|||
{ |
|||
src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg", |
|||
title:"嘉定山社区网格巡查" |
|||
}, |
|||
{ |
|||
src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg", |
|||
title:"嘉定山社区网格巡查" |
|||
}, |
|||
{ |
|||
src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg", |
|||
title:"嘉定山社区网格巡查" |
|||
}, |
|||
{ |
|||
src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg", |
|||
title:"嘉定山社区网格巡查" |
|||
}, |
|||
{ |
|||
src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg", |
|||
title:"嘉定山社区网格巡查" |
|||
}, |
|||
{ |
|||
src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg", |
|||
title:"嘉定山社区网格巡查" |
|||
}, |
|||
{ |
|||
src:"", |
|||
title:"嘉定山社区网格巡查" |
|||
}, |
|||
|
|||
], |
|||
pageNo: 1, |
|||
pageSize: window.localStorage.getItem("pageSize") || 20, |
|||
taskId:"", |
|||
tableData:[], |
|||
total: 1, |
|||
formedate:{ |
|||
date:"", |
|||
url:"", |
|||
fileName:"", |
|||
name:"" |
|||
}, |
|||
customerId: localStorage.getItem('customerId'), |
|||
}; |
|||
noPictures |
|||
}, |
|||
created() {}, |
|||
mounted() { |
|||
this.getTableData() |
|||
}, |
|||
methods: { |
|||
handelClickBack(){ |
|||
console.log("closePictureList"); |
|||
this.$emit('closeAdd') |
|||
}, |
|||
onClickInfo(item){ |
|||
this.showInfo=true, |
|||
console.log("打开详情"); |
|||
this.$nextTick(() => { |
|||
this.$refs.ref_form.initForm(item); |
|||
}); |
|||
|
|||
}, |
|||
handleSuccess(file, fileList){ |
|||
console.log(file, fileList,"上传成功"); |
|||
this.formedate.date=dayjs(item.time).format('YYYY-MM-DD') |
|||
}, |
|||
closeAdd(){ |
|||
this.showInfo=false |
|||
}, |
|||
}, |
|||
components:{pictureInfo}, |
|||
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; |
|||
|
|||
} |
|||
</style> |
|||
@ -0,0 +1,324 @@ |
|||
<template> |
|||
<div class='flex'> |
|||
<div :class="['flex', 'flex-y', 'flex1', sheetTotal ? 'luckysheet-wrap' : 'luckysheet-wrap-all']"> |
|||
<div class="top_btn flex flex-end"> |
|||
<div> |
|||
<el-button type="text" round @click="handelClickBack" |
|||
icon="el-icon-back">返回</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button type="primary" |
|||
@click="handleClickCurrencyEvent('submit')">下载</el-button> |
|||
</div> |
|||
</div> |
|||
<div id="luckysheet"></div> |
|||
</div> |
|||
<el-dialog title="数据列表导出" v-if="showUploadData" :visible.sync="showUploadData" width="60%" |
|||
:close-on-click-modal="false"> |
|||
<excelUploadData @handleUploadDataHide="handleUploadDataHide" :currentTable="currentTable" |
|||
:btnLoading="btnLoading"> |
|||
</excelUploadData> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import excelUploadData from './excel-upload-data.vue'; |
|||
import LuckyExcel from 'luckyexcel'; |
|||
import options from "@/utils/luckysheetConfig.js"; |
|||
import { mapGetters } from 'vuex' |
|||
import { requestPost, requestGet } from "@/js/dai/request"; |
|||
import nextTick from "dai-js/tools/nextTick"; |
|||
|
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
showUploadData: false, |
|||
menuList: [], |
|||
menuActive: 0, |
|||
socket: null, |
|||
currentTable: null, |
|||
currentId: '', |
|||
btnLoading: false, |
|||
}; |
|||
}, |
|||
props: { |
|||
workbookId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
pageType: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
sheetTotal: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
infoObj: { |
|||
type: Object, |
|||
default: () => { } |
|||
}, |
|||
mergeObj: { |
|||
type: Object, |
|||
default: () => { } |
|||
}, |
|||
userId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
taskStateName: { |
|||
type: String, |
|||
default: "" |
|||
}, |
|||
}, |
|||
computed: { |
|||
tableHeight() { |
|||
return (this.clientHeight - 140) + 'px' |
|||
}, |
|||
...mapGetters(['clientHeight', 'resolution']), |
|||
}, |
|||
async created() { |
|||
|
|||
}, |
|||
watch: {}, |
|||
async mounted() { |
|||
console.log( "dskjlfsdklf"); |
|||
// if (this.sheetTotal) { |
|||
// this.currentId = this.workbookId; |
|||
// this.loadWorkBook() |
|||
// } else { |
|||
// this.getTaskList() |
|||
// } |
|||
this.loadWorkBook() |
|||
}, |
|||
methods: { |
|||
handleClickCurrencyEvent(){ |
|||
var objsheet = luckysheet.getAllSheets()[0] // 得到表的数据 |
|||
console.log(objsheet,"打算离开房间四点零分"); |
|||
|
|||
// this.options = objsheet // 将表的数据保存本地 |
|||
// this.postsheet() |
|||
}, |
|||
// async postsheet() { |
|||
// var strsheet = await JSON.stringify(this.options)// 对象转化为字符串 |
|||
// const sheetinfo = { id: 1, filename: strsheet }// 拼接成对象 |
|||
// // await updata(sheetinfo)// 传递对象后台 |
|||
// }, |
|||
|
|||
async handleClickInspect() { |
|||
// 获取celldata并转换为list |
|||
const list = luckysheet.getAllSheets()[0].celldata.map(item => ({ |
|||
r: item.r, |
|||
c: item.c, |
|||
v: item.v.v || '' |
|||
})); |
|||
// 发送请求获取异常数据 |
|||
let { data, code, msg } = await requestPost('/actual/base/intelligentImportData/checkData', list); |
|||
if (code === 0) { |
|||
if (data && data.length > 0) { |
|||
for (const { r, c } of data) { |
|||
luckysheet.setCellFormat(r, c, 'bg', '#f5504a'); |
|||
} |
|||
const findArr = this.findUniqueElements(luckysheet.getAllSheets()[0].celldata, data); |
|||
findArr.forEach(({ r, c, v }) => { |
|||
if (v.bg === "#f5504a") { |
|||
luckysheet.setCellFormat(r, c, 'bg', '#ffffff'); |
|||
} |
|||
}); |
|||
} else { |
|||
this.$message.success('没有找到异常'); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
findUniqueElements(A, B) { |
|||
// 创建B中r和c组合的键集合 |
|||
const bCombinations = new Set(B.map(item => `${item.r},${item.c}`)); |
|||
// 过滤A中不存在于B的组合 |
|||
return A.filter(item => !bCombinations.has(`${item.r},${item.c}`)); |
|||
}, |
|||
|
|||
onClickUplond() { |
|||
this.showUploadData = true; |
|||
let list = luckysheet.getAllSheets() |
|||
this.currentTable = list.filter(item => item.status == '1') |
|||
|
|||
}, |
|||
async handleUploadDataHide(val) { |
|||
this.showUploadData = false; |
|||
luckysheet.insertRow(this.currentTable[0].data.length, 1) |
|||
const findLastNonNullIndex = (arr) => { |
|||
for (let i = arr.length - 1; i >= 0; i--) { |
|||
const subArray = arr[i]; |
|||
// 判断：是数组，且至少有一个不为 null 的元素 |
|||
if (Array.isArray(subArray) && subArray.some(item => item !== null && item.v && item.v !== null && item.v !== '')) { |
|||
return i; // 返回下标 |
|||
} |
|||
} |
|||
return -1; // 如果没有符合条件的，返回 -1 |
|||
}; |
|||
this.sheetR = findLastNonNullIndex(this.currentTable[0].data) |
|||
console.log(this.currentTable[0].data.length, val.length); |
|||
luckysheet.insertRow(this.currentTable[0].data.length, { number: val.length }); |
|||
await nextTick(2000) |
|||
let newArray = val.map(obj => { |
|||
return Object.keys(obj).map(key => { |
|||
return { m: obj[key], "ct": { "fa": "General", "t": "g" }, v: obj[key] }; |
|||
}); |
|||
}); |
|||
console.log(newArray, '处理后数据'); |
|||
let bottomRightCorner = this.numberToLetter(Object.keys(val[0]).length)//选区右下角数字 |
|||
luckysheet.setRangeValue(newArray, { |
|||
range: `A${this.sheetR + 2}:${bottomRightCorner}${this.sheetR + val.length}`, |
|||
}) |
|||
}, |
|||
// 数字转换对应顺序英文 |
|||
numberToLetter(num) { |
|||
let letter = ''; |
|||
while (num > 0) { |
|||
num -= 1; // 调整为从 0 开始（即 1 -> 'A'，2 -> 'B'，...） |
|||
letter = String.fromCharCode(num % 26 + 65) + letter; // 65 是 'A' 的 Unicode 编码 |
|||
num = Math.floor(num / 26); |
|||
} |
|||
return letter; |
|||
}, |
|||
handleCellEditBefore(){ |
|||
console.log("sdfk;s.dkf"); |
|||
|
|||
}, |
|||
|
|||
loadWorkBook() { |
|||
window.luckysheet.destroy(); |
|||
const { id } = this.$store.state.user; |
|||
options.gridKey = this.currentId; |
|||
options.allowUpdate = true; |
|||
options.container = 'luckysheet' |
|||
// options.loadUrl = `${process.env.VUE_APP_API_SERVER}/actual/base/luckySheet/workbook/load?workbookId=${this.currentId}` |
|||
// options.updateUrl = `${process.env.VUE_APP_SOCKET_SERVER}/actual/base/ws/luckysheet/${this.currentId}/${id}` |
|||
// options.loadSheetUrl = `${process.env.VUE_APP_API_SERVER}/actual/base/luckySheet/workbook/loadSheets` |
|||
window.luckysheet.create({ |
|||
...options, |
|||
hook: { |
|||
cellEditBefore: this.handleCellEditBefore, |
|||
sheetCreateAfter: this.handleSheetCreateAfter, |
|||
}, |
|||
}); |
|||
}, |
|||
handleSheetCreateAfter(e) { |
|||
console.log('setsheet', e); |
|||
}, |
|||
handelClickBack() { |
|||
this.$emit('handleShowPage') |
|||
}, |
|||
|
|||
}, |
|||
components: { |
|||
excelUploadData |
|||
}, |
|||
components: { |
|||
excelUploadData |
|||
}, |
|||
beforeDestroy() { |
|||
this.$store.state.sidebarFold = false; |
|||
if (this.socket) { |
|||
this.socket.close(); |
|||
} |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.el-card { |
|||
margin: 10px auto; |
|||
padding: 0 16px; |
|||
box-sizing: border-box; |
|||
width: calc(100% - 40px); |
|||
border: none; |
|||
} |
|||
|
|||
.luckysheet-wrap { |
|||
margin: 10px; |
|||
padding: 0px; |
|||
z-index: 2; |
|||
width: calc(100vw - 400px); |
|||
height: calc(100vh - 250px); |
|||
} |
|||
|
|||
.luckysheet-wrap-all { |
|||
margin: 10px; |
|||
padding: 0px; |
|||
z-index: 2; |
|||
width: calc(100vw - 100px); |
|||
height: calc(100vh - 250px); |
|||
} |
|||
|
|||
#luckysheet { |
|||
width: 100%; |
|||
padding: 0px; |
|||
z-index: 2; |
|||
height: calc(100% - 80px); |
|||
margin: 10px; |
|||
} |
|||
|
|||
.top_btn { |
|||
height: 60px; |
|||
width: 100%; |
|||
} |
|||
|
|||
.upload-demo { |
|||
position: absolute; |
|||
z-index: 999999; |
|||
margin: 20px 0 0 22px; |
|||
} |
|||
|
|||
.right-slider { |
|||
position: absolute; |
|||
z-index: 999999; |
|||
border: 1px solid #eeeeee; |
|||
box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.2); |
|||
background: #ffffff; |
|||
margin: 10px 0 0 22px; |
|||
right: 10px; |
|||
width: 36%; |
|||
height: calc(100% - 20px); |
|||
} |
|||
|
|||
.el-header, |
|||
.el-footer { |
|||
text-align: left; |
|||
line-height: 40px; |
|||
padding-top: 0; |
|||
padding-bottom: 0; |
|||
} |
|||
|
|||
.el-main { |
|||
text-align: left; |
|||
line-height: 40px; |
|||
padding-top: 0; |
|||
padding-bottom: 0; |
|||
} |
|||
|
|||
.el-container { |
|||
display: flex; |
|||
height: 100%; |
|||
flex-direction: column; |
|||
} |
|||
|
|||
.left_menu { |
|||
width: 240px; |
|||
|
|||
.menu_item { |
|||
cursor: pointer; |
|||
padding: 10px 16px; |
|||
box-sizing: border-box; |
|||
margin-bottom: 5px; |
|||
background-color: #f2f8fd; |
|||
border-radius: 5px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.active { |
|||
color: #3989eb; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue