<template>
|
<div>
|
<div style="overflow: hidden;">
|
<el-card style="margin: 10px;" v-model="searchData" >
|
<div slot="header" class="clearfix">
|
<span>
|
<i slot="prefix" class="el-icon-s-home" />
|
实验管理/原材料检验单</span>
|
</div>
|
<div class="card-content">
|
<el-row :gutter="80">
|
<el-form ref="form" :model="searchData" label-width="80px">
|
<el-col :span="6">
|
<el-form-item label="来料日期:" >
|
<el-input :disabled="true" v-model="searchData.from_time"></el-input>
|
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="供应商名称:" >
|
<el-input :disabled="true" v-model="searchData.supplier"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="产品编号:">
|
<el-input :disabled="true" v-model="searchData.mcode"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-form>
|
</el-row>
|
<el-row :gutter="80">
|
<el-form ref="form" :model="searchData" label-width="80px">
|
<el-col :span="6">
|
<el-form-item label="原材料名称:">
|
<el-input :disabled="true" v-model="searchData.name"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
|
<el-form-item label="规格型号:">
|
<el-input :disabled="true" v-model="searchData.specifications"></el-input>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="单位:">
|
<el-input :disabled="true" v-model="searchData.unit"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-form>
|
</el-row>
|
<el-row :gutter="80">
|
<el-form ref="form" :model="searchData" label-width="80px">
|
<el-col :span="6">
|
<el-form-item label="数量:">
|
<el-input :disabled="true" v-model="searchData.num"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
|
<el-form-item label="登记日期:">
|
<el-input :disabled="true" v-model="searchData.end_time"></el-input>
|
</el-form-item>
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-form-item label="登记人:">
|
<el-input :disabled="true" v-model="searchData.userName"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-form>
|
</el-row>
|
</div>
|
</el-card>
|
|
|
<el-row style="margin: 5px;">
|
<el-col :span="12" style="line-height: 32px;">检验项目</el-col>
|
<el-col :span="12" style="text-align: right;">
|
<!-- <el-button ic size="medium " @click="()=>{}">保存</el-button> -->
|
<el-button icon="el-icon-refresh-lef" size="medium " style="background-color: cornflowerblue;" @click="goback">返回</el-button>
|
</el-col>
|
</el-row>
|
<div>
|
<el-card style="margin: 10px;">
|
<el-table
|
:data="tableData"
|
border
|
style="width: 100%">
|
<el-table-column
|
label="序号"
|
type="index"
|
width="50">
|
</el-table-column>
|
<el-table-column
|
prop="date"
|
label="项目"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="name"
|
label="单位"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="kk"
|
label="标准值">
|
</el-table-column>
|
<el-table-column
|
prop="zz"
|
label="内控值">
|
</el-table-column>
|
<el-table-column
|
prop="oo"
|
wight="200"
|
label="经验人">
|
<template>
|
<el-select v-model="value" placeholder="黄晓明">
|
<el-option
|
v-for="item in cities"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
<span style="float: left">{{ item.label }}</span>
|
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span>
|
</el-option>
|
</el-select>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="pp"
|
label="实验设备">
|
<template>
|
<el-select v-model="value" placeholder="拉力机">
|
<el-option
|
v-for="item in cities"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
</el-card>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import { selectInspectsList, selectAll, addInspect} from '@/api/experiment/planAssignments'
|
export default {
|
data(){
|
return {
|
searchData:{
|
from_time:'',
|
supplier:'',
|
mcode:'',
|
name:'',
|
specifications:'',
|
unit:'',
|
num:'',
|
userName:'',
|
end_time:'',
|
|
},
|
value:{},
|
cities:[{
|
value: 'Beijing',
|
label: '黄小明'
|
}, {
|
value: 'Shanghai',
|
label: '黄小明'
|
}, {
|
}],
|
tableData:[{
|
date: '导线',
|
name: 'mm',
|
kk:'30.0',
|
zz:'30.0',
|
oo:'黄晓明',
|
pp:'拉力机',
|
},{
|
date: '导线',
|
name: 'mm',
|
kk:'30.0',
|
zz:'30.0',
|
oo:'黄晓明',
|
pp:'拉力机',
|
},{
|
date: '导线',
|
name: 'mm',
|
kk:'30.0',
|
zz:'30.0',
|
oo:'黄晓明',
|
pp:'拉力机',
|
},{
|
date: '导线',
|
name: 'mm',
|
kk:'30.0',
|
zz:'30.0',
|
oo:'黄晓明',
|
pp:'拉力机',
|
},{
|
date: '导线',
|
name: 'mm',
|
kk:'30.0',
|
zz:'30.0',
|
oo:'黄晓明',
|
pp:'拉力机',
|
}],
|
currentPage:1,
|
pageSize:8,
|
id:''
|
}
|
},
|
created(){
|
console.log(this.$route.query.icode);
|
this.id = this.$route.query.icode;
|
this.selectInspectsList()
|
},
|
methods: {
|
async goback(){
|
|
this.$router.push({name:'inspectionApplication'})
|
},
|
async selectInspectsList() {
|
|
// 获取分页列表
|
const res = await selectInspectsList({ countSize: this.pageSize, pageSize: this.currentPage ,message:this.id})
|
// this.inspectionTable = data
|
console.log(res)
|
|
// res.data.forEach((item) => {
|
// var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
|
// var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
|
// var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
|
// var checkdate = startTime + '~' + endTime
|
// var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%m-%d')"]
|
// item['formTime'] = formTime // 来料日期
|
// item['checkdate'] = checkdate // 检验日期
|
// item['createTime'] = createTime // 登记日期
|
// })
|
this.searchData.mcode = res.data.row[0].mcode
|
this.searchData.supplier = res.data.row[0].supplier
|
this.searchData.from_time = res.data.row[0]["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
|
this.searchData.name = res.data.row[0].name
|
this.searchData.specifications = res.data.row[0].specifications
|
this.searchData.unit = res.data.row[0].unit
|
this.searchData.num = res.data.row[0].num
|
this.searchData.end_time = res.data.row[0]["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
|
this.searchData.userName = res.data.row[0].userName
|
|
|
|
|
const data = res.data.row
|
data.forEach((item) => {
|
var formTime = item["DATE_FORMAT(`form_time`,'%Y-%m-%d')"]
|
var startTime = item["DATE_FORMAT(i"]["`start_time`,'%Y-%m-%d')"]
|
var endTime = item["DATE_FORMAT(i"]["`end_time`,'%Y-%m-%d')"]
|
var checkdate = startTime + '~' + endTime
|
var createTime = item["DATE_FORMAT(i"]["`create_time`,'%Y-%m-%d')"]
|
item['formTime'] = formTime // 来料日期
|
item['checkdate'] = checkdate // 检验日期
|
item['createTime'] = createTime // 登记日期
|
})
|
this.inspectionTable = data
|
this.total = res.data.total
|
},
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
|
</style>
|
|