qa-prevention-gwj-vue/src/views/checkYr/checkJl/index.vue

162 lines
5.2 KiB
Vue

<template>
<div class="app-container">
<div class="rightCont">
<el-form label-width="50px">
<el-row>
<el-col :span="6">
<el-form-item label="计划名称:" label-width="110px">
<el-input v-model="search.fjhname" style="width:206px" placeholder="请输入内容"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="工单编号:" label-width="110px">
<el-input v-model="search.fgdno" style="width:206px" placeholder="请输入内容"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="点检人:" label-width="110px">
<el-input v-model="search.fcluserStr" style="width:206px" placeholder="请输入内容"/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label-width="10px">
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
</el-button>
<el-button v-waves class="filter-item" type="success" icon="el-icon-refresh" @click="goKeyReset">
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div>
<el-table
ref="multipleTable"
:data="varList"
:row-key="getRowKey"
border
tooltip-effect="dark"
style="width: 100%">
<el-table-column type="selection" width="55" align="center"/>
<el-table-column type="index" label="序号" width="55" align="center"/>
<el-table-column prop="fjhname" label="计划名称"/>
<el-table-column prop="ftypeStr" label="计划类型"/>
<el-table-column prop="djbzName" label="点检标准名称"/>
<el-table-column prop="fsbidStr" label="所绑定的设备名称"/>
<el-table-column prop="fsbidStr" label="设备名称"/>
<el-table-column label="临时上报">
<template slot-scope="{row}">
<span></span>
</template>
</el-table-column>
<el-table-column prop="bzsFtype" label="类型"/>
<el-table-column prop="fdjstate" label="发现问题">
<template slot-scope="{row}">
<span >{{ row.fdjstate == 0?"否":'是' }}</span>
</template>
</el-table-column>
<el-table-column prop="fnote" label="问题描述"/>
<el-table-column prop="fuserStr" label="点检人"/>
<el-table-column prop="fbc" label="班次"/>
<el-table-column prop="fdate" label="点检时间"/>
<el-table-column prop="fstateStr" label="处理结果"/>
<el-table-column prop="zxFstateStr" label="自修状态"/>
<el-table-column prop="fgdno" label="工单编号"/>
<el-table-column prop="FIRERESOURCES_TYPENAME" label="派单状态">
<template slot-scope="{row}">
<span v-if="row.fgdno"></span>
</template>
</el-table-column>
<el-table-column prop="fclnote" label="处理意见"/>
<el-table-column prop="freason" label="未点检原因"/>
<el-table-column prop="fpj" label="评价打分"/>
<el-table-column prop="fcluserStr" label="处理操作人"/>
<el-table-column prop="fcldate" label="处理操作时间"/>
</el-table>
<div class="page-btn-group">
<div/>
<pagination
:total="total"
:page.sync="listQuery.page"
:limit.sync="listQuery.limit"
@pagination="getList()"/>
</div>
</div>
</div>
</div>
</template>
<script>
import Pagination from '@/components/Pagination'
import { requestFN } from '@/utils/request'
import waves from '@/directive/waves'
// waves directive
import SelectTree from '@/components/SelectTree'
export default {
components: { Pagination, SelectTree },
directives: { waves },
data() {
return {
config: config,
listLoading: false,
varList: [],
search: {
fgdno: '',
fjhname: '',
fcluserStr: ''
},
total: 0,
listQuery: {
page: 1,
limit: 20
}
}
},
created() {
this.getList()
},
methods: {
handleShow(row) {},
getRowKey(row) {
return row.FIRE_DEVICE_ID
},
// 添加
// 搜索
getQuery() {
this.getList()
},
// 获取列表
getList() {
this.listLoading = true
requestFN(
'/app/ryCheck/getRyCheckJl?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page, {
fgdno: this.search.fgdno,
fjhname: this.search.fjhname,
fcluserStr: this.search.fcluserStr
}
).then((data) => {
this.listLoading = false
this.varList = data.varList
this.total = data.page.totalResult
}).catch((e) => {
this.listLoading = false
})
},
goKeyReset() {
this.search = {
fgdno: '',
fjhname: '',
fcluserStr: ''
}
this.getList()
}
}
}
</script>
<style scoped>
</style>