Skip to content

T
template_vue
Commit 2d7e13b9 authored by 高宇's avatar 高宇
Browse files
Options

2024/01/24 需求变更

parent 30971675
Hide whitespace changes
Inline Side-by-side
Showing with 1287 additions and 0 deletions
src/views/checkList.vue 0 → 100644
View file @ 2d7e13b9
<template>
<div class="app-container">
<!-- 检查表主体-->
<div class="checkList">
<!-- 检查表第一部分 -->
<div class="oneCheck">
<!-- 检查标题 -->
<div class="oneCheckHeader">
<div class="oneHeader">XXX</div>
<div class="twoHeader">检查表</div>
</div>
</div>
<div class="oneForm">
<el-form :model="oneForm" label-width="60px">
<div class="formLabel">
<div class="left">
<el-form-item label="厂家:">
<el-input v-model="oneForm.manufacturer" style="width: 300px" />
</el-form-item>
<el-form-item label="ODE:">
<el-input v-model="oneForm.ODE" style="width: 300px" />
</el-form-item>
<el-form-item label="LOT:">
<el-input v-model="oneForm.LOT" style="width: 300px" />
</el-form-item>
<el-form-item label="数量:">
<el-input v-model="oneForm.quantity" style="width: 300px" />
</el-form-item>
</div>
<div class="right">
<el-form-item label="rank:">
<el-input v-model="oneForm.rank" style="width: 300px" />
</el-form-item>
<!-- 外观-->
<div class="appearance">
<div class="appearanceTest">外观</div>
<div class="appearanceForm">
<el-form-item label="抽样:">
<el-input v-model="oneForm.sample" style="width: 80px" />
</el-form-item>
<el-form-item label="不良:">
<el-input v-model="oneForm.badness" style="width: 80px" />
</el-form-item>
</div>
</div>
<el-form-item label="项目:">
<el-input v-model="oneForm.project" style="width: 300px" />
</el-form-item>
</div>
</div>
</el-form>
</div>
<hr style="width: 80%">
<div class="twoCheck">
<!-- 检查记录1 -->
<div class="recordOne">
<!-- 标题 -->
<div class="recordOneTitle">
检查记录1
</div>
<!-- 检查内容-->
<div v-for="(item,index) in recode1" :key="index" class="recordOneContent">
<div class="number">{{ index + 1 }}</div>
<div class="recordData">
<el-input v-model="item.recordData" style="width: 80px" />
</div>
<div class="Value">{{ item.differenceValue }}</div>
</div>
<!-- 添加按钮 -->
<div class="recordOneIcon">
<el-button icon="el-icon-plus" type="success" circle ></el-button>
</div>
</div>
<!-- 检查记录2 -->
<div class="recordTwo">
<div class="recordOneTitle">
检查记录2
</div>
<!-- 检查内容-->
<div v-for="(item,index) in recode2" :key="index" class="recordTwoContent">
<div class="number">{{ index + 1 }}</div>
<div class="recordData">
<el-input v-model="item.recordData" style="width: 80px" />
</div>
</div>
<!-- 添加按钮 -->
<div class="recordOneIcon">
<el-button icon="el-icon-plus" type="success" circle ></el-button>
</div>
</div>
</div>
<!-- 计算结果-->
<div class="result">
<div class="resultLabel">计算结果</div>
<div class="resultValue">{{ oneForm.result }}</div>
<div class="standard">
<div class="standardTest">合格</div></div>
</div>
<!-- 附件-->
<div class="attachments">
<div class="uploadLabel">附件</div>
<div class="uploadImg">
<el-button size="small" class="uploadButtion" type="primary">点击上传</el-button>
<div class="peviewImg">
<div class="OneImg">
<el-image
style="width: 100px; height: 100px"
:src="url"
:preview-src-list="srcList">
</el-image>
</div>
<div class="twoImg">
<el-image
style="width: 100px; height: 100px"
:src="url1"
:preview-src-list="srcList1">
</el-image>
</div>
</div>
</div>
</div>
<!-- 提交按钮 -->
<div class="submitButton">
<el-button type="primary">提交</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'CheckList',
data() {
return {
url: require('@/assets/image/cadone.png'),
url1: require('@/assets/image/cadTwo.png'),
srcList: [
require('@/assets/image/cadone.png')
],
srcList1: [
require('@/assets/image/cadTwo.png')
],
// 表单
oneForm: {
manufacturer: 'XXX',
ODE: 'XXX',
LOT: 'XXX',
quantity: 'XXX',
rank: 'XX',
sample: 'XX',
badness: 'XX',
project: 'XXX',
result: '0.175'
},
// 检查记录1
recode1: [
{
// 记录数据
recordData: '61.224',
differenceValue: ''
},
{
// 记录数据
recordData: '61.225',
differenceValue: '0.001'
},
{
// 记录数据
recordData: '61.226',
differenceValue: '0.001'
},
{
// 记录数据
recordData: '61.224',
differenceValue: '0.002'
},
{
// 记录数据
recordData: '61.225',
differenceValue: '0.001'
},
{
// 记录数据
recordData: '61.224',
differenceValue: '0.001'
},
{
// 记录数据
recordData: '61.224',
differenceValue: '0.002'
},
{
// 记录数据
recordData: '61.223',
differenceValue: '0.001'
},
{
// 记录数据
recordData: '61.224',
differenceValue: '0.001'
},
{
// 记录数据
recordData: '61.225',
differenceValue: '0.001'
}
],
// 检查记录2
recode2: [
{
// 记录数据
recordData: '61.224'
},
{
// 记录数据
recordData: '61.225'
},
{
// 记录数据
recordData: '61.226'
},
{
// 记录数据
recordData: '61.224'
},
{
// 记录数据
recordData: '61.225'
},
{
// 记录数据
recordData: '61.224'
},
{
// 记录数据
recordData: '61.224'
},
{
// 记录数据
recordData: '61.223'
},
{
// 记录数据
recordData: '61.224'
},
{
// 记录数据
recordData: '61.225'
}
]
}
},
methods: {
handleRemove(file, fileList) {
console.log(file, fileList)
},
handlePreview(file) {
console.log(file)
}
}
}
</script>
<style scoped lang="scss">
.app-container{
::v-deep .el-input__inner{
padding-right: 13px;
}
::v-deep .el-upload-list{
display: flex;
margin-top: -39px;
}
::v-deep .el-upload-list--picture .el-upload-list__item{
margin-left: 20px;
}
//检查表主题
.checkList{
.oneCheck{
width: 60%;
margin-left: 20%;
.oneCheckHeader {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
.oneHeader{
font-size: larger;
font-weight: 500;
}
.twoHeader{
font-size: larger;
font-weight: 500;
}
}
}
.oneForm{
margin-top: 60px;
width: 80%;
margin-left: 10%;
.formLabel{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.appearance{
width: 340px;
height: 80px;
margin-left: 19px;
border: 1px solid #b9bbbb;
margin-bottom: 20px;
.appearanceTest{
margin-top: 2px;
margin-left: 20px;
width: 32px;
top: -12px;
position: relative;
background-color: white;
}
.appearanceForm{
display: flex;
}
}
}
.twoCheck{
display: flex;
width: 80%;
margin-left: 10%;
.recordOne{
width: 45%;
margin-right: 5%;
.recordOneTitle{
display: flex;
justify-content: center;
}
.recordOneContent{
width: 100%;
display: flex;
margin-left: 106px;
.number{
width: 10px;
margin-left: 73px;
margin-top: 28px;
margin-bottom: 20px;
}
.recordData{
margin-top: 20px;
width: 60px;
margin-left: 14px;
}
.Value{
margin-top: 28px;
margin-left: 30px;
}
}
.recordOneIcon{
margin-top: 20px;
display: flex;
justify-content: center;
}
}
.recordTwo{
width: 45%;
margin-left: 5%;
.recordOneTitle{
display: flex;
justify-content: center;
}
.recordTwoContent{
margin-left: 190px;
width: 100%;
display: flex;
.number{
width: 10px;
margin-left: 14px;
margin-top: 28px;
margin-bottom: 20px;
}
.recordData{
margin-top: 20px;
margin-left: 54px;
width: 60px;
//margin-left: 94px;
}
}
.recordOneIcon{
margin-top: 20px;
display: flex;
justify-content: center;
}
}
}
.result{
width: 80%;
margin-left: 18%;
margin-top: 40px;
display: flex;
.resultLabel{
margin-left: 2.5%;
}
.resultValue{
margin-left: 16px;
width: 60px;
}
.standard{
display: flex;
width: 40px;
height: 40px;
align-content: center;
justify-content: center;
margin-left: 27px;
border: 1px solid seagreen;
background-color: seagreen;
border-radius: 50%;
margin-top: -11px;
color: white;
.standardTest{
margin-top: 9px;
}
}
}
.attachments{
.uploadImg{
display: flex;
.peviewImg{
display: flex;
}
}
.uploadButtion{
margin-left: 20px;
height: 40px;
}
.OneImg{
margin-left: 20px;
margin-top: -32px;
}
.twoImg{
margin-left: 20px;
margin-top: -32px;
}
width: 80%;
margin-left: 21%;
margin-top: 100px;
display: flex;
.uploadLabel{
margin-left: 2.5%;
}
.upload-demo{
margin-left: 20px;
display: flex;
}
}
.submitButton{
margin-top: 20px;
width: 80%;
margin-left: 10%;
display: flex;
justify-content: center;
}
}
}
</style>
src/views/inspectionSheet.vue 0 → 100644
View file @ 2d7e13b9
<template>
<div class="app-container">
<!-- 第一部分-->
<div class="oneSheet">
<div class="left">
xxx检查书
</div>
<div class="right">
<el-form class="rightForm" :model="oneFrom" label-width="80px">
<el-form-item label="检印:">
<el-input v-model="oneFrom.checkPrint" style="width: 300px;" />
</el-form-item>
<el-form-item label="dd:">
<el-input v-model="oneFrom.dd" style="width: 300px;" />
</el-form-item>
<el-form-item label="结果:">
<el-input v-model="oneFrom.result" style="width: 300px;" />
</el-form-item>
</el-form>
</div>
</div>
<!-- 第二部分-->
<!-- 第一个表格 -->
<div class="oneTable">
<div class="one">
<div class="manufacturer">
<span>厂家</span>
</div>
<div class="manufacturer">
<span>{{ twoFrom.manufacturer }}</span>
</div>
<div class="manufacturer">
<span>XXX</span>
</div>
<div class="manufacturer">
<el-input v-model="twoFrom.value" style="margin-left: 1px; width: 167px;" />
</div>
<div class="manufacturer">
<span>日期</span>
</div>
<div class="lateManufacturer">
<span>{{ twoFrom.date }}</span>
</div>
</div>
<div class="one">
<div class="manufacturer">
<span>PN</span>
</div>
<div class="manufacturer">
<span>{{ twoFrom.PN }}</span>
</div>
<div class="manufacturer">
<span>数量</span>
</div>
<div class="manufacturer">
<el-input v-model="twoFrom.quantity" style="margin-left: 1px; width: 167px;" />
</div>
<div class="manufacturer">
<span>lot</span>
</div>
<div class="lateManufacturer">
<el-input v-model="twoFrom.lot" style="margin-left: 1px; width: 167px;" />
</div>
</div>
<div class="one">
<div class="Inspect">
检查
</div>
<div class="inspectValue">
<el-input v-model="twoFrom.inspect" style="margin-left: 1px; width: 99%;" />
</div>
</div>
</div>
<!-- 第二个表格-->
<div class="twoTable">
<div class="tableHeader">
<!-- 规格 -->
<div class="specification">规格</div>
<!-- 仪器 -->
<div class="instrument">仪器</div>
<!-- 标准 -->
<div class="result">标准</div>
<!-- 结果 -->
<div class="standard">结果</div>
<!-- 合格-->
<div class="qualified">合格</div>
<!-- 备注-->
<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>
<!-- 仪器 -->
<div class="instrumentValue">
XX
</div>
<!-- 标准 -->
<div class="resultValue">
XX
</div>
<!-- 结果 -->
<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>
<!-- 合格-->
<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>
<!-- 备注-->
<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>
<div class="two">
<div class="label"><span style="color: red">仪器</span></div>
<div class="value"><span style="color: red">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>
<div class="sive">
<div class="label"><span style="color: red">结果</span></div>
<div class="value"><el-input v-model="result" style="width: 240px" /></div>
</div>
<div class="five">
<div class="label"><span style="color: red">合格</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-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>
</div>
<div class="fourTable" >
<div class="confirmation">厂家确认</div>
</div>
</div>
</template>
<script>
export default {
name: 'InspectionSheet',
data() {
return {
result: 'XXX',
radio1: 1,
radio2: 1,
radio3: 1,
radio4: 1,
radio5: 1,
radio6: 1,
oneFrom: {
checkPrint: 'XXX',
dd: 'XXX',
result: 'XXX'
},
twoFrom: {
manufacturer: 'xxx',
value: 'xxx',
date: '2023-02-13',
PN: 'xx',
quantity: 'xx',
lot: 'xx',
inspect: 'xx'
},
oneTableData: [
{
value1: '1',
value2: 'xx',
value3: 'xx',
value4: 'n',
value5: 'xx',
value6: 'r',
value7: 'xxx',
value8: ''
},
{
value1: '2',
value2: 'xx',
value3: 'xx',
value4: 'n',
value5: 'xx',
value6: 'r',
value7: 'xxx',
value8: ''
},
{
value1: '3',
value2: 'xx',
value3: 'xx',
value4: 'n',
value5: 'xx',
value6: 'r',
value7: 'xxx',
value8: ''
},
{
value1: '4',
value2: 'xx',
value3: 'xx',
value4: 'n',
value5: 'xx',
value6: 'r',
value7: 'xxx',
value8: ''
},
{
value1: '5',
value2: 'xx',
value3: 'xx',
value4: 'n',
value5: 'xx',
value6: 'r',
value7: 'xxx',
value8: ''
}
],
tableData: [{
id: '12987122',
name: '王小虎',
amount1: '234',
amount2: '3.2',
amount3: 10
}, {
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
}, {
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
}, {
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
}, {
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
}]
}
},
methods: {}
}
</script>
<style scoped lang="scss">
.app-container {
::v-deep .el-input__inner {
padding-right: 13px;
}
.oneSheet {
width: 80%;
margin-left: 10%;
display: flex;
.left {
width: 60%;
height: 200px;
display: flex;
justify-content: center;
align-content: center;
}
.right {
width: 60%;
height: 200px;
display: flex;
justify-content: center;
align-content: center;
border-left: 1px solid #a49e9e;
border-bottom: 1px solid #a49e9e;
.rightForm {
margin-left: -196px;
}
}
}
.oneTable {
margin-top: 20px;
margin-left: 133px;
width: 1062px;
height: 150px;
//border: 1px dashed #EBEEF5 ;
border: 1px solid;
.one {
width: 100%;
display: flex;
height: 50px;
border: 1px solid;
.manufacturer {
display: flex;
height: 50px;
justify-content: center;
align-items: center;
width: 177px;
border: 1px solid;
}
.lateManufacturer {
width: 173px;
justify-content: center;
align-items: center;
display: flex;
border-left: 1px solid;
}
.Inspect {
display: flex;
height: 50px;
justify-content: center;
align-items: center;
width: 177.3px;
border: 1px solid;
}
.inspectValue {
width: 885px;
display: flex;
height: 50px;
justify-content: center;
align-items: center;
border: 1px solid;
}
}
}
.twoTable {
margin-top: 20px;
margin-left: 133px;
width: 1062px;
height: 250px;
border: 1px solid;
.tableHeader {
width: 1062px;
display: flex;
.specification {
width: 200px;
height: 50px;
justify-content: center;
align-items: center;
display: flex;
border: 1px solid;
}
.instrument {
width: 80px;
height: 50px;
justify-content: center;
align-items: center;
display: flex;
border: 1px solid;
}
.result {
width: 80px;
height: 50px;
justify-content: center;
align-items: center;
display: flex;
border: 1px solid;
}
.standard {
width: 280px;
height: 50px;
justify-content: center;
align-items: center;
display: flex;
border: 1px solid;
}
.qualified {
width: 240px;
height: 50px;
justify-content: center;
align-items: center;
display: flex;
border: 1px solid;
}
.remark {
width: 260px;
height: 50px;
justify-content: center;
align-items: center;
display: flex;
border: 1px solid;
}
}
.tableBody {
display: flex;
.specificationValue {
width: 250px;
height: 200px;
border: 1px solid;
.OneSpecification {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid;
}
.TwoSpecification {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid;
border-bottom: 1px solid;
}
.threeSpecification {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid;
}
}
.instrumentValue {
width: 80px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid;
}
.resultValue {
width: 80px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid;
}
.standardValue {
width: 279.1px;
height: 200px;
border: 1px solid;
display: flex;
.oneResult {
width: 64px;
height: 200px;
border-right: 1px solid;
.oneResultDiv {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
}
.twoResult {
width: 65px;
height: 200px;
border-left: 1px solid;
border-right: 1px solid;
.oneResultDiv {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
}
.threeResult {
width: 65px;
height: 200px;
border-left: 1px solid;
border-right: 1px solid;
.oneResultDiv {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
}
.fourResult {
width: 65px;
height: 200px;
border-left: 1px solid;
.oneResultDiv {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
}
}
.qualifiedValue {
width: 240px;
height: 200px;
border: 1px solid;
.oneQualified {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
::v-deep .el-radio__input.is-checked .el-radio__inner::after {
content: "";
width: 10px;
height: 5px;
border: 2px solid white;
border-top: transparent;
border-right: transparent;
text-align: center;
display: inline-block;
position: absolute;
top: 2px;
left: 2px;
vertical-align: middle;
transform: rotate(-45deg);
border-radius: 0px;
background: none;
}
}
}
.remarkValue {
width: 258px;
height: 200px;
border: 1px solid;
}
}
}
.throwTable{
display: flex;
margin-top: 20px;
margin-left: 133px;
width: 1062px;
height: 100px;
border: 1px solid;
.one{
width: 221px;
height: 100px;
border: 1px solid;
.label{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid;
}
.value{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid;
}
}
.two{
width: 71px;
height: 100px;
border: 1px solid;
.label{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid;
}
.value{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid;
}
}
.thrwo{
width: 71px;
height: 100px;
border: 1px solid;
.label{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid;
}
.value{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid;
}
}
.sive{
width: 260px;
height: 100px;
border: 1px solid;
.label{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid;
}
.value{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid;
}
}
.five{
width: 212px;
height: 100px;
border: 1px solid;
.label{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid;
}
.value{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid;
::v-deep .el-radio__input.is-checked .el-radio__inner::after {
content: "";
width: 10px;
height: 5px;
border: 2px solid white;
border-top: transparent;
border-right: transparent;
text-align: center;
display: inline-block;
position: absolute;
top: 2px;
left: 2px;
vertical-align: middle;
transform: rotate(-45deg);
border-radius: 0px;
background: none;
}
}
}
.six{
width: 226px;
height: 100px;
border: 1px solid;
.label{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid;
}
.value{
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid;
}
}
}
.fourTable{
margin-top: 20px;
margin-left: 133px;
width: 1062px;
.confirmation{
margin-bottom:20px;
}
}
}
</style>
src/views/secondary.vue 0 → 100644
View file @ 2d7e13b9
<template>
<router-view />
</template>
<script>
export default {
name: 'Secondary'
}
</script>
<style scoped>
</style>
src/views/secondaryThrow.vue 0 → 100644
View file @ 2d7e13b9
<template>
<div>
测试页面
</div>
</template>
<script>
export default {
name: 'SecondaryThrow'
}
</script>
<style scoped>
</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