Skip to content

李宁 / Activity

Go to a project
Commit 24cf8c1f by 李宁
Options

淮安和个税项目代码提交

1 parent b5797ba8
Expand all
Inline Side-by-side
Showing 63 changed files with 1482 additions and 0 deletions
geShui/common.css 0 → 100644
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
background-color: #f5f5f5;
color: #333;
line-height: 1.6;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 16px;
}
.tabs {
display: flex;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 20px;
}
.tab {
flex: 1;
text-align: center;
padding: 12px;
color: #666;
cursor: pointer;
position: relative;
font-size: 16px;
}
.tab.active {
color: #1890ff;
font-weight: bold;
}
.tab.active::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 2px;
background-color: #1890ff;
}
.tab-content {
background: #fff;
border-radius: 8px;
padding: 16px;
margin-bottom: 16px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.description {
font-size: 14px;
color: #666;
margin-bottom: 16px;
}
.form-group {
margin-bottom: 16px;
}
.form-group label {
display: block;
margin-bottom: 8px;
color: #333;
}
.form-group label.required::after {
content: '*';
color: #ff4d4f;
margin-left: 4px;
}
input {
width: 100%;
padding: 8px 12px;
border: 1px solid #d9d9d9;
border-radius: 4px;
font-size: 14px;
background-color: white;
}
input::placeholder {
color: #bbb;
}
.add-month {
width: 100%;
padding: 4px 16px 32px 16px;
border: none;
border-radius: 4px;
background: none;
color: #1890ff;
cursor: pointer;
}
.calculate-btn {
width: 100%;
padding: 12px;
background-color: #1890ff;
color: white;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
}
.month-item {
background: #f9f9f9;
padding: 16px;
border-radius: 4px;
margin-bottom: 12px;
}
.month-item .header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.month-item .header span{
background: #dbebf9;
padding: 2px 6px;
font-size: 12px;
border-radius: 4px;
color: #1890ff;
}
.delete-month {
color: #ff4d4f;
background: none;
border: none;
cursor: pointer;
}
.result-section {
margin-top: 20px;
background: #eef5ff;
border-radius: 8px;
}
.result-title {
font-size: 14px;
color: #333;
margin-bottom: 16px;
}
.result-item {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
font-size: 14px;
color: #666;
}
.result-item .right{
color: #222222;
}
.result-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
background: white;
border-radius: 4px;
overflow: hidden;
}
.result-table th,
.result-table td {
padding: 5px;
text-align: center;
border: 1px solid #f0f0f0;
font-size: 12px;
}
.result-table th {
background: #f5f7fa;
color: #333;
font-weight: normal;
min-width: 80px;
}
.result-table td {
color: #666;
word-break: keep-all
}
\ No newline at end of file \ No newline at end of file
geShui/css/code.css 0 → 100644
html #layuicss-skincodecss {
display: none;
position: absolute;
width: 1989px
}
.layui-code-h3,.layui-code-view {
position: relative;
font-size: 12px
}
.layui-code-view {
display: block;
margin: 10px 0;
padding: 0;
border: 1px solid #eee;
border-left-width: 6px;
background-color: #FAFAFA;
color: #333;
font-family: Courier New
}
.layui-code-h3 {
padding: 0 10px;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #eee
}
.layui-code-h3 a {
position: absolute;
right: 10px;
top: 0;
color: #999
}
.layui-code-view .layui-code-ol {
position: relative;
overflow: auto
}
.layui-code-view .layui-code-ol li {
position: relative;
margin-left: 45px;
line-height: 20px;
padding: 0 10px;
border-left: 1px solid #e2e2e2;
list-style-type: decimal-leading-zero;
*list-style-type: decimal;
background-color: #fff
}
.layui-code-view .layui-code-ol li:first-child {
padding-top: 10px
}
.layui-code-view .layui-code-ol li:last-child {
padding-bottom: 10px
}
.layui-code-view pre {
margin: 0
}
.layui-code-notepad {
border: 1px solid #0C0C0C;
border-left-color: #3F3F3F;
background-color: #0C0C0C;
color: #C2BE9E
}
.layui-code-notepad .layui-code-h3 {
border-bottom: none
}
.layui-code-notepad .layui-code-ol li {
background-color: #3F3F3F;
border-left: none
}
.layui-code-demo .layui-code {
visibility: visible!important;
margin: -15px;
border-top: none;
border-right: none;
border-bottom: none
}
.layui-code-demo .layui-tab-content {
padding: 15px;
border-top: none
}
geShui/css/laydate.css 0 → 100644
.laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list {
box-sizing: border-box
}
html #layuicss-laydate {
display: none;
position: absolute;
width: 1989px
}
.layui-laydate * {
margin: 0;
padding: 0
}
.layui-laydate {
position: absolute;
z-index: 66666666;
margin: 5px 0;
border-radius: 2px;
font-size: 14px;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: laydate-downbit
}
.layui-laydate-main {
width: 272px
}
.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li {
transition-duration: .3s;
-webkit-transition-duration: .3s
}
@keyframes laydate-downbit {
0% {
opacity: .3;
transform: translate3d(0,-5px,0)
}
100% {
opacity: 1;
transform: translate3d(0,0,0)
}
}
.layui-laydate-static {
position: relative;
z-index: 0;
display: inline-block;
margin: 0;
-webkit-animation: none;
animation: none
}
.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m {
display: none!important
}
.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y {
display: inline-block!important
}
.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month] {
display: none!important
}
.layui-laydate-header {
position: relative;
line-height: 30px;
padding: 10px 70px 5px
}
.layui-laydate-header * {
display: inline-block;
vertical-align: bottom
}
.layui-laydate-header i {
position: absolute;
top: 10px;
padding: 0 5px;
color: #999;
font-size: 18px;
cursor: pointer
}
.layui-laydate-header i.laydate-prev-y {
left: 15px
}
.layui-laydate-header i.laydate-prev-m {
left: 45px
}
.layui-laydate-header i.laydate-next-y {
right: 15px
}
.layui-laydate-header i.laydate-next-m {
right: 45px
}
.laydate-set-ym {
width: 100%;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.laydate-set-ym span {
padding: 0 10px;
cursor: pointer
}
.laydate-time-text {
cursor: default!important
}
.layui-laydate-content {
position: relative;
padding: 10px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none
}
.layui-laydate-content table {
border-collapse: collapse;
border-spacing: 0
}
.layui-laydate-content td,.layui-laydate-content th {
width: 36px;
height: 30px;
padding: 5px;
text-align: center
}
.layui-laydate-content td {
position: relative;
cursor: pointer
}
.laydate-day-mark {
position: absolute;
left: 0;
top: 0;
width: 100%;
line-height: 30px;
font-size: 12px;
overflow: hidden
}
.laydate-day-mark::after {
position: absolute;
content: '';
right: 2px;
top: 2px;
width: 5px;
height: 5px;
border-radius: 50%
}
.layui-laydate-footer {
position: relative;
height: 46px;
line-height: 26px;
padding: 10px
}
.layui-laydate-footer span {
display: inline-block;
vertical-align: top;
height: 26px;
line-height: 24px;
padding: 0 10px;
border: 1px solid #C9C9C9;
border-radius: 2px;
background-color: #fff;
font-size: 12px;
cursor: pointer;
white-space: nowrap;
transition: all .3s
}
.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main {
display: inline-block;
vertical-align: middle
}
.layui-laydate-footer span:hover {
color: #1890ff
}
.layui-laydate-footer span.layui-laydate-preview {
cursor: default;
border-color: transparent!important
}
.layui-laydate-footer span.layui-laydate-preview:hover {
color: #666
}
.layui-laydate-footer span:first-child.layui-laydate-preview {
padding-left: 0
}
.laydate-footer-btns {
position: absolute;
right: 10px;
top: 10px
}
.laydate-footer-btns span {
margin: 0 0 0 -1px
}
.layui-laydate-list {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 10px;
background-color: #fff
}
.layui-laydate-list>li {
position: relative;
width: 33.3%;
height: 36px;
line-height: 36px;
margin: 3px 0;
text-align: center;
cursor: pointer
}
.laydate-month-list>li {
width: 25%;
margin: 17px 0
}
.laydate-time-list>li {
height: 100%;
margin: 0;
line-height: normal;
cursor: default
}
.laydate-time-list p {
position: relative;
top: -4px;
line-height: 29px
}
.laydate-time-list ol {
height: 181px;
overflow: hidden
}
.laydate-time-list>li:hover ol {
overflow-y: auto
}
.laydate-time-list ol li {
width: 130%;
padding-left: 33px;
height: 30px;
line-height: 30px;
text-align: left;
cursor: pointer
}
.layui-laydate-hint {
position: absolute;
top: 115px;
left: 50%;
width: 250px;
margin-left: -125px;
line-height: 20px;
padding: 15px;
text-align: center;
font-size: 12px
}
.layui-laydate-range {
width: 546px
}
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content,.layui-laydate-range .laydate-main-list-1 .layui-laydate-header {
border-left: 1px solid #e2e2e2
}
.layui-laydate,.layui-laydate-hint {
border: 1px solid #d2d2d2;
box-shadow: 0 2px 4px rgba(0,0,0,.12);
background-color: #fff;
color: #666
}
.layui-laydate-header {
border-bottom: 1px solid #e2e2e2
}
.layui-laydate-header i:hover,.layui-laydate-header span:hover {
color: #1890ff
}
.layui-laydate-content {
border-top: none 0;
border-bottom: none 0
}
.layui-laydate-content th {
font-weight: 400;
color: #333
}
.layui-laydate-content td {
color: #666
}
.layui-laydate-content td.laydate-selected {
background-color: #B5FFF8
}
.laydate-selected:hover {
background-color: #00F7DE!important
}
.layui-laydate-content td:hover,.layui-laydate-list li:hover {
background-color: #eee;
color: #333
}
.laydate-time-list li ol {
margin: 0;
padding: 0;
border: 1px solid #e2e2e2;
border-left-width: 0
}
.laydate-time-list li:first-child ol {
border-left-width: 1px
}
.laydate-time-list>li:hover {
background: 0 0
}
.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev {
color: #d2d2d2
}
.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev {
background-color: #f8f8f8!important
}
.layui-laydate-footer {
border-top: 1px solid #e2e2e2
}
.layui-laydate-hint {
color: #FF5722
}
.laydate-day-mark::after {
background-color: #1890ff
}
.layui-laydate-content td.layui-this .laydate-day-mark::after {
display: none
}
.layui-laydate-footer span[lay-type=date] {
color: #1890ff
}
.layui-laydate .layui-this {
background-color: #1890ff!important;
color: #fff!important
}
.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover {
background: 0 0!important;
color: #d2d2d2!important;
cursor: not-allowed!important;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none
}
.laydate-theme-molv {
border: none
}
.laydate-theme-molv.layui-laydate-range {
width: 548px
}
.laydate-theme-molv .layui-laydate-main {
width: 274px
}
.laydate-theme-molv .layui-laydate-header {
border: none;
background-color: #1890ff
}
.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span {
color: #f6f6f6
}
.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover {
color: #fff
}
.laydate-theme-molv .layui-laydate-content {
border: 1px solid #e2e2e2;
border-top: none;
border-bottom: none
}
.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
border-left: none
}
.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer {
border: 1px solid #e2e2e2
}
.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover {
background-color: #f2f2f2!important;
color: #1890ff!important
}
.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev {
color: #d2d2d2!important
}
.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list {
margin: 1px 0 0 1px
}
.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li {
margin: 0 -1px -1px 0
}
.laydate-theme-grid .laydate-year-list>li {
height: 43px;
line-height: 43px
}
.laydate-theme-grid .laydate-month-list>li {
height: 71px;
line-height: 71px
}
geShui/iconfont.woff2 0 → 100644
No preview for this file type
geShui/index.html 0 → 100644
<!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>
<link rel="stylesheet" href="layui.css">
<link rel="stylesheet" href="common.css">
</head>
<body>
<div class="container">
<div class="tabs">
<div class="tab active" id="averageTab">按月均收入测算</div>
<div class="tab" id="monthlyTab">按月累计收入测算</div>
</div>
<div id="monthlyContent" class="tab-content" style="display: none;">
<div class="description">适用于每月收入不同或收入月份不连续的情况，填写时请通过"添加单月收入数据"增加新的月度收入</div>
<div id="monthlyForm">
<div class="month-item">
<div class="header">
<span>第1个月</span>
</div>
<div class="form-group">
<label class="required">月份</label>
<input type="text" id="layui01" class="layui-input" placeholder="请选择月份" readonly>
</div>
<div class="form-group">
<label class="required">收入(元)</label>
<input class="onlyIncome" type="number" placeholder="请填写">
</div>
</div>
</div>
<button class="add-month" id="addMonthlyIncome">+ 添加单月收入数据</button>
<button class="calculate-btn" id="monthlyCalculate">开始测算</button>
</div>
<div id="averageContent" class="tab-content">
<div class="description">适用于连续每个月收入金额一样的情况</div>
<div class="form-group">
<label class="required">月均收入(元)</label>
<input type="number" id="averageIncome" placeholder="请填写">
</div>
<div class="form-group">
<label class="required">连续收入月数</label>
<input type="number" id="monthCount" placeholder="请输入1-12内的连续月数" min="1" max="12">
</div>
<button class="calculate-btn" id="averageCalculate">开始测算</button>
</div>
<div id="one" class="result-section"></div>
<div id="two" class="result-section"></div>
</div>
<script src="layui.js"></script>
<script src="testMin.js?121212"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
geShui/layui.js 0 → 100644
This diff could not be displayed because it is too large.
huaian/addOrder.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>添加工单</title>
<link rel="stylesheet" href="css/vant.css"/>
<link rel="stylesheet" href="css/addOrder.css">
</head>
<body>
<div id="pageDiv" class="pageDiv">
<div class="infoTop">
<div class="status">{{info.address}}</div>
<div class="detail">
<div class="detli">
<div class="detL">装维ID</div>
<div>{{info.campaignId}}</div>
</div>
<div class="detli">
<div class="detL">业务账号</div>
<div>{{info.accNbr}}</div>
</div>
</div>
</div>
<div class="orderList">
<div class="orderli" v-for="(item,index) in orderArr">
<div class="ortil">添加工单{{index+1}}</div>
<div class="orcon">
<div class="orcli">
<div class="ortype">工单ID</div>
<input type="text" v-model="item.orderCode" placeholder="请输入">
</div>
<div class="orcli">
<div class="ortype">工单类型</div>
<div class="chose" @click="pickShow('',index)">
<div :class="{black:item.serviceName}">{{item.serviceName||'请选择'}}</div>
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/right.png" alt="">
</div>
</div>
<div class="orcli">
<div class="ortype">添加设备</div>
<div class="chose" @click="pickShow('device',index)">
<div :class="{black:item.terminalClass}">{{item.terminalClass||'请选择'}}</div>
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/right.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="addDiv" @click="addOrder">
<img src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/add.png" alt="">
<div>添加工单</div>
</div>
<div class="botButt" @click="goSave">保存</div>
<div class="outAlert pickAlert" v-show="pickData.isShow">
<van-picker
show-toolbar
:title="pickData.title"
:columns="pickData.arr"
:default-index="pickData.dIndex"
@cancel="onCancel"
@confirm="onConfirm"
/>
</div>
<div class="outAlert" v-if="confirmFlag">
<div class="alertCon">
<div class="info">请确保工单号输入正确，否则会影响后续质检</div>
<div class="butt">
<div class="left" @click="confirmFlag=false">返回</div>
<div class="right" @click="saveOrder">确认并提交</div>
</div>
</div>
</div>
</div>
<script src="js/axios.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/vant.min.js"></script>
<script src="js/util.js?12312313"></script>
<script src="js/addOrder.js?12312312332"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
huaian/css/addOrder.css 0 → 100644
html{
font-size: calc(100vw/7.5) ;
}
html,body{
width: 100%;
min-height: 100%;
}
*{
margin: 0;
padding: 0;
}
div{
line-height: 1;
box-sizing: border-box;
}
.pageDiv{
width: 100%;
min-height: calc(100vh);
padding-top: .52rem;
background: #F7F8FA;
padding: .24rem;
padding-bottom: 1.2rem;
display: none;
}
.infoTop{
background: #fff;
border-radius: .08rem;
background: #FFF;
padding: .48rem .32rem;
padding-bottom: .2rem;
margin-bottom: .2rem;
}
.infoTop .status{
color: #333;
font-weight: bold;
font-size: .4rem;
margin-bottom: .32rem;
line-height: .52rem;
}
.infoTop .detail .detli{
display: flex;
color: #333;
font-size: .32rem;
margin-bottom: .28rem;
}
.infoTop .detail .detli .detL{
color: #666;
margin-right: .4rem;
}
.orderList .orderli{
margin-bottom: .2rem;
border-radius: 4px;
background: #FFF;
}
.orderList .orderli .ortil{
color: #333;
font-size: .34rem;
font-weight: 500;
padding: .32rem;
width: 6.7rem;
}
.orderList .orderli .orcon{
padding: 0 .16rem;
}
.orderList .orderli .orcon .orcli{
display: flex;
color: #333;
padding: .32rem .16rem;
font-size: .32rem;
border-top: 1px solid #F6F6F6;
}
.orderList .orderli .orcon .orcli .ortype{
color: #666;
margin-right: .4rem;
flex-shrink: 0;
width: 1.28rem;
}
.orderList .orderli .orcon .orcli input{
border: none;
outline-style: none;
}
.orderList .orderli .orcon .orcli input::placeholder{
color: #999;
font-size: .32rem;
}
.orderList .orderli .orcon .orcli .chose{
display: flex;
color: #999;
justify-content: space-between;
flex-grow: 1;
align-items: center;
}
.orderList .orderli .orcon .orcli .chose img{
width: .32rem;
height: .32rem;
}
.orderList .orderli .orcon .orcli .chose .black{
color: #333;
}
.addDiv{
display: flex;
align-items: center;
justify-content: center;
border-radius: .08rem;
border: 1px dashed #568FFE;
background: #FFF;
height: .88rem;
color: #568FFE;
font-size: .34rem;
font-weight: 500;
}
.addDiv img{
width: .32rem;
height: .32rem;
margin-right: .08rem;
}
.botButt{
position: fixed;
width: 7.02rem;
height: .88rem;
line-height: .88rem;
text-align: center;
color: #fff;
border-radius: .08rem;
background: #568FFE;
font-weight: 500;
font-size: .34rem;
left: .24rem;
z-index: 9;
bottom: 0;
}
.outAlert{
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.70);
z-index: 99;
}
.outAlert .alertCon{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
border-radius: .2rem;
width: 5.6rem;
}
.outAlert .alertCon .info{
color: #333;
font-size: .32rem;
text-align: center;
padding: .4rem;
padding-top: .56rem;
border-bottom: 1px solid #F6F6F6;
line-height: 1.5;
}
.outAlert .alertCon .butt{
display: flex;
color: #999;
font-size: .34rem;
}
.outAlert .alertCon .butt div{
width: 50%;
text-align: center;
height: .98rem;
line-height: .98rem;
}
.outAlert .alertCon .butt .right{
color: #568FFE;
border-left: 1px solid #F6F6F6;
}
.pickAlert{
display: flex;
align-items: flex-end;
}
.pickAlert .van-picker{
width: 100%;
}
.pickAlert .van-picker__title{
line-height: 44px;
}
\ No newline at end of file \ No newline at end of file
huaian/css/result.css 0 → 100644
html{
font-size: calc(100vw/7.5) ;
}
html,body{
width: 100%;
height: 100%;
}
*{
margin: 0;
padding: 0;
}
div{
line-height: 1;
box-sizing: border-box;
}
.pageDiv{
width: 100%;
height: 100%;
padding-top: .52rem;
background: #F7F8FA;
padding: .24rem;
padding-bottom: 1.2rem;
display: none;
}
.infoTop{
background: #fff;
border-radius: .08rem;
background: #FFF;
padding: .48rem .32rem;
margin-bottom: .48rem;
padding-top: .8rem;
}
.infoTop .icon{
width: 1.28rem;
height: 1.28rem;
display: block;
margin: auto;
}
.infoTop .status{
color: #333;
font-weight: bold;
font-size: .4rem;
margin-bottom: .8rem;
text-align: center;
margin-top: .32rem;
}
.infoTop .detail .detli{
display: flex;
color: #333;
font-size: .32rem;
margin-bottom: .28rem;
justify-content: space-between;
}
.infoTop .detail .detli .detL{
color: #666;
margin-right: .4rem;
width: 1.5rem;
flex-shrink: 0;
}
.infoTop .detail .detli .detR{
text-align: right;
line-height: 1.2;
}
.botButt{
width: 3.38rem;
height: .88rem;
line-height: .88rem;
text-align: center;
color: #fff;
border-radius: .08rem;
background: #568FFE;
font-weight: 500;
font-size: .34rem;
z-index: 9;
margin: auto;
}
\ No newline at end of file \ No newline at end of file
huaian/css/vant.css 0 → 100644
This diff could not be displayed because it is too large.
huaian/img/loading.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1745820752112" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2173" width="256" height="256" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M515.5 979.9c-19.33 0-35-15.67-35-35V782.8c0-19.33 15.67-35 35-35s35 15.67 35 35v162.1c0 19.33-15.67 35-35 35zM515.5 294c-19.33 0-35-15.67-35-35V96.9c0-19.33 15.67-35 35-35s35 15.67 35 35V259c0 19.33-15.67 35-35 35zM815.31 855.71c-8.96 0-17.91-3.42-24.75-10.25L675.94 730.84c-13.67-13.67-13.67-35.83 0-49.5 13.67-13.67 35.83-13.67 49.5 0l114.62 114.62c13.67 13.67 13.67 35.83 0 49.5a34.915 34.915 0 0 1-24.75 10.25zM330.31 370.71c-8.96 0-17.91-3.42-24.75-10.25L190.94 245.84c-13.67-13.67-13.67-35.83 0-49.5 13.67-13.67 35.83-13.67 49.5 0l114.62 114.62c13.67 13.67 13.67 35.83 0 49.5a34.915 34.915 0 0 1-24.75 10.25zM939.5 555.9H777.4c-19.33 0-35-15.67-35-35s15.67-35 35-35h162.1c19.33 0 35 15.67 35 35s-15.67 35-35 35zM253.6 555.9H91.5c-19.33 0-35-15.67-35-35s15.67-35 35-35h162.1c19.33 0 35 15.67 35 35s-15.67 35-35 35zM700.69 370.71c-8.96 0-17.91-3.42-24.75-10.25-13.67-13.67-13.67-35.83 0-49.5l114.62-114.62c13.67-13.67 35.83-13.67 49.5 0 13.67 13.67 13.67 35.83 0 49.5L725.44 360.46c-6.83 6.83-15.79 10.25-24.75 10.25zM215.69 855.71c-8.96 0-17.91-3.42-24.75-10.25-13.67-13.67-13.67-35.83 0-49.5l114.62-114.62c13.67-13.67 35.83-13.67 49.5 0s13.67 35.83 0 49.5L240.44 845.46a34.915 34.915 0 0 1-24.75 10.25z" p-id="2174" fill="#bfbfbf"></path></svg>
\ No newline at end of file \ No newline at end of file
huaian/js/AgoraRTC_N.js 0 → 100644
This diff could not be displayed because it is too large.
huaian/js/addOrder.js 0 → 100644
(function($$) {
"use strict";
let vm
const util = new window.publicMethod() ;
function init() {
vm = new Vue({
el: '#pageDiv',
data: {
info: {},
confirmFlag: false,
typeArr: [],
deviceArr: [],
pickData: {
isShow: false,
title: '',
typeIndex: 0,
deviceIndex: 0,
dIndex: 0,
ntype: '',
index: 0,
arr: []
},
orderArr: []
},
created: function() {
this.info = JSON.parse(sessionStorage.getItem('huaiAnAppParam'))
this.addOrder()
this.getType()
this.getDevice()
},
methods: {
onConfirm(value, index) {
let p = this.pickData
if(p.ntype == 'device'){
this.orderArr[this.pickData.index].terminalClass = value
}else{
this.orderArr[this.pickData.index].serviceName = value
}
this.pickData.isShow = false
},
onCancel(){
this.pickData.isShow = false
},
addOrder(){
this.orderArr.push({
orderCode: '',
serviceName: '',
terminalClass: '',
applyId: this.info.applyId
})
},
goSave(){
let arr = this.orderArr
for(let i=0,j=arr.length;i<j;i++){
let p = arr[i]
if(!p.orderCode){
util.toast('请输入工单'+(i+1)+'的工单ID')
return
}
if(p.orderCode.length<=21 || !/^[A-Za-z0-9_]+$/.test(p.orderCode) || !/\d/.test(p.orderCode) || !/_/.test(p.orderCode)){
util.toast('工单ID错误，请复制后直接在此处粘贴')
return
}
if(!p.serviceName){
util.toast('请选择工单'+(i+1)+'的工单类型')
return
}
if(!p.terminalClass){
util.toast('请选择工单'+(i+1)+'的添加设备')
return
}
}
this.confirmFlag = true
},
saveOrder(){
util.httpRequest({
url: '/addDevices',
data: {
data: this.orderArr
},
}).then(res=>{
if(res.code == 200){
util.toast('保存成功')
this.confirmFlag = false
history.go(-1)
//window.location.replace('index.html?time='+new Date().getTime())
}else{
util.toast(res.msg)
}
})
},
pickShow(ntype,index){
this.pickData.ntype = ntype
this.pickData.index = index
this.pickData.title = ntype=='device'?'添加设备':'工单类型'
this.pickData.arr = ntype=='device'?this.deviceArr:this.typeArr
this.pickData.isShow = true
},
getType(){
util.httpRequest({
url: '/listEnum',
public: true,
data: {
type: 1
},
}).then(res=>{
if(res.code == 200){
this.deviceArr = res.data.map(item=>{
return item.value
})
}
})
},
getDevice(){
util.httpRequest({
url: '/listEnum',
public: true,
data: {
type: 2
},
}).then(res=>{
if(res.code == 200){
this.typeArr = res.data.map(item=>{
return item.value
})
}
})
}
}
})
}
init()
window.vm = vm
})(window.jQuery)
window.addEventListener('load', function () {
document.getElementById('pageDiv').style.display = 'block'; // 显示内容
});
\ No newline at end of file \ No newline at end of file
huaian/js/result.js 0 → 100644
(function($$) {
"use strict";
let vm
function init() {
vm = new Vue({
el: '#pageDiv',
data: {
info: {}
},
created: function() {
this.info = JSON.parse(sessionStorage.getItem('huaiAnAppParam'))
},
methods: {
goBack(){
history.go(-1)
}
}
})
}
init()
window.vm = vm
})(window.jQuery)
window.addEventListener('load', function () {
document.getElementById('pageDiv').style.display = 'block'; // 显示内容
});
\ No newline at end of file \ No newline at end of file
huaian/js/util.js 0 → 100644
(function(){
'use strict';
let utils=function(){}
let blackId = ''
let origin = window.location.origin
if(origin.includes('localhost')>0 || origin=='null' || origin.includes('file:')>0){
origin = 'https://testznzl.lgyzpt.com'
}
utils.prototype={
/**
* 获取地址栏后边的参数
*/
getUrlParam:function(m) {
let reg = new RegExp('(^|&)' + m + '=([^&]*)(&|$)')
let r = window.location.href.split('?')
r = r.length === 1 ? null : r[1].match(reg)
if (r == null) return ''
return decodeURIComponent(r[2]).replace(/(#|wechat_redirect|\/[0-9a-zA-Z]*)*/g, '')
},
/**
* 判断设备是Android还是iPhone
*/
androidOrIphone: function () {
var system = window.navigator.userAgent.toLowerCase();
if (system.indexOf("iphone") >= 0 || system.indexOf("ipad") >= 0 || system.indexOf("mac") >= 0 || system.indexOf("ipod") >= 0) {
return false;
}
return true;
},
/**
* 黑框提示
*/
toast: function (str) {
if (document.getElementById("blackDiv")) {
document.getElementById("blackSpan").innerHTML = str;
} else {
var blackDiv = document.createElement("div");
blackDiv.id = "blackDiv";
blackDiv.className = "blackts";
blackDiv.style.position = "fixed";
blackDiv.style.left = "0";
blackDiv.style.bottom = "20%";
blackDiv.style.width = "100%";
blackDiv.style.textAlign = "center";
blackDiv.style.zIndex = "999999";
blackDiv.style.display = 'flex'
blackDiv.style.justifyContent = 'center'
var html = '<div id="blackSpan" style="background: rgba(42,45,50,.94);color: white;';
html += 'border-radius: .1rem;font-size: 0.32rem;padding: .2rem .6rem;max-width: 80%;line-height: 1.5;">';
html += str + '</div>';
blackDiv.innerHTML = html;
document.getElementsByTagName("body")[0].appendChild(blackDiv);
}
if (blackId && blackId != "") {
clearTimeout(blackId);
}
blackId = setTimeout(function () {
if (document.getElementById("blackDiv")) {
document.getElementsByTagName("body")[0].removeChild(document.getElementById("blackDiv"));
}
}, 2000);
},
/**
* zhijian/ha
*
*/
httpRequest:function(param){
let middle = param.public?'/zhijian/common':'/zhijian/ha'
return new Promise(function(resolve, reject){
axios ({
method: 'post',
url:origin + middle + param.url,
timeout:15000,
data:param.data,
headers: {
'Content-Type': 'application/json'
}
}).then((res) => {
resolve(res.data)
}).catch(res => {
reject(res.data)
})
})
},
}
window.publicMethod = utils
})()
\ No newline at end of file \ No newline at end of file
huaian/js/vant.min.js 0 → 100644
This diff could not be displayed because it is too large.
huaian/result.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>添加工单</title>
<link rel="stylesheet" href="css/result.css?123123213">
</head>
<body>
<div id="pageDiv" class="pageDiv">
<div class="infoTop">
<img class="icon" src="https://xpo.oss-cn-beijing.aliyuncs.com/huaian/success.png" alt="">
<div class="status">恭喜您完成质检流程</div>
<div class="detail">
<div class="detli">
<div class="detL">装维ID</div>
<div class="detR">{{info.campaignId}}</div>
</div>
<div class="detli">
<div class="detL">业务账号</div>
<div class="detR">{{info.accNbr}}</div>
</div>
<div class="detli">
<div class="detL">装机地址</div>
<div class="detR">{{info.address}}</div>
</div>
</div>
</div>
<div class="botButt" @click="goBack">返回</div>
</div>
<script src="js/vue.min.js"></script>
<script src="js/result.js?12312312332"></script>
</body>
</html>
\ No newline at end of file \ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!