Skip to content

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

111

parent 76fd445f
Show whitespace changes
Inline Side-by-side
Showing with 952 additions and 108 deletions
src/views/checkList.vue
View file @ 09efbd85
...@@ -9,25 +9,34 @@ ...@@ -9,25 +9,34 @@
<div class="oneHeader">某某某检查表</div> <div class="oneHeader">某某某检查表</div>
</div> </div>
</div> </div>
<!-- 中间文本-->
<div class="textDiv">
<span class="fontSp">{{oneForm.jcCode}}</span>
</div>
<!-- 下方表格-->
<div class="oneForm"> <div class="oneForm">
<el-form :model="oneForm" label-width="21"> <el-form :model="oneForm" label-width="21">
<div class="formLabel"> <div class="formLabel">
<div class="left"> <div class="left">
<el-form-item label="LOT:">
<el-input v-model="oneForm.jcLot" class="normalInput" />
</el-form-item>
<el-form-item label="厂家:"> <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-button class="scanCode" type="primary" @click="scanCodes">扫码</el-button>
</el-form-item> </el-form-item>
<el-form-item label="ODE:"> <el-form-item label="PN:">
<el-input v-model="oneForm.ODE" class="normalInput" /> <el-input v-model="oneForm.jcPn" class="normalInput" />
</el-form-item>
<el-form-item label="LOT:">
<el-input v-model="oneForm.LOT" class="normalInput" />
</el-form-item> </el-form-item>
<el-form-item label="数量:"> <el-form-item label="数量:">
<el-input v-model="oneForm.quantity" class="normalInput" /> <el-input v-model="oneForm.jcNum" class="normalInput" />
</el-form-item> </el-form-item>
</div> </div>
<div class="right"> <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-form-item label="rank:">
<el-input v-model="oneForm.rank" class="normalInput" /> <el-input v-model="oneForm.rank" class="normalInput" />
</el-form-item> </el-form-item>
...@@ -37,17 +46,14 @@ ...@@ -37,17 +46,14 @@
<div class="appearance"> <div class="appearance">
<div class="appearanceForm"> <div class="appearanceForm">
<el-form-item label="抽样:" class="sample"> <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>
<el-form-item label="不良:" class="badness"> <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> </el-form-item>
</div> </div>
</div> </div>
</div> </div>
<el-form-item label="项目:">
<el-input v-model="oneForm.project" class="normalInput" />
</el-form-item>
</div> </div>
</div> </div>
</el-form> </el-form>
...@@ -65,77 +71,229 @@ ...@@ -65,77 +71,229 @@
</div> </div>
<!-- 检查内容--> <!-- 检查内容-->
<div class="recordOneContainer"> <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 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="number">{{ index + 1 }}</div>
<div class="recordData"> <div class="recordData">
<el-input v-model="item.recordData" /> <el-input v-model="item.recordData" />
</div> </div>
<div class="Value">{{ item.differenceValue }}</div> <div class="Value">{{ item.differenceValue }}</div>
</div> <div class="averageValue">{{ item.differenceValue1 }}</div>
<div class="recordOneIcon"> <div class="compareValue">{{ item.differenceValue2 }}</div>
<img src="@/assets/image/Vector.png">
</div> </div>
</div> </div>
<!-- 添加按钮 --> <!-- 添加按钮 -->
</div> </div>
</div> </div>
<!-- 检查记录2 --> <!-- 检查记录2 -->
<div class="recordTwo"> <!-- <div class="recordTwo">-->
<div class="recordOneTitle"> <!-- <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 检查记录2
</div> </div>
<!-- 检查内容--> <!-- 检查内容-->
<div class="recordTwoContainer"> <div class="recordOneContainer">
<div class="recordTwoContent"> <div class="inspectionStandards">
<div v-for="(item,index) in recode2" :key="index" class="Content"> <el-form :model="thirdForm">
<div class="number">{{ index + 1 }}</div> <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"> <div class="recordData">
<el-input v-model="item.recordData" /> <el-input v-model="item.recordData" />
</div> </div>
<div class="Value">{{ item.differenceValue }}</div>
<div class="averageValue">{{ item.differenceValue1 }}</div>
<div class="compareValue">{{ item.differenceValue2 }}</div>
</div>
</div> </div>
<!-- 添加按钮 --> <!-- 添加按钮 -->
<div class="recordOneIcon">
<img src="@/assets/image/Vector.png">
</div>
</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>
<!-- 计算结果--> <!-- 计算结果-->
<div class="result"> <!-- <div class="result">-->
<div class="resultLabel">计算结果:</div> <!-- <div class="resultLabel">计算结果:</div>-->
<div class="resultValue">{{ oneForm.result }}</div> <!-- <div class="resultValue">{{ oneForm.result }}</div>-->
<div class="standard"> <!-- <div class="standard">-->
<div class="standardTest">合格</div> <!-- <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>
</div> </div>
</div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="标签二" name="second"> <el-tab-pane label="标签三" name="third">
<div class="twoTable"> <div class="twoTable">
<el-form :model="twoForm"> <el-form :model="twoForm">
<div class="oneRegion"> <div class="oneRegion">
<div class="leftRegion"> <div class="leftRegion">
<el-form-item label="XX:"> <el-form-item label="firstHdN:">
<el-input v-model="twoForm.oneValue" /> <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="wxPn:">
<el-input v-model="twoForm.wxPn" />
</el-form-item>
<el-form-item label="wxRes:">
<el-input v-model="twoForm.wxRes" />
</el-form-item> </el-form-item>
<el-form-item label="XXX:"> <el-form-item label="cyN:">
<el-input v-model="twoForm.oneValue" /> <el-input v-model="twoForm.cyN" />
</el-form-item> </el-form-item>
<el-form-item label="XXXX:"> <el-form-item label="cyPn:">
<el-input v-model="twoForm.oneValue" /> <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> </el-form-item>
</div> </div>
<div class="rightRegion"> <div class="rightRegion">
<el-form-item label="XX:"> <el-form-item label="wgLlw:">
<el-input v-model="twoForm.oneValue" class="tableInput" /> <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>
<el-form-item label="XXX:"> <el-form-item label="wgBm:">
<el-input v-model="twoForm.oneValue" class="tableInput" /> <el-input v-model="twoForm.wgBm" class="tableInput" />
</el-form-item> </el-form-item>
<el-form-item label="XXXX:"> <el-form-item label="wgTc:">
<el-input v-model="twoForm.oneValue" class="tableInput" /> <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="wgFf:">
<el-input v-model="twoForm.wgFf" class="tableInput" />
</el-form-item>
<el-form-item label="wgTf:">
<el-input v-model="twoForm.wgTf" class="tableInput" />
</el-form-item> </el-form-item>
<!-- <el-input class="tableInput" />--> <!-- <el-input class="tableInput" />-->
</div> </div>
...@@ -258,8 +416,49 @@ ...@@ -258,8 +416,49 @@
<!-- :initial-index="initialImgPreviewIndex"--> <!-- :initial-index="initialImgPreviewIndex"-->
<!-- />--> <!-- />-->
<!-- &lt;!&ndash; 提交按钮 &ndash;&gt;--> <!-- &lt;!&ndash; 提交按钮 &ndash;&gt;-->
<div class="submitButton"> <div class="inspectionResults">
<el-button class="buttoon" type="primary">提交</el-button> <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> </div>
</div> </div>
...@@ -272,9 +471,27 @@ export default { ...@@ -272,9 +471,27 @@ export default {
name: 'CheckList', name: 'CheckList',
data() { data() {
return { 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', activeName: 'first',
initialImgPreviewIndex: 0, // 预览打开看到的图片下标 initialImgPreviewIndex: 0, // 预览打开看到的图片下标
showImgViewer: false, showImgViewer: false,
showPartIv: false,
showAuditOpinion: false,
showButton: true,
imgFileList: [], imgFileList: [],
imagePreviewUrls: [], // 预览图片的下标 imagePreviewUrls: [], // 预览图片的下标
// 用户导入参数 // 用户导入参数
...@@ -306,124 +523,220 @@ export default { ...@@ -306,124 +523,220 @@ export default {
], ],
// 表单 // 表单
oneForm: { oneForm: {
manufacturer: 'XXX', jcPn:'XXX',
ODE: 'XXX', jcCj: 'XXX',
LOT: 'XXX', jcCode: 'XXX',
quantity: 'XXX', jcLot: 'XXX',
jcNum: 'XXX',
rank: 'XX', rank: 'XX',
sample: 'XX', jcFacadeCy: 'XXX',
badness: 'XX', jcFacadeBl: 'XXX',
project: 'XXX',
result: '0.175' result: '0.175'
}, },
// 表达二 // 表达二
twoForm: { twoForm: {
oneValue: 'XX', businessId: undefined,
twoValue: 'XX', iiiId: undefined,
threeValue: 'XX', standardOne: undefined,
fourValue: 'XX', standardTwo: undefined,
fiveValue: 'XX', limitOne: undefined,
sixValue: 'XX' 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 // 检查记录1
recode1: [ recode1: [
{ {
// 记录数据 // 记录数据
recordData: '61.224', recordData: '61.224',
differenceValue: '' differenceValue: '',
differenceValue1: '',
differenceValue2: '61.224'
}, },
{ {
// 记录数据 // 记录数据
recordData: '61.225', recordData: '61.225',
differenceValue: '0.001' differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
}, },
{ {
// 记录数据 // 记录数据
recordData: '61.226', recordData: '61.226',
differenceValue: '0.001' differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
}, },
{ {
// 记录数据 // 记录数据
recordData: '61.224', recordData: '61.224',
differenceValue: '0.002' differenceValue: '0.002',
differenceValue1: '0.001',
differenceValue2: '61.224'
}, },
{ {
// 记录数据 // 记录数据
recordData: '61.225', recordData: '61.225',
differenceValue: '0.001' differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
}, },
{ {
// 记录数据 // 记录数据
recordData: '61.224', recordData: '61.224',
differenceValue: '0.001' differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
}, },
{ {
// 记录数据 // 记录数据
recordData: '61.224', recordData: '61.224',
differenceValue: '0.002' differenceValue: '0.002',
differenceValue1: '0.001',
differenceValue2: '61.224'
}, },
{ {
// 记录数据 // 记录数据
recordData: '61.223', recordData: '61.223',
differenceValue: '0.001' differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
}, },
{ {
// 记录数据 // 记录数据
recordData: '61.224', recordData: '61.224',
differenceValue: '0.001' differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
}, },
{ {
// 记录数据 // 记录数据
recordData: '61.225', recordData: '61.225',
differenceValue: '0.001' differenceValue: '0.001',
differenceValue1: '0.001',
differenceValue2: '61.224'
} }
], ],
// 检查记录2 // 检查记录2
recode2: [ 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: { 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: 处理从二维码得到的数据 * @description: 处理从二维码得到的数据
* @author: gaoyu * @author: gaoyu
...@@ -434,21 +747,21 @@ export default { ...@@ -434,21 +747,21 @@ export default {
console.log('list', list.length) console.log('list', list.length)
switch (list.length) { switch (list.length) {
case 1: case 1:
this.oneForm.manufacturer = list[0] this.oneForm.jcCj = list[0]
break break
case 2: case 2:
this.oneForm.manufacturer = list[0] this.oneForm.jcCj = list[0]
this.oneForm.ODE = list[1] this.oneForm.jcCode = list[1]
break break
case 3: case 3:
this.oneForm.manufacturer = list[0] this.oneForm.jcCj = list[0]
this.oneForm.ODE = list[1] this.oneForm.jcCode = list[1]
this.oneForm.LOT = list[2] this.oneForm.jcLot = list[2]
break break
case 4: case 4:
this.oneForm.manufacturer = list[0] this.oneForm.jcCj = list[0]
this.oneForm.ODE = list[1] this.oneForm.jcCode = list[1]
this.oneForm.LOT = list[2] this.oneForm.jcLot = list[2]
this.oneForm.quantity = list[3] this.oneForm.quantity = list[3]
break break
} }
...@@ -539,6 +852,7 @@ export default { ...@@ -539,6 +852,7 @@ export default {
} }
} }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
...@@ -554,17 +868,14 @@ export default { ...@@ -554,17 +868,14 @@ export default {
margin-left: 13% !important; margin-left: 13% !important;
margin-bottom: 20px !important; margin-bottom: 20px !important;
} }
::v-deep .el-form-item__content {
margin-left: 45px !important;
}
::v-deep .el-input__inner { ::v-deep .el-input__inner {
padding-right: 13px; padding-right: 13px;
} }
::v-deep .el-form-item__label { //::v-deep .el-form-item__label {
width: 42px; // width: 42px;
} //}
::v-deep .el-upload-list { ::v-deep .el-upload-list {
display: flex; display: flex;
...@@ -598,6 +909,16 @@ export default { ...@@ -598,6 +909,16 @@ export default {
background: #0057ff; background: #0057ff;
border-radius: 4px; border-radius: 4px;
} }
.topInput{
width: 50%;
height: 32px;
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
.topContain{
text-align: right;
}
.normalInput { .normalInput {
//width: 496px; //width: 496px;
height: 32px; height: 32px;
...@@ -632,12 +953,26 @@ export default { ...@@ -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 { .oneForm {
margin-top: 50px; //margin-top: 50px;
margin-left: 10%; margin-left: 10%;
width: 80%; width: 80%;
::v-deep .el-form-item__content {
margin-left: 45px !important;
}
.formLabel { .formLabel {
width: 100%; width: 100%;
//width: 80px; //width: 80px;
...@@ -748,37 +1083,123 @@ export default { ...@@ -748,37 +1083,123 @@ export default {
//display: flex; //display: flex;
//justify-content: center; //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 { .recordOneContainer {
margin-top: 16px; margin-top: 16px;
height: 592px; width: 200%;
//display: flex;
height: auto;
background: rgba(0, 87, 255, 0.05); background: rgba(0, 87, 255, 0.05);
border-radius: 4px; 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 { .recordOneContent {
padding-top: 30px; width: 80%;
margin-left: 15%;
//padding-top: 30px;
//padding-left: 90px; //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 { .Content {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
justify-content: center; padding-bottom: 16px;
//justify-content: center;
.number { .number {
margin-top: 8px;
width: 9px; width: 9px;
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;
color: #606266; color: #606266;
display: flex;
align-items: center;
} }
.recordData { .recordData {
margin-left: 4%; //margin-left: 4%;
margin-right: 2%; //margin-right: 2%;
width: 45%; width: 25%;
margin-left: 3%;
height: 32px; height: 32px;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 4px; border-radius: 4px;
...@@ -786,7 +1207,7 @@ export default { ...@@ -786,7 +1207,7 @@ export default {
.Value { .Value {
//margin-left: 20px; //margin-left: 20px;
margin-top: 8px; //margin-top: 8px;
width: 37px; width: 37px;
height: 18px; height: 18px;
font-size: 14px; font-size: 14px;
...@@ -794,51 +1215,411 @@ export default { ...@@ -794,51 +1215,411 @@ export default {
font-weight: 400; font-weight: 400;
text-align: LEFT; text-align: LEFT;
color: #0057ff; 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%;
.recordOneIcon {
margin-top: 35px;
display: flex;
justify-content: center;
//margin-left: 67px;
}
}
}
} }
.compareValue{
.recordTwo { font-size: 14px;
margin-left: 8%; font-family: Microsoft YaHei, Microsoft YaHei-400;
width: 33%; font-weight: 400;
.recordOneTitle {
width: 84px;
height: 22px;
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
color: #606266; color: #606266;
line-height: 22px; margin-left: 15%;
} display: flex;
align-items: center;
.recordTwoContainer { }
margin-top: 16px;
width: 100%;
height: 592px;
background: rgba(0, 87, 255, 0.05);
border-radius: 4px;
.recordTwoContent { }
padding-top: 30px; .recordThreeContent {
width: 80%;
margin-left: 15%;
//padding-top: 30px;
//padding-left: 90px; //padding-left: 90px;
.oneContent{
.Content {
margin-bottom: 16px;
display: flex; display: flex;
justify-content: center; margin-top: 16px;
padding-bottom: 16px;
.number { 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: 27.5%;
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: 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;
}
}
.recordOneIcon {
margin-top: 35px;
display: flex;
justify-content: center;
}
}
}
}
}
.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;
}
}
}
}
.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; margin-top: 8px;
width: 9px; width: 9px;
height: 18px; height: 18px;
...@@ -868,6 +1649,36 @@ export default { ...@@ -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 { .result {
//margin-left: 230.4px; //margin-left: 230.4px;
...@@ -1096,7 +1907,40 @@ export default { ...@@ -1096,7 +1907,40 @@ export default {
line-height: 16px; 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 { .submitButton {
margin-top: 50px; margin-top: 50px;
margin-left: 30%; 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