厦门i健康患者端代码拷贝

html/yjfk/css/feedback-records.css

@@ -0,0 +1,78 @@
.list-item{
    background-color: #fff; 
    border: 1px solid #e1e1e1; 
    border-radius: 5px; 
    margin-top: 10px; 
    position: relative;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    border-bottom: 2px solid #17b3ec;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
    /*border-left: 1px solid #ccc;*/
    border-bottom: 2px solid #fff;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border: none;
}
.mui-segmented-control.mui-segmented-control-inverted{
    border: none;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
}
.mui-segmented-control .mui-control-item{
    line-height: inherit;
}
.mui-control-item div{
    height: 23px;
    line-height: 23px;
    border-right: 1px solid #e1e1e1;
    margin: 10px 0;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: #74bf00;
    border-bottom: 2px solid #74bf00;
}
.status-tag{
    position: absolute;
    top: 10px;
    right: 0;
    width: 60px;
    background-color: #ccc;
    color: #fff;
    font-size: 14px;
    padding: 5px 8px 5px 10px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}
.status-tag.active{
    background-color: #f0b548;
}
.no-result-img{margin-top: 30%;}
.search-bar{
    padding: 5px 10px; 
    background-color: #fff;
}
.search-bar input{
    height: 30px; 
    line-height: 30px; 
    margin: 0; 
    width: calc(100% - 110px);
    font-size: 14px;
    border-color: #e1e1e1;
}
.search-bar a{
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: #47b3ec; 
    color: #fff; 
    margin-left: 20px; 
    border-radius: 5px;
    text-align: center;
}
.word-break{
    word-wrap: break-word;
}

html/yjfk/css/feedback.css

@@ -0,0 +1,221 @@
/*!
 * ======================================================
 * FeedBack Template For MUI (http://dev.dcloud.net.cn/mui)
 * =======================================================
 * @version:1.0.0
 * @author:cuihongbao@dcloud.io
 */
.zy-alert{
	color:#323232!important;
	font-size: 16px;
}
.mui-popover.bg-w{
	width: 190px;
}
.img-bg{
	background: #fff;
	padding: 8px 10px;
	width: 100%;
}
.add-img{
	float: left;
	margin: 15px;
}
.add-img2{
	float: left;
	margin: 15px 15px 15px 0px;
	position: relative;
}
.delete-icon{
	position: absolute;
	top: -9px;
	right: -6px;
}
.feedback body {
	background-color: #EFEFF4;
}
.feedback input,
.feedback textarea {
	border: none;
	font-size: 16px;
}
.feedback textarea {
	height: 150px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.feedback .row {
	width: 100%;
	background-color: #fff;
}
.feedback p.text {
	font-size: 14px;
	padding: 10px 0px 5px 10px;
	color: #323232;
	margin-bottom: 0px;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
	font-size: 14px;
}
.feedback .hidden {
	display: none;
}
.feedback .image-list {
	width: 100%;
	height: 85px;
	background-size: cover;
	padding: 10px 10px;
	overflow: hidden;
}
.feedback .image-item {
	width: 65px;
	height: 65px;
	/*background-image: url(../images/iconfont-tianjia.png);*/
	background-size: 100% 100%;
	display: inline-block;
	position: relative;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: solid 1px #e8e8e8;
	vertical-align: top;
}
.feedback .image-item .file {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 0;
}
.feedback .image-item.space {
	border: none;
}
.feedback .image-item .image-close {
	position: absolute;
	display: inline-block;
	right: -6px;
	top: -6px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border-radius: 12px;
	background-color: #FF5053;
	color: #f3f3f3;
	border: solid 1px #FF5053;
	font-size: 9px;
	font-weight: 200;
	z-index: 1;
}
.feedback .image-item .image-up{
	height: 65px;
	width: 65px;
	border-radius: 10px;
	line-height: 65px;
	border: 1px solid #ccc;
	color: #ccc; 
	display: inline-block;
	text-align: center;
}
.feedback .image-item .image-up:after{
	font-family: "微软雅黑";
	content: '+';
	font-size: 60px;
}
.feedback .image-item.space .image-close {
	display: none;
}
.feedback .mui-inline{
	vertical-align: middle;
	font-size: 16px;
	color: #323232;
}
.mui-icon-star{
	color: #B5B5B5;
	font-size: 22px;
}
.mui-icon-star-filled{
	color: #FFB400;
	font-size: 22px;
} 
.mui-popover {
	height: 180px;
}
.mui-popover.ab-h{
	height: 140px;
}
.stream{
	display: none;
}
.mui-plus-stream .stream{
	display: block;
}
.upload-img {
	overflow: hidden;
	display: inline-block;
}
.upload-img ul li {
	position: relative;
	display: inline;
	float: left;
	margin-right: 10px;
}
.c-btn-4DCD70{
	background-color: #4dcd70;
}
.upload-img .del-img {
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 26px;
	height: 26px;
	line-height: 20px;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	border-radius: 0 0 0 90%;
	overflow: hidden;
}
.upload-img .del-img .iconfont {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	margin-left: 4px;
}
.delimgpop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; text-align: center; z-index: 2200; }
.del-img-box { width: 100%; height: 100%; display: table; }
.del-img-con { display: table-cell; vertical-align: middle; }
.del-img-con img { width: auto; height: auto; }
.del-img-con p { position: relative; display: inline-block; min-width: 100px; text-align: center; }
.del-img-box p:after { position: absolute; top: 0; left: 0; content: ""; background: rgba(255,255,255,.6); width: 100%; height: 40px; z-index: 10; }
.del-img-btn { display: inline-block; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; z-index: 20; padding: 0 15px; text-align: right; color: #000; }
.del-img-btn .iconfont { font-size: 20px; margin-right: 4px; }
.c-btn-rounded2{
    border: 1px solid #4dcd70;
    color: #4dcd70;
    border-radius: 5px;
}
.feedback input.border-input{
    margin: 0;
    border: 1px solid #e1e1e1;
}
.ml0{margin-left: 0px !important;}
.pr0{padding-right: 0px !important;}
.word-break{
    word-wrap: break-word;
}
.btn-full-green{
    text-align: center;
    padding: 10px;
    margin: 10px;
    background-color: #4dcd70;
    border-radius: 6px;
    color: #fff;
}

html/yjfk/html/account-back-list.html

@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>申诉记录</title>
        <link rel="stylesheet" type="text/css" href="../../../css/cross.css">
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
        <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css">
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../css/feedback-records.css?v=1" />
    </head>
    <body>
        <div class="search-bar mt10 c-border-tb">
            <input type="text" placeholder="请输入申诉人身份证号">
            <a id="search">查询</a>
        </div>
        <div id="no_result_wrap" class="c-hide">
            <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
            <div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果</div>
        </div>
        <div class="mui-scroll-wrapper c-hide" style="top: 52px;">
            <div class="mui-scroll">
                <div id="result_wrap" class="plr10 mb20">
                    
                </div>
            </div>
        </div>
        <script type="text/html" id="item_temp">
            {{each list as it}}
            <div class="list-item plr10 ptb10" data-type="{{type}}" data-code="{{it.code}}">
                <div class="c-border-b">
                    <p class="c-f16 c-333">{{it.type | getTypeValue}}</p>
                    <p class="c-f12 c-909090 mtb5">{{it.createTime | formatDate}}</p>
                </div>
                <div class="ptb10">
                    <p class="c-f14 c-333 mb5">问题和建议：</p>
                    <p class="c-f14 c-333 word-break">{{it.description}}</p>
                </div>
                <div class="status-tag {{if it.status == 2}}active{{/if}}">{{it.status | getStatus}}</div>
            </div>
            {{/each}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript"></script>
        <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/weixin_common.js" type="text/javascript"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/account-back-list.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/yjfk/html/account_back.html

@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="author" content="yihu.com" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>账号申诉</title>
	<link rel="stylesheet" type="text/css" href="../../../css/cross.css">
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
	<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<link rel="stylesheet" type="text/css" href="../css/feedback.css" />
</head>
	<body>
		<div class="feedback">
			<div class="mui-page-content">
				<div class="mt10 bgc-fff plr10 ptb10 c-border-tb">
                    <div class="mui-inline">问题和意见</div>
                    <a class="mui-pull-right mui-inline" href="#popover">
                        <span id="selected_name">选择类型</span>
                        <span class="mui-icon mui-icon-arrowdown"></span>
                    </a>
                    <div id="popover" class="mui-popover ab-h bg-w">
                        <div class="mui-popover-arrow"></div>
                        <div class="mui-scroll-wrapper">
                            <div class="mui-scroll">
                                <ul class="mui-table-view c-f14">
                                    <li class="mui-table-view-cell j-select-type" data-type="1"><a href="#popover">手机号码变更</a></li>
                                    <li class="mui-table-view-cell j-select-type" data-type="2"><a href="#popover">重置密码</a></li>
                                    <li class="mui-table-view-cell j-select-type" data-type="3"><a href="#popover">其他</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mui-input-row c-border-b">
                    <textarea id='question' class="mui-input-clear question" placeholder="请在此处描述您的问题，我们会在会尽快联系您！可附带填写您的相关信息，以便我们更快审核，如：使用过的旧密码、旧手机号、所在机构及部门等"></textarea>
                </div>
                <p class="mt10 bgc-fff c-border-tb c-f16 ptb10 plr10 c-333">图片(选填，提供问题截图，最多选择3张)</p>
                <div class="upload-img img-bg">
					<ul id="img_ul">
						<li id="add_img_li" onclick="chooseImage()">
		                    <img src="../images/tianjiatupian_btn.png" width="65">
						</li>
					</ul>
				</div>
                
                <ul class="c-list mt10 c-border-tb plr10">
                    <li class="ptb10 ml0 ui-grid-middle">
                        <div class="c-list-key">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</div>
                        <div class="c-list-info pr0">
                            <input id='name' class="border-input" type="text" placeholder="请输入申诉人姓名">
                        </div>
                    </li>
                    <li class="ptb10 ml0 ui-grid-middle">
                        <div class="c-list-key">身份证号：</div>
                        <div class="c-list-info pr0">
                            <input id='idcard' class="border-input" type="text" placeholder="请输入申诉人身份证号">
                        </div>
                    </li>
                    <li class="ptb10 ml0 ui-grid-middle">
                        <div class="c-list-key">手机号码：</div>
                        <div class="c-list-info pr0">
                            <input id='phone' class="border-input" type="text" placeholder="请输入申诉人手机号码">
                        </div>
                    </li>
                </ul>
                <p class="plr10 c-f12 c-909090 mt10">温馨提示：客服人员需要通过申诉人提交的信息识别并定位对应申诉账号，请填写您的真实信息</p>
            </div>
		</div>
		<div class="plr10 mt15 pb20">
			<a class="c-btn c-btn-full c-btn-4DCD70 border-radius-rounded c-f16" id="action_btn">提&#x3000;交</a>
		</div>
		<div class="plr10 mt15 pb20 c-t-center">
            <a class="c-btn border-radius-rounded c-f16 c-btn-rounded2" id="goToHistory">历史申诉记录</a>
        </div>
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="../../../js/weixin_common.js"></script>
        <script type="text/javascript" src="../../../js/app.js" ></script>
		<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../js/account_back.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>

html/yjfk/html/feedback-detail.html

@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="../../../css/cross.css">
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
        <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css">
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" type="text/css" href="../css/feedback.css?v=1" />
    </head>
    <body>
        <div id="content"></div>
        <script type="text/html" id="tmp">
            <div class="mt10 bgc-fff c-border-tb plr10 ptb10">
                <span class="c-333 c-f16 c-bold">{{feedbackName}}类型：</span>
                <span class="c-333 c-f16">{{type | getTypeValue:feedbackType}}</span>
            </div>
            <div class="mt10 bgc-fff c-border-tb plr10 ptb10">
                <span class="c-333 c-f16 c-bold">联系方式：</span>
                <span class="c-333 c-f16">{{phone}}</span>
            </div>
            <div class="mt10 bgc-fff c-border-tb plr10 ptb10">
                <span class="c-333 c-f16 c-bold">问题和意见</span>
            </div>
            <div class="bgc-fff plr10 c-border-b ptb10">
                <p class="c-666 c-f14 word-break">{{description}}</p>
            </div>
            {{if imgList}}
            <div class="mt10 bgc-fff c-border-tb plr10 ptb10">
                <span class="c-333 c-f16 c-bold">图片</span>
            </div>
            <div class="bgc-fff plr10 c-border-b ptb10 clearfix">
                {{each imgList as it index}}
                <div class="fl {{if index > 0}}ml20{{/if}}">
                    <img src="{{it | getImgUrl}}" width="70" height="70" onclick="viewImg(this)">
                </div>
                {{/each}}
            </div>
            {{/if}}
            <div class="mt10 bgc-fff c-border-tb plr10 ptb10">
                <span class="c-333 c-f16 c-bold">{{feedbackName}}状态：</span>
                <span class="c-333 c-f16">{{status | getStatus}}</span>
            </div>
            {{if status == 2}}
            <div class="mt10 bgc-fff c-border-tb plr10 ptb10">
                <span class="c-333 c-f16 c-bold">处理结果</span>
            </div>
            <div class="bgc-fff plr10 c-border-b ptb10">
                <p class="c-666 c-f14 word-break">{{result}}</p>
            </div>
            <div class="c-f16 btn-full-green" id="applyAgain">再次{{feedbackName}}</div>
            {{/if}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/feedback-detail.js?v=2" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/yjfk/html/feedback-records.html

@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="author" content="yihu.com" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>反馈记录</title>
        <link rel="stylesheet" type="text/css" href="../../../css/cross.css">
        <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
        <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
        <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css">
        <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
        <link rel="stylesheet" href="../css/feedback-records.css" />
    </head>
    <body>
        <div class="mui-content">
            <div id="slider" class="mui-slider mui-fullscreen">
                <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                    <a class="mui-control-item mui-active c-f16 c-323232" data-index="1" href="#item1">
                        <div>账号申诉</div>
                    </a>
                    <a class="mui-control-item c-f16 c-323232" data-index="2" href="#item2">
                        <div>意见反馈</div>
                    </a>
                </div>
                <div class="mui-slider-group" style="top: 45px;">
                    <div id="item1" class="mui-slider-item mui-control-content">
                        <div id="no_result_wrap1" class="c-hide">
                            <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
                            <div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果</div>
                        </div>
                        <div class="mui-scroll-wrapper c-hide" id="result_wraper1">
                            <div class="mui-scroll">
                                <div class="plr10" id="listPanel1"></div>
                            </div>
                        </div>
                    </div>
                    <div id="item2" class="mui-slider-item mui-control-content">
                        <div id="no_result_wrap2" class="c-hide">
                            <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
                            <div class="f-fs14 c-323232 c-t-center">抱歉，暂未找到符合条件的结果</div>
                        </div>
                        <div class="mui-scroll-wrapper c-hide" id="result_wraper2">
                            <div class="mui-scroll">
                                <div class="plr10" id="listPanel2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/html" id="list_tmp">
            {{each list as it}}
            <div class="list-item plr10 ptb10" data-type="{{type}}" data-code="{{it.code}}">
                <div class="c-border-b">
                    <p class="c-f16 c-333">{{it.type | getTypeValue: type}}</p>
                    <p class="c-f12 c-909090 mtb5">{{it.createTime | formatDate}}</p>
                </div>
                <div class="ptb10">
                    <p class="c-f14 c-333 mb5">问题和建议：</p>
                    <p class="c-f14 c-333 c-nowrap-multi">{{it.description}}</p>
                </div>
                <div class="status-tag {{if it.status == 2}}active{{/if}}">{{it.status | getStatus}}</div>
            </div>
            {{/each}}
        </script>
        <script src="../../../js/jquery/2.1.3/jquery.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/weixin_common.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="../js/feedback-records.js" type="text/javascript" charset="utf-8"></script>
    </body>
</html>

html/yjfk/html/feedback.html

@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="author" content="yihu.com" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>意见反馈</title>
	<link rel="stylesheet" type="text/css" href="../../../css/cross.css">
	<link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
	<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<link rel="stylesheet" type="text/css" href="../css/feedback.css" />
</head>
	<body>
		<div class="feedback">
			<div class="mui-page-content">
				<div class="mui-content-padded">
					<div class="mui-inline">问题和意见</div>
					<a class="mui-pull-right mui-inline" href="#popover">
						<span id="selected_name">选择类型</span>
						<span class="mui-icon mui-icon-arrowdown"></span>
					</a>
					<div id="popover" class="mui-popover bg-w">
						<div class="mui-popover-arrow"></div>
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view c-f14">
									<li class="mui-table-view-cell j-select-type" data-type="1"><a href="javascript:;">优化建议</a></li>
									<li class="mui-table-view-cell j-select-type" data-type="2"><a href="javascript:;">提交bug</a></li>
									<li class="mui-table-view-cell j-select-type" data-type="3"><a href="javascript:;">新功能建议</a></li>
									<li class="mui-table-view-cell j-select-type" data-type="4"><a href="javascript:;">其他</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="row mui-input-row">
					<textarea id='question' class="mui-input-clear question" placeholder="请详细描述你的问题和意见..."></textarea>
				</div>
				<p class="text">图片(选填，提供问题截图，最多选择3张)</p>
				<div class="upload-img img-bg">
					<ul id="img_ul">
						<li id="add_img_li" onclick="chooseImage()">
		                    <img src="../images/tianjiatupian_btn.png" width="65">
						</li>
					</ul>
				</div>
				<p class="text">QQ/邮箱/手机号码</p>
				<div class="mui-input-row">
					<input id='contact' type="text" class="mui-input-clear contact" placeholder="(选填,方便我们联系你 )" />
				</div>
			</div>
		</div>
		<div class="plr10 mt15 pb20">
			<a class="c-btn c-btn-full c-btn-4DCD70 border-radius-rounded c-f16" id="action_btn">提&#x3000;交</a>
		</div>
		<div class="plr10 mt15 pb20 c-t-center">
            <a class="c-btn border-radius-rounded c-f16 c-btn-rounded2" id="goToHistory">历史反馈记录</a>
        </div>
				
		<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	    <script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="../../../js/app.js"></script>
	    <script src="../../../js/common_http.js"></script>
	    <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../js/feedback.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>

html/yjfk/js/account-back-list.js

@@ -0,0 +1,134 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var page = 0,
    pagesize = 10;
mui.init();
(function($) {
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    $('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    $('.mui-scroll-wrapper').pullRefresh({
        up: {
            callback: function() {
                var self = this;
                setTimeout(function() {
                    getList(false);
                    self.endPullupToRefresh();
                }, 1000);
            }
        }
    });
    bindEvents();
})(mui);
function getList(isInit){
    var idcard = $.trim($(".search-bar input").val());
    var url = "/patientFeedback/feedback/findByIdcard",
        params = {
            idcard: idcard,
            page: page,
            pagesize: pagesize
        };
    d.show();
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            if(res.list.length == 0){
                if(isInit){
                    $("#no_result_wrap").show();
                    $(".mui-scroll-wrapper").hide();
                }else{
                    mui('.mui-scroll-wrapper').pullRefresh().disablePullupToRefresh();
                }
            }else{
                $("#no_result_wrap").hide();
                $(".mui-scroll-wrapper").show();
                
                var html = template("item_temp", {list: res.list});
                if(isInit){
                    $("#result_wrap").empty().append(html);
                }else{
                    $("#result_wrap").append(html);
                }
                if(res.list.length < pagesize){
                    mui('.mui-scroll-wrapper').pullRefresh().disablePullupToRefresh();
                }else{
                    mui('.mui-scroll-wrapper').pullRefresh().enablePullupToRefresh();
                    page ++;
                }
            }
            d.close();
        }else{
            queryFailed(res);
        }
    });
}
function bindEvents(){
    $("#search").on('tap', function(){
        var idcard = $(".search-bar input").val();
        if(idcard.length == 0){
            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入身份证号'}).show();
            return false;
        }
        if (!/^[1-9][0-9]{5}(19[0-9]{2}|200[0-9]|2010)(0[1-9]|1[0-2])(0[1-9]|[12][0-9]|3[01])[0-9]{3}[0-9xX]$/i.test(idcard)) {
            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'身份证号格式错误'}).show();
            return false;
        }
        getList(true);
    });
    
    $("body").on("tap", ".list-item", function(){
        var $this = $(this),
            code = $this.data("code");
        window.location.href = "feedback-detail.html?type=1&fdCode="+code;
    });
    
    template.helper('formatDate', function(time){
        if(time){
            return time.substr(0,16);
        }
        return "";
    });
    
    template.helper('getTypeValue', function(type){
        switch(type){
            case 1: 
                return "手机号变更";
                break;
            case 2:
                return "重置密码";
                break;
            case 3:
                return "其他";
                break;
            default:
                return "";
                break;
        }
    });
    
    template.helper("getStatus", function(status){
        switch(status){
            case 0: 
                return "未读";
                break;
            case 1:
                return "待处理";
                break;
            case 2:
                return "已处理";
                break;
        }
    })
}
function queryFailed(res){
    d.close();
    if (res && res.msg) {
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
    }else{
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
    }
}

