Skip to content

D
DC-TOM
Commit 7207252a authored by liuzhaoh's avatar liuzhaoh
Browse files
Options

修复样式问题

parent 5c6fcb46
Hide whitespace changes
Inline Side-by-side
Showing with 161 additions and 124 deletions
src/views/AboutView/AboutView.vue
View file @ 7207252a
......@@ -400,7 +400,9 @@ onBeforeUnmount(() => {});
width: 100%;
}
.content-box {
// margin-top: 24px;
display: flex;
flex-direction: column;
height: 100%;
.search {
display: flex;
justify-content: space-between;
......@@ -408,8 +410,9 @@ onBeforeUnmount(() => {});
margin-bottom: 16px;
}
.table-box {
flex: 1;
width: 100%;
height: calc(100vh - 280px);
height: calc(100vh - 600px);
}
}
......
src/views/closeManage/myAgency.vue
View file @ 7207252a
......@@ -1254,7 +1254,8 @@ const handlePaginationChange = (pagination) => {
text-align: center;
}
.table-box {
height: calc(100vh - 200px);
height: calc(100vh - 600px);
flex: 1;
}
.yellow {
// color: #faa508;
......
src/views/closeManage/myDone.vue
View file @ 7207252a
......@@ -1249,7 +1249,8 @@ const handlePaginationChange = (pagination) => {
text-align: center;
}
.table-box {
height: calc(100vh - 200px);
height: calc(100vh - 600px);
flex: 1;
}
.yellow {
// color: #faa508;
......
src/views/collectorList/collectorList.vue
View file @ 7207252a
......@@ -328,6 +328,23 @@ onBeforeUnmount(() => {});
width: 100%;
}
.content-box {
display: flex;
flex-direction: column;
height: 100%;
.search {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.table-box {
width: 100%;
height: calc(100vh - 600px);
flex: 1;
}
}
.default-btn {
.search {
display: flex;
justify-content: space-between;
......
src/views/dustMonitoring/index.vue
View file @ 7207252a
......@@ -617,6 +617,9 @@ $borderColor: #bbbdc391;
box-sizing: border-box;
padding: 1rem;
overflow: hidden;
overflow: auto;
display: flex;
flex-direction: column;
}
.top-box {
padding-top: 18px;
......@@ -633,7 +636,6 @@ $borderColor: #bbbdc391;
border: 1px solid rgba(13, 15, 18, 0.1);
box-shadow: 0px 3px 6px 0px rgba(13, 15, 18, 0.1);
width: 100%;
height: 100%;
height: 63vh;
background: #fff;
.chart-box {
......@@ -656,7 +658,7 @@ $borderColor: #bbbdc391;
border: 1px solid rgba(13, 15, 18, 0.1);
box-shadow: 0px 3px 6px 0px rgba(13, 15, 18, 0.1);
background: #fff;
padding: 10px;
padding: 1%;
box-sizing: border-box;
.battery {
width: 100%;
......@@ -801,6 +803,7 @@ $borderColor: #bbbdc391;
display: flex;
justify-content: space-between;
gap: 16px;
flex: 1;
}
.layout2 {
display: flex;
......
src/views/equipmentManagement/index.vue
View file @ 7207252a
<template>
<div class="equipment-management">
<div class="content-box">
<div class="search">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="工序">
<el-select
v-model="formInline.productionLineId"
placeholder="请选择工序"
style="width: 120px"
>
<el-option
v-for="item in processOptions"
:key="item.productionLineId"
:label="item.productionLineName"
:value="item.productionLineId"
/>
</el-select>
</el-form-item>
<el-form-item label="除尘器名称">
<el-input
v-model="formInline.dusterName"
placeholder="请输入除尘器名称"
style="width: 240px"
clearable
<div class="search">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="工序">
<el-select
v-model="formInline.productionLineId"
placeholder="请选择工序"
style="width: 120px"
>
<el-option
v-for="item in processOptions"
:key="item.productionLineId"
:label="item.productionLineName"
:value="item.productionLineId"
/>
</el-form-item>
<el-form-item label="设备名称">
<el-input
v-model="formInline.deviceName"
placeholder="请输入设备名称"
style="width: 240px"
clearable
</el-select>
</el-form-item>
<el-form-item label="除尘器名称">
<el-input
v-model="formInline.dusterName"
placeholder="请输入除尘器名称"
style="width: 240px"
clearable
/>
</el-form-item>
<el-form-item label="设备名称">
<el-input
v-model="formInline.deviceName"
placeholder="请输入设备名称"
style="width: 240px"
clearable
/>
</el-form-item>
<el-form-item label="设备类型">
<el-select
v-model="formInline.deviceTypeId"
placeholder="请选择设备类型"
style="width: 120px"
>
<el-option
v-for="item in deviceTypeEnum"
:key="item.deviceTypeId"
:label="item.deviceType"
:value="item.deviceTypeId"
/>
</el-form-item>
<el-form-item label="设备类型">
<el-select
v-model="formInline.deviceTypeId"
placeholder="请选择设备类型"
style="width: 120px"
>
<el-option
v-for="item in deviceTypeEnum"
:key="item.deviceTypeId"
:label="item.deviceType"
:value="item.deviceTypeId"
/>
</el-select>
</el-form-item>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="default" class="default-btn" @click="onReset"
>重置</el-button
>
<el-button
type="primary"
class="search-btn margin-right-10"
@click="onQuery"
>查询</el-button
>
<el-upload
ref="upload"
class="upload-demo"
:action="uploadUrl"
:on-exceed="handleExceed"
:on-error="handleError"
:on-success="handleSuccess"
:on-progress="handleProgress"
:before-upload="beforeUpload"
:headers="{
token: getToken('TOKEN'),
}"
<el-form-item>
<el-button type="default" class="default-btn" @click="onReset"
>重置</el-button
>
<el-button
type="primary"
class="search-btn margin-right-10"
@click="onQuery"
>查询</el-button
>
<el-upload
ref="upload"
class="upload-demo"
:action="uploadUrl"
:on-exceed="handleExceed"
:on-error="handleError"
:on-success="handleSuccess"
:on-progress="handleProgress"
:before-upload="beforeUpload"
:headers="{
token: getToken('TOKEN'),
}"
>
<el-button type="success" class="add-btn margin-right-10"
>导入</el-button
>
<el-button type="success" class="add-btn margin-right-10"
>导入</el-button
>
</el-upload>
<el-button type="success" class="add-btn" @click="onExportFile"
>导出</el-button
>
<el-button
type="success"
class="add-btn"
@click="onDownloadTemplate"
>模板下载</el-button
>
</el-form-item>
</el-form>
</div>
<div class="table-box">
<common-table
:data="tableData"
:columns="tableColumns"
:default-page-size="10"
@pagination-change="handlePaginationChange"
:total="total"
align="center"
:pagination-texts="{
total: '共',
sizeChange: '条/页',
prev: '前一页',
next: '后一页',
jumper: '跳至',
}"
>
<template #index="{ $index }">
{{ getIndex($index) }}
</template>
</el-upload>
<el-button type="success" class="add-btn" @click="onExportFile"
>导出</el-button
>
<el-button type="success" class="add-btn" @click="onDownloadTemplate"
>模板下载</el-button
>
</el-form-item>
</el-form>
</div>
<div class="table-box">
<common-table
:data="tableData"
:columns="tableColumns"
:default-page-size="10"
@pagination-change="handlePaginationChange"
:total="total"
align="center"
:pagination-texts="{
total: '共',
sizeChange: '条/页',
prev: '前一页',
next: '后一页',
jumper: '跳至',
}"
>
<template #index="{ $index }">
{{ getIndex($index) }}
</template>
<template #operation="{ row }">
<el-button text @click="getParamsConfig(row)"> 参数设置 </el-button>
</template>
</common-table>
</div>
<template #operation="{ row }">
<el-button text @click="getParamsConfig(row)"> 参数设置 </el-button>
</template>
</common-table>
</div>
<setParamsDialog
v-model:dialogVisible="dialogVisible"
......@@ -461,17 +456,18 @@ onMounted(() => {
background: #fff;
overflow: hidden;
padding: 20px;
.content-box {
.search {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.table-box {
width: 100%;
height: calc(100vh - 235px);
}
display: flex;
flex-direction: column;
.search {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.table-box {
width: 100%;
height: calc(100vh - 400px);
flex: 1;
}
}
.default-btn {
......
src/views/equipmentManagement/suspendManagement/suspendManagement.vue
View file @ 7207252a
......@@ -297,6 +297,22 @@ onBeforeUnmount(() => {});
width: 100%;
}
.content-box {
display: flex;
flex-direction: column;
height: 100%;
.search {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.table-box {
flex: 1;
width: 100%;
height: calc(100vh - 600px);
}
}
.default-btn {
.search {
display: flex;
justify-content: space-between;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment