Skip to content

G
GaoQuYingJiH5-ASD
Commit 163efa62 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

add:test

parent b101ed24
Hide whitespace changes
Inline Side-by-side
Showing with 563 additions and 2 deletions
sdk/includeHead.js
View file @ 163efa62
......@@ -20,8 +20,8 @@ document.write('<script type="text/javascript" src="https://isdapp.shandong.gov.
<script type="text/javascript" src="' + contextPath + '/sdk/jssdk2/sm2/build/SM.js"></script>');
// 移动端 debugger 调试
// document.write('<script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.js"></script>\
// <script>eruda.init();</script>');
document.write('<script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.js"></script>\
<script>eruda.init();</script>');
/**
* 项目业务相关 js
......
src/_shanghu.html 0 → 100644
View file @ 163efa62
<!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="../sdk/includeHead.js"></script>
<style>
.wrapper {
padding: 0.2rem;
background-color: #fff;
}
.header {}
.header .title {
font-weight: 500;
font-size: 0.32rem;
color: #000000;
display: flex;
justify-content: start;
align-items: center;
gap: 0.2rem;
padding: 0.3rem 0.3rem;
}
.detail {
width: 6.88rem;
height: 1.88rem;
background: #F5F6FA;
border-radius: 0.01rem;
padding-left: 0.2rem;
margin-bottom: 0.2rem;
}
.detail span {
font-family: PingFang SC;
font-weight: 500;
font-size: 0.28rem;
color: #737373;
}
.func_btn {
width: 6.9rem;
height: 0.9rem;
background: #1081E3;
border-radius: 0.1rem;
font-family: PingFang SC;
font-weight: 500;
font-size: 0.3rem;
color: #FFFFFF;
margin: 0 auto;
border-width: 0;
}
.tag {
display: inline-block;
width: 0.9rem;
height: 0.42rem;
line-height: 0.42rem;
text-align: center;
background: #00B55E;
border-radius: 21px;
font-weight: 500;
font-size: 0.28rem;
color: #FFFFFF;
}
/* 添加以下样式 */
.van-tabs__line {
background-color: #1989fa;
}
.blue-text {
color: #1989fa;
font-weight: 500;
}
.van-list {
background: #fff;
border-radius: 8px;
margin: 0 0.1rem;
}
.van-cell {
padding: 12px 16px;
}
.van-tab__text {
font-weight: bold;
font-size: 0.3rem;
}
.van-tab--active {
color: #1081E3;
}
.van-field__label {
font-weight: bold;
}
.van-field__control {
color: #737373;
}
</style>
</head>
<body>
<div id="app">
<div class="wrapper">
<!-- 商户头部信息 -->
<div class="header">
<!-- <div class="level">安全等级</div> -->
<div class="title"><img src="https://dummyimage.com/52x52" alt=""><span>威海市宝威酒店有限公司</span><span
class="tag">绿</span>
</div>
<div class="detail">
<div><span>场所类型: 小餐饮</span> </div>
<div><span>自查数:15 </span>
<span>检查数:75</span><span>隐患数:95</span><span>未整改:21: 小餐饮</span>
</div>
<div><span>山东省威海市环翠区和谐街35-6</span>
</div>
</div>
</div>
<!-- 功能 -->
<button type="info" class="func_btn">+安全检查</button>
<!-- Tab栏 -->
<van-tabs v-model:active="activeTab" title-active-color="#1989fa" line-height="2px"
style="margin-bottom: 15px;">
<van-tab title="基本信息"></van-tab>
<van-tab title="检查记录"></van-tab>
<van-tab title="隐患记录"></van-tab>
<van-tab title="整改记录"></van-tab>
</van-tabs>
<!-- 内容区 -->
<div v-show="activeTab === 0">
<!-- 表单内容 -->
<van-cell-group inset>
<van-cell-group>
<van-field label="商家名称" v-model="formData.principal" placeholder="请输入负责人姓名" />
</van-cell-group>
<van-cell-group>
<van-field label="负责人" v-model="formData.phone" type="tel" placeholder="请输入联系方式" />
</van-cell-group>
<van-cell-group>
<van-field label="电话" v-model="formData.area" type="number" placeholder="请输入面积（㎡）" />
</van-cell-group>
<van-cell-group>
<van-field label="地址" v-model="formData.businessHours" placeholder="请选择时间" readonly
@click="showTimePicker = true" />
</van-cell-group>
<van-cell-group>
<van-field label="场所类型" v-model="formData.type" placeholder="请选择场所类型" readonly clickable
@click="showTypePicker = true" />
</van-cell-group>
<van-popup v-model:show="showTypePicker" position="bottom">
<van-picker show-toolbar :columns="typeOptions" @confirm="onConfirmType"
@cancel="showTypePicker = false" />
</van-popup>
<van-popup v-model:show="showTimePicker" position="bottom">
<van-datetime-picker type="time" @confirm="onConfirmTime" />
</van-popup>
</van-cell-group>
</div>
<div v-show="activeTab === 1">
<!-- 检查记录列表 -->
<van-list>
<van-cell v-for="item in checkList" :key="item.id" :title="`检查日期：${item.date}`"
:value="`结果：${item.result}`" value-class="blue-text" />
</van-list>
</div>
</div>
<script>
// 在原有Vue实例中添加
new Vue({
el: '#app',
data() {
return {
activeTab: 0,
showTimePicker: false,
// 新增以下数据
showTypePicker: false,
typeOptions: ['小餐饮', '酒店', '商场', '学校', '医疗机构'],
formData: {
principal: '',
phone: '',
area: '',
businessHours: '',
type: '', // 新增类型字段
},
checkList: [
{ id: 1, date: '2024-03-15', result: '合格' },
{ id: 2, date: '2024-03-14', result: '不合格' }
]
}
},
methods: {
// 新增选择确认方法
onConfirmType(value) {
this.formData.type = value;
this.showTypePicker = false;
},
onConfirmTime(time) {
this.formData.businessHours = time;
this.showTimePicker = false;
}
}
});
</script>
</body>
</html>
\ No newline at end of file
src/test/_apiTest.html 0 → 100644
View file @ 163efa62
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<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="../sdk/includeHead.js"></script>
</head>
<head>
<style>
html,
body {
background-color: #fff;
}
.pd-01rem {
padding-bottom: 0.1rem;
}
/* 表单相关 */
.formValue {
float: right;
}
.formSubmitBtnWrapper {
display: flex;
justify-content: center;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
}
.formSubmitBtnWrapper .van-button {
width: 4rem;
}
/**
* 框架样式覆盖修改
*/
.van-cell__value {
overflow: unset;
}
.van-cell:after {
border-bottom: none;
}
.van-radio-group--horizontal {
float: right;
}
.checklist-container {
padding: 12px;
background: #f7f8fa;
}
.check-item {
margin-bottom: 16px;
padding: 12px;
background: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.item-header {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.item-number {
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
background: #1989fa;
color: white;
border-radius: 50%;
margin-right: 12px;
}
.expand-section {
margin-top: 12px;
border: 2px solid #000;
}
.sub-checkbox-group {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
margin: 8px 0;
}
.uploader-wrapper {
--van-uploader-size: 80px;
}
.deadline-picker {
display: flex;
gap: 12px;
margin: 12px 0;
}
</style>
</head>
<body>
<div id="app" style="display: flex; justify-content: center;align-items: center;height: 100vh;">
<van-button type="primary" size="small" @click="scan">扫一扫</van-button>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2/lib/vant.min.js"></script>
<script>
new Vue({
el: '#app',
data: {
},
watch: {
},
methods: {
scan() {
lightAppJssdk.device.scan({
success: function (data) {
// 获取到data为二维码的url路径，从这里取请求参数，商户id，在下面跳转本地系统路径
alert('扫码成功'+JSON.stringify(data))
// location.href = '../index.html'
//成功回调
}, fail: function (data) {
//错误返回
alert('扫码失败')
}
});
},
}
})
</script>
</body>
</html>
\ No newline at end of file
src/test/apiTest.html 0 → 100644
View file @ 163efa62
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<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="../sdk/includeHead.js"></script>
</head>
<head>
<style>
html,
body {
background-color: #fff;
}
</style>
</head>
<body>
<div id="app">
<van-button type="primary" size="small" @click="scan">扫一扫</van-button>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2/lib/vant.min.js"></script>
<script>
new Vue({
el: '#app',
data: {
},
watch: {
},
methods: {
scan() {
lightAppJssdk.device.scan({
success: function (data) {
alert('扫码成功')
//成功回调
}, fail: function (data) {
//错误返回
alert('扫码失败')
}
});
},
}
})
</script>
</body>
</html>
\ No newline at end of file
src/test/home.html 0 → 100644
View file @ 163efa62
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>商家管理</title>
<!-- 引入Vant CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2/lib/index.css">
</head>
<body>
<div id="app">
<!-- 第一部分：商家信息 -->
<van-cell>
<div style="display: flex;">
<div>
<van-image
round
width="60"
height="60"
src="https://p26-passport.byteacctimg.com/img/user-avatar/644be5ae65fa071efb97f8980510d509~128x128.image"
/>
</div>
<div style="margin-left: 15px;">
<div style="font-size: 16px; font-weight: bold;">商家名称</div>
<div style="font-size: 14px; color: #666; margin-top: 5px;">场所类型</div>
<div style="font-size: 12px; color: #999; margin-top: 5px;">详细地址</div>
</div>
</div>
</van-cell>
<!-- 第二部分：统计模块 -->
<van-cell-group title="数据统计">
<van-field
readonly
clickable
label="选择日期"
:value="date"
placeholder="请选择日期"
@click="showDatePicker = true"
/>
<van-popup v-model:show="showDatePicker" position="bottom">
<van-datetime-picker
type="date"
@confirm="onConfirmDate"
@cancel="showDatePicker = false"
/>
</van-popup>
<van-grid :column-num="2" :border="false">
<van-grid-item text="检查总数" :value="statistics.total" />
<van-grid-item text="合格数" :value="statistics.pass" />
<van-grid-item text="不合格数" :value="statistics.fail" />
<van-grid-item text="整改数" :value="statistics.fix" />
</van-grid>
</van-cell-group>
<!-- 第三部分：安全监督功能按钮 -->
<van-button type="info" block style="margin: 15px;">安全检查</van-button>
</div>
<!-- 引入Vue和Vant -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2/lib/vant.min.js"></script>
<script>
new Vue({
el: '#app',
data() {
return {
showDatePicker: false,
date: '',
statistics: {
total: 100,
pass: 80,
fail: 15,
fix: 5
}
}
},
methods: {
onConfirmDate(date) {
this.date = date;
this.showDatePicker = false;
}
}
});
</script>
</body>
</html>
\ No newline at end of file
src/test/shanghu.html 0 → 100644
View file @ 163efa62
<!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="../../sdk/includeHead.js"></script>
<style>
.func_btn {
width: 6.9rem;
height: 0.9rem;
background: #1081E3;
border-radius: 0.1rem;
font-family: PingFang SC;
font-weight: 500;
font-size: 30rpx;
color: #FFFFFF;
line-height: 41rpx;
}
</style>
</head>
<body>
<div id="app">
<div class="wrapper">
<!-- 商户头部信息 -->
<div class="header">
<div class="level"></div>
<div class="title"><img src="https://dummyimage.com/52x52" alt=""><span>威海市宝威酒店有限公司</span><span>绿</span></div>
</div>
<!-- 功能 -->
<button type="info" class="func_btn">安全检查</button>
</div>
</body>
</html>
\ 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