Commit 567e49b1 authored by 高宇's avatar 高宇

调整预览图片初始大小

parent f5e8c8e8
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form class="upperBody" ref="queryForm" :model="queryParams" :inline="true" > <div style="height: auto">
<el-form-item label="单号" prop="jcCode" > <el-form class="upperBody" ref="queryForm" :model="queryParams" :inline="true" >
<el-input <el-form-item label="单号" prop="jcCode" >
v-model="queryParams.jcCode" <el-input
placeholder="请输入单号" v-model="queryParams.jcCode"
clearable placeholder="请输入单号"
:maxlength="127" clearable
size="small" :maxlength="127"
style="width: 150px" size="small"
/> class="upperInput"
</el-form-item>
<el-form-item label="lot" prop="jcLot">
<el-input
v-model="queryParams.jcLot"
placeholder="请输入lot"
clearable
:maxlength="127"
size="small"
style="width: 150px"
/>
</el-form-item>
<el-form-item label="pn" prop="jcPn" >
<el-input
v-model="queryParams.jcPn"
placeholder="请输入pn"
clearable
:maxlength="255"
size="small"
style="width: 150px"
/>
</el-form-item>
<el-form-item label="rank" prop="jcRank" style="width: 17%">
<el-input
v-model="queryParams.jcRank"
placeholder="请输入rank"
clearable
:maxlength="255"
size="small"
style="width: 150px"
/>
</el-form-item>
<el-form-item class="normalTopInput" label="厂家" prop="jcCj">
<el-select clearable v-model="queryParams.jcCj" placeholder="请选择厂家">
<el-option
v-for="item in manufacturer"
:key="item.value"
:label="item.label"
:value="item.value"
/> />
</el-select> </el-form-item>
</el-form-item> <el-form-item label="lot" prop="jcLot">
<el-form-item class="inspectTopSelect" label="检查结果" prop="approveStatus" > <el-input
<el-select clearable v-model="queryParams.jcResult" placeholder="请选择"> v-model="queryParams.jcLot"
<el-option placeholder="请输入lot"
v-for="item in resultOptions" clearable
:key="item.value" :maxlength="127"
:label="item.label" size="small"
:value="item.value"
/> />
</el-select> </el-form-item>
</el-form-item> <el-form-item label="pn" prop="jcPn" >
<el-form-item class="inspectTopStatus" label="审批状态" prop="approveStatus" > <el-input
<el-select clearable v-model="queryParams.approveStatus" placeholder="请选择"> v-model="queryParams.jcPn"
<el-option placeholder="请输入pn"
v-for="item in statusOptions" clearable
:key="item.value" :maxlength="255"
:label="item.label" size="small"
:value="item.value"
/> />
</el-select> </el-form-item>
</el-form-item> <el-form-item label="rank" prop="jcRank">
<el-form-item class="submitTopTime" label="提交时间" prop="updateDate"> <el-input
<el-date-picker v-model="queryParams.jcRank"
class="timeForamt" placeholder="请输入rank"
clearable clearable
v-model="dateRange" :maxlength="255"
size="small" size="small"
value-format="yyyy-MM-dd" />
type="daterange" </el-form-item>
range-separator="-" <el-form-item label="提交时间" prop="updateDate">
start-placeholder="开始时间" <el-date-picker
end-placeholder="结束时间" class="timeForamt"
@change="handleTimeChange" clearable
/> v-model="dateRange"
</el-form-item> size="small"
<el-form-item style="margin-left: -10%"> value-format="yyyy-MM-dd"
<el-button type="daterange"
:class="commonField.queryClass" range-separator="-"
:type="commonField.typePrimary" start-placeholder="开始时间"
:icon="commonField.queryIcon" end-placeholder="结束时间"
:size="commonField.smallSize" @change="handleTimeChange"
@click="handleQuery" />
>查询</el-button> </el-form-item>
<el-button
:class="commonField.resetClass" <el-form-item label="厂家" prop="jcCj">
:icon="commonField.resetIcon" <el-select clearable v-model="queryParams.jcCj" placeholder="请选择厂家">
:size="commonField.smallSize" <el-option
@click="resetQuery" v-for="item in manufacturer"
>重置</el-button> :key="item.value"
</el-form-item> :label="item.label"
<div style="float: right; margin-right: 3%"> :value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="检查结果" prop="approveStatus" >
<el-select clearable v-model="queryParams.jcResult" placeholder="请选择">
<el-option
v-for="item in resultOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="审批状态" prop="approveStatus" >
<el-select clearable v-model="queryParams.approveStatus" placeholder="请选择">
<el-option
v-for="item in statusOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button
:class="commonField.exportClass" :class="commonField.queryClass"
:type="commonField.typeSuccess" :type="commonField.typePrimary"
:icon="commonField.exportIcon" :icon="commonField.queryIcon"
:size="commonField.smallSize"
@click="handleQuery"
>查询</el-button>
<el-button
:class="commonField.resetClass"
:icon="commonField.resetIcon"
:size="commonField.smallSize" :size="commonField.smallSize"
@click="handleExport" @click="resetQuery"
>导出</el-button> >重置</el-button>
</el-form-item> </el-form-item>
</div> <el-form-item style="float: right; margin-right: 3%">
</el-form> <el-button
:class="commonField.exportClass"
:type="commonField.typeSuccess"
:icon="commonField.exportIcon"
:size="commonField.smallSize"
@click="handleExport"
>导出</el-button>
</el-form-item>
</el-form>
</div>
<div class="placeholder" /> <div class="placeholder" />
<div style="padding:5px 10px"> <div style="padding:5px 10px">
...@@ -700,19 +699,18 @@ export default { ...@@ -700,19 +699,18 @@ export default {
padding: 0; padding: 0;
.upperBody{ .upperBody{
width: 100%; width: 100%;
height: 150px;
//border: 4px solid ; //border: 4px solid ;
padding-top: 1%; padding-top: 1%;
padding-left: 1%; padding-left: 1%;
.upperInput{
}
.normalTopInput{ .normalTopInput{
margin-left: -2%;
::v-deep .el-form-item__content{ ::v-deep .el-form-item__content{
width: 70%; width: 70%;
} }
} }
.inspectTopSelect{ .inspectTopSelect{
margin-left: -4%; //padding-left: 2%;
padding-left: 2%;
} }
.inspectTopStatus{ .inspectTopStatus{
::v-deep .el-form-item__content{ ::v-deep .el-form-item__content{
...@@ -720,7 +718,6 @@ export default { ...@@ -720,7 +718,6 @@ export default {
} }
} }
.submitTopTime{ .submitTopTime{
margin-left: -3%;
.timeForamt{ .timeForamt{
width: 61%; width: 61%;
} }
...@@ -732,7 +729,7 @@ export default { ...@@ -732,7 +729,7 @@ export default {
background-color: #F4F4F4; background-color: #F4F4F4;
//background-color: red; //background-color: red;
margin-bottom: 10px; margin-bottom: 10px;
margin-top:-2%; //margin-top:-2%;
} }
} }
</style> </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