html/yjfk/js/account_back.js

@@ -0,0 +1,244 @@
var selectType = '',//选择类型
	suggestContent = '',
	teleContent = '',
	serverId = "",//储存上传后图片地址
	$action_btn = $("#action_btn");
	
var d = dialog({contentType:'load', skin:'bk-popup'});
var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
 
$(function(){
	//从后台那边获取签名等信息
	var params = {};
	params.pageUrl = window.location.href;
	$.ajax(server + "weixin/getSign", {
		data: params,
		dataType: "json",
		type: "post",
		success: function(res){
			if (res.status == 200) {
				var t = res.data.timestamp;
				var noncestr = res.data.noncestr;
				var signature = res.data.signature;
				wx.config({		
//					debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				    appId: appId, // 必填，公众号的唯一标识
				    timestamp: t, // 必填，生成签名的时间戳
				    nonceStr: noncestr, // 必填，生成签名的随机串
				    signature: signature,// 必填，签名，见附录1
				    jsApiList: [
				    	'chooseImage',
				        'uploadImage'
				    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
				});
			} 
			else{
				dialog({
				  	title:'提示',
				  	skin:"ui-dialog ax-popup pror", 
				  	content:"获取微信签名失败", 
				  	ok: function (){}
				}).showModal();
			}
		}
	});	
})
function chooseImage(){
	wx.chooseImage({
		count: 3-getImages().length,
        success: function (res) {
	        for (var i in res.localIds) {
				appendFile(res.localIds[i]);
			}        
        }
    });
}
function uploadImage(){
	var images = getImages();
	if (images.length == 0) {
      return;
    }
    var i = 0, length = images.length;
    serverId = "";
    function upload() {
      wx.uploadImage({
        localId: images[i],
        isShowProgressTips: 0,
        success: function (res) {
          i++;
          if(serverId.length == 0){
          	serverId = res.serverId;
          }
          else{
          	serverId =serverId + "," + res.serverId;
          }          
          if (i < length) {
            upload();
          }
          if(i == length){
          	doSubmit();
          }          
        },
        fail: function (res) {
        	dd.close();
            alert(JSON.stringify(res));
        }
      });
    }
    upload();
}
// 添加文件
function appendFile(p) {
	var amount = getImages().length;
	if (amount >= 2) {
		$("#add_img_li").hide();
	}
	if(amount < 3){
		var $li = $('<li><img class="img-src" src="'+p+'" data-src="'+p+'" onclick="viewImg(this)"  width="65" ><a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a></li>');
		var $add_img_li = $("#add_img_li");
		$add_img_li.before($li);
	}
}
//获取需要上传的图片
function getImages() {
	var images=[];
	$("#img_ul").find(".img-src").each(function() {
		var imgSrc = $(this).data("src");
		images.push(imgSrc);
	});
	return images;
}
//查看图片
function viewImg(dom) {
	var $img = $(dom);
	var thissrc = $img.attr("data-src");
	var mWid = $(window).width();
	var mHei = $(window).height();
	var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
	$("body").append(nHtml);
	$(".delimgpop").click(function() {
		$(this).remove()
	});
};
//删除图片
function delImg(dom) {
	var $li = $(dom).parent();
	$li.remove();
	var amount = getImages().length;
	if(amount <= 2){
		$("#add_img_li").show();
	}
	return;
}
	
//微信sdk配置出错
wx.error(function (res) {
  alert("wx.error:" + res.errMsg);
});
//提交
function doSubmit() {
    var name = $("#name").val(),
        idcard = $("#idcard").val();
	var params = {
	    description: suggestContent,
	    type: selectType*1,
	    phone: teleContent,
	    name: name,
	    idcard: idcard,
	    images: serverId ? serverId: ""
	};
	sendPost("/patientFeedback/feedback/saveAppeal", params,'json','POST',queryFail,querySuccess);
}  
function queryFail(res){
	dd.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
	}
}
function querySuccess(res){
	dd.close();
    if(res.status == 200){
    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'感谢您的反馈'}).show();
    	setTimeout(function(){
    		mui.back();
    	},1000)        
    }else{
    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'提交失败'}).show();
    }
}
function validate(){
    var content = $.trim($("#question").val()),
        telephone = $.trim($('#phone').val()),
        name = $.trim($('#name').val()),
        idcard = $.trim($('#idcard').val());
    if(!selectType){
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择类型'}).show();
        return false;
    }
    if(!content || content.length == 0){
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'问题和意见不能为空'}).show();
        return false;
    }
    if(!name || name.length == 0){
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入姓名'}).show();
        return false;
    }
    if(!idcard || idcard.length == 0){
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入身份证号'}).show();
        return false;
    }else{
        if (!/^[1-9][0-9]{5}(19[0-9]{2}|200[0-9]|2010)(0[1-9]|1[0-2])(0[1-9]|[12][0-9]|3[01])[0-9]{3}[0-9xX]$/i.test(idcard)) {
            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'身份证号格式错误'}).show();
            return false;
        }
    }
    if(!telephone || telephone.length == 0){
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'手机号码不能为空'}).show();
        return false;
    }else{
        if(!/^(17[0-9]|13[0-9]|14[0-9]|15[0-9]|18[0-9])\d{8}$/i.test(telephone)){
            dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入有效的手机号码'}).show();
            return false;
        }
    }
    return true;
}
//选择类型
$('.j-select-type').on('tap',function(){
	mui('#popover').popover('toggle');
	var $this = $(this);
	$('#selected_name').text($this.find('a').text());
	selectType = $this.data('type');
});
    
