Skip to content

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

点击蒙版关闭预览图片

parent d5e614f9
Hide whitespace changes
Inline Side-by-side
Showing with 66 additions and 26 deletions
src/views/checkList.vue
View file @ 19bde850
...@@ -14,21 +14,21 @@ ...@@ -14,21 +14,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>
<!-- 添加按钮 --> <!-- 添加按钮 -->
...@@ -112,6 +112,26 @@ ...@@ -112,6 +112,26 @@
<div class="uploadLabel">附件:</div> <div class="uploadLabel">附件:</div>
<div class="uploadImg"> <div class="uploadImg">
<div class="peviewImg"> <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"> <div id="imageOne" class="OneImg">
<el-image <el-image
class="OneElImg" class="OneElImg"
...@@ -138,7 +158,7 @@ ...@@ -138,7 +158,7 @@
<div class="imgText">点击下载</div> <div class="imgText">点击下载</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- <el-upload--> <!-- <el-upload-->
...@@ -168,7 +188,7 @@ ...@@ -168,7 +188,7 @@
</template> </template>
<script> <script>
import { getToken } from '@/utils/auth' import {getToken} from '@/utils/auth'
export default { export default {
name: 'CheckList', name: 'CheckList',
...@@ -189,16 +209,18 @@ export default { ...@@ -189,16 +209,18 @@ export default {
// 是否更新已经存在的用户数据 // 是否更新已经存在的用户数据
updateSupport: 0, updateSupport: 0,
// 设置上传的请求头部 // 设置上传的请求头部
headers: { Authorization: 'Bearer ' + getToken() }, headers: {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: require('@/assets/image/cadone.png'),
url1: require('@/assets/image/cadTwo.png'), url1: require('@/assets/image/cadTwo.png'),
srcList: [ url: '',
require('@/assets/image/cadone.png') // srcList: [
], // require('@/assets/image/cadone.png')
// ],
srcList: [],
srcList1: [ srcList1: [
require('@/assets/image/cadTwo.png') require('@/assets/image/cadTwo.png')
], ],
...@@ -324,8 +346,12 @@ export default { ...@@ -324,8 +346,12 @@ export default {
this.showImgViewer = false this.showImgViewer = false
}, },
uploadSuccess(file, fileList) { uploadSuccess(file, fileList) {
console.log('fileList', fileList)
if (fileList.status === 'success') { 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 { ...@@ -385,13 +411,15 @@ export default {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
} }
::v-deep .el-form-item__content{ ::v-deep .el-form-item__content {
margin-left: 45px !important; margin-left: 45px !important;
} }
::v-deep .el-input__inner { ::v-deep .el-input__inner {
padding-right: 13px; padding-right: 13px;
} }
::v-deep .el-form-item__label{
::v-deep .el-form-item__label {
width: 42px; width: 42px;
} }
...@@ -445,6 +473,7 @@ export default { ...@@ -445,6 +473,7 @@ export default {
margin-top: 50px; margin-top: 50px;
margin-left: 10%; margin-left: 10%;
width: 80%; width: 80%;
.formLabel { .formLabel {
width: 100%; width: 100%;
//width: 80px; //width: 80px;
...@@ -455,9 +484,11 @@ export default { ...@@ -455,9 +484,11 @@ export default {
.left { .left {
width: 45%; width: 45%;
.FormLable{
.FormLable {
width: 42px; width: 42px;
} }
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
width: 42px; width: 42px;
height: 18px; height: 18px;
...@@ -471,6 +502,7 @@ export default { ...@@ -471,6 +502,7 @@ export default {
.right { .right {
margin-left: 6%; margin-left: 6%;
width: 45%; width: 45%;
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
width: 42px; width: 42px;
height: 18px; height: 18px;
...@@ -567,6 +599,7 @@ export default { ...@@ -567,6 +599,7 @@ export default {
display: flex; display: flex;
margin-top: 16px; margin-top: 16px;
justify-content: center; justify-content: center;
.number { .number {
margin-top: 8px; margin-top: 8px;
width: 9px; width: 9px;
...@@ -613,6 +646,7 @@ export default { ...@@ -613,6 +646,7 @@ export default {
.recordTwo { .recordTwo {
margin-left: 8%; margin-left: 8%;
width: 33%; width: 33%;
.recordOneTitle { .recordOneTitle {
width: 84px; width: 84px;
height: 22px; height: 22px;
...@@ -639,6 +673,7 @@ export default { ...@@ -639,6 +673,7 @@ export default {
margin-bottom: 16px; margin-bottom: 16px;
display: flex; display: flex;
justify-content: center; justify-content: center;
.number { .number {
margin-top: 8px; margin-top: 8px;
width: 9px; width: 9px;
...@@ -741,16 +776,18 @@ export default { ...@@ -741,16 +776,18 @@ export default {
.peviewImg { .peviewImg {
display: flex; display: flex;
//width: 667px; //width: 667px;
.OneImg{ .OneImg {
margin-top: -1.6px; margin-top: -1.6px;
.OneElImg{
.OneElImg {
width: 112px; width: 112px;
height: 112px; height: 112px;
border-radius: 4px; border-radius: 4px;
} }
} }
.twoImg{
.twoElImg{ .twoImg {
.twoElImg {
width: 112px; width: 112px;
height: 112px; height: 112px;
border-radius: 4px; border-radius: 4px;
...@@ -803,6 +840,7 @@ export default { ...@@ -803,6 +840,7 @@ export default {
.twoImg { .twoImg {
margin-left: 16px; margin-left: 16px;
} }
.uploadLabel { .uploadLabel {
margin-top: 7px; margin-top: 7px;
//width: 3%; //width: 3%;
...@@ -820,12 +858,14 @@ export default { ...@@ -820,12 +858,14 @@ export default {
margin-top: 50px; margin-top: 50px;
margin-left: 30%; margin-left: 30%;
padding-bottom: 50px; padding-bottom: 50px;
.buttoon{
.buttoon {
width: 130px; width: 130px;
height: 32px; height: 32px;
background: #0057ff; background: #0057ff;
border-radius: 4px; border-radius: 4px;
} }
//margin-top: 20px; //margin-top: 20px;
//width: 80%; //width: 80%;
//margin-left: 10%; //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