Browse Source

汇总文件样式没写完,弹性盒加到公共样式中

luckysheet-xiaowang-Intelligen
mk 8 months ago
parent
commit
0264f9ab4f
  1. BIN
      src/assets/images/index/Excel.png
  2. 33
      src/assets/scss/common.scss
  3. 81
      src/views/modules/base/smartExcel/cpts/excel-summary.vue
  4. 5
      src/views/modules/base/smartExcel/index.vue

BIN
src/assets/images/index/Excel.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

33
src/assets/scss/common.scss

@ -904,3 +904,36 @@ html .el-form-item__label {
.g-cnt-wrap {
padding: 12px 6px;
}
.flex{
display: flex;
.flex1{
flex: 1;
}
&-1{
flex: 1;
}
&-y{
flex-direction: column;
}
&-x{
flex-direction: row;
}
&-center-deputy{
justify-content: center;
}
&-center2-main{
align-items: center;
}
&-mean{
justify-content: space-around;
}
&-end{
justify-content: space-between;
}
&-fend{
justify-content: flex-end;
}
&-wrap{
flex-wrap: wrap;
}
}

81
src/views/modules/base/smartExcel/cpts/excel-summary.vue

@ -1,10 +1,14 @@
<template>
<!-- 文件汇总 -->
<div class=''>
<div class="el-card">
<div v-show="!showView">
<div>文件汇总</div>
<el-button type="primary" round @click="showView = true">去数据</el-button>
<el-button type="primary" round @click="handelClickBack">返回</el-button>
<h3 class="title">汇总文件</h3>
<div class="item flex flex-y flex-center-deputy">
<img :src="require(`@/assets/images/index/Excel.png`)" alt="">
<div>周期更新表</div>
</div>
<!-- <el-button type="primary" round @click="showView = true">去数据</el-button>
<el-button type="primary" round @click="handelClickBack">返回</el-button> -->
</div>
<div v-if="showView">
<excel-view @close="close"></excel-view>
@ -14,11 +18,46 @@
<script>
import excelView from "./excel-view.vue";
import { requestPost } from "@/js/dai/request";
export default {
data() {
return {
showView:false
showView:false,
list:[
{
title:'嘉定山社区',
state:'未提交'
},
{
title:'嘉定山社区',
state:'未提交'
},
{
title:'嘉定山社区',
state:'未提交'
},
{
title:'嘉定山社区',
state:'未提交'
},
{
title:'嘉定山社区',
state:'未提交'
},
{
title:'嘉定山社区',
state:'未提交'
},
{
title:'嘉定山社区',
state:'未提交'
},
{
title:'嘉定山社区',
state:'未提交'
},
]
};
},
created() { },
@ -31,9 +70,37 @@ export default {
}
},
components: { excelView },
computed: {},
computed: {
},
watch: {},
}
</script>
<style lang='scss' scoped></style>
<style lang='scss' scoped>
.title{
position: relative;
&::after{
content: '';
width: 3px;
height: 5px;
background: #5493ff;
display: block;
position: absolute;
top: 0;
left: 0;
}
}
.el-card{
margin: 10px auto;
padding: 0 16px;
box-sizing: border-box;
width: calc(100% - 40px);
}
.item{
img{
width: 80px;
height: 80px;
}
}
</style>

5
src/views/modules/base/smartExcel/index.vue

@ -178,15 +178,16 @@ export default {
},
computed: {
maxTableHeight() {
const h = this.clientHeight - this.searchH - 275 + this.iframeHeight;
const h = this.clientHeight - this.searchH - 275;
const _h = this.clientHeight - 275 - this.searchH;
return this.$store.state.inIframe ? h : _h;
},
...mapGetters(["clientHeight", "iframeHeight"]),
...mapGetters(["clientHeight"]),
},
watch: {
},
mounted() {
this.getTableData()
this.getOrgTreeList()
},
methods: {

Loading…
Cancel
Save