|
@@ -0,0 +1,127 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-form :inline="true" :model="formInline" size='small ' label-position="left" label-width="110px"
|
|
|
+ class="demo-form-inline">
|
|
|
+ <el-form-item label="产品名称:">
|
|
|
+ <el-input v-model="formInline.user" placeholder="产品名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="产品代号:">
|
|
|
+ <el-input v-model="formInline.user" placeholder="产品代号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="系统名称:">
|
|
|
+ <el-input v-model="formInline.user" placeholder="系统名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="故障现象:">
|
|
|
+ <el-input v-model="formInline.user" placeholder="故障现象"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="管理原因:">
|
|
|
+ <el-input v-model="formInline.user" placeholder="管理原因"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="原因分类1:">
|
|
|
+ <el-select v-model="formInline.region" placeholder="原因分类1">
|
|
|
+ <el-option label="区域一" value="shanghai"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="原因分类2:">
|
|
|
+ <el-select v-model="formInline.region" placeholder="原因分类1">
|
|
|
+ <el-option label="区域一" value="shanghai"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="原因分类3:">
|
|
|
+ <el-select v-model="formInline.region" placeholder="原因分类1">
|
|
|
+ <el-option label="区域一" value="shanghai"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="技术原因:">
|
|
|
+ <el-input v-model="formInline.user" placeholder="技术原因"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="技术措施:">
|
|
|
+ <el-input v-model="formInline.user" placeholder="技术措施"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="onSearch">查询</el-button>
|
|
|
+ <el-button type="normal" @click="onReset">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-table :data="tableData" stripe border style="width: 100%" header-cell-class-name="own-cell">
|
|
|
+ <el-table-column align="center" type="index" width="50">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="date" align="center" label="质量问题名称">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" align="center" label="产品编号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" align="center" label="产品名称">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" align="center" label="产品代号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" align="center" label="系统名称">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" align="center" label="故障现象">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" align="center" label="技术原因">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" align="center" label="技术措施">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" align="center" label="发生地点">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="address" align="center" label="地址">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class=" mt-3 mr-6 flex items-center justify-end">
|
|
|
+ <el-pagination background layout="prev, pager, next" :total="21">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: 'FailureCases',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ formInline: {
|
|
|
+ user: '',
|
|
|
+ region: ''
|
|
|
+ },
|
|
|
+ tableData: [{
|
|
|
+ date: '2016-05-02',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1518 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-04',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1517 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-01',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1519 弄'
|
|
|
+ }, {
|
|
|
+ date: '2016-05-03',
|
|
|
+ name: '王小虎',
|
|
|
+ address: '上海市普陀区金沙江路 1516 弄'
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onSearch() {
|
|
|
+ console.log('submit!');
|
|
|
+ },
|
|
|
+ onReset() {
|
|
|
+ console.log('submit!');
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang="scss">
|
|
|
+::v-deep .el-form-item__content {
|
|
|
+ width: 176px;
|
|
|
+}
|
|
|
+
|
|
|
+.own-cell {
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold !important;
|
|
|
+}
|
|
|
+</style>
|