Skip to content

T
template_vue
Commit 02bb6710 authored by 高宇's avatar 高宇
Browse files
Options

调整预览图片初始大小

parent 1de56a3c
Hide whitespace changes
Inline Side-by-side
Showing with 118 additions and 87 deletions
src/views/checkList.vue
View file @ 02bb6710
...@@ -117,31 +117,29 @@ ...@@ -117,31 +117,29 @@
</div> </div>
<!-- 下方列表--> <!-- 下方列表-->
<div class="recordOneContent"> <div class="recordOneContent">
<el-form>
<div v-for="(item,index) in recode1" :key="index" :class="index === 0? 'oneContent': 'Content'"> <div v-for="(item,index) in recode1" :key="index" :class="index === 0? 'oneContent': 'Content'">
<div class="number">{{ index + 1 }}</div> <div class="oneDiv">
<div class="recordData"> <div class="number">{{ index + 1 }}</div>
<el-form ref="recode1" :rules="rules"> <div class="recordData">
<el-form-item prop="recordData"> <el-form-item>
<el-input <el-input
v-model="item.recordData" v-model="item.recordData"
:maxlength="7" :maxlength="7"
:disabled="controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )" :disabled="controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
@input="handleData1Input(index)" @input="handleData1Input(index)"
/> />
</el-form-item> </el-form-item>
</el-form> <i
<i v-show="!(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'||
v-show="!(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'||
(controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls == '3' && controlsForm.approveStatus === '1') ||
(controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))" (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))"
class="el-icon-circle-close" class="el-icon-circle-close"
style="color: #5cbce5" style="color: #5cbce5; height: 42px"
@click="clearForm(index)" @click="clearForm(index)"
/> />
</div>
<div class="contentDiv">
</div>
</div> </div>
<div class="Value"> <div class="Value">
<TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div> <TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div>
...@@ -152,6 +150,7 @@ ...@@ -152,6 +150,7 @@
<TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" /> <TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" />
</div> </div>
</div> </div>
</el-form>
</div> </div>
<!-- <div class="recordOneBottom">--> <!-- <div class="recordOneBottom">-->
<!-- <div class="recordOneBottomMax">最大值 :--> <!-- <div class="recordOneBottomMax">最大值 :-->
...@@ -2386,57 +2385,74 @@ export default { ...@@ -2386,57 +2385,74 @@ export default {
.oneContent { .oneContent {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
padding-bottom: 16px; //padding-bottom: 16px;
.number { .oneDiv{
width: 9px;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
display: flex;
align-items: center;
}
.recordData {
display: flex;
margin-left: 3%;
width: 25%; width: 25%;
.el-icon-circle-close{ display: flex;
cursor: pointer; .number {
width: 9px;
height: 38px;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 10px; }
.recordData {
display: flex;
margin-left: 11%;
width: 80%;
.el-icon-circle-close{
cursor: pointer;
display: flex;
align-items: center;
margin-left: 10px;
}
} }
} }
.Value{
width: 64px; .Value {
//margin-left: 20px;
//margin-top: 8px;
width: 25%;
display: flex;
justify-content: center;
padding-right: 3%;
height: 18px; height: 18px;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
text-align: LEFT; text-align: LEFT;
color: #0057ff; color: #0057ff;
margin-left: 5%; //margin-left: 5%;
margin-top: -3%; margin-top: -3%;
} }
.averageValue{ .averageValue {
width: 64px; //margin-left: 12%;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
display: flex;
justify-content: center;
padding-right: 11%;
font-size: 14px; font-size: 14px;
text-align: LEFT; text-align: LEFT;
color: #0057ff; color: #0057ff;
margin-left: 12%; width: 25%;
margin-top: -3%; margin-top: -3%;
} }
.compareValue { .compareValue {
margin-left: 12%; width: 25%;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
padding-right: 19.2%;
color: #606266; color: #606266;
//margin-left: 11%;
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
} }
} }
...@@ -2446,73 +2462,88 @@ export default { ...@@ -2446,73 +2462,88 @@ export default {
margin-top: 16px; margin-top: 16px;
padding-bottom: 16px; padding-bottom: 16px;
//justify-content: center; //justify-content: center;
.oneDiv{
.number {
width: 9px;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
display: flex;
align-items: center;
}
.recordData {
//margin-left: 4%;
//margin-right: 2%;
width: 25%; width: 25%;
margin-left: 3%;
height: 32px;
border-radius: 4px;
display: flex; display: flex;
.el-icon-circle-close{ .number {
cursor: pointer; width: 9px;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 10px; }
.recordData {
//margin-left: 4%;
//margin-right: 2%;
width: 80%;
margin-left:11%;
height: 32px;
border-radius: 4px;
display: flex;
.el-icon-circle-close{
cursor: pointer;
display: flex;
align-items: center;
margin-left: 10px;
}
} }
} }
.Value { .Value {
//margin-left: 20px; //margin-left: 20px;
//margin-top: 8px; //margin-top: 8px;
//border: 1px solid; //border: 1px solid;
width: 64px; width: 25%;
display: flex;
justify-content: center;
padding-right: 3%;
height: 18px; height: 18px;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
text-align: LEFT; text-align: LEFT;
color: #0057ff; color: #0057ff;
margin-left: 5%; //margin-left: 5%;
margin-top: -3%; margin-top: -3%;
} }
}
.averageValue { .averageValue {
width: 64px; width: 25%;
font-family: Microsoft YaHei, Microsoft YaHei-400; display: flex;
font-weight: 400; justify-content: center;
font-size: 14px; padding-right: 11%;
text-align: LEFT; font-family: Microsoft YaHei, Microsoft YaHei-400;
color: #0057ff; font-weight: 400;
margin-left: 12%; font-size: 14px;
margin-top: -3%; text-align: LEFT;
color: #0057ff;
//margin-left: 12%;
margin-top: -3%;
} }
.compareValue { .compareValue {
font-size: 14px; width: 25%;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-size: 14px;
font-weight: 400; font-family: Microsoft YaHei, Microsoft YaHei-400;
color: #606266; font-weight: 400;
margin-left: 12%; padding-right: 19.2%;
//margin-left: 15%; color: #606266;
display: flex; //margin-left: 12%;
align-items: center; //margin-left: 15%;
display: flex;
justify-content: center;
align-items: center;
}
} }
} }
//.recordOneBottom{ //.recordOneBottom{
// display: flex; // display: flex;
......
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