You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

110 lines
2.7 KiB

<template>
<div class="app-container">
<el-table
ref="bgfyData"
:data="bgfyData"
:span-method="tableJs.mergeColRows"
border
stripe
style="margin-top: 10px"
>
<el-table-column type="index" align="center" width="50" label="序号" />
<el-table-column
align="center"
width="50"
label="检验类别"
prop="xiangmuleibie"
/>
<el-table-column
align="center"
width="150"
label="项目"
prop="jianyanxiang"
/>
<el-table-column
align="center"
width="50"
label="项目编号"
prop="jianyanmu"
/>
<el-table-column align="left" label="检验项目及内容" prop="jianyanneirong" />
<el-table-column
align="center"
prop="jianyanjieguo"
width="120"
label="检查结果"
>
<template slot-scope="scope">
<el-autocomplete
v-model="scope.row.jianyanjieguo"
class="inline-input"
style="width: 100%"
:fetch-suggestions="querySearchJyjg"
@input="(val) => changeFn(val, scope.row)"
/>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
name: 'Inspection',
components: {},
props: {
bgfyData: {
type: Array,
require: true,
default: () => []
},
jybgData: {
type: Array,
require: true,
default: () => []
}
},
data() {
return {
jyjgList: [{ value: '√' }, { value: '×' }, { value: '/' }]
}
},
created() {
},
mounted() {},
methods: {
onRowClick(row) {
this.$refs.bgfyData.toggleRowSelection(row)
},
querySearchJyjg: function(queryString, cb, $index) {
cb(this.jyjgList)
},
change(row) {
console.log(row)
},
changeFn(val, row) {
const jybgJyjgJyxm = this.jybgData[row.jybgJyjgIndex - 1]
let beizhu = ''
if (val.length > 1) {
beizhu = val.substr(1)
}
if (val.indexOf('×') === 0) {
jybgJyjgJyxm.jianyanjieguo = '不符合' + beizhu
} else if (val.indexOf('√') === 0) {
jybgJyjgJyxm.jianyanjieguo = '符合' + beizhu
} else if (val.indexOf('○') === 0) {
jybgJyjgJyxm.jianyanjieguo = '资料确认符合' + beizhu
} else if (val.indexOf('/') === 0) {
jybgJyjgJyxm.jianyanjieguo = '无此项' + beizhu
} else {
jybgJyjgJyxm.jianyanjieguo = ''
}
}
}
}
</script>
<style scoped>
</style>
<style lang="scss" scoped>
</style>