| | |
| | | <template> |
| | | <div> |
| | | <div style="overflow: hidden;"> |
| | | <el-card style="margin: 10px;" v-model="searchData" > |
| | | <el-card style="margin: 10px;" > |
| | | <div slot="header" class="clearfix"> |
| | | <span> |
| | | <i slot="prefix" class="el-icon-s-home" /> |
| | |
| | | <el-card style="margin: 10px;"> |
| | | <el-table |
| | | :data="insProducts" |
| | | height="calc(80vh - 250px)" |
| | | border |
| | | style="width: 100%"> |
| | | <el-table-column |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="userName" label="经验人"> |
| | | <template slot-scope="scope"> |
| | | <el-select v-model="ZERENren" size="small" slot="append" style="width: 220px;"> |
| | | <el-option v-for="item in ZERENren" :key="item.id" :label="item.name">{{ item}}</el-option> |
| | | <el-select v-model="value" size="small" slot="append" style="width: 220px;"> |
| | | <el-option v-for="(item,indxe) in ZERENren" :key="indxe" :label="item.name" :value="item.name"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="inspectionMaterialId" |
| | | label="实验设备"> |
| | | <template> |
| | | <!-- <el-select v-model="scope.row.checker" size="small" slot="append" style="width: 260px;"> |
| | | <el-option v-for="item in checkeroptions" :key="item.value" :label="item.label">{{ item.label }}</el-option> |
| | | </el-select> --> |
| | | <template slot-scope="scope"> |
| | | <el-select v-model="SHEbei" size="small" slot="append" style="width: 220px;"> |
| | | <el-option v-for="(item,index) in getDevices" :key="index" :label="item.name"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { selectInspectsListById,selectUser} from '@/api/experiment/planAssignments' |
| | | import { selectInspectsListById,selectUser,chooseinstum} from '@/api/experiment/planAssignments' |
| | | export default { |
| | | data(){ |
| | | return { |
| | | searchData:{ }, |
| | | insProducts:[], |
| | | ZERENren:{ |
| | | searchData:{ |
| | | formTime: '', |
| | | supplier: '', |
| | | code: '', |
| | | name: '', |
| | | specifications: '', |
| | | unit: '', |
| | | num: '', |
| | | endTime: '', |
| | | userName: '', |
| | | }, |
| | | uu:'' |
| | | insProducts:[], |
| | | value:'', |
| | | SHEbei:[], |
| | | aaa:{}, |
| | | ZERENren:[], |
| | | // getDevices:[] |
| | | } |
| | | }, |
| | | created(){ |
| | | console.log(this.$route.query.id); |
| | | this.uu = this.$route.query.id; |
| | | // if(this.$route.query){ |
| | | // this.uu = this.$route.query.id; |
| | | // } |
| | | this.aaa = this.$route.query |
| | | // if(this.$route.query){ |
| | | // this.aaa = this.$router.query.data1 |
| | | // console.log(this.aaa); |
| | | // } |
| | | console.log(this.aaa); |
| | | this.selectInspectsListById() |
| | | // this.selectUser() |
| | | this.selectUser() |
| | | this.chooseinstum() |
| | | }, |
| | | methods: { |
| | | //返回 |
| | |
| | | async selectUser(){ |
| | | const res = await selectUser() |
| | | this.ZERENren = res.data |
| | | console.log(this.ZERENren); |
| | | }, |
| | | |
| | | async chooseinstum(){ |
| | | const res = await chooseinstum() |
| | | this.getDevices = res.data |
| | | console.log(this.getDevices); |
| | | }, |
| | | //检验单表 |
| | | async selectInspectsListById() { |
| | | const res = await selectInspectsListById({id:this.uu}) |
| | | const res = await selectInspectsListById({id:this.aaa.id}) |
| | | this.searchData = res.data |
| | | this.insProducts = res.data.insProducts |
| | | } |