Skip to content

T
template_vue
Commit 471effc5 authored by Hagsn3's avatar Hagsn3
Browse files
Options

样式

parent edd4a643
Hide whitespace changes
Inline Side-by-side
Showing with 103 additions and 100 deletions
src/views/checkList.vue
View file @ 471effc5
......@@ -118,10 +118,10 @@
<!-- 下方列表-->
<div class="recordOneContent">
<el-form>
<div v-for="(item,index) in recode1" :key="index" :class="index === 0? 'oneContent': 'Content'">
<div class="oneDiv">
<div class="number">{{ index + 1 }}</div>
<div class="recordData">
<div v-for="(item,index) in recode1" :key="index" :class="index === 0? 'oneContent': 'Content'">
<div class="oneDiv">
<div class="number">{{ index + 1 }}</div>
<div class="recordData">
<el-form-item>
<el-input
v-model="item.recordData"
......@@ -130,26 +130,26 @@
@input="handleData1Input(index)"
/>
</el-form-item>
<i
v-show="!(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'||
(controlsForm.controls == '3' && controlsForm.approveStatus === '1') ||
(controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))"
class="el-icon-circle-close"
style="color: #5cbce5; height: 42px"
@click="clearForm(index)"
/>
<i
v-show="!(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'||
(controlsForm.controls == '3' && controlsForm.approveStatus === '1') ||
(controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))"
class="el-icon-circle-close"
style="color: #5cbce5; height: 42px"
@click="clearForm(index)"
/>
</div>
</div>
<div class="Value">
<TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div>
<div class="averageValue">
<TextToolTip :text="item.differenceValue1" :max-length="8" :disabled-show="false" />
</div>
<div class="compareValue">
<TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" />
</div>
</div>
<div class="Value">
<TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div>
<div class="averageValue">
<TextToolTip :text="item.differenceValue1" :max-length="8" :disabled-show="false" />
</div>
<div class="compareValue">
<TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" />
</div>
</div>
</el-form>
</div>
<!-- <div class="recordOneBottom">-->
......@@ -201,28 +201,28 @@
v-model="item.recordData"
:maxlength="7"
:disabled="controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'
|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
@input="handleData2Input(index)"
/>
<i
v-show="!(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1'||
(controlsForm.controls == '3' && controlsForm.approveStatus === '1') ||
(controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))"
(controlsForm.controls == '3' && controlsForm.approveStatus === '1') ||
(controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' ))"
class="el-icon-circle-close"
style="color: #5cbce5"
@click="clearInspectionFormTwo(index)"
/>
</div>
</div>
<div class="Value">
<TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div>
<div class="averageValue">
<TextToolTip :text="item.differenceValue1" :max-length="8" :disabled-show="false" />
</div>
<div class="compareValue">
<TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" />
</div>
<div class="Value">
<TextToolTip :text="item.differenceValue" :max-length="8" :disabled-show="false" /></div>
<div class="averageValue">
<TextToolTip :text="item.differenceValue1" :max-length="8" :disabled-show="false" />
</div>
<div class="compareValue">
<TextToolTip :text="item.differenceValue2" :max-length="8" :disabled-show="false" />
</div>
</div>
</div>
......@@ -279,7 +279,7 @@
/>
</el-form-item>
</el-form>
<el-form class="isDifferentContent" ref="inspectJbAl2o3List" :model="inspectJbAl2o3List" :rules="rules">
<el-form ref="inspectJbAl2o3List" class="isDifferentContent" :model="inspectJbAl2o3List" :rules="rules">
<el-form-item label="差异:" label-width="80" prop="limitThree">
<el-input
v-model="inspectJbAl2o3List.limitThree"
......@@ -349,14 +349,6 @@
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="firstHdPn:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.firstHdPn"
:disabled="this.controlsForm.controls ==='1'&& this.controlsForm.approveStatus ==='1'
|| (this.controlsForm.controls == '3' && this.controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="firstHdRes:">
<div
v-if="((controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
......@@ -384,14 +376,6 @@
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wxPn:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wxPn"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wxRes:">
<div
v-if="((controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
......@@ -420,14 +404,7 @@
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="cyPn:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.cyPn"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="cyRes:">
<div
v-if="((controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
......@@ -448,6 +425,13 @@
<el-radio label="2">不合格</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="noProject:">
<el-input
v-model="inspectJbAl2o3List.noProject"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInputProject"
/>
</el-form-item>
<el-form-item label="finalRes:">
<div
v-if="((controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
......@@ -468,92 +452,115 @@
<el-radio label="2">不合格</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="noProject:">
<el-form-item label="wgKx:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.noProject"
v-model="inspectJbAl2o3List.wgKx"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInputProject"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgKx:" class="inspectJbAlInputBody">
<el-form-item label="wgWlw:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgKx"
v-model="inspectJbAl2o3List.wgWlw"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
</div>
<div class="rightRegion">
<el-form-item label="wgLlw:" class="inspectJbAlInputBody">
<el-form-item label="wgZk:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgLlw"
v-model="inspectJbAl2o3List.wgZk"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgWlw:" class="inspectJbAlInputBody">
<el-form-item label="wgBm:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgWlw"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
v-model="inspectJbAl2o3List.wgBm"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1')|| (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgJbwq:" class="inspectJbAlInputBody">
<el-form-item label="wgQg:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgJbwq"
v-model="inspectJbAl2o3List.wgQg"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInputJbwq"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgZk:" class="inspectJbAlInputBody">
<el-form-item label="wgFf:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgZk"
v-model="inspectJbAl2o3List.wgFf"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgSh:" class="inspectJbAlInputBody">
</div>
<div class="rightRegion">
<el-form-item label="firstHdPn:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgSh"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
v-model="inspectJbAl2o3List.firstHdPn"
:disabled="this.controlsForm.controls ==='1'&& this.controlsForm.approveStatus ==='1'
|| (this.controlsForm.controls == '3' && this.controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgBm:" class="inspectJbAlInputBody">
<el-form-item label="wxPn:" class="wxpnInspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgBm"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1')|| (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
v-model="inspectJbAl2o3List.wxPn"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgTc:" class="inspectJbAlInputBody">
<el-form-item label="cyPn:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgTc"
v-model="inspectJbAl2o3List.cyPn"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')
|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgLlw:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgLlw"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgQg:" class="inspectJbAlInputBody">
<el-form-item label="wgJbwq:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgQg"
v-model="inspectJbAl2o3List.wgJbwq"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgCq:" class="inspectJbAlInputBody">
<el-form-item label="wgSh:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgCq"
v-model="inspectJbAl2o3List.wgSh"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInputJbwq"
/>
</el-form-item>
<el-form-item label="wgTc:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgTc"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgFf:" class="inspectJbAlInputBody">
<el-form-item label="wgCq:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgFf"
v-model="inspectJbAl2o3List.wgCq"
:disabled="(controlsForm.controls ==='1'&& controlsForm.approveStatus ==='1')|| (controlsForm.controls == '3' && controlsForm.approveStatus === '1') || (controlsForm.controls ==='3'&&controlsForm.approveStatus === '9' )"
class="inspectJbAlInput"
/>
</el-form-item>
<el-form-item label="wgTf:" class="inspectJbAlInputBody">
<el-input
v-model="inspectJbAl2o3List.wgTf"
......@@ -2325,11 +2332,10 @@ export default {
}
.isDifferentContent {
::v-deep .el-form-item__label{
padding-left: 5%;
}
.inspectionDifferentInput {
width: 50%;
margin-left: 5%;
}
}
//.inspectDifferent{
......@@ -2492,7 +2498,6 @@ export default {
}
}
.Value {
//margin-left: 20px;
//margin-top: 8px;
......@@ -2542,8 +2547,6 @@ export default {
}
}
}
//.recordOneBottom{
// display: flex;
......@@ -2704,8 +2707,7 @@ export default {
display: flex;
padding-bottom: 2%;
padding-left: 1%;
justify-content: space-between;
width: 77%;
justify-content: space-evenly;
.recordThreeBottomMax{
width: 130px;
font-size: 14px;
......@@ -2971,7 +2973,6 @@ export default {
align-items: center;
}
}
.Content {
......@@ -3009,7 +3010,6 @@ export default {
}
}
.Value {
//margin-left: 20px;
//margin-top: 8px;
......@@ -3358,13 +3358,16 @@ export default {
}
.rightRegion {
width: 44.5%;
width: 47%;
.inspectJbAlInputBody {
margin-top: 20px;
text-align: right;
}
::v-deep .el-form-item__label{
width: 14%;
}
}
.inspectJbAlInput {
width: 86%;
}
......
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