//action 按钮
$action_btn.on('tap', function(){
    suggestContent = $.trim($("#question").val()),
    teleContent = $.trim($('#phone').val());
    
    var isValid = validate();
    if(isValid){
        //先将新增的图片上传然后再处理其他业务
        dd.showModal();
        var images = getImages();
        if(images.length > 0){
            uploadImage();
        }
        else{
            serverId = '';
            doSubmit();
        }
    }
})
$("#goToHistory").on('click', function(){
    window.location.href = "account-back-list.html";
})

html/yjfk/js/feedback-detail.js

@@ -0,0 +1,141 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var request = GetRequest(),
    type = request.type, // 1-申诉，2-反馈
    code = request.fdCode;
var pagetype = 0;
if(type == 1){
    document.title = "申诉详情";
}else{
    document.title = "反馈详情";
}
$(function(){
    if(type == 2){
        checkUserAgent();
    }else{
        queryInit();
    }
});
function queryInit(){
    getDetail();
    getTemplateHelper();
    bindEvents()
}
function getDetail(){
    d.show();
    var url = "/patient/feedback/findByCode";
    if(type == 1){
        url = "/patientFeedback/feedback/findByCode";
    }
    var params = {code: code};
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            var feedbackName = "申诉";
            if(type == 2){
                feedbackName = "反馈";
            }
            $.extend(res.data, {feedbackName: feedbackName, feedbackType: type});
            if(res.data.images){
                var imgList = res.data.images.split(",");
                res.data.imgList = imgList;
            }
            var html = template('tmp', res.data);
            $("#content").empty().append(html);
            d.close();
        }else{
            queryFailed(res);
        }
    });
}
//查看图片
function viewImg(dom) {
    var $img = $(dom);
    var thissrc = $img.attr("src");
    var mWid = $(window).width();
    var mHei = $(window).height();
    var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
    $("body").append(nHtml);
    $(".delimgpop").click(function() {
        $(this).remove()
    });
}
function bindEvents(){
    $("#content").on("click", "#applyAgain", function(){
        if(type == 1){
            window.location.href = "account_back.html";
        }else{
            window.location.href = "feedback.html";
        }
    });
}
function getTemplateHelper(){
    template.helper('getTypeValue', function(type, fdType){
        if(fdType == 1){
            switch(type){
                case 1: 
                    return "手机号变更";
                    break;
                case 2:
                    return "重置密码";
                    break;
                case 3:
                    return "其他";
                    break;
                default:
                    return "";
                    break;
            }
        }else if(fdType == 2){
            switch(type){
                case 1: 
                    return "优化建议";
                    break;
                case 2:
                    return "提交bug";
                    break;
                case 3:
                    return "新功能建议";
                    break;
                case 4:
                    return "其他";
                    break;
                default:
                    return "";
                    break;
            }
        }
    });
    
    template.helper("getStatus", function(status){
        switch(status){
            case 0: 
                return "未读";
                break;
            case 1:
                return "待处理";
                break;
            case 2:
                return "已处理";
                break;
        }
    })
    template.helper('getImgUrl', function(url){
        return getImgUrl(url);
    })
}
function queryFailed(res){
    d.close();
    if (res && res.msg) {
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
    }else{
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
    }
}

