Skip to content

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

样式提取 隐患审核

parent 887835ab
Hide whitespace changes
Inline Side-by-side
Showing with 167 additions and 36 deletions
css/common.css
View file @ 0debbbfd
[v-cloak]{ [v-cloak] {
display: none; display: none;
}
/* 基础工具样式类 */
.pd-01rem {
padding-bottom: 0.1rem;
}
.searchfuntionBtnWrapper {
display: flex;
background-color: #fff;
justify-content: flex-end;
padding-right: 0.4rem;
padding-top: 0.3rem;
}
/* 列表相关 */
.list-item-wrapper {
box-shadow: 0.03rem 0.03rem 0.03rem #eee, -0.03rem -0.03rem 0.015rem #eee;
border-radius: 0.15rem;
overflow: hidden;
padding-left: 0.5rem;
}
.list-content-fz {
font-size: 0.4rem;
}
.list-status-tag {
position: absolute;
top: 0;
right: 0.2rem;
}
.list-function-btn-wrapper {
display: flex;
justify-content: flex-end;
padding-right: 0.02rem;
} }
\ No newline at end of file
views/yh-list.html
View file @ 0debbbfd
...@@ -8,37 +8,6 @@ ...@@ -8,37 +8,6 @@
<title>隐患-列表</title> <title>隐患-列表</title>
<script type="text/javascript" src="../js/includeHead.js"></script> <script type="text/javascript" src="../js/includeHead.js"></script>
<style> <style>
.bgImg {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAATBJREFUWEdjZBhgwDjA9jMMPgf49b6vZ/j/v4GSkPn3/6/jllLRA8SYgRECMAcYKnC8IMYAdDXnH/yQoIoDcjwESbb/ybvfDBtOfWEYdQDVQgAUpKfv/ECJClMVDjAflzgoCv4zMOBMgIyMjAc2FQs2wgzFmQhBaYDaDmBkYHBgYGRsINoBpKZCQonQr+fd/1EHkBQCoCAlFSCXA7497/aD9G8uEXIE0SRHASxOkR0RYMYD5oIswiUOy4ZUccCzd39RLJISYgbzcYlTNQRIDX70XEBxCAx5B6B7gKxESE5RTNVEiC+10zwXDPk0MJoLKM4FlKaBoeMAcFMcGfz/32CsxPGe1BAAqT9774cgqMrFqhfU30CSA7WMwE0yanRGSHYstGk2+LpmJPuEQg0DHgIApKUsP22DHJIAAAAASUVORK5CYII=');
background-repeat: no-repeat;
padding-left: 0.6rem;
height: 0.5rem;
line-height: 0.5rem;
background-size: contain;
font-size: 0.6rem;
}
.list-content-fz{
font-size: 0.4rem;
}
.itemWrapper{
box-shadow: 0.03rem 0.03rem 0.03rem #eee, -0.03rem -0.03rem 0.015rem #eee;
border-radius: 0.15rem;
overflow: hidden;
padding-left: 0.5rem;
}
.funtionBtnWrapper{
display: flex;
background-color: #fff;
justify-content: flex-end;
padding-right: 0.4rem;
padding-top: 0.3rem;
}
.pd-01rem{
padding-bottom: 0.1rem;
}
/** /**
* 框架样式覆盖修改 * 框架样式覆盖修改
*/ */
...@@ -48,13 +17,13 @@ ...@@ -48,13 +17,13 @@
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div class="funtionBtnWrapper"> <div class="searchfuntionBtnWrapper">
<van-button type="info" size="small" @click="add">新增</van-button> <van-button type="info" size="small" @click="add">新增</van-button>
</div> </div>
<div class="content" v-cloak> <div class="content" v-cloak>
<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList"> <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="itemWrapper" > <div class="list-item-wrapper" >
<p class=""> <p class="">
<span id=""> <span id="">
隐患描述 {{item==1}} 隐患描述 {{item==1}}
...@@ -72,7 +41,7 @@ ...@@ -72,7 +41,7 @@
<p class="list-content-fz" v-if="item==4"> <p class="list-content-fz" v-if="item==4">
<van-tag type="danger">审核未通过</van-tag> <van-tag type="danger">审核未通过</van-tag>
</p> --> </p> -->
<div class="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="info" size="mini">编辑</van-button> <van-button type="info" size="mini">编辑</van-button>
<van-button type="info" size="mini">删除</van-button> <van-button type="info" size="mini">删除</van-button>
......
views/yh-verify.html 0 → 100644
View file @ 0debbbfd
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover">
<title>隐患-列表</title>
<script type="text/javascript" src="../js/includeHead.js"></script>
<style>
/**
* 框架样式覆盖修改
*/
.van-cell__value{overflow: unset; }
.van-cell:after{border-bottom:none;}
</style>
</head>
<body>
<div id="app">
<div class="searchWrapper">
<van-search v-model="value" placeholder="请输入搜索关键词" />
</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-cell v-for="item in list" :key="item">
<div class="list-item-wrapper" >
<p class="">
<span>企业名称：</span>
<span id="">威海晶合矿业有限公司{{item}}</span>
</p>
<p class="">
<span>检查人员：</span>
<span id="">李先生{{item}}</span>
</p>
<p class="">
<span>发现问题：</span>
<span id="">门把手坏了</span>
</p>
<p class="list-status-tag">
<van-tag type="warning" size="mini">审核未通过</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>
<!-- div>img+div>h2+span+span
</div>
</body>
</html>
\ No newline at end of file
views/yh-verify.js 0 → 100644
View file @ 0debbbfd
/**
* author: dabao
*/
window.addEventListener("load", function() {
var VUE = new Vue({
el: '#app',
data() {
return {
value: '',
list: [],
loading: false,
finished: false,
findQuestion: '',
showPopup4findQuestion: false,
columns4findQuestion: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],
}
},
mounted() {
this.getList()
},
methods: {
onConfirm4findQuestion(value, index) {
this.findQuestion = value;
this.showPopup4findQuestion = false;
},
nav(item){
location.href='./yh-list.html'
},
add(){
location.href='./yh-list-detail.html'
},
getList(){
console.log('到底了，开始加载。。。。')
for (let i = 0; i < 10; i++) {
this.list.push(this.list.length + 1);
}
console.log(this.list)
// 加载状态结束
this.loading = false;
// // 数据全部加载完成
if (this.list.length >= 40) {
this.finished = true;
}
}
},
});
});
\ No newline at end of file
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