Нет описания

evaluateDeliveryOrder.html 3.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link href="../../../css/plugins/cropper/cropper.min.css" rel="stylesheet">
  7. <script src="../../../Script/Common/huayi.load.js"></script>
  8. <script src="../../../Script/Common/huayi.config.js"></script>
  9. <script src="../../../js/laydate/laydate.js"></script>
  10. <link href="../../../css/init.css" rel="stylesheet" />
  11. <link rel="stylesheet" type="text/css" href="../../../css/Table/table1.css" />
  12. <link rel="stylesheet" href="../../../css/webuploader.css" />
  13. <title>配送工单评价</title>
  14. <style>
  15. .woCode{
  16. line-height: 34px;
  17. }
  18. .loader_icon {
  19. display: block;
  20. height: 36px;
  21. width: 36px;
  22. background: url(../../../img/upLod.png) no-repeat;
  23. }
  24. .table_extension tr td:last-child {
  25. text-align: right !important;
  26. }
  27. .btn-label {
  28. display: inline-block;
  29. border: 1px solid #ccc;
  30. text-align: center!important;
  31. padding: 7px 14px;
  32. border-radius: 2px;
  33. text-indent: initial;
  34. margin: 5px 2px;
  35. cursor: pointer;
  36. }
  37. .btn-label.active {
  38. border: 1px solid #249fea;
  39. }
  40. .project_save{
  41. width: 20%;
  42. }
  43. </style>
  44. </head>
  45. <body>
  46. <div class="container wrapper-content">
  47. <div class="form-horizontal">
  48. <div class="form-group clearfix">
  49. <label for="woCode" class="col-md-2 control-label text-right"><b class="text_require">*</b>工单编号:</label>
  50. <div class="col-md-9">
  51. <span id="woCode" class="woCode"></span>
  52. </div>
  53. </div>
  54. <div class="form-group clearfix">
  55. <label for="score" class="col-md-2 control-label text-right"><b class="text_require">*</b>得分:</label>
  56. <div class="col-md-9 clearfix">
  57. <ul id="ratingScores" class="rating clearfix">
  58. <li class="rating-item" title="差"></li>
  59. <li class="rating-item" title="不满意"></li>
  60. <li class="rating-item" title="一般"></li>
  61. <li class="rating-item" title="满意"></li>
  62. <li class="rating-item" title="很满意 "></li>
  63. </ul>
  64. <span id="ratingTips" class="ratingTips"></span>
  65. </div>
  66. </div>
  67. <div class="form-group clearfix">
  68. <label for="evaluate" class="col-md-2 control-label text-right">评价内容:</label>
  69. <div class="col-md-9">
  70. <textarea id="evaluate" class="form-control" name="" rows="" autocomplete="off" cols="" style="resize: none;"></textarea>
  71. </div>
  72. </div>
  73. <div class="form-group clearfix">
  74. <label for="" class="col-md-2 control-label text-right">评价标签:</label>
  75. <div class="col-md-9 uploadTP">
  76. <div class="greetings_remarks">
  77. <span class="btn-label">配送及时</span>
  78. <span class="btn-label">态度特别棒</span>
  79. <span class="btn-label">服务专业</span>
  80. <span class="btn-label">服务态度差</span>
  81. <span class="btn-label">到场不及时</span>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="form-group clearfix hidden">
  86. <label for="" class="col-md-2 control-label text-right">附件:</label>
  87. <div class="col-md-9 uploadTP">
  88. <div id="filePicker1" class="imgUpload" data-index="1">
  89. <i class="loader_icon"></i>
  90. </div>
  91. <div id="image_list1" class="row image-list"></div>
  92. </div>
  93. </div>
  94. <div class="form-group clearfix">
  95. <div class="text-center">
  96. <button class="project_save btn btn-primary" id="save_btns" type="button">评价</button>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <script src="../../../js/ratingStars/ratingStars.js"></script>
  102. <script src="../../../js/autosize/autosize.min.js"></script>
  103. <script src="../../../js/webuploader.min.js"></script>
  104. <script src="../js/evaluateDeliveryOrder.js"></script>
  105. </body>
  106. </html>