html/yjfk/js/feedback-records.js

@@ -0,0 +1,228 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var page1 = 0,
    page2 = 0,
    pagesize = 10,
    idcard;
mui.init();
(function($) {
    //阻尼系数
    var deceleration = mui.os.ios?0.003:0.0009;
    $('.mui-scroll-wrapper').scroll({
        bounce: false,
        indicators: true, //是否显示滚动条
        deceleration:deceleration
    });
    $.ready(function() {
        //循环初始化所有下拉刷新，上拉加载。
        $.each(document.querySelectorAll('.mui-slider-group .mui-scroll-wrapper'), function(index, pullRefreshEl) {
            $(pullRefreshEl).pullRefresh({
                up: {
                    callback: function() {
                        var self = this;
                        setTimeout(function() {
                            if(index == 0){
                                getAccountBackData(false);
                            }else{
                                getFeedbackData(false);
                            }
                            self.endPullupToRefresh();
                        }, 1000);
                    }
                }
            });
        });
        getPatientInfo();
        bindEvents();
    });
})(mui)
function getPatientInfo(){
    var url = "/patient/baseinfo";
    sendPost(url, {}, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            idcard = res.data.idcardAll;
            getAccountBackData(true);
        }else{
            queryFailed(res);
        }
    });
}
function getAccountBackData(isInit){
    if(isInit){
        page1 = 0;
    }
    var url = "/patientFeedback/feedback/findByIdcard",
        params = {
            idcard: idcard,
            page: page1,
            pagesize: pagesize
        };
    d.show();
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            if(res.list.length == 0){
                if(isInit){
                    $("#no_result_wrap1").show();
                    $("#result_wraper1").hide();
                }else{
                    mui('#result_wraper1').pullRefresh().disablePullupToRefresh();
                }
            }else{
                $("#no_result_wrap1").hide();
                $("#result_wraper1").show();
                var html = template("list_tmp", {list: res.list, type: 1});
                if(isInit){
                    $("#listPanel1").empty().append(html);
                }else{
                    $("#listPanel1").append(html);
                }
                
                if(res.list.length < pagesize){
                    mui('#result_wraper1').pullRefresh().disablePullupToRefresh();
                }else{
                    page1 ++;
                    mui('#result_wraper1').pullRefresh().enablePullupToRefresh();
                }
            }
            d.close();
        }else{
            queryFailed(res);
        }
    })
}
function getFeedbackData(isInit){
    if(isInit){
        page2 = 0;
    }
    var url = "/patient/feedback/findByCreater",
        params = {
            page: page2,
            pagesize: pagesize
        };
    d.show();
    sendPost(url, params, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
            if(res.list.length == 0){
                if(isInit){
                    $("#no_result_wrap2").show();
                    $("#result_wraper2").hide();
                }else{
                    mui('#result_wraper2').pullRefresh().disablePullupToRefresh();
                }
            }else{
                $("#no_result_wrap2").hide();
                $("#result_wraper2").show();
                    
                var html = template("list_tmp", {list: res.list, type: 2});
                if(isInit){
                    $("#listPanel2").empty().append(html);
                }else{
                    $("#listPanel2").append(html);
                }
                
                if(res.list.length < pagesize){
                    mui('#result_wraper2').pullRefresh().disablePullupToRefresh();
                }else{
                    page2 ++;
                    mui('#result_wraper2').pullRefresh().enablePullupToRefresh();
                }
            }
            d.close();
        }else{
            queryFailed(res);
        }
    });
}
function bindEvents(){
    $(".mui-control-item").on('tap', function(){
        var $this = $(this);
        if($this.hasClass("mui-active")){
            return false;
        }
        
        var index = $this.data("index");
        if(index == 1){
            getAccountBackData(true);
        }else{
            getFeedbackData(true);
        }
    });
    
    $(".mui-scroll-wrapper").on('tap', '.list-item', function(){
        var $this = $(this),
            type = $this.data('type'), // 1-账号申诉，2-意见反馈
            code = $this.data('code');
        window.location.href = "feedback-detail.html?type="+type+"&fdCode="+code;
    });
    
    template.helper('formatDate', function(time){
        if(time){
            return time.substr(0,16);
        }
        return "";
    });
    
    template.helper('getTypeValue', function(type, fdType){
        if(fdType == 1){
            switch(type){
                case 1: 
                    return "手机号变更";
                    break;
                case 2:
                    return "重置密码";
                    break;
                case 3:
                    return "其他";
                    break;
                default:
                    return "";
                    break;
            }
        }else{
            switch(type){
                case 1: 
                    return "优化建议";
                    break;
                case 2:
                    return "提交bug";
                    break;
                case 3:
                    return "新功能建议";
                    break;
                case 4:
                    return "其他";
                    break;
                default:
                    return "";
                    break;
            }
        }
    });
    
    template.helper("getStatus", function(status){
        switch(status){
            case 0: 
                return "未读";
                break;
            case 1:
                return "待处理";
                break;
            case 2:
                return "已处理";
                break;
        }
    })
}
function queryFailed(res){
    d.close();
    if (res && res.msg) {
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
    }else{
        dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求失败'}).show();
    }
}

