¶Ô±ÈÐÂÎļþ |
| | |
| | | <style scoped> |
| | | .ins-order-plan-main .title { |
| | | height: 60px; |
| | | line-height: 60px; |
| | | } |
| | | |
| | | .ins-order-plan-main .search { |
| | | width: 100%; |
| | | margin-bottom: 10px; |
| | | height: 140px; |
| | | background-color: #fff; |
| | | border-radius: 3px; |
| | | } |
| | | |
| | | .search .form-inline { |
| | | height: 50px; |
| | | padding-top: 20px; |
| | | padding-left: 50px; |
| | | } |
| | | |
| | | .ins-order-plan-main .center { |
| | | width: calc(100% - 40px); |
| | | height: calc(100% - 60px - 80px - 40px); |
| | | background-color: #fff; |
| | | border-radius: 3px; |
| | | padding: 20px; |
| | | } |
| | | </style> |
| | | <style> |
| | | .ins-order-plan-main .el-form-item__label{ |
| | | color: #000; |
| | | } |
| | | .el-drawer__header::before { |
| | | content: ""; |
| | | display: inline-block; |
| | | width: 4px; |
| | | height: 30.24px; |
| | | background: #3A7BFA; |
| | | border-radius: 10px; |
| | | margin-left: 32px; |
| | | margin-right: 8.5px; |
| | | } |
| | | .el-drawer__header{ |
| | | color: #303133; |
| | | } |
| | | </style> |
| | | <template> |
| | | <div class="ins-order-plan-main"> |
| | | <el-row class="title"> |
| | | <el-col :span="12" style="padding-left: 20px;">æ ·å详æ
</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button size="small" type="primary" @click="sampleVisible=true">æ ·å忢</el-button> |
| | | <el-button size="small" type="primary" @click="taskVisible=true">ä»»å¡åæ¢</el-button> |
| | | <el-button size="small" @click="$emit('goback')">è¿å</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <div class="search"> |
| | | <el-form :inline="true" :model="searchForm" class="form-inline"> |
| | | <el-form-item label="å§æç¼å·:"> |
| | | <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请è¾å
¥"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="æ ·åç¼å·:"> |
| | | <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请è¾å
¥"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="æ ·ååç§°:"> |
| | | <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请è¾å
¥"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="æ ·åæ°é:"> |
| | | <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请è¾å
¥"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸åæ¶é´:"> |
| | | <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请è¾å
¥"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="ç´§æ¥ç¨åº¦:"> |
| | | <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请è¾å
¥"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="çº¦å®æ¶é´:"> |
| | | <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请è¾å
¥"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="å½åæ ·åæ°:"> |
| | | <el-input clearable v-model="searchForm.sampleName" disabled size="small" placeholder="请è¾å
¥"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="center"> |
| | | </div> |
| | | <el-drawer |
| | | title="æ ·å忢" |
| | | :visible.sync="sampleVisible" |
| | | :destroy-on-close="true" |
| | | size="55%"> |
| | | <el-table class="el-table" ref="productTable" :data="productList" height="100%" tooltip-effect="dark" border highlight-current-row @row-click="handleChangeSample"> |
| | | <el-table-column type="index" align="center" label="åºå·" width="70" :key="Math.random()"> |
| | | </el-table-column> |
| | | <el-table-column prop="inspectionItemSubclass" label="æ ·åç¼å·" min-width="100" |
| | | show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="sonLaboratory" label="æ£æµç¶æ" min-width="100" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="method" label="æ£æµäºº" min-min-width="100" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="unit" label="æ¯å¦çæ ·" min-width="100" show-overflow-tooltip></el-table-column> |
| | | </el-table> |
| | | </el-drawer> |
| | | <el-drawer |
| | | title="ä»»å¡åæ¢" |
| | | :visible.sync="taskVisible" |
| | | :destroy-on-close="true" |
| | | size="55%"> |
| | | <el-table class="el-table" ref="productTable" :data="productList" height="100%" tooltip-effect="dark" border highlight-current-row @row-click="handleChangeTask"> |
| | | <el-table-column prop="inspectionItemSubclass" label="å§æç¼å·" min-width="100" |
| | | show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="sonLaboratory" label="æ ·åç¼å·" min-width="100" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="method" label="æ ·ååç§°" min-min-width="100" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="unit" label="ç´§æ¥ç¨åº¦" min-width="100" show-overflow-tooltip> |
| | | <template slot-scope="scope"> |
| | | <el-tag |
| | | :type="scope.row.type" size="medium">{{scope.row.label}}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="unit" label="ç¶æ" min-width="100" show-overflow-tooltip> |
| | | <template slot-scope="scope"> |
| | | <el-tag |
| | | :type="scope.row.type" size="medium">{{scope.row.label}}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="method" label="çº¦å®æ¶é´" min-min-width="100" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="method" label="ä¸åæ¶é´" min-min-width="100" show-overflow-tooltip></el-table-column> |
| | | </el-table> |
| | | </el-drawer> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | sampleVisible:false, |
| | | taskVisible:false, |
| | | searchForm: { |
| | | sampleName: null, |
| | | state: null |
| | | }, |
| | | productList:[] |
| | | } |
| | | }, |
| | | created() { |
| | | }, |
| | | methods: { |
| | | handleChangeSample(row){ |
| | | console.log(1111111111,row) |
| | | this.sampleVisible = false; |
| | | }, |
| | | handleChangeTask(row){ |
| | | console.log(222222222,row) |
| | | this.taskVisible = false; |
| | | } |
| | | } |
| | | } |
| | | </script> |