Skip to content

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

点击蒙版关闭预览图片

parent d5e614f9
Show whitespace changes
Inline Side-by-side
Showing with 66 additions and 26 deletions
src/views/checkList.vue
View file @ 19bde850
......@@ -14,21 +14,21 @@
<div class="formLabel">
<div class="left">
<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 label="ODE:">
<el-input v-model="oneForm.ODE" class="normalInput" />
<el-input v-model="oneForm.ODE" class="normalInput"/>
</el-form-item>
<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 label="数量:">
<el-input v-model="oneForm.quantity" class="normalInput" />
<el-input v-model="oneForm.quantity" class="normalInput"/>
</el-form-item>
</div>
<div class="right">
<el-form-item label="rank:">
<el-input v-model="oneForm.rank" class="normalInput" />
<el-input v-model="oneForm.rank" class="normalInput"/>
</el-form-item>
<!-- 外观-->
<div class="appearanceDiv">
......@@ -36,16 +36,16 @@
<div class="appearance">
<div class="appearanceForm">
<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 label="不良:" class="badness">
<el-input v-model="oneForm.badness" class="smallInput" />
<el-input v-model="oneForm.badness" class="smallInput"/>
</el-form-item>
</div>
</div>
</div>
<el-form-item label="项目:">
<el-input v-model="oneForm.project" class="normalInput" />
<el-input v-model="oneForm.project" class="normalInput"/>
</el-form-item>
</div>
</div>
......@@ -65,7 +65,7 @@
<div v-for="(item,index) in recode1" :key="index" class="Content">
<div class="number">{{ index + 1 }}</div>
<div class="recordData">
<el-input v-model="item.recordData" />
<el-input v-model="item.recordData"/>
</div>
<div class="Value">{{ item.differenceValue }}</div>
</div>
......@@ -87,7 +87,7 @@
<div v-for="(item,index) in recode2" :key="index" class="Content">
<div class="number">{{ index + 1 }}</div>
<div class="recordData">
<el-input v-model="item.recordData" />
<el-input v-model="item.recordData"/>
</div>
</div>
<!-- 添加按钮 -->
......@@ -112,6 +112,26 @@
<div class="uploadLabel">附件:</div>
<div class="uploadImg">
<div class="peviewImg">
<!-- -->
<!-- <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"
......@@ -168,7 +188,7 @@
</template>
<script>
import { getToken } from '@/utils/auth'
import {getToken} from '@/utils/auth'
export default {
name: 'CheckList',
......@@ -189,16 +209,18 @@ export default {
// 是否更新已经存在的用户数据
updateSupport: 0,
// 设置上传的请求头部
headers: { Authorization: 'Bearer ' + getToken() },
headers: {Authorization: 'Bearer ' + getToken()},
// 上传的地址
url: process.env.VUE_APP_BASE_API + '/system/user/importExcel'
},
dialogVisible: false,
url: require('@/assets/image/cadone.png'),
// url: require('@/assets/image/cadone.png'),
url1: require('@/assets/image/cadTwo.png'),
srcList: [
require('@/assets/image/cadone.png')
],
url: '',
// srcList: [
// require('@/assets/image/cadone.png')
// ],
srcList: [],
srcList1: [
require('@/assets/image/cadTwo.png')
],
......@@ -324,8 +346,12 @@ export default {
this.showImgViewer = false
},
uploadSuccess(file, fileList) {
console.log('fileList', fileList)
if (fileList.status === 'success') {
this.imagePreviewUrls.push(fileList.url) // 预览图片的数组
this.url = fileList.url
this.srcList.push(fileList.url)
this.showImgViewer = true
// this.imagePreviewUrls.push(fileList.url) // 预览图片的数组
}
},
// 删除选中的文件
......@@ -385,13 +411,15 @@ export default {
background-color: rgba(0, 0, 0, 0.5);
}
::v-deep .el-form-item__content{
::v-deep .el-form-item__content {
margin-left: 45px !important;
}
::v-deep .el-input__inner {
padding-right: 13px;
}
::v-deep .el-form-item__label{
::v-deep .el-form-item__label {
width: 42px;
}
......@@ -445,6 +473,7 @@ export default {
margin-top: 50px;
margin-left: 10%;
width: 80%;
.formLabel {
width: 100%;
//width: 80px;
......@@ -455,9 +484,11 @@ export default {
.left {
width: 45%;
.FormLable{
.FormLable {
width: 42px;
}
::v-deep .el-form-item__label {
width: 42px;
height: 18px;
......@@ -471,6 +502,7 @@ export default {
.right {
margin-left: 6%;
width: 45%;
::v-deep .el-form-item__label {
width: 42px;
height: 18px;
......@@ -567,6 +599,7 @@ export default {
display: flex;
margin-top: 16px;
justify-content: center;
.number {
margin-top: 8px;
width: 9px;
......@@ -613,6 +646,7 @@ export default {
.recordTwo {
margin-left: 8%;
width: 33%;
.recordOneTitle {
width: 84px;
height: 22px;
......@@ -639,6 +673,7 @@ export default {
margin-bottom: 16px;
display: flex;
justify-content: center;
.number {
margin-top: 8px;
width: 9px;
......@@ -741,16 +776,18 @@ export default {
.peviewImg {
display: flex;
//width: 667px;
.OneImg{
.OneImg {
margin-top: -1.6px;
.OneElImg{
.OneElImg {
width: 112px;
height: 112px;
border-radius: 4px;
}
}
.twoImg{
.twoElImg{
.twoImg {
.twoElImg {
width: 112px;
height: 112px;
border-radius: 4px;
......@@ -803,6 +840,7 @@ export default {
.twoImg {
margin-left: 16px;
}
.uploadLabel {
margin-top: 7px;
//width: 3%;
......@@ -820,12 +858,14 @@ export default {
margin-top: 50px;
margin-left: 30%;
padding-bottom: 50px;
.buttoon{
.buttoon {
width: 130px;
height: 32px;
background: #0057ff;
border-radius: 4px;
}
//margin-top: 20px;
//width: 80%;
//margin-left: 10%;
......
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