html/yjfk/js/feedback.js

@@ -0,0 +1,248 @@
var selectType = '',
	suggestContent = '',
	teleContent = '',
	serverId = "",//储存上传后图片地址
	$action_btn = $("#action_btn");
	
var d = dialog({contentType:'load', skin:'bk-popup'});
var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
var userAgent = window.localStorage.getItem(agentName);
var pagetype=34;
 
$(function(){
	checkUserAgent();
	
	//从后台那边获取签名等信息
	var params = {};
	params.pageUrl = window.location.href;
	$.ajax(server + "weixin/getSign", {
		data: params,
		dataType: "json",
		type: "post",
		success: function(res){
			if (res.status == 200) {
				var t = res.data.timestamp;
				var noncestr = res.data.noncestr;
				var signature = res.data.signature;
				wx.config({		
//					debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				    appId: appId, // 必填，公众号的唯一标识
				    timestamp: t, // 必填，生成签名的时间戳
				    nonceStr: noncestr, // 必填，生成签名的随机串
				    signature: signature,// 必填，签名，见附录1
				    jsApiList: [
				    	'chooseImage',
				        'uploadImage'
				    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
				});
			} 
			else{
				dialog({
				  	title:'提示',
				  	skin:"ui-dialog ax-popup pror", 
				  	content:"获取微信签名失败", 
				  	ok: function (){}
				}).showModal();
			}
		}
	});	
})
//重写判断用户是否登录
function checkUserAgent(){
	var userAgent = window.localStorage.getItem(agentName);
	if(!userAgent){
		var agentOpenid = window.localStorage.getItem(OpenidAgent);
		if(!agentOpenid){
			var Request = new Object();
			Request = GetRequest();
			var code = Request["code"];
			if(code == "" || code == null || code == undefined){
				d.close();
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'授权失败'}).show();
			}
			else{
				d.show();
				var data = {};
				data.code = code;
				sendPost('weixin/getOpenidByCode', data, 'json', 'post', openidFailed, openidSuccess);
			}
		}
		else{
			var jsonstr = $.parseJSON(agentOpenid);
			var openid = jsonstr.openid;
			window.location.href = server + "wx/html/home/html/zhmm-login.html?type=" + pagetype + "&openid=" + openid;
		}
	}
}
function chooseImage(){
	wx.chooseImage({
		count: 3-getImages().length,
        success: function (res) {
	        for (var i in res.localIds) {
				appendFile(res.localIds[i]);
			}        
        }
    });
}
function uploadImage(){
	var images = getImages();
	if (images.length == 0) {
      return;
    }
    var i = 0, length = images.length;
    serverId = "";
    function upload() {
      wx.uploadImage({
        localId: images[i],
        isShowProgressTips: 0,
        success: function (res) {
          i++;
          if(serverId.length == 0){
          	serverId = res.serverId;
          }
          else{
          	serverId =serverId + "," + res.serverId;
          }          
          if (i < length) {
            upload();
          }
          if(i == length){
          	doSubmit();
          }          
        },
        fail: function (res) {
        	dd.close();
            alert(JSON.stringify(res));
        }
      });
    }
    upload();
}
// 添加文件
function appendFile(p) {
	var amount = getImages().length;
	if (amount >= 2) {
		$("#add_img_li").hide();
	}
	if(amount < 3){
		var $li = $('<li><img class="img-src" src="'+p+'" data-src="'+p+'" onclick="viewImg(this)"  width="65" ><a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a></li>');
		var $add_img_li = $("#add_img_li");
		$add_img_li.before($li);
	}
}
//获取需要上传的图片
function getImages() {
	var images = [];
	$("#img_ul").find(".img-src").each(function() {
		var imgSrc = $(this).data("src");
		images.push(imgSrc);
	});
	return images;
}
//查看图片
function viewImg(dom) {
	var $img = $(dom);
	var thissrc = $img.attr("data-src");
	var mWid = $(window).width();
	var mHei = $(window).height();
	var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
	$("body").append(nHtml);
	$(".delimgpop").click(function() {
		$(this).remove()
	});
};
//删除图片
function delImg(dom) {
	var $li = $(dom).parent();
	$li.remove();
	var amount = getImages().length;
	if(amount <= 2){
		$("#add_img_li").show();
	}
	return;
}
	
