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 @@ ...@@ -43,11 +43,11 @@
<div class=""> <div class="">
</div> </div>
<div class="item" @click="nav"> <div class="item">
<p class="bgImg"> <p class="bgImg" @click="nav('yh-company')">
<span>隐患管理</span> <span>隐患管理</span>
</p> </p>
<p class="bgImg"> <p class="bgImg" @click="nav('yh-verify')">
<span>隐患审核</span> <span>隐患审核</span>
</p> </p>
</div> </div>
......
index.js
View file @ eb1ba113
...@@ -31,8 +31,8 @@ window.addEventListener("load", function() { ...@@ -31,8 +31,8 @@ window.addEventListener("load", function() {
mounted() { mounted() {
}, },
methods: { methods: {
nav(){ nav(type){
location.href = './views/yh-company.html'; location.href = './views/'+ type +'.html';
}, },
formatDate(date) { formatDate(date) {
return `${date.getFullYear() + 1}/${date.getMonth() + 1}/${date.getDate()}`; return `${date.getFullYear() + 1}/${date.getMonth() + 1}/${date.getDate()}`;
......
views/yh-company.html
View file @ eb1ba113
...@@ -60,7 +60,9 @@ ...@@ -60,7 +60,9 @@
<div id="app" class="page-wrapper"> <div id="app" class="page-wrapper">
<div class="search-wrapper"> <div class="search-wrapper">
<van-search v-model="companyName" placeholder="请输入搜索关键词" @search="onSearch" @clear="onClear" /> <van-search v-model="companyName" placeholder="请输入搜索关键词" @search="onSearch" @clear="onClear" />
</div> </div>
<div class="list-content-wrapper" v-cloak> <div class="list-content-wrapper" v-cloak>
<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" <van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了"
@load="getList"> @load="getList">
......
views/yh-list.js
View file @ eb1ba113
...@@ -12,7 +12,7 @@ window.addEventListener("load", function() { ...@@ -12,7 +12,7 @@ window.addEventListener("load", function() {
loading: false, loading: false,
finished: false, finished: false,
page: 0, page: 0,
size: 20, size: 10,
total: 0 total: 0
} }
}, },
......
views/yh-verify.html
View file @ eb1ba113
...@@ -11,57 +11,86 @@ ...@@ -11,57 +11,86 @@
/** /**
* 框架样式覆盖修改 * 框架样式覆盖修改
*/ */
.van-cell__value{overflow: unset; } .van-cell__value {
.van-cell:after{border-bottom:none;} 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> </style>
</head> </head>
<body> <body>
<div id="app"> <div id="app" v-cloak class="page-wrapper">
<div class="searchWrapper"> <div class="search-wrapper1">
<van-search v-model="value" placeholder="请输入搜索关键词" /> <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> </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-popup v-model="showPopup4verifyStatus" round position="bottom">
<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList"> <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"> <van-cell v-for="item in list" :key="item">
<div class="list-item-wrapper" > <div class="list-item-wrapper">
<p class=""> <p class="">
<span>企业名称：</span> <span>企业名称：</span>
<span id="">威海晶合矿业有限公司{{item}}</span> <span class="companyWordElipsis">{{item.enterpriseName}}</span>
</p> </p>
<p class=""> <p class="">
<span>检查人员：</span> <span>检查人员：</span>
<span id="">李先生{{item}}</span> <span id="">{{item.hdInspectExpert}}</span>
</p> </p>
<p class=""> <p class="">
<span>发现问题：</span> <span>发现问题：</span>
<span id="">门把手坏了</span> <span id="">{{item.hdName}}</span>
</p> </p>
<p class="list-status-tag"> <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>
<!-- <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"> <div class="list-function-btn-wrapper pd-01rem">
<van-button type="info" size="mini">查看</van-button> <van-button type="info" size="mini">查看</van-button>
<van-button type="primary" size="mini">通过</van-button> <van-button type="primary" size="mini">通过</van-button>
<van-button type="danger" size="mini">拒绝</van-button> <van-button type="danger" size="mini">拒绝</van-button>
</div> </div>
</div>
</van-cell> </van-cell>
</van-list> </van-list>
</div> </div>
......
views/yh-verify.js
View file @ eb1ba113
/** /**
* author: dabao * author: dabao
*/ */
var VUE = null
window.addEventListener("load", function() { window.addEventListener("load", function() {
var VUE = new Vue({ VUE = new Vue({
el: '#app', el: '#app',
data() { data() {
return { return {
...@@ -10,39 +11,98 @@ window.addEventListener("load", function() { ...@@ -10,39 +11,98 @@ window.addEventListener("load", function() {
list: [], list: [],
loading: false, loading: false,
finished: false, finished: false,
findQuestion: '', page: 0,
showPopup4findQuestion: false, size: 10,
columns4findQuestion: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'], total: 0,
companyName: '',
curVerifyStatus: '',
curVerifyStatusVal: '',
showPopup4verifyStatus: false,
verifyStatusList: [{
name: "待审核",
value: 3,
},
{
name: "审核已通过",
value: 1,
},
{
name: "审核未通过",
value: 2,
},
],
} }
}, },
mounted() { mounted() {
this.getList() this.getList()
}, },
methods: { methods: {
onConfirm4findQuestion(value, index) { resetSearchForm(){
this.findQuestion = value; this.page = 0
this.showPopup4findQuestion = false; this.size = 20
this.total = 0
this.list = []
this.finished = false;
}, },
nav(item){ showPopup(popupType){
location.href='./yh-list.html' this[popupType] = true
}, },
add(){ onConfirm4verifyStatus(item){
location.href='./yh-list-detail.html' this.showPopup4verifyStatus = false
this.resetSearchForm()
this.curVerifyStatus = item.name
this.curVerifyStatusVal = item.value
this.getList()
}, },
getList(){ onClear() {
console.log('到底了，开始加载。。。。') this.resetSearchForm()
for (let i = 0; i < 10; i++) { this.getList()
this.list.push(this.list.length + 1); },
} onSearch(val) {
console.log(this.list) 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;
// // 数据全部加载完成 console.log('响应结果', res.content)
if (this.list.length >= 40) { this.list.push(...res.content);
this.finished = true; 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