123 lines
3.4 KiB
Vue
123 lines
3.4 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<Navbar title="安全检查记录" @chickIcon="chickIcon" :showRightIcon="true" />
|
|||
|
|
<div class="content">
|
|||
|
|
<!-- 搜索 -->
|
|||
|
|
<div class="search">
|
|||
|
|
<u-input
|
|||
|
|
placeholder="请输入搜索内容"
|
|||
|
|
suffixIcon="search"
|
|||
|
|
suffixIconStyle="color: #909399"
|
|||
|
|
shape="circle"
|
|||
|
|
@blur="handleSearch"
|
|||
|
|
></u-input>
|
|||
|
|
</div>
|
|||
|
|
<!-- 列表 -->
|
|||
|
|
<div>
|
|||
|
|
<div v-for="(item, index) in tableList" :key="index" class="list-cont">
|
|||
|
|
<div class="list-item">检查标题：{{ item.title }}</div>
|
|||
|
|
<div class="list-item">检查时间：{{ item.checkTime }}</div>
|
|||
|
|
<div class="list-btn">
|
|||
|
|
<div><u-button type="primary" size="mini" @click="handleSeeEdit(1, item)">查看</u-button></div>
|
|||
|
|
<div><u-button type="primary" size="mini" @click="handleSeeEdit(2, item)">编辑</u-button></div>
|
|||
|
|
<div><u-button type="primary" size="mini" @click="handleAdd(item)">新增隐患</u-button></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<u-empty mode="data" v-if="tableList.length == 0"></u-empty>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import { getAppSecurityCheckRecordList } from '@/api/hiddenDangerViolation'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
searchValue: '',
|
|||
|
|
tableList: []
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
this.getList()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 搜索
|
|||
|
|
handleSearch(value) {
|
|||
|
|
console.log('🚀 ~ 搜索 ~ value:', value)
|
|||
|
|
this.searchValue = value
|
|||
|
|
this.getList()
|
|||
|
|
},
|
|||
|
|
// 点击右侧按钮
|
|||
|
|
chickIcon() {
|
|||
|
|
console.log('🚀 ~ 点击右侧按钮')
|
|||
|
|
const params = { isAdd: true, title: '新增安全检查记录' }
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/safetyCheckRecord/addRecord?params=' + JSON.stringify(params)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// 列表
|
|||
|
|
async getList() {
|
|||
|
|
console.log('🚀 ~ 获取列表')
|
|||
|
|
try {
|
|||
|
|
const params = { title: this.searchValue }
|
|||
|
|
console.log('🚀 ~ getList ~ params:', params)
|
|||
|
|
const res = await getAppSecurityCheckRecordList(params)
|
|||
|
|
console.log('🚀 ~ getList ~ res:', res)
|
|||
|
|
this.tableList = res.data
|
|||
|
|
} catch (error) {
|
|||
|
|
console.log('🚀 ~ error', error)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 查看编辑
|
|||
|
|
handleSeeEdit(type, item) {
|
|||
|
|
console.log('🚀 ~ 查看编辑 ~ type:', type)
|
|||
|
|
console.log('🚀 ~ 查看编辑 ~ item:', item)
|
|||
|
|
let params = {}
|
|||
|
|
if (type === 1) {
|
|||
|
|
params = { isDetail: true, ...item, title: '查看安全检查记录' }
|
|||
|
|
} else if (type === 2) {
|
|||
|
|
params = { isEdit: true, ...item, title: '编辑安全检查记录' }
|
|||
|
|
}
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/safetyCheckRecord/addRecord?params=' + JSON.stringify(params)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handleAdd(item) {
|
|||
|
|
console.log('🚀 ~ handleAdd ~ item:', item)
|
|||
|
|
const params = { isAdd: true, ...item, title: '新增隐患' }
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/hiddenDangerRectificationApproval/addHiddenDanger?params=' + JSON.stringify(params)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.content {
|
|||
|
|
padding-bottom: 20px;
|
|||
|
|
word-break: break-all;
|
|||
|
|
.search {
|
|||
|
|
margin: 0 20px 10px;
|
|||
|
|
}
|
|||
|
|
.list-cont {
|
|||
|
|
padding: 10px;
|
|||
|
|
margin: 0 10px 10px;
|
|||
|
|
background-color: #f5f7fa;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
.list-item {
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.list-btn {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: flex-end;
|
|||
|
|
div {
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|