| | |
| | | <template> |
| | | <div v-if="!showDetail"> |
| | | <div class="add_commision"> |
| | | <div class="content-main"> |
| | | <div class="firstBox"> |
| | | <div class="title">检测信息</div> |
| | | <div class="title">委托信息</div> |
| | | <div class="tableBox"> |
| | | <div class="tableBox-header"> |
| | | <el-button class="split" @click="dialogueFormVisible = true" type="primary" size="small" style="background-color: rgb(1, 102, 226);">添加样品</el-button> |
| | | <el-input |
| | | <!-- <el-input |
| | | v-model="searchData" |
| | | class="input-form split" |
| | | placeholder="扫描二维码录入样品..." |
| | | prefix-icon="el-icon-search" |
| | | style="width: 200px;" |
| | | > |
| | | </el-input> |
| | | </el-input>--> |
| | | <el-button type="primary" size="small" style="background-color: rgb(1, 102, 226);">重置</el-button> |
| | | </div> |
| | | <el-table |
| | |
| | | <el-col :span="12">基本信息</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <!-- 点击返回,当前页面值为false --> |
| | | <el-button type="primary" size="mini" style="background-color: rgb(1, 102, 226); ">打印委托单</el-button> |
| | | <!-- <el-button type="primary" size="mini" style="background-color: rgb(1, 102, 226); ">打印委托单</el-button> --> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form :model="infoForm" ref="infoForm" class="infoForm" label-position="right" label-width="100px" size="mini" > |
| | |
| | | <el-row :gutter="200"> |
| | | <el-col :span="5"> |
| | | <el-form-item label="委托编号:"> |
| | | <el-input style="width: 160px" type="text" :value="infoForm.commisioncode" readonly disabled="true" autocomplete="off" /> |
| | | <el-input style="width: 160px" type="text" :value="infoForm.commisioncode" readonly disabled="true" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | |
| | | </div> |
| | | <div class="submitBtn"> |
| | | <el-button type="primary" size="small" @click="submitInspection" style="background-color: rgb(1, 102, 226);">提交</el-button> |
| | | <!-- 点击返回,当前页面值为false --> |
| | | <el-button type="primary" size="mini" style="background-color: rgb(1, 102, 226); ">打印委托单</el-button> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | |
| | | </el-col> |
| | | <el-col :span="10"> |
| | | <el-form-item label="样品单位:"> |
| | | <el-input style="width: 160px" type="text" v-model="addPointerForm.unit" placeholder="请输入单位" autocomplete="off" /> |
| | | <el-input style="width: 160px" type="text" v-model="addPointerForm.unit" placeholder="请输入单位" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="50"> |
| | | <el-col :span="10"> |
| | | <el-form-item label="样品数量:"> |
| | | <el-input style="width: 160px" type="text" v-model="addPointerForm.samplesNumber" placeholder="请输入数量" autocomplete="off" /> |
| | | <el-input style="width: 160px" type="text" v-model="addPointerForm.samplesNumber" placeholder="请输入数量" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="10"> |
| | | <el-form-item label="备注:"> |
| | | <el-input style="width: 160px" type="text" v-model="addPointerForm.remarks" placeholder="请输入备注" autocomplete="off" /> |
| | | <el-input style="width: 160px" type="text" v-model="addPointerForm.remarks" placeholder="请输入备注" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div v-else> |
| | | <router-view></router-view> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .add_commision{ |
| | | padding: 20px; |
| | | } |
| | | |
| | | .content-main{ |
| | | padding: 20px 40px; |
| | | background-color: #f0f2f5; |
| | | width: 100%; |
| | | height: 100vh; |
| | | |
| | | .firstBox{ |
| | | .title{ |
| | | padding:0px 10px 10px 10px; |
| | | .title { |
| | | padding: 15px 10px; |
| | | font-size: 18px; |
| | | background-color: #0166e2; |
| | | color: #fff; |
| | | border-radius: 4px; |
| | | } |
| | | .tableBox{ |
| | | background-color: #fff; |
| | |
| | | .submitBtn{ |
| | | display: flex; |
| | | justify-content: end; |
| | | margin-right: 156px; |
| | | margin-right: 40px; |
| | | margin-top: 20px; |
| | | } |
| | | } |
| | | .infoForm{ |
| | | background-color: #fff; |
| | | padding: 20px 50px; |
| | | .formwrapper{ |
| | | margin: 20px 0px; |
| | | padding-left: 30px; |
| | | .el-row{ |
| | | margin: 10px 0px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |