Commit 74e2ff3c by maxiaohan

认定-倒查样式调整

parent 8a1a2707
<template> <template>
<div class="tl"> <div class="tl">
<div class="header"> <div class="header">
<div class="header-label">倒查</div> <div class="label">倒查</div>
<div class="btns"> <div class="btns">
<div class="bz-btn" @click="Bz">比中</div> <div class="bz-btn" @click="Bz">比中</div>
<div class="rd-btn" @click="Rdwc">认定完成</div> <div class="rd-btn" @click="Rdwc">认定完成</div>
...@@ -65,16 +65,18 @@ div { ...@@ -65,16 +65,18 @@ div {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
.label {
align-self: flex-start;
width: 32px;
height: 22px;
font-size: 16px;
font-weight: bold;
color: #333333;
line-height: 22px;
margin-top: 14px;
}
} }
.header-label {
align-self: flex-start;
width: 32px;
height: 22px;
font-size: 16px;
font-weight: bold;
color: #333333;
line-height: 22px;
}
.btns { .btns {
align-self: flex-end; align-self: flex-end;
margin-right: 50px; margin-right: 50px;
......
<template> <template>
<div class="tl-src"> <div class="tl-src">
<div class="top"> <div class="top">
<label>任务号:</label> <label>任务号:{{ rwh }}</label>
<el-checkbox v-model="checked">显示已认定完成查询ID</el-checkbox> <el-checkbox v-model="checked">显示已认定完成查询ID</el-checkbox>
</div> </div>
<div class="main"> <div class="main">
...@@ -118,6 +118,7 @@ export default { ...@@ -118,6 +118,7 @@ export default {
}, },
data() { data() {
return { return {
rwh: 21,
checked: true, checked: true,
tableData: null, tableData: null,
options: "展开", options: "展开",
...@@ -165,6 +166,9 @@ export default { ...@@ -165,6 +166,9 @@ export default {
div { div {
display: inline-block; display: inline-block;
} }
label {
margin-right: 67px;
}
.tl-src { .tl-src {
width: 100%; width: 100%;
height: 100%; height: 100%;
......
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