159 lines
3.9 KiB
Vue
159 lines
3.9 KiB
Vue
<template>
|
||
<view>
|
||
<!-- 吸顶搜索框 start -->
|
||
<key-word-search-input
|
||
:inputSearchValue="searchForm.HIDDENDESCR"
|
||
@search="handleSearch"
|
||
/>
|
||
<!-- 吸顶搜索框 end -->
|
||
|
||
<!-- 列表渲染 start -->
|
||
<list :list="list" @scrollToLower="scrollToLower">
|
||
<template #default="{ item }">
|
||
<view class="flex-between main-title">
|
||
<view class="u-line-1">{{ item.HIDDENDESCR || "暂无" }}</view>
|
||
<view :class="hiddenLevelColor[item.HIDDENLEVEL]">
|
||
{{ item.HIDDENLEVELNAME }}
|
||
</view>
|
||
</view>
|
||
<view class="flex-between subtitle mt-5">
|
||
<view>来源：{{ hiddenSource[item.SOURCE] }}</view>
|
||
</view>
|
||
<view class="flex-between subtitle mt-5">
|
||
<view>隐患发现人：{{ item.findUserNames || "暂无" }}</view>
|
||
<view>
|
||
隐患发现时间：{{
|
||
item.DISCOVERYTIME
|
||
? formatHiddenBaseTime(item.DISCOVERYTIME)
|
||
: "暂无"
|
||
}}
|
||
</view>
|
||
</view>
|
||
<view class="flex-between subtitle mt-5">
|
||
<view>隐患确认人：{{ item.confirmUserName || "暂无" }}</view>
|
||
<view>
|
||
隐患确认时间：{{
|
||
item.CONFIRM_TIME
|
||
? formatHiddenBaseTime(item.CONFIRM_TIME)
|
||
: "暂无"
|
||
}}
|
||
</view>
|
||
</view>
|
||
<view class="flex-between subtitle mt-5">
|
||
<view>隐患状态：已忽略</view>
|
||
<u-button
|
||
type="primary"
|
||
size="mini"
|
||
shape="circle"
|
||
@click="handleClickView(item)"
|
||
>
|
||
查看
|
||
</u-button>
|
||
</view>
|
||
</template>
|
||
</list>
|
||
<!-- 列表渲染 end -->
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import keyWordSearchInput from "@/components/keyWordSearchInput/index.vue";
|
||
import List from "@/components/list/list.vue";
|
||
import dayjs from "dayjs";
|
||
import { HIDDEN_LEVEL_COlOR, HIDDEN_SOURCE } from "@/utils/constant";
|
||
import { hidden_neglect_list } from "@/Mock/responseData.js";
|
||
|
||
export default {
|
||
components: { keyWordSearchInput, List },
|
||
data() {
|
||
return {
|
||
store: this.$store, // 全局store
|
||
searchForm: {
|
||
HIDDENDESCR: "",
|
||
},
|
||
isRequestEnd: false, // 请求是否已结束
|
||
pagination: {
|
||
showCount: 10,
|
||
currentPage: 1,
|
||
stateConfirm: "0",
|
||
total: 0,
|
||
},
|
||
list: [],
|
||
};
|
||
},
|
||
created() {},
|
||
|
||
mounted() {},
|
||
|
||
// 页面展示后立刻触发
|
||
onShow() {
|
||
this.getList();
|
||
},
|
||
computed: {
|
||
hiddenLevelColor() {
|
||
return HIDDEN_LEVEL_COlOR;
|
||
},
|
||
hiddenSource() {
|
||
return HIDDEN_SOURCE;
|
||
},
|
||
userInfo() {
|
||
return this.$store.getters.getUserInfo;
|
||
},
|
||
},
|
||
methods: {
|
||
/** 处理搜索事件 */
|
||
async handleSearch(val) {
|
||
this.pagination = {
|
||
...this.pagination,
|
||
currentPage: 1,
|
||
showCount: 10,
|
||
total: 0,
|
||
};
|
||
await this.getList(val);
|
||
},
|
||
/** 获取列表数据 */
|
||
getList() {
|
||
if (this.isRequestEnd) return null;
|
||
uni.showLoading({
|
||
title: "加载中",
|
||
});
|
||
let { USER_ID, CORPINFO_ID, DEPARTMENT_ID } = this.store.state.userInfo;
|
||
// HiddenDangerConfirm.getHiddenDangerConfirmList({
|
||
// USER_ID: USER_ID,
|
||
// CORPINFO_ID,
|
||
// currentPage: this.pagination.currentPage,
|
||
// showCount: this.pagination.showCount,
|
||
// DISPOSESTATE: 2,
|
||
// stateConfirm: this.pagination.stateConfirm,
|
||
// USERDEPT: DEPARTMENT_ID,
|
||
// SELFUSERID: USER_ID,
|
||
// corpinfoId: CORPINFO_ID,
|
||
// loginUserId: USER_ID,
|
||
// });
|
||
setTimeout(() => {
|
||
this.list = hidden_neglect_list;
|
||
this.pagination.total = hidden_neglect_list.length;
|
||
uni.hideLoading();
|
||
}, 400);
|
||
},
|
||
/** 计算隐患发现时间 */
|
||
formatHiddenBaseTime(val) {
|
||
return dayjs(val).format("YYYY-MM-DD");
|
||
},
|
||
/** 向下滚动加载数据 */
|
||
async scrollToLower() {
|
||
this.pagination.currentPage = this.pagination.currentPage++;
|
||
if (this.total >= this.pagination.currentPage) await this.getList();
|
||
},
|
||
/** 处理点击查看按钮事件 */
|
||
handleClickView(ext) {
|
||
uni.$u.route("/hiddenManageSubPackages/pages/hidden_neglect/view", {
|
||
HIDDEN_ID: ext.HIDDEN_ID,
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss" scoped></style>
|