| | |
| | | size="50%" |
| | | > |
| | | <div class="demo-drawer__content"> |
| | | <el-form :model="addSampleFrom"> |
| | | <el-form label-position="top" label-width="120px" :model="addSampleFrom"> |
| | | <el-form-item> |
| | | <el-button>选择物料</el-button> |
| | | <el-button type="primary">选择物料</el-button> |
| | | </el-form-item> |
| | | <el-row> |
| | | <el-col /> |
| | | <div class="materialParams-card"> |
| | | <el-row class="materialParams-top"> |
| | | <el-col :span="12"> |
| | | <el-form-item> |
| | | <el-input placeholder="--"> |
| | | <template slot="prepend">物料编号</template> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item> |
| | | <el-input placeholder="--"> |
| | | <template slot="prepend">物料名称</template> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row class="materialParams-bottom"> |
| | | <el-col :span="12"> |
| | | <el-form-item> |
| | | <el-input placeholder="--"> |
| | | <template slot="prepend">物料规格</template> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item> |
| | | <el-input placeholder="--"> |
| | | <template slot="prepend">供应商 </template> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <el-row gutter="100" :style="{marginTop:'24px'}"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="批次"> |
| | | <el-input placeholder="" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="数量"> |
| | | <el-input placeholder="" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row gutter="100"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="盘号"> |
| | | <el-input placeholder="" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="存放地"> |
| | | <el-input placeholder="" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row gutter="100"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="规格/型号名称"> |
| | | <el-input placeholder="" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="主线心截面"> |
| | | <el-input placeholder="" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row gutter="100"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="生产指令号"> |
| | | <el-input placeholder="" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="主线芯芯数"> |
| | | <el-input placeholder="" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row gutter="100"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="电压等级"> |
| | | <el-input placeholder="" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row gutter="100" :style="{flex:'1'}"> |
| | | <el-col :span="24"> |
| | | <el-form-item label="备注"> |
| | | <el-input |
| | | type="textarea" |
| | | rows="2" |
| | | placeholder="请输入内容" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="onSubmit">立即创建</el-button> |
| | | <el-button>取消</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | </el-drawer> |
| | |
| | | } |
| | | |
| | | .demo-drawer__content{ |
| | | padding: 20px; |
| | | padding: 24px; |
| | | height: 100%; |
| | | .el-form{ |
| | | height: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | ::v-deep .el-textarea__inner{ |
| | | max-height: 100px !important; |
| | | } |
| | | ::v-deep .el-form--label-top .el-form-item__label{ |
| | | padding: 0px !important; |
| | | } |
| | | .materialParams-card{ |
| | | box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 15px; |
| | | // box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; |
| | | // box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; |
| | | ::v-deep .el-form-item{ |
| | | .el-form-item__content{ |
| | | margin-left:0px !important; |
| | | } |
| | | } |
| | | ::v-deep .el-input{ |
| | | >div{ |
| | | width: 120px; |
| | | text-align: center; |
| | | } |
| | | } |
| | | } |
| | | .materialParams-bottom{ |
| | | .el-form-item{ |
| | | margin-bottom: 0px !important; |
| | | ::v-deep .el-input{ |
| | | >div,>input{ |
| | | border-bottom: 0px !important; |
| | | border-left: 0px !important; |
| | | border-right: 0px !important; |
| | | // border-top: 1px solid #DCDFE6; |
| | | border-radius: 0px !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .materialParams-top{ |
| | | .el-form-item{ |
| | | margin-bottom: 0px !important; |
| | | ::v-deep .el-input{ |
| | | >div,>input{ |
| | | border: 0px !important; |
| | | border-radius: 0px !important; |
| | | } |
| | | } |
| | | } |
| | | .el-col:nth-child(1){ |
| | | // |
| | | ::v-deep .el-input{ |
| | | >div,>input{ |
| | | border-bottom: 0px !important; |
| | | border-right: 0px !important; |
| | | border-radius: 0px !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | </style> |