123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
- <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
- <title></title>
- <link rel="stylesheet" type="text/css" href="../../css/api.css" />
- <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
- <link rel="stylesheet" type="text/css" href="../../css/star-rating-svg.css?v=1.2" />
- <link rel="stylesheet" type="text/css" href="../../css/style.css?v=1.2" />
- <style>
- body{}
- .evaluate-item{
- height:50px;
- line-height:50px;
- font-size:18px;
- background:#ffffff;
- border-bottom:1px solid #e8e8e8;
- position:relative;
- }
- .my-rating{
- position:absolute;
- left:50px;
- top:5px;
- }
- .back-item{
- width:100%;
- padding:10px;
- text-align:center;
- /*border-bottom: 1px solid #e8e8e8;*/
- box-sizing: border-box;
- }
- .back-item img{
- width:20px;
- }
- textarea{
- width:100%;
- height: 2rem;
- font-size: 0.28rem;
- line-height: 0.38rem;
- padding: 0.5em;
- box-sizing: border-box;
- -webkit-appearance: none;
- }
- </style>
- <script>
- (function(w, d, m) {
- function r() {
- var t = 100,
- o = 750,
- e = d.documentElement.clientWidth || w.innerWidth,
- n = m.max(m.min(e, 480), 320),
- h = 50;
- 320 >= n && (h = m.floor(n / o * t * .99)),
- n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
- n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
- n > 375 && (h = m.floor(n / o * t * .97)),
- d.querySelector("html").style.fontSize = h + "px"
- };
- r();
- w.onresize = function() {
- r()
- }
- })(window, document, Math);
- </script>
- </head>
- <body>
- <div class="topbar"></div>
- <header class="back-header back-header-bottom">
- <ul>
- <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
- <li class="back-header-title">催单</li>
- <li class="more-btn"></li>
- </ul>
- </header>
- <section class="white-back padding-top">
- <div class="back-item" style="position:relative;" id="wordCount">
- <textarea row="5" id="content" maxlength="100" placeholder="填写催单内容"></textarea>
- <!-- <span style="position:absolute;right:10px;bottom:5px;"><span id="count-txt">0</span>/100</span> -->
- <span class="wordwrap"><var class="word">100</var>/ 100</span>
- </div>
- <div class="h20" style="height: 0.5rem;"></div>
- <div class="m-bottom">提 交</div>
- </section>
- </body>
- <script type="text/javascript" src="../../script/api.js"></script>
- <script type="text/javascript" src="../../script/jquery.min.js"></script>
- <script type="text/javascript" src="../../script/jquery.tap.js"></script>
- <script type="text/javascript" src="../../script/jquery.star-rating-svg.js"></script>
- <script type="text/javascript">
- var _geval_orderid = '';
- apiready = function() {
- _geval_orderid = api.pageParam.keyid;
- setFixStatusBar();
- };
- $(function() {
- var wordCount = $("#wordCount"), textArea = wordCount.find("textarea"), word = wordCount.find(".word");
- statInputNum(textArea, word);
- })
- $(".m-bottom").on("tap", function() {
- if ($("#content").val() == "") {
- api.toast({ msg: '请填写催单内容!' });
- return false;
- }
- toast_loding_show();
- $.ajax({
- url: siteurl + 'v1/order/urge',
- data: {
- order_id: _geval_orderid,
- content: $("#content").val()
- },
- headers: { "X-TOKEN": $api.getStorage("accesstoken") },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- toast_loding_hide();
- if (datas.result) {
- api.alert({
- title: '提交成功',
- msg: '催单通知已发出!',
- }, function(ret, err) {
- api.closeWin();
- });
- } else {
- errcode(datas, datas.code);
- }
- }
- });
- return false;
- })
- </script>
- </html>
|