<!DOCTYPE html>
<html>
<head>
<title>申请业务</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="." />
<link rel="stylesheet" href="css/weui.min.css" />
<link rel="stylesheet" href="css/jquery-weui.min.css" />
<link rel="stylesheet" href="css/layout.css" />
</head>
<body ontouchstart="">
<header class="u_header">
<span class="city" onclick="">填写业务表单</span>
<a class="icon l icon3" href="javascript:history.go(-1);"></a>
</header>
<form id="form1">
<div id="form" style="margin-bottom: 76px;margin-top:50px;">
<div class="weui-cells_form" >
<div class="weui-cells__title">基本信息</div>
<div class="weui-cells">
<div class="weui-cell">
<div class="weui-cell__hd">
<label class="weui-label">客户姓名</label>
</div>
<div class="weui-cell__bd">
<input class="weui-input" type="text" id="customerName" name="customerName" placeholder="必填">
</div>
<div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
</div>
<div class="weui-cell">
<div class="weui-cell__hd">
<label class="weui-label">电话号码</label>
</div>
<div class="weui-cell__bd">
<input class="weui-input" type="tel" id="customerMobile" name="customerMobile" required pattern="^\d{11}$" maxlength="11" placeholder="输入手机号">
</div>
<div class="weui-cell__ft"><i class="weui-icon-warn"></i></div>
</div>
</div>
<!--附件-->
<div id="attachmnet">
<div class="weui-cells__title">附件信息</div>
<div class="weui-cells">
<div class="weui-cell">
<div class="weui-cell__bd">
<!--weui-uploader 照片上传功能-->
<div class="weui-uploader" id="ImgUploader">
<div class="weui-uploader__hd">
<p class="weui-uploader__title">上传附加照片</p>
<div class="weui-uploader__info" data-total="3" data-val="0">0/3</div>
</div>
<div class="weui-uploader__bd">
<ul class="weui-uploader__files"></ul>
<div class="weui-uploader__input-box">
<input class="weui-uploader__input" type="file" accept="image/*" multiple size="3">
</div>
</div>
</div>
<!--weui-uploader 照片上传功能 END-->
</div>
</div>
</div>
</div>
</div>
</div>
<div id="gallery" class="weui-gallery">
<span class="weui-gallery__img" style="background-image: url(xxx);"></span>
<div class="weui-gallery__opr">
<a href="javascript:" class="weui-gallery__del">
<i class="weui-icon-delete weui-icon_gallery-delete"></i>
</a>
</div>
</div>
<div class="weui-footer weui-footer_fixed-bottom footer">
<div class="weui-form-preview">
<div class="weui-form-preview__ft">
<a class="weui-form-preview__btn weui-form-preview__btn_default" id="btnSave" href="javascript:" style="color:#999;">保存</a>
<a class="weui-form-preview__btn weui-form-preview__btn_primary" id="btnSubmit" href="javascript:" style="color:#0bb20c;">提交</a>
</div>
</div>
</div>
</form>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/fastclick.js"></script>
<script>
$(function () {
FastClick.attach(document.body);
});
</script>
<script src="js/jquery-weui.min.js"></script>
<script src="js/weui.min.js"></script>
<script src="js/jquery-weui.uploader.js?v=0"></script>
<script>
var data = {
url: "127.0.0.1",
methodSubmit: '/api/wx/SubmitForm',
methodGetAttachmentList: '/api/wx/GetAttachmentList',
methodUploadAttachmnet: '/api/wx/UploadAttachmnet',
methodDeleteAttachmnet: '/api/wx/DeleteAttachmnet',
}
// 初始化uploader 方法
$("#ImgUploader").uploader({
model: "normal", // normal模式支持上传和删除，show模式仅支持预览
url: "",
data: {
'id': "0001",
},
maxCount: 3,// 最大上传数量
initCount: 0,//初始上传数量
maxSize: 1024 * 1024,// 图片最大宽度,1024KB，也就是 1MB
maxWidth: 300,//预览区最大宽度,默认300
gallery: $("#gallery"),
success: null,
deletefunc: function (fileId) {
deleteAttachmnet(fileId);
}
});
// 获取附件列表并展示
function getAttachmnet() {
$.ajax({
type: 'POST',
url: data.url + data.methodGetAttachmentList,
data: {
'DocId': "0001"
},
dataType: "json",
beforeSend: function (request) {
var appkey = window.localStorage.getItem('appKey');
request.setRequestHeader("Authorization", appkey);
$.showLoading();
},
success: function (res) {
$.hideLoading();
if (res.success == true) {
var data = [];
for (var i = 0; i < res.result.length; i++) {
var item = {
code: res.result[i].code,
src: res.result[i].thumbnailSrc,
name: res.result[i].name,
}
data.push(item);
}
$("#ImgUploader").uploader.setValues(data);
} else {
$.toast(res.errorMessage, "forbidden");
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$.hideLoading();
$.toast("获取图片出错！", "forbidden");
}
});
}
// 删除附件
function deleteAttachmnet(res) {
$.ajax({
type: 'POST',
url: data.url + data.methodDeleteAttachmnet,
data: {
'DocId': res
},
dataType: "json",
beforeSend: function (request) {
var appkey = window.localStorage.getItem('appKey');
request.setRequestHeader("Authorization", appkey);
$.showLoading();
},
success: function (res) {
$.hideLoading();
if (res.success == true) {
$.toast("删除成功");
} else {
$.toast(res.e
jqweui.uploader.zip （113个子文件） 
weui.css 359KB jquery-weui.css 66KB jquery-weui.min.css 55KB weui.min.css 50KB order.css 8KB iconfont.css 6KB layout.css 4KB iconfont-v20170407.eot 27KB font_550845.eot 5KB
loading.gif 5KB loadingx.gif 4KB
demo.html 8KB
vcode.jpg 3KB city-picker.js 339KB jquery-2.1.4.js 242KB jquery-weui.js 202KB swiper.js 173KB city-picker.min.js 135KB weui.js 134KB jquery-weui.min.js 82KB swiper.min.js 76KB jquery.cityselect.js 67KB zepto.js 55KB weui.min.js 31KB fastclick.js 25KB jquery-weui.uploader.js 10KB jquery.cookie.js 3KB
icon.png 55KB user-default-logo.png 45KB icon_find.png 19KB icon_well.png 19KB icon_find_active.png 19KB icon_set.png 19KB icon_me.png 19KB icon_me_active.png 18KB icon_card.png 18KB icon_home.png 15KB icon_nav_actionSheet.png 15KB icon_home_active.png 15KB wxpyq.png 14KB wx_text.png 11KB ic_sina.png 7KB icon_car_sec.png 5KB header_icon.png 5KB copy_url.png 5KB icon_food.png 4KB wxhy.png 4KB icon_dialog_info.png 4KB icon_alarm.png 4KB icon_place.png 4KB icon_order.net.png 3KB icon_star_half.png 3KB list_bg.png 3KB autonavi.png 3KB icon_share_me.png 3KB logo.png 3KB icon_shop.png 3KB icon_cart.png 3KB icon_forwarded.png 3KB icon_shop_active.png 2KB pic_160.png 2KB icon_swap.png 2KB SDetail_phone.png 2KB icon_account.png 2KB icon_photo.net.png 2KB now_widgets.png 2KB icon_wallet.png 2KB icon_today.png 2KB icon_nav_icons.png 2KB icon_footer_link.png 2KB icon_footer.png 2KB icon_thumb_up.png 2KB SDetail_path.png 2KB icon_room.png 1KB icon_nav_search_bar.png 1KB icon_plus_point.png 1KB icon_nav_flow.png 1KB navbtn2x.png 1KB icon_toc.png 1KB closeicon.png 1KB icon_news.png 1KB icon_nav_button.png 1KB icon_tabbar.png 1KB icon_subject.png 1KB icon_view.png 1KB icon_nav_search.png 1KB float_links_box_bg.png 981B icon_nav_msg.png 924B icon_nav_feedback.png 924B icon_nav_dialog.png 838B pic_article.png 816B icon_intro.png 748B mark_bs.png 721B icon_nav_toast.png 701B nophoto.png 671B icon_nav_panel.png 669B close_wx.png 585B icon_nav_nav.png 579B icon_nav_progress.png 548B共 113 条
- 1
- 2
资源评论
lmr0766262020-09-10正要用感谢
chagemyself20102020-09-13没什么用，用github上面的插件比较好
小德尔
- 粉丝: 149
最新资源
- 数控编程实习报告3篇.doc
- 互联网支付公司洗钱风险等级管理制度模版.docx
- chap1计算机数学语言概述.pps
- 银行涉密计算机和信息系统管理办法.doc
- 《通信连万家》说课稿范文.doc
- 通信管道施工流程及规范.ppt
- 不同软件体系架构特征.docx
- 网站销售合作协议书(1).doc
- 华中科技大学信息化项目建设进度说明表.docx
- DM针对大数据量环境下分析型应用的支持方案(2).docx
- 教育软件代理协议书.doc
- sql数据库课程设计工资管理系统.doc
- 电子商务公司工作总结ppt.ppt
- 二层协议一致性测试工具软件的研究的开题报告.docx
- 通信直埋施工方案-(自动保存的).docx
- 个人软件开发合同书.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
