Skip to content

T
template_vue
Commit 09efbd85 authored by Hagsn3's avatar Hagsn3
Browse files
Options

111

parent 76fd445f
Hide whitespace changes
Inline Side-by-side
Showing with 952 additions and 108 deletions
src/views/checkList.vue
View file @ 09efbd85
......@@ -9,25 +9,34 @@
<div class="oneHeader">某某某检查表</div>
</div>
</div>
<!-- 中间文本-->
<div class="textDiv">
<span class="fontSp">{{oneForm.jcCode}}</span>
</div>
<!-- 下方表格-->
<div class="oneForm">
<el-form :model="oneForm" label-width="21">
<div class="formLabel">
<div class="left">
<el-form-item label="LOT:">
<el-input v-model="oneForm.jcLot" class="normalInput" />
</el-form-item>
<el-form-item label="厂家:">
<el-input v-model="oneForm.manufacturer" class="scanInput" />
<el-input v-model="oneForm.jcCj" class="scanInput" />
<el-button class="scanCode" type="primary" @click="scanCodes">扫码</el-button>
</el-form-item>
<el-form-item label="ODE:">
<el-input v-model="oneForm.ODE" class="normalInput" />
</el-form-item>
<el-form-item label="LOT:">
<el-input v-model="oneForm.LOT" class="normalInput" />
<el-form-item label="PN:">
<el-input v-model="oneForm.jcPn" class="normalInput" />
</el-form-item>
<el-form-item label="数量:">
<el-input v-model="oneForm.quantity" class="normalInput" />
<el-input v-model="oneForm.jcNum" class="normalInput" />
</el-form-item>
</div>
<div class="right">
<!-- <el-form-item class="topContain">-->
<!--&lt;!&ndash; <el-input type="text" v-model="oneForm.rank" class="topInput" />&ndash;&gt;-->
<!-- </el-form-item>-->
<el-form-item label="rank:">
<el-input v-model="oneForm.rank" class="normalInput" />
</el-form-item>
......@@ -37,17 +46,14 @@
<div class="appearance">
<div class="appearanceForm">
<el-form-item label="抽样:" class="sample">
<el-input v-model="oneForm.sample" class="smallInput" />
<el-input v-model="oneForm.jcFacadeCy" class="smallInput" />
</el-form-item>
<el-form-item label="不良:" class="badness">
<el-input v-model="oneForm.badness" class="smallInput" />
<el-input v-model="oneForm.jcFacadeBl" class="smallInput" />
</el-form-item>
</div>
</div>
</div>
<el-form-item label="项目:">
<el-input v-model="oneForm.project" class="normalInput" />
</el-form-item>
</div>
</div>
</el-form>
......@@ -65,77 +71,229 @@
</div>
<!-- 检查内容-->
<div class="recordOneContainer">
<div class="inspectionStandards">
<el-form :model="thirdForm">
<el-form-item label="检验标准1:" label-width="80">
<el-input v-model="thirdForm.standardOne" class="inspectionStandardsInput" />
</el-form-item>
</el-form>
</div>
<div class="recordOneTitle">
<div class="input">输入</div>
<div class="different">差异</div>
<div class="average">平均</div>
<div class="compare">比较</div>
</div>
<!-- 下方列表-->
<div class="recordOneContent">
<div v-for="(item,index) in recode1" :key="index" class="Content">
<div v-for="(item,index) in recode1" :key="index" :class="index === 0? 'oneContent': 'Content'">
<div class="number">{{ index + 1 }}</div>
<div class="recordData">
<el-input v-model="item.recordData" />
</div>
<div class="Value">{{ item.differenceValue }}</div>
</div>
<div class="recordOneIcon">
<img src="@/assets/image/Vector.png">
<div class="averageValue">{{ item.differenceValue1 }}</div>
<div class="compareValue">{{ item.differenceValue2 }}</div>
</div>
</div>
<!-- 添加按钮 -->
</div>
</div>
<!-- 检查记录2 -->
<div class="recordTwo">
<div class="recordOneTitle">
<!-- <div class="recordTwo">-->
<!-- <div class="recordOneTitle">-->
<!-- 检查记录2-->
<!-- </div>-->
<!-- &lt;!&ndash; 检查内容&ndash;&gt;-->
<!-- <div class="recordTwoContainer">-->
<!-- <div class="recordTwoContent">-->
<!-- <div v-for="(item,index) in recode2" :key="index" class="Content">-->
<!-- <div class="number">{{ index + 1 }}</div>-->
<!-- <div class="recordData">-->
<!-- <el-input v-model="item.recordData" />-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; 添加按钮 &ndash;&gt;-->
<!-- <div class="recordOneIcon">-->
<!-- <img src="@/assets/image/Vector.png">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
<!-- inspectionRecord2-->
<div class="twoCheckNext">
<!-- 检查记录2 -->
<div class="recordOne">
<!-- 标题 -->
<div class="recordTwoTitle">
检查记录2
</div>
<!-- 检查内容-->
<div class="recordTwoContainer">
<div class="recordTwoContent">
<div v-for="(item,index) in recode2" :key="index" class="Content">
<div class="number">{{ index + 1 }}</div>
<div class="recordOneContainer">
<div class="inspectionStandards">
<el-form :model="thirdForm">
<el-form-item label="检验标准2:" label-width="80">
<el-input v-model="thirdForm.standardTwo" class="inspectionStandardsInput" />
</el-form-item>
</el-form>
</div>
<div class="recordOneTitle">
<div class="input">输入</div>
<div class="different">差异</div>
<div class="average">平均</div>
<div class="compare">比较</div>
</div>
<!-- 下方列表-->
<div class="recordOneContent">
<div v-for="(item,index) in recode2" :key="index" :class="index === 0? 'oneContent': 'Content'">
<div class="number">{{ index + 11 }}</div>
<div class="recordData">
<el-input v-model="item.recordData" />
</div>
</div>
<!-- 添加按钮 -->
<div class="recordOneIcon">
<img src="@/assets/image/Vector.png">
<div class="Value">{{ item.differenceValue }}</div>
<div class="averageValue">{{ item.differenceValue1 }}</div>
<div class="compareValue">{{ item.differenceValue2 }}</div>
</div>
</div>
<!-- 添加按钮 -->
</div>
</div>
</div>
<div class="inspect">
<div class="inspectDate">检验日期: {{ fourForm.date }}</div>
<div class="inspectTime">检验时间: {{ fourForm.time }}</div>
<div class="inspectPerson">检验人: {{ fourForm.inspector }}</div>
</div>
<!-- 计算结果-->
<div class="result">
<div class="resultLabel">计算结果:</div>
<div class="resultValue">{{ oneForm.result }}</div>
<div class="standard">
<div class="standardTest">合格</div>
<!-- <div class="result">-->
<!-- <div class="resultLabel">计算结果:</div>-->
<!-- <div class="resultValue">{{ oneForm.result }}</div>-->
<!-- <div class="standard">-->
<!-- <div class="standardTest">合格</div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</el-tab-pane>
<el-tab-pane label="标签二" name="second">
<div class="OneTable">
<div class="twoCheck">
<!-- 检查记录1 -->
<div class="recordOne">
<!-- 标题 -->
<div class="recordThreeTitle">
检查记录1
</div>
<!-- 检查内容-->
<div class="recordOneContainer">
<div class="inspectionStandards">
<el-form :model="thirdForm">
<el-form-item label="检验标准1:" label-width="80">
<el-input v-model="thirdForm.standardOne" class="inspectionStandardsInput" />
</el-form-item>
</el-form>
<el-form :model="thirdForm">
<el-form-item label="检验标准2:" label-width="80">
<el-input v-model="thirdForm.standardTwo" class="inspectionStandardsInput" />
</el-form-item>
</el-form>
</div>
<div class="recordFourTitle">
<div class="input">输入</div>
<div class="different">差异</div>
</div>
<!-- 下方列表-->
<div class="recordThreeContent">
<div v-for="(item,index) in recode1" :key="index" :class="index === 0? 'oneContent': 'Content'">
<div class="number">{{ index + 1 }}</div>
<div class="recordData">
<el-input v-model="item.recordData" />
</div>
<div class="Value">{{ item.differenceValue }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="标签二" name="second">
<el-tab-pane label="标签三" name="third">
<div class="twoTable">
<el-form :model="twoForm">
<div class="oneRegion">
<div class="leftRegion">
<el-form-item label="XX:">
<el-input v-model="twoForm.oneValue" />
<el-form-item label="firstHdN:">
<el-input v-model="twoForm.firstHdN" />
</el-form-item>
<el-form-item label="firstHdPn:">
<el-input v-model="twoForm.firstHdPn" />
</el-form-item>
<el-form-item label="firstHdRes:">
<el-input v-model="twoForm.firstHdRes" />
</el-form-item>
<el-form-item label="wxN:">
<el-input v-model="twoForm.wxN" />
</el-form-item>
<el-form-item label="XXX:">
<el-input v-model="twoForm.oneValue" />
<el-form-item label="wxPn:">
<el-input v-model="twoForm.wxPn" />
</el-form-item>
<el-form-item label="XXXX:">
<el-input v-model="twoForm.oneValue" />
<el-form-item label="wxRes:">
<el-input v-model="twoForm.wxRes" />
</el-form-item>
<el-form-item label="cyN:">
<el-input v-model="twoForm.cyN" />
</el-form-item>
<el-form-item label="cyPn:">
<el-input v-model="twoForm.cyPn" />
</el-form-item>
<el-form-item label="cyRes:">
<el-input v-model="twoForm.cyRes" />
</el-form-item>
<el-form-item label="finalRes:">
<el-input v-model="twoForm.finalRes" />
</el-form-item>
<el-form-item label="noProject:">
<el-input v-model="twoForm.noProject" />
</el-form-item>
<el-form-item label="wgKx:">
<el-input v-model="twoForm.wgKx" />
</el-form-item>
</div>
<div class="rightRegion">
<el-form-item label="XX:">
<el-input v-model="twoForm.oneValue" class="tableInput" />
<el-form-item label="wgLlw:">
<el-input v-model="twoForm.wgLlw" class="tableInput" />
</el-form-item>
<el-form-item label="wgWlw:">
<el-input v-model="twoForm.wgWlw" class="tableInput" />
</el-form-item>
<el-form-item label="wgJbwq:">
<el-input v-model="twoForm.wgJbwq" class="tableInput" />
</el-form-item>
<el-form-item label="wgZk:">
<el-input v-model="twoForm.wgZk" class="tableInput" />
</el-form-item>
<el-form-item label="wgSh:">
<el-input v-model="twoForm.wgSh" class="tableInput" />
</el-form-item>
<el-form-item label="wgBm:">
<el-input v-model="twoForm.wgBm" class="tableInput" />
</el-form-item>
<el-form-item label="wgTc:">
<el-input v-model="twoForm.wgTc" class="tableInput" />
</el-form-item>
<el-form-item label="wgQg:">
<el-input v-model="twoForm.wgQg" class="tableInput" />
</el-form-item>
<el-form-item label="wgCq:">
<el-input v-model="twoForm.wgCq" class="tableInput" />
</el-form-item>
<el-form-item label="XXX:">
<el-input v-model="twoForm.oneValue" class="tableInput" />
<el-form-item label="wgFf:">
<el-input v-model="twoForm.wgFf" class="tableInput" />
</el-form-item>
<el-form-item label="XXXX:">
<el-input v-model="twoForm.oneValue" class="tableInput" />
<el-form-item label="wgTf:">
<el-input v-model="twoForm.wgTf" class="tableInput" />
</el-form-item>
<!-- <el-input class="tableInput" />-->
</div>
......@@ -258,8 +416,49 @@
<!-- :initial-index="initialImgPreviewIndex"-->
<!-- />-->
<!-- &lt;!&ndash; 提交按钮 &ndash;&gt;-->
<div class="submitButton">
<el-button class="buttoon" type="primary">提交</el-button>
<div class="inspectionResults">
<el-form :model="fiveForm" label-width="42">
<el-form-item label="检验结果:">
<el-radio-group v-model="fiveForm.jcResult">
<el-radio label="1">合格</el-radio>
<el-radio label="2">不合格</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注:">
<el-input
v-model="fiveForm.remarks"
type="textarea"
:rows="4"
placeholder="请输入备注"
/>
</el-form-item>
</el-form>
</div>
<hr class="twoHr">
<div v-if="showPartIv" class="partIv">
<div class="auditor">审核人: {{ sixForm.approveUser }}</div>
<div class="auditTime">审核时间: {{ sixForm.approveDate }}</div>
<div class="auditStatus">审核状态: {{ sixForm.approveStatus }}</div>
</div>
<div v-show="!showAuditOpinion" class="auditOpinion">
<el-form :model="sixForm">
<el-form-item label="审核意见:" label-width="42" class="myForm">
<el-input
v-model="sixForm.approveNote"
type="textarea"
:rows="4"
placeholder="请输入审核意见"
/>
</el-form-item>
</el-form>
</div>
<div v-if="showButton" class="submitButton">
<el-button class="buttoon" type="primary" @click="submitControl">提交</el-button>
</div>
<div v-if="!showButton" class="submitButton">
<el-button class="buttoon" type="primary">同意</el-button>
<el-button class="buttoon" type="primary">驳回</el-button>
</div>
</div>
</div>
......@@ -272,9 +471,27 @@ export default {
name: 'CheckList',
data() {
return {
fiveForm: {
jcResult: '1',
remarks: ''
},
fourForm: {
date: '2023-02-15',
time: '12:30',
inspector: 'XX'
},
sixForm: {
approveUser: 'XXX',
approveNote: 'XXXXX',
approveDate: '2024-05-08',
approveStatus: '已审核'
},
activeName: 'first',
initialImgPreviewIndex: 0, // 预览打开看到的图片下标
showImgViewer: false,
showPartIv: false,
showAuditOpinion: false,
showButton: true,
imgFileList: [],
imagePreviewUrls: [], // 预览图片的下标
// 用户导入参数
......@@ -306,124 +523,220 @@ export default {
],
// 表单
oneForm: {
manufacturer: 'XXX',
ODE: 'XXX',
LOT: 'XXX',
quantity: 'XXX',
jcPn:'XXX',
jcCj: 'XXX',
jcCode: 'XXX',
jcLot: 'XXX',
jcNum: 'XXX',
rank: 'XX',
sample: 'XX',
badness: 'XX',
project: 'XXX',
jcFacadeCy: 'XXX',
jcFacadeBl: 'XXX',
result: '0.175'
},
// 表达二
twoForm: {
oneValue: 'XX',
twoValue: 'XX',
threeValue: 'XX',
fourValue: 'XX',
fiveValue: 'XX',
sixValue: 'XX'
businessId: undefined,
iiiId: undefined,
standardOne: undefined,
standardTwo: undefined,
limitOne: undefined,
limitTwo: undefined,
oneJcUser: undefined,
oneJcDate: undefined,
twoJcUser: undefined,
twoJcDate: undefined,
standardOneData: undefined,
standardTwoData: undefined,
limitData: undefined,
firstHdN: undefined,
firstHdPn: undefined,
firstHdRes: undefined,
wxN: undefined,
wxPn: undefined,
wxRes: undefined,
cyN: undefined,
cyPn: undefined,
cyRes: undefined,
finalRes: undefined,
noProject: undefined,
wgKx: undefined,
wgLlw: undefined,
wgWlw: undefined,
wgJbwq: undefined,
wgZk: undefined,
wgSh: undefined,
wgBm: undefined,
wgTc: undefined,
wgQg: undefined,
wgCq: undefined,
wgFf: undefined,
wgTf: undefined,
flag: '1'
},
// 表单三
thirdForm: {
standardOne: '合格',
standardTwo: '不合格'
},
// 检查记录1
recode1: [
{
// 记录数据
recordData: '61.224',
differenceValue: ''
differenceValue: '',
differenceValue1: '',
differenceValue2: '61.224'
},
{
// 记录数据
recordData: '61.225',
differenceValue: '0.001'
differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
},
{
// 记录数据
recordData: '61.226',
differenceValue: '0.001'
differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
},
{
// 记录数据
recordData: '61.224',
differenceValue: '0.002'
differenceValue: '0.002',
differenceValue1: '0.001',
differenceValue2: '61.224'
},
{
// 记录数据
recordData: '61.225',
differenceValue: '0.001'
differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
},
{
// 记录数据
recordData: '61.224',
differenceValue: '0.001'
differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
},
{
// 记录数据
recordData: '61.224',
differenceValue: '0.002'
differenceValue: '0.002',
differenceValue1: '0.001',
differenceValue2: '61.224'
},
{
// 记录数据
recordData: '61.223',
differenceValue: '0.001'
differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
},
{
// 记录数据
recordData: '61.224',
differenceValue: '0.001'
differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
},
{
// 记录数据
recordData: '61.225',
differenceValue: '0.001'
differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
}
],
// 检查记录2
recode2: [
{
// 记录数据
recordData: '61.224'
recordData: '61.224',
differenceValue: '',
differenceValue1: '',
differenceValue2: '71.224'
},
{
// 记录数据
recordData: '61.225'
recordData: '61.225',
differenceValue: '0.02',
differenceValue1: '0.02',
differenceValue2: '71.224'
},
{
// 记录数据
recordData: '61.226'
recordData: '61.226',
differenceValue: '0.02',
differenceValue1: '0.02',
differenceValue2: '71.224'
},
{
// 记录数据
recordData: '61.224'
recordData: '61.224',
differenceValue: '0.02',
differenceValue1: '0.02',
differenceValue2: '71.224'
},
{
// 记录数据
recordData: '61.225'
recordData: '61.225',
differenceValue: '0.02',
differenceValue1: '0.02',
differenceValue2: '71.224'
},
{
// 记录数据
recordData: '61.224'
recordData: '61.224',
differenceValue: '0.02',
differenceValue1: '0.02',
differenceValue2: '71.224'
},
{
// 记录数据
recordData: '61.224'
recordData: '61.224',
differenceValue: '0.02',
differenceValue1: '0.02',
differenceValue2: '71.224'
},
{
// 记录数据
recordData: '61.223'
recordData: '61.223',
differenceValue: '0.02',
differenceValue1: '0.02',
differenceValue2: '71.224'
},
{
// 记录数据
recordData: '61.224'
recordData: '61.224',
differenceValue: '0.02',
differenceValue1: '0.02',
differenceValue2: '71.224'
},
{
// 记录数据
recordData: '61.225'
recordData: '61.225',
differenceValue: '0.02',
differenceValue1: '0.02',
differenceValue2: '71.224'
}
]
}
},
methods: {
submitControl() {
const inputList =[]
for (let i = 0; i <this.recode1.length; i++) {
inputList[i] = this.recode1[i].recordData
}
console.log(inputList.join(','))
return inputList.join(',')
},
/**
* @description: 处理从二维码得到的数据
* @author: gaoyu
......@@ -434,21 +747,21 @@ export default {
console.log('list', list.length)
switch (list.length) {
case 1:
this.oneForm.manufacturer = list[0]
this.oneForm.jcCj = list[0]
break
case 2:
this.oneForm.manufacturer = list[0]
this.oneForm.ODE = list[1]
this.oneForm.jcCj = list[0]
this.oneForm.jcCode = list[1]
break
case 3:
this.oneForm.manufacturer = list[0]
this.oneForm.ODE = list[1]
this.oneForm.LOT = list[2]
this.oneForm.jcCj = list[0]
this.oneForm.jcCode = list[1]
this.oneForm.jcLot = list[2]
break
case 4:
this.oneForm.manufacturer = list[0]
this.oneForm.ODE = list[1]
this.oneForm.LOT = list[2]
this.oneForm.jcCj = list[0]
this.oneForm.jcCode = list[1]
this.oneForm.jcLot = list[2]
this.oneForm.quantity = list[3]
break
}
......@@ -539,6 +852,7 @@ export default {
}
}
}
</script>
<style scoped lang="scss">
......@@ -554,17 +868,14 @@ export default {
margin-left: 13% !important;
margin-bottom: 20px !important;
}
::v-deep .el-form-item__content {
margin-left: 45px !important;
}
::v-deep .el-input__inner {
padding-right: 13px;
}
::v-deep .el-form-item__label {
width: 42px;
}
//::v-deep .el-form-item__label {
// width: 42px;
//}
::v-deep .el-upload-list {
display: flex;
......@@ -598,6 +909,16 @@ export default {
background: #0057ff;
border-radius: 4px;
}
.topInput{
width: 50%;
height: 32px;
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
.topContain{
text-align: right;
}
.normalInput {
//width: 496px;
height: 32px;
......@@ -632,12 +953,26 @@ export default {
}
}
}
.textDiv{
margin-top: 20px;
width: 87%;
height: 40px;
text-align: right;
.fontSp{
font-family: Microsoft YaHei, Microsoft YaHei-400;
margin-right: 5px;
font-weight: 400;
color: #606266;
}
}
.oneForm {
margin-top: 50px;
//margin-top: 50px;
margin-left: 10%;
width: 80%;
::v-deep .el-form-item__content {
margin-left: 45px !important;
}
.formLabel {
width: 100%;
//width: 80px;
......@@ -748,37 +1083,218 @@ export default {
//display: flex;
//justify-content: center;
}
.recordTwoTitle {
margin-top: 5%;
width: 84px;
height: 22px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
color: #606266;
line-height: 22px;
}
.recordFourTitle{
width: 74%;
height: auto;
display: flex;
margin-left: 12%;
justify-content: space-around;
}
.recordOneContainer {
margin-top: 16px;
height: 592px;
width: 200%;
//display: flex;
height: auto;
background: rgba(0, 87, 255, 0.05);
border-radius: 4px;
.inspectionStandards{
width: 80%;
margin-left: 12%;
padding-top: 20px;
.inspectionStandardsInput{
width: 50%;
}
}
.recordOneTitle{
width: 100%;
height: 40px;
margin-top: 20px;
display: flex;
width: 80%;
margin-left: 12%;
align-items: center;
justify-content: space-evenly;
.input{
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
.different{
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
.average{
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
.compare{
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
}
.recordOneContent {
padding-top: 30px;
width: 80%;
margin-left: 15%;
//padding-top: 30px;
//padding-left: 90px;
.oneContent{
display: flex;
margin-top: 16px;
padding-bottom: 16px;
.compareValue{
margin-left: 29.7%;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
display: flex;
align-items: center;
}
.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: 3%;
}
}
.Content {
display: flex;
margin-top: 16px;
justify-content: center;
padding-bottom: 16px;
//justify-content: center;
.number {
margin-top: 8px;
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%;
margin-left: 3%;
height: 32px;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
.Value {
//margin-left: 20px;
//margin-top: 8px;
width: 37px;
height: 18px;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
text-align: LEFT;
color: #0057ff;
margin-left: 5%;
margin-top: -3%;
}
}
.averageValue{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
font-size: 14px;
text-align: LEFT;
color: #0057ff;
margin-left: 15%;
margin-top: -3%;
}
.compareValue{
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
margin-left: 15%;
display: flex;
align-items: center;
}
}
.recordThreeContent {
width: 80%;
margin-left: 15%;
//padding-top: 30px;
//padding-left: 90px;
.oneContent{
display: flex;
margin-top: 16px;
padding-bottom: 16px;
margin-left: 10%;
.compareValue{
margin-left: 29.7%;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
display: flex;
align-items: center;
}
.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: 3%;
}
}
.Content {
display: flex;
margin-top: 16px;
padding-bottom: 16px;
//justify-content: center;
margin-left: 10%;
.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: 45%;
//margin-left: 4%;
//margin-right: 2%;
width: 27.5%;
margin-left: 3%;
height: 32px;
border: 1px solid #d9d9d9;
border-radius: 4px;
......@@ -786,7 +1302,7 @@ export default {
.Value {
//margin-left: 20px;
margin-top: 8px;
//margin-top: 8px;
width: 37px;
height: 18px;
font-size: 14px;
......@@ -794,6 +1310,83 @@ export default {
font-weight: 400;
text-align: LEFT;
color: #0057ff;
margin-left: 30%;
margin-top: -3%;
}
}
.averageValue{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
font-size: 14px;
text-align: LEFT;
color: #0057ff;
margin-left: 15%;
margin-top: -2%;
}
.compareValue{
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
margin-left: 15%;
display: flex;
align-items: center;
}
}
}
}
.recordTwo {
margin-left: 8%;
width: 33%;
.recordOneTitle {
width: 84px;
height: 22px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
color: #606266;
line-height: 22px;
}
.recordTwoContainer {
margin-top: 16px;
width: 100%;
height: 592px;
background: rgba(0, 87, 255, 0.05);
border-radius: 4px;
.recordTwoContent {
padding-top: 30px;
//padding-left: 90px;
.Content {
margin-bottom: 16px;
display: flex;
justify-content: center;
.number {
margin-top: 8px;
width: 9px;
height: 18px;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
text-align: LEFT;
color: #606266;
}
.recordData {
margin-left: 20px;
width: 60%;
height: 32px;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
}
......@@ -801,9 +1394,197 @@ export default {
margin-top: 35px;
display: flex;
justify-content: center;
//margin-left: 67px;
}
}
}
}
}
.twoCheckNext {
display: flex;
width: 100%;
.recordOne {
margin-left: 13%;
width: 33%;
//margin-right: 5%;
.recordOneTitle {
width: 84px;
height: 22px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
color: #606266;
line-height: 22px;
//display: flex;
//justify-content: center;
}
.recordTwoTitle {
margin-top: 5%;
width: 84px;
height: 22px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
color: #606266;
line-height: 22px;
}
.recordThreeTitle{
width: 84px;
height: 22px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
color: #606266;
line-height: 22px;
//display: flex;
//justify-content: center;
}
.recordOneContainer {
margin-top: 16px;
width: 200%;
//display: flex;
height: auto;
background: rgba(0, 87, 255, 0.05);
border-radius: 4px;
.inspectionStandards{
width: 80%;
height: 40px;
margin-left: 12%;
padding-top: 20px;
.inspectionStandardsInput{
width: 50%;
}
}
.recordOneTitle{
width: 100%;
height: 40px;
margin-top: 20px;
display: flex;
width: 80%;
margin-left: 12%;
align-items: center;
justify-content: space-evenly;
.input{
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
.different{
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
.average{
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
.compare{
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
}
.recordOneContent {
width: 80%;
margin-left: 15%;
//padding-top: 30px;
//padding-left: 90px;
.oneContent{
display: flex;
margin-top: 16px;
padding-bottom: 16px;
.compareValue{
margin-left: 29.7%;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
display: flex;
align-items: center;
}
.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: 3%;
}
}
.Content {
display: flex;
margin-top: 16px;
padding-bottom: 16px;
//justify-content: center;
.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%;
margin-left: 3%;
height: 32px;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
.Value {
//margin-left: 20px;
//margin-top: 8px;
width: 37px;
height: 18px;
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
text-align: LEFT;
color: #0057ff;
margin-left: 5%;
margin-top: -3%;
}
}
.averageValue{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
font-size: 14px;
text-align: LEFT;
color: #0057ff;
margin-left: 15%;
margin-top: -4%;
}
.compareValue{
font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
margin-left: 15%;
display: flex;
align-items: center;
}
}
}
}
......@@ -868,6 +1649,36 @@ export default {
}
}
}
.inspect{
width: 45%;
height: auto;
display: flex;
margin-left: 13%;
margin-top:30px ;
justify-content: space-between;
.inspectDate{
display: flex;
justify-content: space-between;
width: 26%;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
}
.inspectTime{
display: flex;
justify-content: space-between;
width: 19%;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
}
.inspectPerson{
display: flex;
justify-content: space-between;
width: 13%;
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
}
}
.result {
//margin-left: 230.4px;
......@@ -1096,7 +1907,40 @@ export default {
line-height: 16px;
}
}
.inspectionResults{
width: 31%;
margin-top: 40px;
margin-left: 10%;
}
.partIv{
.auditor {
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
}
.auditTime{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
}
.auditStatus{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
}
display: flex;
width: 31%;
height: auto;
margin-top: 10px;
margin-left: 10%;
justify-content: space-between;
}
.auditOpinion{
::v-deep .el-form-item__label{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
}
width: 31%;
margin-left: 10%;
margin-top: 20px;
}
.submitButton {
margin-top: 50px;
margin-left: 30%;
......
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