Skip to content

G
GaoQuYingJiH5-SDT
Commit eb1ba113 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

隐患信息

parent 8998b725
Show whitespace changes
Inline Side-by-side
Showing with 154 additions and 63 deletions
index.html
View file @ eb1ba113
......@@ -43,11 +43,11 @@
<div class="">
</div>
<div class="item" @click="nav">
<p class="bgImg">
<div class="item">
<p class="bgImg" @click="nav('yh-company')">
<span>隐患管理</span>
</p>
<p class="bgImg">
<p class="bgImg" @click="nav('yh-verify')">
<span>隐患审核</span>
</p>
</div>
......
index.js
View file @ eb1ba113
......@@ -31,8 +31,8 @@ window.addEventListener("load", function() {
mounted() {
},
methods: {
nav(){
location.href = './views/yh-company.html';
nav(type){
location.href = './views/'+ type +'.html';
},
formatDate(date) {
return `${date.getFullYear() + 1}/${date.getMonth() + 1}/${date.getDate()}`;
......
views/yh-company.html
View file @ eb1ba113
......@@ -60,7 +60,9 @@
<div id="app" class="page-wrapper">
<div class="search-wrapper">
<van-search v-model="companyName" placeholder="请输入搜索关键词" @search="onSearch" @clear="onClear" />
</div>
<div class="list-content-wrapper" v-cloak>
<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了"
@load="getList">
......
views/yh-list.js
View file @ eb1ba113
......@@ -12,7 +12,7 @@ window.addEventListener("load", function() {
loading: false,
finished: false,
page: 0,
size: 20,
size: 10,
total: 0
}
},
......
views/yh-verify.html
View file @ eb1ba113
......@@ -11,57 +11,86 @@
/**
* 框架样式覆盖修改
*/
.van-cell__value{overflow: unset; }
.van-cell:after{border-bottom:none;}
.van-cell__value {
overflow: unset;
}
.van-cell:after {
border-bottom: none;
}
.companyWordElipsis {
display: inline-block;
width: 3.2rem;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 固定顶部搜索栏样式处理 */
.page-wrapper {
position: relative;
overflow: hidden;
}
.search-wrapper1 {
position: fixed;
width: 7.5rem;
z-index: 1;
}
.search-wrapper2 {
position: fixed;
width: 7.5rem;
z-index: 1;
top: 0.9rem;
}
.list-content-wrapper {
margin-top: 1.6rem;
}
</style>
</head>
<body>
<div id="app">
<div class="searchWrapper">
<van-search v-model="value" placeholder="请输入搜索关键词" />
<div id="app" v-cloak class="page-wrapper">
<div class="search-wrapper1">
<van-search v-model="companyName" placeholder="请输入公司名称" @search="onSearch" @clear="onClear" />
</div>
<div class="search-wrapper2">
<van-cell is-link @click="showPopup('showPopup4verifyStatus')">审核状态：<span
class="formValue">{{curVerifyStatus}}</span></van-cell>
</div>
<van-cell-group>
<van-cell is-link @click="showPopup4findQuestion=true">审核状态：<span class="formValue">{{findQuestion}}</span></van-cell>
<van-popup v-model="showPopup4findQuestion" round position="bottom">
<van-picker show-toolbar :columns="columns4findQuestion" @cancel="showPopup4findQuestion = false" @confirm="onConfirm4findQuestion" />
</van-popup>
</van-cell-group>
<div class="content" v-cloak>
<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList">
<van-popup v-model="showPopup4verifyStatus" round position="bottom">
<van-picker show-toolbar :columns="verifyStatusList" value-key="name"
@cancel="showPopup4verifyStatus = false" @confirm="onConfirm4verifyStatus" />
</van-popup>
<div class="list-content-wrapper">
<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了"
@load="getList">
<van-cell v-for="item in list" :key="item">
<div class="list-item-wrapper" >
<div class="list-item-wrapper">
<p class="">
<span>企业名称：</span>
<span id="">威海晶合矿业有限公司{{item}}</span>
<span class="companyWordElipsis">{{item.enterpriseName}}</span>
</p>
<p class="">
<span>检查人员：</span>
<span id="">李先生{{item}}</span>
<span id="">{{item.hdInspectExpert}}</span>
</p>
<p class="">
<span>发现问题：</span>
<span id="">门把手坏了</span>
<span id="">{{item.hdName}}</span>
</p>
<p class="list-status-tag">
<van-tag type="warning" size="mini">审核未通过</van-tag>
<van-tag type="warning" size="mini">{{item.verifyStatusString}}</van-tag>
</p>
<!-- <p class="list-content-fz" v-if="item==2">
<van-tag type="warning">待审核</van-tag>
</p>
<p class="list-content-fz" v-if="item==3">
<van-tag type="primary">审核通过</van-tag>
</p>
<p class="list-content-fz" v-if="item==4">
<van-tag type="danger">审核未通过</van-tag>
</p> -->
<div class="list-function-btn-wrapper pd-01rem">
<van-button type="info" size="mini">查看</van-button>
<van-button type="primary" size="mini">通过</van-button>
<van-button type="danger" size="mini">拒绝</van-button>
</div>
</div>
</van-cell>
</van-list>
</div>
......
views/yh-verify.js
View file @ eb1ba113
/**
* author: dabao
*/
var VUE = null
window.addEventListener("load", function() {
var VUE = new Vue({
VUE = new Vue({
el: '#app',
data() {
return {
......@@ -10,39 +11,98 @@ window.addEventListener("load", function() {
list: [],
loading: false,
finished: false,
findQuestion: '',
showPopup4findQuestion: false,
columns4findQuestion: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],
page: 0,
size: 10,
total: 0,
companyName: '',
curVerifyStatus: '',
curVerifyStatusVal: '',
showPopup4verifyStatus: false,
verifyStatusList: [{
name: "待审核",
value: 3,
},
{
name: "审核已通过",
value: 1,
},
{
name: "审核未通过",
value: 2,
},
],
}
},
mounted() {
this.getList()
},
methods: {
onConfirm4findQuestion(value, index) {
this.findQuestion = value;
this.showPopup4findQuestion = false;
resetSearchForm(){
this.page = 0
this.size = 20
this.total = 0
this.list = []
this.finished = false;
},
nav(item){
location.href='./yh-list.html'
showPopup(popupType){
this[popupType] = true
},
add(){
location.href='./yh-list-detail.html'
onConfirm4verifyStatus(item){
this.showPopup4verifyStatus = false
this.resetSearchForm()
this.curVerifyStatus = item.name
this.curVerifyStatusVal = item.value
this.getList()
},
getList(){
console.log('到底了，开始加载。。。。')
for (let i = 0; i < 10; i++) {
this.list.push(this.list.length + 1);
}
console.log(this.list)
onClear() {
this.resetSearchForm()
this.getList()
},
onSearch(val) {
this.resetSearchForm()
console.log('search', val)
this.getList()
},
nav(item) {
// location.href='./yh-list.html'
},
add() {
location.href = './yh-list-detail.html?companyId=' + getParameter('companyId') +
'&type=add'
},
detail(item) {
location.href = './yh-list-detail.html?companyId=' + getParameter('companyId') +
'&hdId=' + item.hdId + '&type=detail'
},
edit(item) {
location.href = './yh-list-detail.html?companyId=' + getParameter('companyId') +
'&hdId=' + item.hdId + '&type=edit'
},
getList() {
http.get('/api/hiddenDangerToVerify', {
page: this.page++, // 每次请求增加下一页
size: this.size,
county: localStorage.getItem('appCounty'),
verifyState: this.curVerifyStatusVal,
enName: this.companyName,
sort: 'verify_status,asc',
}).then((res) => {
// 加载状态结束
this.loading = false;
this.loading = false; // 加载状态结束
// // 数据全部加载完成
if (this.list.length >= 40) {
this.finished = true;
console.log('响应结果', res.content)
this.list.push(...res.content);
this.total = res.totalElements
console.log('响应结果list', this.list)
console.log('响应结果totalElements', res.totalElements)
if (this.page * this.size >= this.total) {
this.finished = true; // 下滑不在刷新数据
}
})
}
},
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment