Skip to content

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

拍照 和扫码

parent 9554d707
Show whitespace changes
Inline Side-by-side
Showing with 256 additions and 184 deletions
package.json
View file @ ea96d2ee
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
"svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml" "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"
}, },
"dependencies": { "dependencies": {
"dsbridge": "^3.1.4",
"@riophae/vue-treeselect": "^0.4.0", "@riophae/vue-treeselect": "^0.4.0",
"axios": "0.18.1", "axios": "0.18.1",
"bpmn-js": "^6.1.1", "bpmn-js": "^6.1.1",
......
src/main.js
View file @ ea96d2ee
...@@ -36,6 +36,8 @@ import Pagination from '@/components/Pagination' ...@@ -36,6 +36,8 @@ import Pagination from '@/components/Pagination'
import { uploadPublic } from '@/api/fileUploadPublic' import { uploadPublic } from '@/api/fileUploadPublic'
import Viewer from 'v-viewer' import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css' import 'viewerjs/dist/viewer.css'
// 安卓h5交互
import { WebView } from '@/utils/WebViewContact'
Vue.use(Viewer) Vue.use(Viewer)
Viewer.setDefaults({ Viewer.setDefaults({
Options: { Options: {
...@@ -47,6 +49,7 @@ Viewer.setDefaults({ ...@@ -47,6 +49,7 @@ Viewer.setDefaults({
}) })
// 全局方法挂载 // 全局方法挂载
Vue.prototype.$WebView = WebView
Vue.prototype.getDicts = getDicts Vue.prototype.getDicts = getDicts
Vue.prototype.getConfigKey = getConfigKey Vue.prototype.getConfigKey = getConfigKey
Vue.prototype.parseTime = parseTime Vue.prototype.parseTime = parseTime
......
src/utils/WebViewContact.js 0 → 100644
View file @ ea96d2ee
const DS_BRIDGE = require('dsbridge')
// 拍照
export const openCamera = (params) => {
return new Promise(resolve => {
DS_BRIDGE.call('openCamera', params, res => {
resolve(res)
})
})
}
// 扫码
export const openScan = (params) => {
return new Promise(resolve => {
DS_BRIDGE.call('openScan', params, res => {
resolve(res)
})
})
}
export const WebView = {
openCamera,
openScan
}
src/views/checkList.vue
View file @ ea96d2ee
...@@ -74,7 +74,11 @@ ...@@ -74,7 +74,11 @@
<div class="inspectionStandards"> <div class="inspectionStandards">
<el-form :model="inspectJbAl2o3List"> <el-form :model="inspectJbAl2o3List">
<el-form-item label="检验标准1:" label-width="80"> <el-form-item label="检验标准1:" label-width="80">
<el-input v-model="inspectJbAl2o3List.standardOne" class="inspectionStandardsInput" @blur="getInspect" /> <el-input
v-model="inspectJbAl2o3List.standardOne"
class="inspectionStandardsInput"
@blur="getInspect"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -134,7 +138,11 @@ ...@@ -134,7 +138,11 @@
<div class="inspectionStandards"> <div class="inspectionStandards">
<el-form :model="inspectJbAl2o3List"> <el-form :model="inspectJbAl2o3List">
<el-form-item label="检验标准2:" label-width="80"> <el-form-item label="检验标准2:" label-width="80">
<el-input v-model="inspectJbAl2o3List.standardTwo" class="inspectionStandardsInput" @blur="getInspect" /> <el-input
v-model="inspectJbAl2o3List.standardTwo"
class="inspectionStandardsInput"
@blur="getInspect"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -181,12 +189,20 @@ ...@@ -181,12 +189,20 @@
<div class="inspectionStandards"> <div class="inspectionStandards">
<el-form :model="inspectJbAl2o3List"> <el-form :model="inspectJbAl2o3List">
<el-form-item label="检验标准1:" label-width="80"> <el-form-item label="检验标准1:" label-width="80">
<el-input v-model="inspectJbAl2o3List.limitOne" class="inspectionStandardsInput" @blur="getInspectNext" /> <el-input
v-model="inspectJbAl2o3List.limitOne"
class="inspectionStandardsInput"
@blur="getInspectNext"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-form :model="inspectJbAl2o3List"> <el-form :model="inspectJbAl2o3List">
<el-form-item label="检验标准2:" label-width="80"> <el-form-item label="检验标准2:" label-width="80">
<el-input v-model="inspectJbAl2o3List.limitTwo" class="inspectionStandardsInput" @blur="getInspectNext" /> <el-input
v-model="inspectJbAl2o3List.limitTwo"
class="inspectionStandardsInput"
@blur="getInspectNext"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -314,7 +330,7 @@ ...@@ -314,7 +330,7 @@
<div class="uploadLabel">附件:</div> <div class="uploadLabel">附件:</div>
<div class="uploadImg"> <div class="uploadImg">
<div class="peviewImg"> <div class="peviewImg">
<div id="imageOne" class="OneImg"> <div v-if="showImgViewer" id="imageOne" class="OneImg">
<el-image <el-image
class="OneElImg" class="OneElImg"
:src="url" :src="url"
...@@ -323,83 +339,14 @@ ...@@ -323,83 +339,14 @@
@click.stop="handleClickStop('imageOne')" @click.stop="handleClickStop('imageOne')"
/> />
</div> </div>
<el-upload <div class="uploadButton" @click="handleTakePhotos">
class="oneUploadButton" <div class="uploadContent">
:action="upload.url + '?updateSupport=' + upload.updateSupport" <div class="imgContainer">
list-type="picture-card" <img class="img" src="@/assets/image/shangchuan.png">
:on-preview="handlePictureCardPreview" </div>
:on-remove="handleRemoveImg"
:on-success="uploadSuccess"
:file-list="imgFileList"
>
<div class="uploadIcon">
<i class="el-icon-plus" />
<div class="imgText">点击下载</div> <div class="imgText">点击下载</div>
</div> </div>
</el-upload> </div>
<!-- <div id="imageTwo" class="twoImg">-->
<!-- <el-image-->
<!-- class="twoElImg"-->
<!-- :src="url1"-->
<!-- fit="full"-->
<!-- :preview-src-list="srcList1"-->
<!-- @click.stop="handleClickStop('imageTwo')"-->
<!-- />-->
<!-- </div>-->
<!-- <div class="uploadButton">-->
<!-- <div class="uploadContent">-->
<!-- <div class="imgContainer">-->
<!-- <img class="img" src="@/assets/image/shangchuan.png">-->
<!-- </div>-->
<!-- <div class="imgText">点击下载</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- -->
<!-- <div v-if="showImgViewer" id="imageOne" class="OneImg">-->
<!-- <el-image-->
<!-- class="OneElImg"-->
<!-- :src="url"-->
<!-- fit="full"-->
<!-- :preview-src-list="srcList"-->
<!-- @click.stop="handleClickStop('imageOne')"-->
<!-- />-->
<!-- </div>-->
<!-- <el-upload-->
<!-- :show-file-list="false"-->
<!-- :action="upload.url + '?updateSupport=' + upload.updateSupport"-->
<!-- list-type="picture-card"-->
<!-- :on-preview="handlePictureCardPreview"-->
<!-- :on-remove="handleRemoveImg"-->
<!-- :on-success="uploadSuccess"-->
<!-- :file-list="imgFileList"-->
<!-- >-->
<!-- </el-upload>-->
<!-- <div id="imageOne" class="OneImg">-->
<!-- <el-image-->
<!-- class="OneElImg"-->
<!-- :src="url"-->
<!-- fit="full"-->
<!-- :preview-src-list="srcList"-->
<!-- @click.stop="handleClickStop('imageOne')"-->
<!-- />-->
<!-- </div>-->
<!-- <div id="imageTwo" class="twoImg">-->
<!-- <el-image-->
<!-- class="twoElImg"-->
<!-- :src="url1"-->
<!-- fit="full"-->
<!-- :preview-src-list="srcList1"-->
<!-- @click.stop="handleClickStop('imageTwo')"-->
<!-- />-->
<!-- </div>-->
<!-- <div class="uploadButton">-->
<!-- <div class="uploadContent">-->
<!-- <div class="imgContainer">-->
<!-- <img class="img" src="@/assets/image/shangchuan.png">-->
<!-- </div>-->
<!-- <div class="imgText">点击下载</div>-->
<!-- </div>-->
<!-- </div>-->
</div> </div>
</div> </div>
</div> </div>
...@@ -476,10 +423,12 @@ import { getToken } from '@/utils/auth' ...@@ -476,10 +423,12 @@ import { getToken } from '@/utils/auth'
import { addIncomeInspectInfo } from '@/api/oneTbale' import { addIncomeInspectInfo } from '@/api/oneTbale'
import { parseTime } from '@/utils' import { parseTime } from '@/utils'
import { getInfo } from '@/api/login' import { getInfo } from '@/api/login'
export default { export default {
name: 'CheckList', name: 'CheckList',
data() { data() {
return { return {
imgUrlForm: {},
activeName: 'first', activeName: 'first',
initialImgPreviewIndex: 0, // 预览打开看到的图片下标 initialImgPreviewIndex: 0, // 预览打开看到的图片下标
showImgViewer: false, showImgViewer: false,
...@@ -500,16 +449,16 @@ export default { ...@@ -500,16 +449,16 @@ export default {
updateSupport: 0, updateSupport: 0,
// 设置上传的请求头部 // 设置上传的请求头部
headers: { headers: {
Authorization: 'Bearer ' + getToken() }, Authorization: 'Bearer ' + getToken()
},
// 上传的地址 // 上传的地址
url: process.env.VUE_APP_BASE_API + '/system/user/importExcel' url: process.env.VUE_APP_BASE_API + '/system/user/importExcel'
}, },
dialogVisible: false, dialogVisible: false,
url: require('@/assets/image/cadone.png'), url: '',
url1: require('@/assets/image/cadTwo.png'), url1: require('@/assets/image/cadTwo.png'),
// url: '', // url: '',
srcList: [ srcList: [
require('@/assets/image/cadone.png')
], ],
// srcList: [], // srcList: [],
srcList1: [ srcList1: [
...@@ -575,7 +524,8 @@ export default { ...@@ -575,7 +524,8 @@ export default {
wgCq: undefined, wgCq: undefined,
wgFf: undefined, wgFf: undefined,
wgTf: undefined, wgTf: undefined,
limitData: undefined limitData: undefined,
ossId: undefined
}, },
// 检查记录1 // 检查记录1
recode1: [], recode1: [],
...@@ -591,6 +541,17 @@ export default { ...@@ -591,6 +541,17 @@ export default {
methods: { methods: {
parseTime, parseTime,
// 获取检验时间和检验人 // 获取检验时间和检验人
// 拍照上传
handleTakePhotos() {
console.log('调用前', getToken())
const params = {
flag: 'openCamera',
tokenMsg: getToken()
}
this.$WebView.openCamera(params).then(res => {
this.inspectInfoList.jcCode = res
})
},
getInspect() { getInspect() {
const time = parseTime(new Date(), '{y}-{m}-{d} {h}:{i}:{s}') const time = parseTime(new Date(), '{y}-{m}-{d} {h}:{i}:{s}')
this.inspectJbAl2o3List.oneJcDate = time this.inspectJbAl2o3List.oneJcDate = time
...@@ -896,7 +857,7 @@ export default { ...@@ -896,7 +857,7 @@ export default {
console.log('obj', obj) console.log('obj', obj)
addIncomeInspectInfo(obj).then(response => { addIncomeInspectInfo(obj).then(response => {
console.log('re', response) console.log('re', response)
if (response.code == 200) { if (response.code === 200) {
this.msgSuccess('保存成功') this.msgSuccess('保存成功')
} }
}) })
...@@ -913,7 +874,7 @@ export default { ...@@ -913,7 +874,7 @@ export default {
console.log('obj', obj) console.log('obj', obj)
addIncomeInspectInfo(obj).then(response => { addIncomeInspectInfo(obj).then(response => {
console.log('re', response) console.log('re', response)
if (response.code == 200) { if (response.code === 200) {
this.msgSuccess('提交成功') this.msgSuccess('提交成功')
this.resetInspectInfo() this.resetInspectInfo()
this.reaetinspectJbAl2o3List() this.reaetinspectJbAl2o3List()
...@@ -942,25 +903,24 @@ export default { ...@@ -942,25 +903,24 @@ export default {
* @return: * @return:
**/ **/
processCode(list) { processCode(list) {
console.log('list', list.length)
switch (list.length) { switch (list.length) {
case 1: case 1:
this.oneForm.jcCj = list[0] this.inspectInfoList.jcLot = list[0]
break break
case 2: case 2:
this.oneForm.jcCj = list[0] this.inspectInfoList.jcLot = list[0]
this.oneForm.jcCode = list[1] this.inspectInfoList.jcCj = list[1]
break break
case 3: case 3:
this.oneForm.jcCj = list[0] this.inspectInfoList.jcLot = list[0]
this.oneForm.jcCode = list[1] this.inspectInfoList.jcCj = list[1]
this.oneForm.jcLot = list[2] this.inspectInfoList.jcPn = list[2]
break break
case 4: case 4:
this.oneForm.jcCj = list[0] this.inspectInfoList.jcLot = list[0]
this.oneForm.jcCode = list[1] this.inspectInfoList.jcCj = list[1]
this.oneForm.jcLot = list[2] this.inspectInfoList.jcPn = list[2]
this.oneForm.quantity = list[3] this.inspectInfoList.jcNum = list[3]
break break
} }
}, },
...@@ -971,13 +931,22 @@ export default { ...@@ -971,13 +931,22 @@ export default {
* @return: * @return:
**/ **/
scanCodes() { scanCodes() {
var s = 'a,b,c,d' console.log('扫码', 11)
const params = {
flag: 'openScan'
}
var selt = this
this.$WebView.openScan(params).then(res => {
console.log('提交后结果', res)
let list = [] let list = []
list = s.split(',') list = res.split(':')
if (list && list.length > 0) { if (list && list.length > 0) {
console.log('list', list) console.log('list', list)
this.processCode(list) selt.processCode(list)
} }
})
// 调用扫码接口
// var s = 'a,b,c,d'
}, },
handleClick(tab, event) { handleClick(tab, event) {
console.log(tab, event) console.log(tab, event)
...@@ -1058,10 +1027,12 @@ export default { ...@@ -1058,10 +1027,12 @@ export default {
.el-dialog__wrapper { .el-dialog__wrapper {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
} }
::v-deep .el-tabs__nav-wrap::after{
::v-deep .el-tabs__nav-wrap::after {
background-color: unset; background-color: unset;
} }
::v-deep .el-tabs__header{
::v-deep .el-tabs__header {
width: 80% !important; width: 80% !important;
margin-left: 13% !important; margin-left: 13% !important;
margin-bottom: 20px !important; margin-bottom: 20px !important;
...@@ -1090,33 +1061,39 @@ export default { ...@@ -1090,33 +1061,39 @@ export default {
width: 70%; width: 70%;
//width: 176px; //width: 176px;
} }
.tableInput{
.tableInput {
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 4px; border-radius: 4px;
} }
.scanInput{
.scanInput {
width: 67%; width: 67%;
height: 32px; height: 32px;
background: #ffffff; background: #ffffff;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 4px; border-radius: 4px;
} }
.scanCode { .scanCode {
margin-left: 1%; margin-left: 1%;
width: 30%; width: 30%;
background: #0057ff; background: #0057ff;
border-radius: 4px; border-radius: 4px;
} }
.topInput{
.topInput {
width: 50%; width: 50%;
height: 32px; height: 32px;
background: #ffffff; background: #ffffff;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 4px; border-radius: 4px;
} }
.topContain{
.topContain {
text-align: right; text-align: right;
} }
.normalInput { .normalInput {
//width: 496px; //width: 496px;
height: 32px; height: 32px;
...@@ -1135,8 +1112,8 @@ export default { ...@@ -1135,8 +1112,8 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.scanCode{ .scanCode {
width:42px; width: 42px;
height: 22px; height: 22px;
} }
...@@ -1151,12 +1128,14 @@ export default { ...@@ -1151,12 +1128,14 @@ export default {
} }
} }
} }
.textDiv{
.textDiv {
margin-top: 20px; margin-top: 20px;
width: 87%; width: 87%;
height: 40px; height: 40px;
text-align: right; text-align: right;
.fontSp{
.fontSp {
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
margin-right: 5px; margin-right: 5px;
font-weight: 400; font-weight: 400;
...@@ -1164,13 +1143,16 @@ export default { ...@@ -1164,13 +1143,16 @@ export default {
} }
} }
.oneForm { .oneForm {
//margin-top: 50px; //margin-top: 50px;
margin-left: 10%; margin-left: 10%;
width: 80%; width: 80%;
::v-deep .el-form-item__content { ::v-deep .el-form-item__content {
margin-left: 45px !important; margin-left: 45px !important;
} }
.formLabel { .formLabel {
width: 100%; width: 100%;
//width: 80px; //width: 80px;
...@@ -1260,7 +1242,8 @@ export default { ...@@ -1260,7 +1242,8 @@ export default {
margin-top: 12px; margin-top: 12px;
margin-top: 12px; margin-top: 12px;
} }
.OneTable{
.OneTable {
.twoCheck { .twoCheck {
display: flex; display: flex;
width: 100%; width: 100%;
...@@ -1281,6 +1264,7 @@ export default { ...@@ -1281,6 +1264,7 @@ export default {
//display: flex; //display: flex;
//justify-content: center; //justify-content: center;
} }
.recordTwoTitle { .recordTwoTitle {
margin-top: 5%; margin-top: 5%;
width: 84px; width: 84px;
...@@ -1292,13 +1276,15 @@ export default { ...@@ -1292,13 +1276,15 @@ export default {
color: #606266; color: #606266;
line-height: 22px; line-height: 22px;
} }
.recordFourTitle{
.recordFourTitle {
width: 74%; width: 74%;
height: auto; height: auto;
display: flex; display: flex;
margin-left: 12%; margin-left: 12%;
justify-content: space-around; justify-content: space-around;
} }
.recordOneContainer { .recordOneContainer {
margin-top: 16px; margin-top: 16px;
width: 200%; width: 200%;
...@@ -1306,15 +1292,18 @@ export default { ...@@ -1306,15 +1292,18 @@ export default {
height: auto; height: auto;
background: rgba(0, 87, 255, 0.05); background: rgba(0, 87, 255, 0.05);
border-radius: 4px; border-radius: 4px;
.inspectionStandards{
.inspectionStandards {
width: 80%; width: 80%;
margin-left: 12%; margin-left: 12%;
padding-top: 20px; padding-top: 20px;
.inspectionStandardsInput{
.inspectionStandardsInput {
width: 50%; width: 50%;
} }
} }
.recordOneTitle{
.recordOneTitle {
width: 100%; width: 100%;
height: 40px; height: 40px;
margin-top: 20px; margin-top: 20px;
...@@ -1323,22 +1312,26 @@ export default { ...@@ -1323,22 +1312,26 @@ export default {
margin-left: 12%; margin-left: 12%;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
.input{
.input {
font-family: Microsoft YaHei, Microsoft YaHei-700; font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700; font-weight: 700;
color: #606266; color: #606266;
} }
.different{
.different {
font-family: Microsoft YaHei, Microsoft YaHei-700; font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700; font-weight: 700;
color: #606266; color: #606266;
} }
.average{
.average {
font-family: Microsoft YaHei, Microsoft YaHei-700; font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700; font-weight: 700;
color: #606266; color: #606266;
} }
.compare{
.compare {
font-family: Microsoft YaHei, Microsoft YaHei-700; font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700; font-weight: 700;
color: #606266; color: #606266;
...@@ -1351,11 +1344,12 @@ export default { ...@@ -1351,11 +1344,12 @@ export default {
margin-left: 15%; margin-left: 15%;
//padding-top: 30px; //padding-top: 30px;
//padding-left: 90px; //padding-left: 90px;
.oneContent{ .oneContent {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
padding-bottom: 16px; padding-bottom: 16px;
.compareValue{
.compareValue {
margin-left: 29.7%; margin-left: 29.7%;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -1364,7 +1358,8 @@ export default { ...@@ -1364,7 +1358,8 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.number{
.number {
width: 9px; width: 9px;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -1373,10 +1368,12 @@ export default { ...@@ -1373,10 +1368,12 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.recordData{
.recordData {
margin-left: 3%; margin-left: 3%;
} }
} }
.Content { .Content {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
...@@ -1417,7 +1414,8 @@ export default { ...@@ -1417,7 +1414,8 @@ export default {
margin-top: -3%; margin-top: -3%;
} }
} }
.averageValue{
.averageValue {
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
...@@ -1427,7 +1425,8 @@ export default { ...@@ -1427,7 +1425,8 @@ export default {
margin-top: -3%; margin-top: -3%;
} }
.compareValue{
.compareValue {
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;
...@@ -1439,17 +1438,19 @@ export default { ...@@ -1439,17 +1438,19 @@ export default {
} }
} }
.recordThreeContent { .recordThreeContent {
width: 80%; width: 80%;
margin-left: 15%; margin-left: 15%;
//padding-top: 30px; //padding-top: 30px;
//padding-left: 90px; //padding-left: 90px;
.oneContent{ .oneContent {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
padding-bottom: 16px; padding-bottom: 16px;
margin-left: 10%; margin-left: 10%;
.compareValue{
.compareValue {
margin-left: 29.7%; margin-left: 29.7%;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -1458,7 +1459,8 @@ export default { ...@@ -1458,7 +1459,8 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.number{
.number {
width: 9px; width: 9px;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -1467,10 +1469,12 @@ export default { ...@@ -1467,10 +1469,12 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.recordData{
.recordData {
margin-left: 3%; margin-left: 3%;
} }
} }
.Content { .Content {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
...@@ -1512,7 +1516,8 @@ export default { ...@@ -1512,7 +1516,8 @@ export default {
margin-top: -3%; margin-top: -3%;
} }
} }
.averageValue{
.averageValue {
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
...@@ -1522,7 +1527,8 @@ export default { ...@@ -1522,7 +1527,8 @@ export default {
margin-top: -2%; margin-top: -2%;
} }
.compareValue{
.compareValue {
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;
...@@ -1598,6 +1604,7 @@ export default { ...@@ -1598,6 +1604,7 @@ export default {
} }
} }
} }
.twoCheckNext { .twoCheckNext {
display: flex; display: flex;
width: 100%; width: 100%;
...@@ -1618,6 +1625,7 @@ export default { ...@@ -1618,6 +1625,7 @@ export default {
//display: flex; //display: flex;
//justify-content: center; //justify-content: center;
} }
.recordTwoTitle { .recordTwoTitle {
margin-top: 5%; margin-top: 5%;
width: 84px; width: 84px;
...@@ -1629,7 +1637,8 @@ export default { ...@@ -1629,7 +1637,8 @@ export default {
color: #606266; color: #606266;
line-height: 22px; line-height: 22px;
} }
.recordThreeTitle{
.recordThreeTitle {
width: 84px; width: 84px;
height: 22px; height: 22px;
font-size: 16px; font-size: 16px;
...@@ -1649,16 +1658,19 @@ export default { ...@@ -1649,16 +1658,19 @@ export default {
height: auto; height: auto;
background: rgba(0, 87, 255, 0.05); background: rgba(0, 87, 255, 0.05);
border-radius: 4px; border-radius: 4px;
.inspectionStandards{
.inspectionStandards {
width: 80%; width: 80%;
height: 40px; height: 40px;
margin-left: 12%; margin-left: 12%;
padding-top: 20px; padding-top: 20px;
.inspectionStandardsInput{
.inspectionStandardsInput {
width: 50%; width: 50%;
} }
} }
.recordOneTitle{
.recordOneTitle {
width: 100%; width: 100%;
height: 40px; height: 40px;
margin-top: 20px; margin-top: 20px;
...@@ -1667,22 +1679,26 @@ export default { ...@@ -1667,22 +1679,26 @@ export default {
margin-left: 12%; margin-left: 12%;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
.input{
.input {
font-family: Microsoft YaHei, Microsoft YaHei-700; font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700; font-weight: 700;
color: #606266; color: #606266;
} }
.different{
.different {
font-family: Microsoft YaHei, Microsoft YaHei-700; font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700; font-weight: 700;
color: #606266; color: #606266;
} }
.average{
.average {
font-family: Microsoft YaHei, Microsoft YaHei-700; font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700; font-weight: 700;
color: #606266; color: #606266;
} }
.compare{
.compare {
font-family: Microsoft YaHei, Microsoft YaHei-700; font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700; font-weight: 700;
color: #606266; color: #606266;
...@@ -1695,11 +1711,12 @@ export default { ...@@ -1695,11 +1711,12 @@ export default {
margin-left: 15%; margin-left: 15%;
//padding-top: 30px; //padding-top: 30px;
//padding-left: 90px; //padding-left: 90px;
.oneContent{ .oneContent {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
padding-bottom: 16px; padding-bottom: 16px;
.compareValue{
.compareValue {
margin-left: 29.7%; margin-left: 29.7%;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -1708,7 +1725,8 @@ export default { ...@@ -1708,7 +1725,8 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.number{
.number {
width: 9px; width: 9px;
font-size: 14px; font-size: 14px;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
...@@ -1717,10 +1735,12 @@ export default { ...@@ -1717,10 +1735,12 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.recordData{
.recordData {
margin-left: 3%; margin-left: 3%;
} }
} }
.Content { .Content {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
...@@ -1761,7 +1781,8 @@ export default { ...@@ -1761,7 +1781,8 @@ export default {
margin-top: -3%; margin-top: -3%;
} }
} }
.averageValue{
.averageValue {
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
...@@ -1771,7 +1792,8 @@ export default { ...@@ -1771,7 +1792,8 @@ export default {
margin-top: -4%; margin-top: -4%;
} }
.compareValue{
.compareValue {
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;
...@@ -1852,23 +1874,26 @@ export default { ...@@ -1852,23 +1874,26 @@ export default {
height: auto; height: auto;
display: flex; display: flex;
margin-left: 13%; margin-left: 13%;
margin-top:30px ; margin-top: 30px;
justify-content: space-between; justify-content: space-between;
.inspectDate{
.inspectDate {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 50%; width: 26%;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
} }
.inspectTime{
.inspectTime {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 19%; width: 19%;
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
} }
.inspectPerson{
.inspectPerson {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 13%; width: 13%;
...@@ -1933,51 +1958,61 @@ export default { ...@@ -1933,51 +1958,61 @@ export default {
} }
} }
} }
.twoTable{
.twoTable {
margin-left: 10%; margin-left: 10%;
width: 77%; width: 77%;
.oneRegion{
.oneRegion {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.leftRegion{
.leftRegion {
width: 47%; width: 47%;
//height: 100%; //height: 100%;
//border: 1px solid #d9d9d9; //border: 1px solid #d9d9d9;
//border-radius: 4px; //border-radius: 4px;
} }
.rightRegion{
.rightRegion {
width: 47%; width: 47%;
//height: 100%; //height: 100%;
//border: 1px solid #d9d9d9; //border: 1px solid #d9d9d9;
//border-radius: 4px; //border-radius: 4px;
} }
} }
.twoRegion{
.twoRegion {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.leftRegion{
.leftRegion {
width: 44.5%; width: 44.5%;
//height: 100%; //height: 100%;
//border: 1px solid #d9d9d9; //border: 1px solid #d9d9d9;
//border-radius: 4px; //border-radius: 4px;
} }
.rightRegion{
.rightRegion {
width: 44.5%; width: 44.5%;
//height: 100%; //height: 100%;
//border: 1px solid #d9d9d9; //border: 1px solid #d9d9d9;
//border-radius: 4px; //border-radius: 4px;
} }
} }
.threeRegion{
.threeRegion {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.leftRegion{
.leftRegion {
width: 44.5%; width: 44.5%;
//height: 100%; //height: 100%;
//border: 1px solid #d9d9d9; //border: 1px solid #d9d9d9;
//border-radius: 4px; //border-radius: 4px;
} }
.rightRegion{
.rightRegion {
width: 44.5%; width: 44.5%;
//height: 100%; //height: 100%;
//border: 1px solid #d9d9d9; //border: 1px solid #d9d9d9;
...@@ -2019,8 +2054,9 @@ export default { ...@@ -2019,8 +2054,9 @@ export default {
border-radius: 4px; border-radius: 4px;
} }
} }
.oneUploadButton{
::v-deep .el-upload--picture-card{ .oneUploadButton {
::v-deep .el-upload--picture-card {
margin-left: 16px; margin-left: 16px;
width: 112px; width: 112px;
line-height: unset; line-height: unset;
...@@ -2032,8 +2068,9 @@ export default { ...@@ -2032,8 +2068,9 @@ export default {
align-items: center; align-items: center;
display: flex; display: flex;
} }
.uploadIcon{
.imgText{ .uploadIcon {
.imgText {
margin-top: 8px; margin-top: 8px;
width: 72px; width: 72px;
height: 16px; height: 16px;
...@@ -2105,24 +2142,29 @@ export default { ...@@ -2105,24 +2142,29 @@ export default {
line-height: 16px; line-height: 16px;
} }
} }
.inspectionResults{
.inspectionResults {
width: 31%; width: 31%;
margin-top: 40px; margin-top: 40px;
margin-left: 10%; margin-left: 10%;
} }
.partIv{
.partIv {
.auditor { .auditor {
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
} }
.auditTime{
.auditTime {
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
} }
.auditStatus{
.auditStatus {
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
} }
display: flex; display: flex;
width: 31%; width: 31%;
height: auto; height: auto;
...@@ -2130,15 +2172,18 @@ export default { ...@@ -2130,15 +2172,18 @@ export default {
margin-left: 10%; margin-left: 10%;
justify-content: space-between; justify-content: space-between;
} }
.auditOpinion{
::v-deep .el-form-item__label{ .auditOpinion {
::v-deep .el-form-item__label {
font-family: Microsoft YaHei, Microsoft YaHei-400; font-family: Microsoft YaHei, Microsoft YaHei-400;
font-weight: 400; font-weight: 400;
} }
width: 31%; width: 31%;
margin-left: 10%; margin-left: 10%;
margin-top: 20px; 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