//微信sdk配置出错
wx.error(function (res) {
  alert("wx.error:" + res.errMsg);
});
//提交
function doSubmit() {
	var params = {};
    	params.description = suggestContent;
    	params.type = selectType*1;
    	params.contact = teleContent;
    	params.images = serverId ? serverId: "";
	sendPost("patient/feedback/saveFeedback", params,'json','POST',queryFail,querySuccess);
}  
function queryFail(res){
	dd.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
	}
}
function querySuccess(res){
	dd.close();
    if(res.status == 200){
    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'感谢您的反馈'}).show();
    	setTimeout(function(){
    		location.reload(); 
    	},1000)        
    }else{
    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'提交失败'}).show();
    }
}  
//选择类型
$('.j-select-type').on('click',function(){
	mui('#popover').popover('toggle');
	var $this = $(this);
	$('#selected_name').text($this.find('a').text());
	selectType = $this.data('type');
});
    
//action 按钮
$action_btn.on('tap', function(){
    suggestContent = $.trim($("#question").val()),
    teleContent = $.trim($('#contact').val());
    if(selectType){
        if(suggestContent){
        	if(teleContent){
        		if(!(/^[1-9]\d{4,10}$/).test(teleContent)){
        			if(!(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(teleContent)){
        				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请输入有效的QQ、邮箱或手机号码'}).show();
						return;
        			}
        		}
        	}
    		//先将新增的图片上传然后再处理其他业务
        	dd.showModal();
        	var images = getImages();
            if(images.length == 0){
            	serverId = '';
            	doSubmit();
            }
            else{
				uploadImage();
			}			
	    }else{
        	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'问题和意见不能为空'}).show();
            return false;
        }
	}else{
    	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择类型'}).show();
        return false;
    }
})
//跳转去历史反馈记录页
$("#goToHistory").on('click', function(){
    window.location.href = "feedback-records.html";
})