1.直观图样式修正

master
董哲奇 1 year ago
parent 91a5eb31eb
commit d92f79e6c0

@ -205,6 +205,36 @@ aside {
height: 24px !important; height: 24px !important;
} }
} }
.mytablefdt{
.multiselect--active {
z-index: 1000 !important;
}
.vxe-cell .vxe-default-input, .vxe-cell .vxe-default-select, .vxe-cell .vxe-default-textarea, .vxe-table--filter-wrapper .vxe-default-input, .vxe-table--filter-wrapper .vxe-default-select, .vxe-table--filter-wrapper .vxe-default-textarea {
height: 20px !important;
}
.vxe-table--render-default .vxe-body--column.col--ellipsis, .vxe-table--render-default.vxe-editable .vxe-body--column, .vxe-table--render-default .vxe-footer--column.col--ellipsis, .vxe-table--render-default .vxe-header--column.col--ellipsis {
height: 26px !important;
}
.vxe-input {
//font-size: 12px;
height: 20px !important;
}
.vxe-table--render-default .vxe-body--column, .vxe-table--render-default .vxe-footer--column, .vxe-table--render-default .vxe-header--column {
position: relative;
line-height: 12px;
text-align: center;
}
.vxe-table--render-default .vxe-cell {
white-space: pre-line;
word-break: break-all;
padding-left: 2px !important;
padding-right: 2px !important;
}
table{
border-spacing: 0 !important;
border-collapse: collapse !important;
}
}
.mytableLfet{ .mytableLfet{
.multiselect--active { .multiselect--active {
z-index: 1000 !important; z-index: 1000 !important;

@ -3,33 +3,59 @@
<el-header style="width: 100%; height: 30px;font-size: 12px"> <el-header style="width: 100%; height: 30px;font-size: 12px">
<el-form :inline="true" label-width="90px" > <el-form :inline="true" label-width="90px" >
<el-row> <el-row>
<el-col :span="20"> <el-col :span="20">
<el-form-item label="工程编号:" > <el-form-item label="工程编号:" >
<el-select v-model="queryParam.czbh" filterable placeholder="工程编号" @change="czbhChange" > <el-select v-model="queryParam.czbh" filterable placeholder="工程编号" @change="czbhChange" >
<el-option <el-option
v-for="item in projectData" v-for="item in projectData"
:key="item.czbh" :key="item.cbbm"
:label="item.czbh" :label="item.cbbm"
:value="item.czbh"> :value="item.cbbm">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="4">
<el-form-item style="float: right" >
<el-button type="success" @click="loadData()"></el-button>
<el-button type="success" @click.native="uploadExcel"> <el-upload
:action="uploadAction"
:show-file-list="false"
:before-upload="beforeAvatarUpload"
:data="uploadData"
:on-success="handleAvatarSuccess"
:disabled="uploadState==0?true:false"
:headers="heads"
>
直观图模板导入
</el-upload> </el-button>
</el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</el-header> </el-header>
<el-divider></el-divider> <el-divider></el-divider>
<el-container style="padding-top: 0px"> <el-container style="padding-top: 0px">
<!-- <el-container >-->
<el-main> <el-main>
<div class="mytablefdt" > <div class="mytablefdt" >
<vxe-grid <vxe-grid
id="id" id="id"
ref="xGridFd" ref="xGridFd"
:empty-text="emtext" :empty-text="emtext"
show-footer show-footer
:height="500" :height="500"
resizable resizable
:custom-config="{storage: true}"
:columns="tableColumn" :columns="tableColumn"
:data="tableData" :data="tableData"
:show-header="false" :show-header="false"
@ -38,8 +64,12 @@
border=none border=none
:cell-style="cellStyle" :cell-style="cellStyle"
> >
</vxe-grid> </vxe-grid>
</div> </div>
<el-tabs v-model="activeName" > <el-tabs v-model="activeName" >
<el-tab-pane label="汇总" name="first"> <el-tab-pane label="汇总" name="first">
<span slot="label" class="fontClass">汇总</span> <span slot="label" class="fontClass">汇总</span>
@ -59,12 +89,14 @@
show-header-overflow show-header-overflow
:cell-style="cellStyle1" :cell-style="cellStyle1"
> >
<template #tpbh="{ row }"> <template #tpbh="{ row }">
<span style="cursor:pointer;color: blue" @click="tpbhClcik(row)">{{ row.tpbh }}</span> <span style="cursor:pointer;color: blue" @click="tpbhClcik(row)">{{ row.tpbh }}</span>
</template> </template>
<template #fdh="{ row }"> <template #fdh="{ row }">
<span style="cursor:pointer;color: blue" @click="fdhClcik(row)">{{ row.fdh }}</span> <span style="cursor:pointer;color: blue" @click="fdhClcik(row)">{{ row.fdh }}</span>
</template> </template>
</vxe-grid> </vxe-grid>
</div> </div>
</el-tab-pane> </el-tab-pane>
@ -88,13 +120,20 @@
:header-cell-style="headerCellStyle" :header-cell-style="headerCellStyle"
:show-footer="true" :show-footer="true"
> >
</vxe-grid> </vxe-grid>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</el-main> </el-main>
</el-container> </el-container>
</el-container> </el-container>
</template> </template>
<script> <script>
@ -102,7 +141,8 @@ import { startLoading, endLoading } from '@/utils'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { getToken } from '@/utils/auth' import { getToken } from '@/utils/auth'
import { Message } from 'element-ui' import { Message } from 'element-ui'
import { getCzFdBase, upload, getListFdMx, findTPxqjh } from '@/api/fd/base' import { getCzFdBase, getList, upload, getListFdMx, findTPxqjh } from '@/api/fd/base'
import XEUtils from 'xe-utils'
import { getSumAdd } from '@/utils/rpkj' import { getSumAdd } from '@/utils/rpkj'
export default { export default {
// //
@ -1341,6 +1381,12 @@ export default {
font-weight: bold; font-weight: bold;
} }
.mytablefdt .vxe-table--render-default .vxe-cell {
white-space: pre-line;
word-break: break-all;
padding-left: 2px!important;
padding-right: 2px!important;
}
</style> </style>

@ -70,7 +70,7 @@ export default {
.dashboard-editor-container { .dashboard-editor-container {
background-color: #e3e3e3; background-color: #e3e3e3;
min-height: 100vh; min-height: 100vh;
padding: 50px 60px 0px; padding: 10px;
.pan-info-roles { .pan-info-roles {
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;

Loading…
Cancel
Save