Skip to content

T
template_vue
Commit 30e5dc30 authored by 高宇's avatar 高宇
Browse files
Options

model模式

parent fa1761a5
Hide whitespace changes
Inline Side-by-side
Showing with 136 additions and 102 deletions
src/components/Hamburger/index.vue
View file @ 30e5dc30
<template> <template>
<div style="padding: 0 0 0 10px;" @click="toggleClick"> <div style="padding: 0 0 0 10px;" @click="toggleClick">
<svg <svg
style="width: 16px; height: 16px;"
:class="{'is-active':isActive}" :class="{'is-active':isActive}"
class="hamburger" class="hamburger"
viewBox="0 0 1024 1024" viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="64"
height="64"
> >
<path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" /> <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
</svg> </svg>
......
src/layout/components/header.vue
View file @ 30e5dc30
...@@ -3,28 +3,33 @@ ...@@ -3,28 +3,33 @@
<div class="title-box"> <div class="title-box">
<hamburger <hamburger
:is-active="sidebar.opened" :is-active="sidebar.opened"
class="hamburger-container" style=" line-height: 46px;
height: 100%;
float: left;
cursor: pointer;
transition: background 0.3s;
-webkit-tap-highlight-color: transparent;"
@toggleClick="toggleSideBar" @toggleClick="toggleSideBar"
/> />
<!-- <el-dropdown--> <!-- <el-dropdown-->
<!-- class="change-sys"--> <!-- class="change-sys"-->
<!-- @command="handleCommand"--> <!-- @command="handleCommand"-->
<!-- >--> <!-- >-->
<!--&lt;!&ndash; <span class="el-dropdown-link">&ndash;&gt;--> <!--&lt;!&ndash; <span class="el-dropdown-link">&ndash;&gt;-->
<!--&lt;!&ndash; 业务中台<i class="el-icon-arrow-down el-icon&#45;&#45;right" />&ndash;&gt;--> <!--&lt;!&ndash; 业务中台<i class="el-icon-arrow-down el-icon&#45;&#45;right" />&ndash;&gt;-->
<!--&lt;!&ndash; </span>&ndash;&gt;--> <!--&lt;!&ndash; </span>&ndash;&gt;-->
<!-- <el-dropdown-menu--> <!-- <el-dropdown-menu-->
<!-- slot="dropdown"--> <!-- slot="dropdown"-->
<!-- >--> <!-- >-->
<!-- <el-dropdown-item--> <!-- <el-dropdown-item-->
<!-- v-for="(item) in appList"--> <!-- v-for="(item) in appList"-->
<!-- :key="item.businessId"--> <!-- :key="item.businessId"-->
<!-- :command="specialTag !== '1' ? item.pcUrl : ''"--> <!-- :command="specialTag !== '1' ? item.pcUrl : ''"-->
<!-- >--> <!-- >-->
<!-- {{ item.system }}--> <!-- {{ item.system }}-->
<!-- </el-dropdown-item>--> <!-- </el-dropdown-item>-->
<!-- </el-dropdown-menu>--> <!-- </el-dropdown-menu>-->
<!-- </el-dropdown>--> <!-- </el-dropdown>-->
</div> </div>
<div class="right-menu"> <div class="right-menu">
<!-- <i class="el-icon-info" />--> <!-- <i class="el-icon-info" />-->
...@@ -39,11 +44,11 @@ ...@@ -39,11 +44,11 @@
<el-dropdown class="avatar-container" trigger="click"> <el-dropdown class="avatar-container" trigger="click">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<span class="username-text"> <span STYLE="margin-right: 12px; font-size: 16px">
[您好，{{ userName }}] [您好，{{ userName }}]
</span> </span>
<!-- <img :src="avatar" class="user-avatar">--> <!-- <img :src="avatar" class="user-avatar">-->
<i class="el-icon-caret-bottom" /> <i class="el-icon-caret-bottom"/>
</div> </div>
<el-dropdown-menu slot="dropdown" class="user-dropdown"> <el-dropdown-menu slot="dropdown" class="user-dropdown">
<el-dropdown-item> <el-dropdown-item>
...@@ -61,9 +66,10 @@ ...@@ -61,9 +66,10 @@
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import {mapGetters} from 'vuex'
import { queryInAdhibitions } from '@/api/internal.js' import {queryInAdhibitions} from '@/api/internal.js'
import Hamburger from '@/components/Hamburger' import Hamburger from '@/components/Hamburger'
export default { export default {
data() { data() {
return { return {
...@@ -122,9 +128,10 @@ export default { ...@@ -122,9 +128,10 @@ export default {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
background: #fff; background: #fff;
box-shadow: 0 1px 4px rgba(0,21,41,.08); box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.hamburger-container { .hamburger-container {
line-height: 46px; line-height: 46px;
height: 100%; height: 100%;
...@@ -137,15 +144,17 @@ export default { ...@@ -137,15 +144,17 @@ export default {
background: rgba(0, 0, 0, 0.025); background: rgba(0, 0, 0, 0.025);
} }
} }
.title-box{
.title-box {
display: flex; display: flex;
align-items: center; align-items: center;
.change-sys{
.change-sys {
margin-left: 20px; margin-left: 20px;
} }
} }
.app-logo{ .app-logo {
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 10px; border-radius: 10px;
...@@ -158,7 +167,7 @@ export default { ...@@ -158,7 +167,7 @@ export default {
float: left; float: left;
cursor: pointer; cursor: pointer;
transition: background .3s; transition: background .3s;
-webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color: transparent;
&:hover { &:hover {
background: rgba(0, 0, 0, .025) background: rgba(0, 0, 0, .025)
...@@ -175,16 +184,20 @@ export default { ...@@ -175,16 +184,20 @@ export default {
line-height: 50px; line-height: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
&:focus { &:focus {
outline: none; outline: none;
} }
& > i { & > i {
margin-right: 50px; margin-right: 50px;
font-size: 18px; font-size: 18px;
} }
.username-text { .username-text {
margin-right: 12px; margin-right: 12px;
} }
.right-menu-item { .right-menu-item {
display: inline-block; display: inline-block;
padding: 0 8px; padding: 0 8px;
...@@ -192,6 +205,7 @@ export default { ...@@ -192,6 +205,7 @@ export default {
font-size: 18px; font-size: 18px;
color: #5a5e66; color: #5a5e66;
vertical-align: text-bottom; vertical-align: text-bottom;
&.hover-effect { &.hover-effect {
cursor: pointer; cursor: pointer;
transition: background .3s; transition: background .3s;
...@@ -201,10 +215,11 @@ export default { ...@@ -201,10 +215,11 @@ export default {
} }
} }
} }
.avatar-container { .avatar-container {
margin-right: 30px; margin-right: 30px;
.avatar-wrapper :hover{ .avatar-wrapper :hover {
cursor: pointer; cursor: pointer;
} }
...@@ -237,6 +252,7 @@ export default { ...@@ -237,6 +252,7 @@ export default {
.el-badge { .el-badge {
margin-right: 50px; margin-right: 50px;
font-size: 22px; font-size: 22px;
.el-badge__content.is-fixed { .el-badge__content.is-fixed {
top: 12px !important; top: 12px !important;
} }
......
src/layoutLogin/components/logo.vue
View file @ 30e5dc30
...@@ -76,7 +76,7 @@ export default { ...@@ -76,7 +76,7 @@ export default {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
line-height: 70px; line-height: 70px;
font-size: 20px; font-size: 20Px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle; vertical-align: middle;
} }
......
src/styles/index.scss
View file @ 30e5dc30
...@@ -27,7 +27,7 @@ html { ...@@ -27,7 +27,7 @@ html {
#app { #app {
height: 100%; height: 100%;
overflow-x: hidden; overflow-x: hidden;
min-width: 1440px; //min-width: 1440px;
} }
*, *,
......
src/utils/rem.js
View file @ 30e5dc30
...@@ -4,7 +4,8 @@ const baseSize = 16 ...@@ -4,7 +4,8 @@ const baseSize = 16
function setRem() { function setRem() {
// 当前页面宽度相对于 1920 宽的缩放比例，可根据自己需要修改。 // 当前页面宽度相对于 1920 宽的缩放比例，可根据自己需要修改。
const scale = document.documentElement.clientWidth / 1920 const scale = document.documentElement.clientWidth / 1920
const fontSize = (baseSize * Math.min(scale, 2)) > 7.2 ? (baseSize * Math.min(scale, 2)) : 7.2 const fontSize = (baseSize * Math.min(scale, 2)) > 14 ? (baseSize * Math.min(scale, 2)) : 14
// const fontSize = (baseSize * Math.min(scale, 2))
console.log('fontSize', (baseSize * Math.min(scale, 2))) console.log('fontSize', (baseSize * Math.min(scale, 2)))
document.documentElement.style.fontSize = fontSize + 'px' document.documentElement.style.fontSize = fontSize + 'px'
} }
......
src/views/checkList.vue
View file @ 30e5dc30
...@@ -10,25 +10,25 @@ ...@@ -10,25 +10,25 @@
</div> </div>
</div> </div>
<div class="oneForm"> <div class="oneForm">
<el-form :model="oneForm" label-width="auto"> <el-form :model="oneForm" label-width="21">
<div class="formLabel"> <div class="formLabel">
<div class="left"> <div class="left">
<el-form-item label="厂家:"> <el-form-item label="厂家:">
<el-input v-model="oneForm.manufacturer" class="normalInput"/> <el-input v-model="oneForm.manufacturer" class="normalInput" />
</el-form-item> </el-form-item>
<el-form-item label="ODE:"> <el-form-item label="ODE:">
<el-input v-model="oneForm.ODE" class="normalInput"/> <el-input v-model="oneForm.ODE" class="normalInput" />
</el-form-item> </el-form-item>
<el-form-item label="LOT:"> <el-form-item label="LOT:">
<el-input v-model="oneForm.LOT" class="normalInput"/> <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.quantity" class="normalInput" />
</el-form-item> </el-form-item>
</div> </div>
<div class="right"> <div class="right">
<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>
<!-- 外观--> <!-- 外观-->
<div class="appearanceDiv"> <div class="appearanceDiv">
...@@ -36,16 +36,16 @@ ...@@ -36,16 +36,16 @@
<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.sample" 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.badness" class="smallInput" />
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
</div> </div>
<el-form-item label="项目:"> <el-form-item label="项目:">
<el-input v-model="oneForm.project" class="normalInput"/> <el-input v-model="oneForm.project" class="normalInput" />
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
...@@ -65,7 +65,7 @@ ...@@ -65,7 +65,7 @@
<div v-for="(item,index) in recode1" :key="index" class="Content"> <div v-for="(item,index) in recode1" :key="index" class="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>
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
<div v-for="(item,index) in recode2" :key="index" class="Content"> <div v-for="(item,index) in recode2" :key="index" class="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> </div>
<!-- 添加按钮 --> <!-- 添加按钮 -->
...@@ -116,6 +116,7 @@ ...@@ -116,6 +116,7 @@
<el-image <el-image
class="OneElImg" class="OneElImg"
:src="url" :src="url"
:append-to-body="false"
:preview-src-list="srcList" :preview-src-list="srcList"
/> />
</div> </div>
...@@ -123,6 +124,7 @@ ...@@ -123,6 +124,7 @@
<el-image <el-image
class="twoElImg" class="twoElImg"
:src="url1" :src="url1"
:append-to-body="true"
:preview-src-list="srcList1" :preview-src-list="srcList1"
/> />
</div> </div>
...@@ -268,6 +270,15 @@ export default { ...@@ -268,6 +270,15 @@ export default {
] ]
} }
}, },
mounted() {
// 通过遮罩层关闭图片预览
document.addEventListener('click', function(e) {
if (e.target.className === 'el-image-viewer__mask') {
const close = document.querySelector('.el-icon-circle-close')
close.click()
}
})
},
methods: { methods: {
handleRemove(file, fileList) { handleRemove(file, fileList) {
console.log(file, fileList) console.log(file, fileList)
...@@ -282,7 +293,7 @@ export default { ...@@ -282,7 +293,7 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.CheckBobyList { .CheckBobyList {
::v-deep .el-form-item__content{ ::v-deep .el-form-item__content{
//margin-left: 3.1rem !important; margin-left: 45px !important;
} }
::v-deep .el-input__inner { ::v-deep .el-input__inner {
padding-right: 13px; padding-right: 13px;
...@@ -303,11 +314,12 @@ export default { ...@@ -303,11 +314,12 @@ export default {
//检查表主题 //检查表主题
.checkList { .checkList {
.smallInput { .smallInput {
width: 11rem; width: 90%;
//width: 176px;
} }
.normalInput { .normalInput {
width: 34rem; //width: 496px;
height: 32px; height: 32px;
background: #ffffff; background: #ffffff;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
...@@ -339,14 +351,17 @@ export default { ...@@ -339,14 +351,17 @@ export default {
.oneForm { .oneForm {
margin-top: 50px; margin-top: 50px;
margin-left: 10%; margin-left: 10%;
width: 80%;
.formLabel { .formLabel {
width: 100%;
//width: 80px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
.left { .left {
width: 45%;
.FormLable{ .FormLable{
width: 42px; width: 42px;
} }
...@@ -362,7 +377,7 @@ export default { ...@@ -362,7 +377,7 @@ export default {
.right { .right {
margin-left: 6%; margin-left: 6%;
width: 45%;
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
width: 42px; width: 42px;
height: 18px; height: 18px;
...@@ -375,11 +390,12 @@ export default { ...@@ -375,11 +390,12 @@ export default {
} }
.appearanceDiv { .appearanceDiv {
width: 100%;
display: flex; display: flex;
.appearanceLabel { .appearanceLabel {
margin-top: 0.5rem; margin-top: 8px;
width: 42px; min-width: 42px;
height: 18px; height: 18px;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -390,21 +406,21 @@ export default { ...@@ -390,21 +406,21 @@ export default {
} }
.appearance { .appearance {
width: 34rem; width: 100%;
height: 5.1rem; height: 81.6px;
margin-left: 0.5rem; margin-left: 8px;
background: #f4f4f4; background: #f4f4f4;
border-radius: 4px; border-radius: 4px;
margin-bottom: 20px; margin-bottom: 20px;
.appearanceForm { .appearanceForm {
width: 19.9rem; //width: 318.4px;
height: 6.2rem; height: 99.2px;
display: flex; display: flex;
align-items: center; align-items: center;
.sample { .sample {
margin-left: 1rem; margin-left: 16px;
} }
.badness { .badness {
...@@ -423,10 +439,11 @@ export default { ...@@ -423,10 +439,11 @@ export default {
.twoCheck { .twoCheck {
display: flex; display: flex;
width: 100%;
.recordOne { .recordOne {
margin-left: 13%; margin-left: 13%;
//width: 45%; width: 33%;
//margin-right: 5%; //margin-right: 5%;
.recordOneTitle { .recordOneTitle {
width: 84px; width: 84px;
...@@ -443,21 +460,20 @@ export default { ...@@ -443,21 +460,20 @@ export default {
.recordOneContainer { .recordOneContainer {
margin-top: 16px; margin-top: 16px;
width: 34rem;; height: 592px;
height: 37rem;
background: rgba(0, 87, 255, 0.05); background: rgba(0, 87, 255, 0.05);
border-radius: 4px; border-radius: 4px;
.recordOneContent { .recordOneContent {
padding-top: 30px; padding-top: 30px;
padding-left: 90px; //padding-left: 90px;
.Content { .Content {
display: flex; display: flex;
margin-bottom: 16px; margin-top: 16px;
justify-content: center;
.number { .number {
margin-top: 0.5rem; margin-top: 8px;
width: 9px; width: 9px;
height: 18px; height: 18px;
font-size: 14px; font-size: 14px;
...@@ -468,16 +484,17 @@ export default { ...@@ -468,16 +484,17 @@ export default {
} }
.recordData { .recordData {
margin-left: 20px; margin-left: 4%;
width: 20rem; margin-right: 2%;
width: 45%;
height: 32px; height: 32px;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 4px; border-radius: 4px;
} }
.Value { .Value {
margin-left: 20px; //margin-left: 20px;
margin-top: 0.5rem; margin-top: 8px;
width: 37px; width: 37px;
height: 18px; height: 18px;
font-size: 14px; font-size: 14px;
...@@ -490,15 +507,17 @@ export default { ...@@ -490,15 +507,17 @@ export default {
.recordOneIcon { .recordOneIcon {
margin-top: 35px; margin-top: 35px;
margin-left: 67px; display: flex;
justify-content: center;
//margin-left: 67px;
} }
} }
} }
} }
.recordTwo { .recordTwo {
margin-left: 9.2rem; margin-left: 8%;
width: 33%;
.recordOneTitle { .recordOneTitle {
width: 84px; width: 84px;
height: 22px; height: 22px;
...@@ -512,21 +531,21 @@ export default { ...@@ -512,21 +531,21 @@ export default {
.recordTwoContainer { .recordTwoContainer {
margin-top: 16px; margin-top: 16px;
width: 34rem;; width: 100%;
height: 37rem; height: 592px;
background: rgba(0, 87, 255, 0.05); background: rgba(0, 87, 255, 0.05);
border-radius: 4px; border-radius: 4px;
.recordTwoContent { .recordTwoContent {
padding-top: 30px; padding-top: 30px;
padding-left: 90px; //padding-left: 90px;
.Content { .Content {
margin-bottom: 16px; margin-bottom: 16px;
display: flex; display: flex;
justify-content: center;
.number { .number {
margin-top: 0.5rem; margin-top: 8px;
width: 9px; width: 9px;
height: 18px; height: 18px;
font-size: 14px; font-size: 14px;
...@@ -538,7 +557,7 @@ export default { ...@@ -538,7 +557,7 @@ export default {
.recordData { .recordData {
margin-left: 20px; margin-left: 20px;
width: 20rem; width: 60%;
height: 32px; height: 32px;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 4px; border-radius: 4px;
...@@ -547,7 +566,8 @@ export default { ...@@ -547,7 +566,8 @@ export default {
.recordOneIcon { .recordOneIcon {
margin-top: 35px; margin-top: 35px;
margin-left: 67px; display: flex;
justify-content: center;
} }
} }
...@@ -556,10 +576,10 @@ export default { ...@@ -556,10 +576,10 @@ export default {
} }
.result { .result {
margin-left: 14.4rem; //margin-left: 230.4px;
margin-top: 19px; margin-top: 19px;
//width: 80%; width: 80%;
//margin-left: 18%; margin-left: 13%;
//margin-top: 40px; //margin-top: 40px;
display: flex; display: flex;
...@@ -586,7 +606,7 @@ export default { ...@@ -586,7 +606,7 @@ export default {
} }
.standard { .standard {
margin-top: -0.2rem; margin-top: -0.16px;
margin-left: 24px; margin-left: 24px;
width: 76px; width: 76px;
height: 28px; height: 28px;
...@@ -627,17 +647,17 @@ export default { ...@@ -627,17 +647,17 @@ export default {
display: flex; display: flex;
width: 667px; width: 667px;
.OneImg{ .OneImg{
margin-top: -0.1rem; margin-top: -1.6px;
.OneElImg{ .OneElImg{
width: 7rem; width: 112px;
height: 7rem; height: 112px;
border-radius: 4px; border-radius: 4px;
} }
} }
.twoImg{ .twoImg{
.twoElImg{ .twoElImg{
width: 7rem; width: 112px;
height: 7rem; height: 112px;
border-radius: 4px; border-radius: 4px;
} }
} }
...@@ -648,9 +668,9 @@ export default { ...@@ -648,9 +668,9 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-left: 1rem; margin-left: 16px;
width: 7rem; width: 112px;
height: 7rem; height: 112px;
background: #ffffff; background: #ffffff;
border: 1px dashed #d9d9d9; border: 1px dashed #d9d9d9;
border-radius: 4px; border-radius: 4px;
...@@ -672,7 +692,7 @@ export default { ...@@ -672,7 +692,7 @@ export default {
.imgText { .imgText {
margin-left: -6px; margin-left: -6px;
margin-top: 8px; margin-top: 8px;
width: 4.5rem; width: 72px;
height: 16px; height: 16px;
font-size: 12px; font-size: 12px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -686,7 +706,7 @@ export default { ...@@ -686,7 +706,7 @@ export default {
// //
.twoImg { .twoImg {
margin-left: 1rem; margin-left: 16px;
} }
.uploadLabel { .uploadLabel {
margin-top: 7px; margin-top: 7px;
...@@ -704,7 +724,7 @@ export default { ...@@ -704,7 +724,7 @@ export default {
.submitButton { .submitButton {
margin-top: 50px; margin-top: 50px;
margin-left: 27.5%; margin-left: 27.5%;
margin-left: 14.4rem; margin-left: 230.4px;
padding-bottom: 50px; padding-bottom: 50px;
.buttoon{ .buttoon{
width: 130px; width: 130px;
......
src/views/inspectionSheet.vue
View file @ 30e5dc30
...@@ -390,7 +390,7 @@ export default { ...@@ -390,7 +390,7 @@ export default {
padding-right: 13px; padding-right: 13px;
} }
.rightInput{ .rightInput{
width: 300px; //width: 300px;
} }
.oneTableTest{ .oneTableTest{
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -429,13 +429,13 @@ export default { ...@@ -429,13 +429,13 @@ export default {
width: 60%; width: 60%;
height: 200px; height: 200px;
display: flex; display: flex;
justify-content: center;
align-content: center;
border-left: 1px dashed #eeeeee;; border-left: 1px dashed #eeeeee;;
border-bottom: 1px dashed #eeeeee;; border-bottom: 1px dashed #eeeeee;;
background: #f4f4f4; background: #f4f4f4;
.rightForm { .rightForm {
margin-left: -196px; margin-left: 20px;
//margin-left: -196px;
width: 90%;
padding-top: 2rem; padding-top: 2rem;
::v-deep .el-form-item__label{ ::v-deep .el-form-item__label{
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -661,7 +661,6 @@ export default { ...@@ -661,7 +661,6 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.twoTableInput{ .twoTableInput{
width: 90%;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 4px; border-radius: 4px;
} }
...@@ -691,7 +690,6 @@ export default { ...@@ -691,7 +690,6 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.twoTableInput{ .twoTableInput{
width: 90%;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 4px; border-radius: 4px;
} }
......
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