Skip to content

T
template_vue
Commit 2040283a authored by 高宇's avatar 高宇
Browse files
Options

2024/01/24 需求变更

parent beca7e28
Hide whitespace changes
Inline Side-by-side
Showing with 274 additions and 298 deletions
src/views/inspectionSheet.vue
View file @ 2040283a
<template>
<div class="app-container">
<div class="inspectionSheet">
<!-- 第一部分-->
<div class="oneSheet">
<div class="left">
xxx检查书
<span class="leftText">
xxx检查书
</span>
</div>
<div class="right">
<el-form class="rightForm" :model="oneFrom" label-width="80px">
<el-form class="rightForm" :model="oneFrom" label-width="42px">
<el-form-item label="检印:">
<el-input v-model="oneFrom.checkPrint" style="width: 300px;"/>
<el-input v-model="oneFrom.checkPrint" class="rightInput" />
</el-form-item>
<el-form-item label="dd:">
<el-input v-model="oneFrom.dd" style="width: 300px;"/>
<el-input v-model="oneFrom.dd" class="rightInput" />
</el-form-item>
<el-form-item label="结果:">
<el-input v-model="oneFrom.result" style="width: 300px;"/>
<el-input v-model="oneFrom.result" class="rightInput" />
</el-form-item>
</el-form>
</div>
......@@ -24,312 +26,195 @@
<div class="oneTable">
<div class="one">
<div class="manufacturer">
<span>厂家</span>
<span class="oneTableTest">厂家</span>
</div>
<div class="manufacturer">
<span>{{ twoFrom.manufacturer }}</span>
<span class="oneTableTest">{{ twoFrom.manufacturer }}</span>
</div>
<div class="manufacturer">
<span>XXX</span>
<span class="oneTableTest">XXX</span>
</div>
<div class="manufacturer">
<el-input v-model="twoFrom.value" style="margin-left: 1px; width: 167px;"/>
<el-input v-model="twoFrom.value" class="manufacturerInput" />
</div>
<div class="manufacturer">
<span>日期</span>
<span class="oneTableTest">日期</span>
</div>
<div class="lateManufacturer">
<span>{{ twoFrom.date }}</span>
<span class="oneTableTest">{{ twoFrom.date }}</span>
</div>
</div>
<div class="one">
<div class="manufacturer">
<span>PN</span>
<span class="oneTableTest">PN</span>
</div>
<div class="manufacturer">
<span>{{ twoFrom.PN }}</span>
<span class="oneTableTest">{{ twoFrom.PN }}</span>
</div>
<div class="manufacturer">
<span>数量</span>
<span class="oneTableTest">数量</span>
</div>
<div class="manufacturer">
<el-input v-model="twoFrom.quantity" style="margin-left: 1px; width: 167px;"/>
<el-input v-model="twoFrom.quantity" class="manufacturerInput" />
</div>
<div class="manufacturer">
<span>lot</span>
<span class="oneTableTest">lot</span>
</div>
<div class="lateManufacturer">
<el-input v-model="twoFrom.lot" style="margin-left: 1px; width: 167px;"/>
<el-input v-model="twoFrom.lot" class="manufacturerInput" />
</div>
</div>
<div class="one">
<div class="three">
<div class="Inspect">
检查
<span class="oneTableTest">检查</span>
</div>
<div class="inspectValue">
<el-input v-model="twoFrom.inspect" style="margin-left: 1px; width: 99%;"/>
<el-input v-model="twoFrom.inspect" class="inspectValueInput" />
</div>
</div>
</div>
<!-- 第二个表格-->
<div class="twoTable">
<div class="TwoSpecification">
<div class="oneSpecificationCell">规格</div>
<div class="twoSpecificationCell">规格1</div>
<div class="threeSpecificationCell">规格2</div>
<div class="fourSpecificationCell">规格3</div>
<div class="fiveSpecificationCell">规格4</div>
<div class="oneSpecificationCell"><span class="oneTableTest">规格</span></div>
<div class="twoSpecificationCell"><span class="oneTableTest">规格1</span></div>
<div class="threeSpecificationCell"><span class="oneTableTest">规格2</span></div>
<div class="fourSpecificationCell"><span class="oneTableTest">规格3</span></div>
<div class="fiveSpecificationCell"><span class="oneTableTest">规格4</span></div>
</div>
<div class="TwoInstrument">
<div class="top">仪器</div>
<div class="bottom">xx</div>
<div class="top"><span class="oneTableTest">仪器</span></div>
<div class="bottom"><span class="oneTableTest">xx</span></div>
</div>
<div class="TwoResult">
<div class="top">标准</div>
<div class="bottom">xx</div>
<div class="top"><span class="oneTableTest">标准</span></div>
<div class="bottom"><span class="oneTableTest">xx</span></div>
</div>
<div class="TwoStandard">
<div class="top">结果</div>
<div class="top"><span class="oneTableTest">结果</span></div>
<div class="bottom">
<div class="one">
<div class="oneContent">n</div>
<div class="oneContent">n</div>
<div class="oneContent">n</div>
<div class="oneContent">n</div>
<div class="oneContent">n</div>
<div class="oneContent"><span class="oneTableTest">n</span></div>
<div class="oneContent"><span class="oneTableTest">n</span></div>
<div class="oneContent"><span class="oneTableTest">n</span></div>
<div class="oneContent"><span class="oneTableTest">n</span></div>
<div class="oneContent"><span class="oneTableTest">n</span></div>
</div>
<div class="two">
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
</div>
<div class="three">
<div class="oneContent">r</div>
<div class="oneContent">r</div>
<div class="oneContent">r</div>
<div class="oneContent">r</div>
<div class="oneContent">r</div>
<div class="oneContent"><span class="oneTableTest">r</span></div>
<div class="oneContent"><span class="oneTableTest">r</span></div>
<div class="oneContent"><span class="oneTableTest">r</span></div>
<div class="oneContent"><span class="oneTableTest">r</span></div>
<div class="oneContent"><span class="oneTableTest">r</span></div>
</div>
<div class="four">
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
<div class="twoContent">
<el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;"/>
<el-input v-model="twoFrom.lot" class="twoTableInput" />
</div>
</div>
</div>
</div>
<div class="TwoQualified">
<div class="top">合格</div>
<div class="top"><span class="oneTableTest">合格</span></div>
<div class="bottom">
<div class="one">
<el-radio-group v-model="radio1">
<el-radio :label="1">合格</el-radio>
<el-radio :label="2">不合格</el-radio>
<el-radio :label="1"><span class="oneTableTest">合格</span></el-radio>
<el-radio :label="2"><span class="oneTableTest">不合格</span></el-radio>
</el-radio-group>
</div>
<div class="one">
<el-radio-group v-model="radio2">
<el-radio :label="1">合格</el-radio>
<el-radio :label="2">不合格</el-radio>
<el-radio :label="1"><span class="oneTableTest">合格</span></el-radio>
<el-radio :label="2"><span class="oneTableTest">不合格</span></el-radio>
</el-radio-group>
</div>
<div class="one">
<el-radio-group v-model="radio3">
<el-radio :label="1">合格</el-radio>
<el-radio :label="2">不合格</el-radio>
<el-radio :label="1"><span class="oneTableTest">合格</span></el-radio>
<el-radio :label="2"><span class="oneTableTest">不合格</span></el-radio>
</el-radio-group>
</div>
<div class="one">
<el-radio-group v-model="radio4">
<el-radio :label="1">合格</el-radio>
<el-radio :label="2">不合格</el-radio>
<el-radio :label="1"><span class="oneTableTest">合格</span></el-radio>
<el-radio :label="2"><span class="oneTableTest">不合格</span></el-radio>
</el-radio-group>
</div>
<div class="one">
<el-radio-group v-model="radio5">
<el-radio :label="1">合格</el-radio>
<el-radio :label="2">不合格</el-radio>
<el-radio :label="1"><span class="oneTableTest">合格</span></el-radio>
<el-radio :label="2"><span class="oneTableTest">不合格</span></el-radio>
</el-radio-group>
</div>
</div>
</div>
<div class="TwoRemark">
<div class="top">备注</div>
<div class="bottom">xx</div>
<div class="top"><span class="oneTableTest">备注</span></div>
<div class="bottom"><span class="oneTableTest">xx</span></div>
</div>
<!-- <div class="tableHeader">-->
<!-- &lt;!&ndash; 规格 &ndash;&gt;-->
<!-- <div class="specification">规格</div>-->
<!-- &lt;!&ndash; 仪器 &ndash;&gt;-->
<!-- <div class="instrument">仪器</div>-->
<!-- &lt;!&ndash; 标准 &ndash;&gt;-->
<!-- <div class="result">标准</div>-->
<!-- &lt;!&ndash; 结果 &ndash;&gt;-->
<!-- <div class="standard">结果</div>-->
<!-- &lt;!&ndash; 合格&ndash;&gt;-->
<!-- <div class="qualified">合格</div>-->
<!-- &lt;!&ndash; 备注&ndash;&gt;-->
<!-- <div class="remark">备注</div>-->
<!-- </div>-->
<!-- <div class="tableBody">-->
<!-- <div class="specificationValue">-->
<!-- <div class="OneSpecification"><span>规格1</span></div>-->
<!-- <div class="TwoSpecification">规格2</div>-->
<!-- <div class="TwoSpecification">规格3</div>-->
<!-- <div class="TwoSpecification">规格4</div>-->
<!-- <div class="threeSpecification">规格5</div>-->
<!-- </div>-->
<!-- &lt;!&ndash; 仪器 &ndash;&gt;-->
<!-- <div class="instrumentValue">-->
<!-- XX-->
<!-- </div>-->
<!-- &lt;!&ndash; 标准 &ndash;&gt;-->
<!-- <div class="resultValue">-->
<!-- XX-->
<!-- </div>-->
<!-- &lt;!&ndash; 结果 &ndash;&gt;-->
<!-- <div class="standardValue">-->
<!-- <div class="oneResult">-->
<!-- <div class="oneResultDiv">n</div>-->
<!-- <div class="oneResultDiv">n</div>-->
<!-- <div class="oneResultDiv">n</div>-->
<!-- <div class="oneResultDiv">n</div>-->
<!-- <div class="oneResultDiv">n</div>-->
<!-- </div>-->
<!-- <div class="twoResult">-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="threeResult">-->
<!-- <div class="oneResultDiv">r</div>-->
<!-- <div class="oneResultDiv">r</div>-->
<!-- <div class="oneResultDiv">r</div>-->
<!-- <div class="oneResultDiv">r</div>-->
<!-- <div class="oneResultDiv">r</div>-->
<!-- </div>-->
<!-- <div class="fourResult">-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- <div class="oneResultDiv">-->
<!-- <el-input v-model="twoFrom.lot" style="width: 58px;margin-left: 1px;" />-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; 合格&ndash;&gt;-->
<!-- <div class="qualifiedValue">-->
<!-- <div class="oneQualified">-->
<!-- <el-radio-group v-model="radio1">-->
<!-- <el-radio :label="1">合格</el-radio>-->
<!-- <el-radio :label="2">不合格</el-radio>-->
<!-- </el-radio-group>-->
<!-- </div>-->
<!-- <div class="oneQualified">-->
<!-- <el-radio-group v-model="radio2">-->
<!-- <el-radio :label="1">合格</el-radio>-->
<!-- <el-radio :label="2">不合格</el-radio>-->
<!-- </el-radio-group>-->
<!-- </div>-->
<!-- <div class="oneQualified">-->
<!-- <el-radio-group v-model="radio3">-->
<!-- <el-radio :label="1">合格</el-radio>-->
<!-- <el-radio :label="2">不合格</el-radio>-->
<!-- </el-radio-group>-->
<!-- </div>-->
<!-- <div class="oneQualified">-->
<!-- <el-radio-group v-model="radio4">-->
<!-- <el-radio :label="1">合格</el-radio>-->
<!-- <el-radio :label="2">不合格</el-radio>-->
<!-- </el-radio-group>-->
<!-- </div>-->
<!-- <div class="oneQualified">-->
<!-- <el-radio-group v-model="radio5">-->
<!-- <el-radio :label="1">合格</el-radio>-->
<!-- <el-radio :label="2">不合格</el-radio>-->
<!-- </el-radio-group>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; 备注&ndash;&gt;-->
<!-- <div class="remarkValue" />-->
<!-- </div>-->
</div>
<!-- 第三个表格-->
<div class="throwTable">
<div class="one">
<div class="label"><span style="color: red">确认</span></div>
<div class="value"><span style="color: red">六项检查</span></div>
<div class="label"><span class="twoTableTest">确认</span></div>
<div class="value"><span class="twoTableTest">六项检查</span></div>
</div>
<div class="two">
<div class="label"><span style="color: red">仪器</span></div>
<div class="value"><span style="color: red">XX</span></div>
<div class="label"><span class="twoTableTest">仪器</span></div>
<div class="value"><span class="twoTableTest">XX</span></div>
</div>
<div class="thrwo">
<div class="label"><span style="color: red">标准</span></div>
<div class="value"><span style="color: red">XX</span></div>
<div class="label"><span class="twoTableTest">标准</span></div>
<div class="value"><span class="twoTableTest">XX</span></div>
</div>
<div class="sive">
<div class="label"><span style="color: red">结果</span></div>
<div class="label"><span class="twoTableTest">结果</span></div>
<div class="value">
<el-input v-model="result" style="width: 240px"/>
<el-input v-model="result" style="width: 240px" />
</div>
</div>
<div class="five">
<div class="label"><span style="color: red">合格</span></div>
<div class="label"><span class="twoTableTest">合格</span></div>
<div class="value">
<el-radio-group v-model="radio6">
<el-radio :label="1">合格</el-radio>
<el-radio :label="2">不合格</el-radio>
<el-radio :label="1"><span class="oneTableTest">合格</span></el-radio>
<el-radio :label="2"><span class="oneTableTest">不合格</span></el-radio>
</el-radio-group>
</div>
</div>
<div class="six">
<div class="label"><span style="color: red">备注</span></div>
<div class="value"><span style="color: red">XX</span></div>
<div class="label"><span class="twoTableTest">备注</span></div>
<div class="value"><span class="twoTableTest">XX</span></div>
</div>
</div>
<div class="fourTable">
......@@ -337,25 +222,25 @@
<div class="confirmationTable">
<!-- 公式-->
<div class="formula">
<div class="label">公式</div>
<div class="label"><span class="oneTableTest">公式</span></div>
<div class="bottom">
<div class="left">xx</div>
<div class="left"> <span class="oneTableTest">xx</span></div>
<div class="right">
<div class="top">
xxx
<span class="oneTableTest">xxx</span>
</div>
<div class="bottom">
xxx
<span class="oneTableTest">xxx</span>
</div>
</div>
</div>
</div>
<div class="oneformula">
<div class="top">XXX</div>
<div class="bottom">XX</div>
<div class="top"><span class="oneTableTest">XXX</span></div>
<div class="bottom"><span class="oneTableTest">XX</span></div>
</div>
<div class="standard">
<div class="one">合格</div>
<div class="one"><span class="oneTableTest">合格</span></div>
<div class="two">
<el-radio-group v-model="radio7">
<el-radio :label="1">合格</el-radio>
......@@ -370,12 +255,12 @@
</div>
</div>
<div class="remark">
<div class="one">备注</div>
<div class="one"><span class="oneTableTest">备注</span></div>
<div class="two">
XXX
<span class="oneTableTest">XXX</span>
</div>
<div class="three">
XXXX
<span class="oneTableTest">XXXX</span>
</div>
</div>
</div>
......@@ -385,75 +270,73 @@
<div class="sivTest">尺寸检查【单位 mm】</div>
<div class="siveTable">
<div class="one">
<div class="oneCell">X</div>
<div class="twoCell">X</div>
<div class="twoCell">X</div>
<div class="throwCell">X</div>
<div class="oneCell"><span class="oneTableTest">X</span></div>
<div class="twoCell"><span class="oneTableTest">X</span></div>
<div class="twoCell"><span class="oneTableTest">X</span></div>
<div class="throwCell"><span class="oneTableTest">X</span></div>
</div>
<div class="two">
<div class="oneCell">1</div>
<div class="oneCell"><span class="oneTableTest">1</span></div>
<div class="twoCell">
<div class="left">X</div>
<div class="left"><span class="oneTableTest">X</span></div>
<div class="right">
<div class="top">X</div>
<div class="bottom">X</div>
<div class="top"><span class="oneTableTest">X</span></div>
<div class="bottom"><span class="oneTableTest">X</span></div>
</div>
</div>
<div class="throwCell">X</div>
<div class="fourCell">X</div>
<div class="throwCell"><span class="oneTableTest">X</span></div>
<div class="fourCell"><span class="oneTableTest">X</span></div>
</div>
<div class="throw">
<div class="oneCell">2</div>
<div class="oneCell"><span class="oneTableTest">2</span></div>
<div class="twoCell">
<div class="left">X</div>
<div class="left"><span class="oneTableTest">X</span></div>
<div class="right">
<div class="top">X</div>
<div class="bottom">X</div>
<div class="top"><span class="oneTableTest">X</span></div>
<div class="bottom"><span class="oneTableTest">X</span></div>
</div>
</div>
<div class="throwCell">X</div>
<div class="fourCell">X</div>
<div class="throwCell"><span class="oneTableTest">X</span></div>
<div class="fourCell"><span class="oneTableTest">X</span></div>
</div>
<div class="four">
<div class="oneCell">3</div>
<div class="oneCell"><span class="oneTableTest">3</span></div>
<div class="twoCell">
<div class="left">X</div>
<div class="left"><span class="oneTableTest">X</span></div>
<div class="right">
<div class="top">X</div>
<div class="bottom">X</div>
<div class="top"><span class="oneTableTest">X</span></div>
<div class="bottom"><span class="oneTableTest">X</span></div>
</div>
</div>
<div class="throwCell">X</div>
<div class="fourCell">X</div>
<div class="throwCell"><span class="oneTableTest">X</span></div>
<div class="fourCell"><span class="oneTableTest">X</span></div>
</div>
<div class="five">
<div class="oneCell">X</div>
<div class="twoCell">X</div>
<div class="twoCell">X</div>
<div class="throwCell">X</div>
<div class="oneCell"><span class="oneTableTest">X</span></div>
<div class="twoCell"><span class="oneTableTest">X</span></div>
<div class="twoCell"><span class="oneTableTest">X</span></div>
<div class="throwCell"><span class="oneTableTest">X</span></div>
</div>
</div>
<div class="sivOneTest">标准</div>
<div class="oneCadImg">
<el-image
style="width: 600px; height: 400px"
class="oneCadImgContent"
:src="url"
:preview-src-list="srcList"
>
</el-image>
/>
</div>
<div class="twoCadImg">
<el-image
style="width: 600px; height: 400px"
class="oneCadImgContent"
:src="url1"
:preview-src-list="srcList1"
>
</el-image>
/>
</div>
</div>
<!-- 提交按钮 -->
<div class="sibmitButton">
<el-button type="primary">提交</el-button>
<el-button class="buttoon" type="primary">提交</el-button>
</div>
</div>
</template>
......@@ -502,11 +385,23 @@ export default {
</script>
<style scoped lang="scss">
.app-container {
.inspectionSheet {
::v-deep .el-input__inner {
padding-right: 13px;
}
.rightInput{
width: 300px;
}
.oneTableTest{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
}
.twoTableTest{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: red;
}
.oneSheet {
width: 80%;
margin-left: 10%;
......@@ -518,6 +413,16 @@ export default {
display: flex;
justify-content: center;
align-content: center;
.leftText{
width: 120px;
height: 22px;
font-size: 20px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
color: #606266;
line-height: 22px;
}
}
.right {
......@@ -526,76 +431,104 @@ export default {
display: flex;
justify-content: center;
align-content: center;
border-left: 1px solid #a49e9e;
border-bottom: 1px solid #a49e9e;
border-left: 1px dashed #eeeeee;;
border-bottom: 1px dashed #eeeeee;;
background: #f4f4f4;
.rightForm {
margin-left: -196px;
padding-top: 2rem;
::v-deep .el-form-item__label{
font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400;
color: #606266;
}
//::v-deep .el-form-item__content{
// margin-left: 3.1rem !important;
//}
}
}
}
.oneTable {
margin-top: 20px;
margin-left: 133px;
width: 1062px;
margin-top: 40px;
margin-left: 10%;
width: 80%;
height: 150px;
//border: 1px dashed #EBEEF5 ;
border: 1px solid;
border: 2px solid;
.one {
width: 100%;
display: flex;
height: 50px;
border: 1px solid;
border-bottom: 2px solid;
.manufacturer {
display: flex;
height: 50px;
justify-content: center;
align-items: center;
width: 177px;
border: 1px solid;
width: 16.67%;
border-right: 2px solid;
.manufacturerInput{
margin-left: 1px;
width: 167px;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
}
.lateManufacturer {
width: 173px;
width: 16.67%;
justify-content: center;
align-items: center;
display: flex;
border-left: 1px solid;
.manufacturerInput{
margin-left: 1px;
width: 167px;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
}
}
.three{
width: 100%;
display: flex;
height: 50px;
.Inspect {
display: flex;
height: 50px;
justify-content: center;
align-items: center;
width: 177.3px;
border: 1px solid;
width: 16.67%;
border-right: 2px solid;
}
.inspectValue {
width: 885px;
.inspectValue{
width: 83.33%;
display: flex;
height: 50px;
justify-content: center;
align-items: center;
border: 1px solid;
.inspectValueInput{
width: 98%;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
}
}
}
.twoTable {
margin-top: 20px;
margin-left: 133px;
width: 1062px;
margin-top: 40px;
margin-left: 10%;
width: 80%;
height: 250px;
border: 1px solid;
display: flex;
.TwoSpecification {
width: 221px;
width: 21%;
height: 250px;
border: 1px solid;
......@@ -644,7 +577,7 @@ export default {
}
.TwoInstrument {
width: 71px;
width: 10%;
height: 250px;
border: 1px solid;
......@@ -666,7 +599,7 @@ export default {
}
.TwoResult {
width: 71px;
width: 10%;
height: 250px;
border: 1px solid;
......@@ -688,7 +621,7 @@ export default {
}
.TwoStandard {
width: 260px;
width: 20%;
height: 250px;
border: 1px solid;
......@@ -727,6 +660,11 @@ export default {
display: flex;
justify-content: center;
align-items: center;
.twoTableInput{
width: 90%;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
}
}
......@@ -752,13 +690,18 @@ export default {
display: flex;
justify-content: center;
align-items: center;
.twoTableInput{
width: 90%;
border: 1px solid #d9d9d9;
border-radius: 4px;
}
}
}
}
}
.TwoQualified {
width: 212px;
width: 20%;
height: 250px;
border: 1px solid;
......@@ -801,7 +744,7 @@ export default {
}
.TwoRemark {
width: 226px;
width: 20%;
height: 250px;
border: 1px solid;
......@@ -1038,14 +981,14 @@ export default {
.throwTable {
display: flex;
margin-top: 20px;
margin-left: 133px;
width: 1062px;
margin-top: 40px;
margin-left: 10%;
width: 80%;
height: 100px;
border: 1px solid;
.one {
width: 221px;
width: 21%;
height: 100px;
border: 1px solid;
......@@ -1067,7 +1010,7 @@ export default {
}
.two {
width: 71px;
width: 10%;
height: 100px;
border: 1px solid;
......@@ -1089,7 +1032,7 @@ export default {
}
.thrwo {
width: 71px;
width: 10%;
height: 100px;
border: 1px solid;
......@@ -1111,7 +1054,7 @@ export default {
}
.sive {
width: 260px;
width: 20%;
height: 100px;
border: 1px solid;
......@@ -1133,7 +1076,7 @@ export default {
}
.five {
width: 212px;
width: 20%;
height: 100px;
border: 1px solid;
......@@ -1173,7 +1116,7 @@ export default {
}
.six {
width: 226px;
width: 20%;
height: 100px;
border: 1px solid;
......@@ -1196,12 +1139,20 @@ export default {
}
.fourTable {
margin-top: 20px;
margin-left: 133px;
width: 1062px;
margin-top: 40px;
margin-left: 10%;
width: 80%;
.confirmation {
margin-bottom: 20px;
margin-bottom: 40px;
width: 120px;
height: 22px;
font-size: 20px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: LEFT;
color: #606266;
line-height: 22px;
}
.confirmationTable {
......@@ -1210,7 +1161,7 @@ export default {
border: 1px solid;
.formula {
width: 265.5px;
width: 25%;
border: 1px solid;
.label {
......@@ -1258,7 +1209,7 @@ export default {
}
.oneformula {
width: 265.5px;
width: 25%;
border: 1px solid;
.top {
......@@ -1279,7 +1230,7 @@ export default {
}
.standard {
width: 265.5px;
width: 25%;
border: 1px solid;
.one {
......@@ -1345,7 +1296,7 @@ export default {
}
.remark {
width: 265.5px;
width: 25%;
border: 1px solid;
.one {
......@@ -1377,23 +1328,31 @@ export default {
}
.oneHr {
margin-top: 20px;
border: 2px dashed #eeeeee;
margin-top: 40px;
margin-bottom: 40px;
}
.sivTable {
margin-left: 133px;
width: 1062px;
margin-top: 20px;
margin-left: 10%;
width: 80%;
margin-top: 40px;
.sivTest{
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
.siveTable {
display: flex;
margin-top: 20px;
margin-top: 40px;
width: 100%;
height: 250px;
border: 1px solid;
.one {
width: 212.4px;
width: 20%;
height: 250px;
border: 1px solid;
......@@ -1424,7 +1383,7 @@ export default {
}
.two {
width: 212.4px;
width: 20%;
height: 250px;
border: 1px solid;
......@@ -1491,7 +1450,7 @@ export default {
}
.throw {
width: 212.4px;
width: 20%;
height: 250px;
border: 1px solid;
......@@ -1558,7 +1517,7 @@ export default {
}
.four {
width: 212.4px;
width: 20%;
height: 250px;
border: 1px solid;
......@@ -1625,7 +1584,7 @@ export default {
}
.five {
width: 212.4px;
width: 20%;
height: 250px;
border: 1px solid;
......@@ -1657,27 +1616,44 @@ export default {
}
.sivOneTest {
margin-top: 20px;
margin-bottom: 20px;
margin-top: 40px;
margin-bottom: 40px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
color: #606266;
}
.oneCadImg {
margin-left: 10.8rem;
margin-top: 2.5rem;
.oneCadImgContent{
width: 600px;
height: 400px
}
}
.twoCadImg {
margin-left: 10.8rem;
margin-top: 2.5rem;
.oneCadImgContent{
width: 600px;
height: 400px
}
}
}
.sibmitButton {
margin-top: 20px;
width: 80%;
margin-left: 1%;
margin-left: 19.6%;
display: flex;
justify-content: center;
padding-bottom: 50px;
.buttoon{
width: 130px;
height: 32px;
background: #0057ff;
border-radius: 4px;
}
}
}
</style>
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