You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

258 lines
19 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Expires" content="0">
  6. <meta http-equiv="Pragma" content="no-cache">
  7. <meta http-equiv="Cache-control" content="no-cache">
  8. <meta http-equiv="Cache" content="no-cache">
  9. <title data-i18n="">客戶管理</title>
  10. <link href="/Content/googleapis.css" rel="stylesheet" type='text/css' />
  11. <link href="/Scripts/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css" />
  12. <link href="/Scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  13. <link href="/Scripts/3rd/datetimepicker-addon/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />
  14. <link href="/Scripts/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
  15. <link href="/Scripts/plugins/line-icons/simple-line-icons.css" rel="stylesheet" type="text/css" />
  16. <link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
  17. <link href="/Scripts/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
  18. <link href="/Scripts/3rd/jquery.filer/jquery.filer.css" rel="stylesheet" />
  19. <link href="/Scripts/3rd/jquery.filer/jquery.filer-dragdropbox-theme.css" rel="stylesheet" />
  20. <link href="/Scripts/3rd/jquery.filer/file.theme.list.css" rel="stylesheet" />
  21. <link href="/Scripts/3rd/jGrid/jsgrid.min.css" rel="stylesheet" />
  22. <link href="/Scripts/3rd/jGrid/jsgrid-theme.min.css" rel="stylesheet" />
  23. <link href="/Scripts/3rd/select2/css/select2.min.css" rel="stylesheet" />
  24. <link href="/Content/modern.min.css" rel="stylesheet" />
  25. <link href="/Content/custom.min.css" rel="stylesheet" type="text/css" />
  26. <link href="/Content/themes/red.css" rel="stylesheet" type="text/css" />
  27. <link href="/Content/style2.0.css" rel="stylesheet" type="text/css" />
  28. <style>
  29. .Applicant {
  30. padding-top: 6px;
  31. }
  32. .file-list .jFiler-input-dragDrop {
  33. margin-left: 0;
  34. width: 60px;
  35. height: 50px;
  36. font-size: 23px;
  37. }
  38. .file-list .jFiler-input-dragDrop:hover {
  39. margin-left: 0;
  40. width: 60px;
  41. height: 50px;
  42. font-size: 23px;
  43. border-color: #225067;
  44. color: #225067;
  45. cursor: pointer;
  46. }
  47. .jsgrid-cell {
  48. padding: 0.5em 0.2em;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <div class="page-inner">
  54. <div class="page-title">
  55. </div>
  56. <div id="Toolbar">
  57. </div>
  58. <div id="main-wrapper">
  59. <div class="row">
  60. <div class="panel-info">
  61. <div class="panel-body">
  62. <form id="form_main" class="form-horizontal">
  63. <div class="form-group">
  64. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="">客訴編號</span></label>
  65. <div class="col-sm-3">
  66. <input type="text" class="form-control w100p" name="ComplaintNumber" id="ComplaintNumber" disabled maxlength="20" placeholderid="common.AutomaticCoding" placeholder="自動編碼">
  67. </div>
  68. </div>
  69. <div class="form-group">
  70. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="">客訴類型</span></label>
  71. <div class="col-sm-3">
  72. <select class="form-control w100p" id="ComplaintType" name="ComplaintType" placeholderid="" placeholder="" required data-msg="請選擇客訴類型" datamsg="請選擇客訴類型">
  73. <option value="">請選擇...</option>
  74. <option value="1">貨損</option>
  75. <option value="2">延誤</option>
  76. <option value="3">遺失</option>
  77. <option value="4">抱怨</option>
  78. </select>
  79. </div>
  80. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.Important">重要性</span></label>
  81. <div class="col-sm-3">
  82. <input id="Important_0" type="radio" name="Important" value="3" />
  83. <label for="Important_0" data-i18n="common.Important_3">很重要</label>
  84. <input id="Important_1" type="radio" name="Important" value="2" />
  85. <label for="Important_1" data-i18n="common.Important_2">重要</label>
  86. <input id="Important_2" type="radio" name="Important" value="1" checked="checked" />
  87. <label for="Important_2" data-i18n="common.Important_1">普通</label>
  88. </div>
  89. </div>
  90. <div class="form-group">
  91. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="">客訴主旨</span></label>
  92. <div class="col-sm-8">
  93. <input type="text" class="form-control w100p" name="ComplaintTitle" id="ComplaintTitle" maxlength="200" required data-msg="請輸入客訴主旨" datamsg="請輸入客訴主旨" placeholderid="" placeholder="客訴主旨">
  94. </div>
  95. </div>
  96. <div class="form-group">
  97. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="展覽名稱">展覽名稱</span></label>
  98. <div class="col-sm-3">
  99. <select class="form-control w100p" name="ExhibitionName" id="ExhibitionName" required data-msg="請選擇展覽名稱" datamsg="請選擇展覽名稱"></select>
  100. </div>
  101. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="">客訴來源</span></label>
  102. <div class="col-sm-3">
  103. <select class="form-control w100p" id="ComplaintSource" name="ComplaintSource" placeholderid="" placeholder="" required data-msg="請選擇客訴來源" datamsg="請選擇客訴來源"></select>
  104. </div>
  105. </div>
  106. <div class="form-group">
  107. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="">配合代理</span></label>
  108. <div class="col-sm-3">
  109. <select class="form-control w100p" id="CoopAgent" name="CoopAgent" data-type="select2"></select>
  110. </div>
  111. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="">組團單位</span></label>
  112. <div class="col-sm-3">
  113. <select class="form-control w100p" id="GroupUnit" name="GroupUnit" data-type="select2"></select>
  114. </div>
  115. </div>
  116. <div class="form-group">
  117. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="">描述</span></label>
  118. <div class="col-sm-8">
  119. <textarea name="Description" id="Description" class="form-control w100p" rows="3" required data-msg="請輸入描述" datamsg="請輸入描述"></textarea>
  120. </div>
  121. </div>
  122. <div class="form-group">
  123. <label class="col-sm-2 control-label wright " for="input-Default"><span data-i18n="common.Applicant">申請人</span></label>
  124. <div class="col-sm-3 form-control-static" id="Applicant">
  125. </div>
  126. </div>
  127. <div class="form-group">
  128. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FileUpload">附件上傳</span></label>
  129. <div class="col-sm-8 file-list">
  130. <input type="file" class="displayNone" name="files[]" id="fileInput" multiple>
  131. </div>
  132. </div>
  133. <hr>
  134. <div class="form-group">
  135. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="客戶名稱">客戶名稱</span></label>
  136. <div class="col-sm-3">
  137. <select class="form-control w100p" id="CustomerCName" name="CustomerCName" data-type="select2" required data-msg="請選擇客戶名稱" datamsg="請選擇客戶名稱"></select>
  138. </div>
  139. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="">部門</span></label>
  140. <div class="col-sm-3">
  141. <input type="text" class="form-control w100p" name="Department" id="Department" maxlength="20" placeholderid="" placeholder="">
  142. </div>
  143. </div>
  144. <div class="form-group">
  145. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="">申訴人</span></label>
  146. <div class="col-sm-3">
  147. <input type="text" class="form-control w100p" name="Complainant" id="Complainant" maxlength="50" placeholderid="" placeholder="" required data-msg="請輸入申訴人" datamsg="請輸入申訴人">
  148. </div>
  149. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="">職稱</span></label>
  150. <div class="col-sm-3">
  151. <input type="text" class="form-control w100p" name="JobTitle" id="JobTitle" maxlength="20" placeholderid="" placeholder="">
  152. </div>
  153. </div>
  154. <div class="form-group">
  155. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="">電子郵件1</span></label>
  156. <div class="col-sm-3">
  157. <input type="text" class="form-control w100p" name="Email1" id="Email1" maxlength="50" placeholderid="" placeholder="">
  158. </div>
  159. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="">電子郵件2</span></label>
  160. <div class="col-sm-3">
  161. <input type="text" class="form-control w100p" name="Email2" id="Email2" maxlength="50" placeholderid="" placeholder="">
  162. </div>
  163. </div>
  164. <div class="form-group">
  165. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="">電話1</span></label>
  166. <div class="col-sm-3">
  167. <input type="text" class="form-control w100p" name="Telephone1" id="Telephone1" maxlength="50" placeholderid="" placeholder="">
  168. </div>
  169. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="">電話2</span></label>
  170. <div class="col-sm-3">
  171. <input type="text" class="form-control w100p" name="Telephone2" id="Telephone2" maxlength="50" placeholderid="" placeholder="">
  172. </div>
  173. </div>
  174. <hr>
  175. <div class="form-group">
  176. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.CheckOrder">簽核順序</span></label>
  177. <div class="col-sm-8">
  178. <select class="form-control w100p" name="FlowId" id="FlowId" required data-msg="common.CheckFlows_required" datamsg="請選擇簽核流程"></select>
  179. </div>
  180. </div>
  181. <div class="form-group">
  182. <label class="col-sm-2 control-label wright" for="input-Default"><span></span></label>
  183. <div class="col-sm-8">
  184. <div>
  185. <div id="jsGrid"></div>
  186. </div>
  187. <br />
  188. <div class="col-md-12 checkordertoolbox" hidden>
  189. <div class="form-group">
  190. <label class="col-sm-1 wright" for="input-Default"><span data-i18n="common.Toolbar_Add">新增</span></label>
  191. <div class="col-sm-1">
  192. <span><img src="../../images/flow1.gif" align="middle"><a href="javascript:void(0)" id="flow1" class="flowlink" data-i18n="common.flow1">串簽</a></span>
  193. </div>
  194. <div class="col-sm-1">
  195. <span><img src="../../images/flow2.gif" align="middle"><a href="javascript:void(0)" id="flow2" class="flowlink" data-i18n="common.flow2">會辦</a></span>
  196. </div>
  197. <div class="col-sm-1">
  198. <span><img src="../../images/flow3.gif" align="middle"><a href="javascript:void(0)" id="flow3" class="flowlink" data-i18n="common.flow3">擇辦</a></span>
  199. </div>
  200. <div class="col-sm-1">
  201. <span><img src="../../images/flow4.gif" align="middle"><a href="javascript:void(0)" id="flow4" class="flowlink" data-i18n="common.flow4">通知</a></span>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. <div class="form-group">
  208. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.Handle_Person">經辦人</span></label>
  209. <div class="col-sm-3">
  210. <select class="form-control w100p" name="Handle_DeptID" id="Handle_DeptID" required data-msg="common.Handle_DeptID_required" datamsg="請選擇經辦部門"></select>
  211. </div>
  212. <div class="col-sm-3">
  213. <select class="form-control w100p" name="Handle_Person" id="Handle_Person" required data-msg="common.Handle_Person_required" datamsg="請選擇經辦人"></select>
  214. </div>
  215. </div>
  216. <div class="form-group">
  217. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Memo">備註</span></label>
  218. <div class="col-sm-8">
  219. <textarea name="Memo" id="Memo" class="form-control" rows="5" cols="20"></textarea>
  220. </div>
  221. </div>
  222. <div class="form-group">
  223. <label class="col-sm-2 control-label"><span data-i18n="common.CreateUser">創建人</span></label>
  224. <div class="col-sm-3">
  225. <div class="form-control-static" name="CreateUser" id="CreateUser" data-source="members.MemberID.MemberName"></div>
  226. </div>
  227. <label class="col-sm-2 control-label"><span data-i18n="common.CreateDate">創建時間</span></label>
  228. <div class="col-sm-3">
  229. <div class="form-control-static" name="CreateDate" id="CreateDate"></div>
  230. </div>
  231. </div>
  232. <div class="form-group">
  233. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyUser">最新修改人</span></label>
  234. <div class="col-sm-3">
  235. <div class="form-control-static" name="ModifyUser" id="ModifyUser" data-source="members.MemberID.MemberName"></div>
  236. </div>
  237. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyDate">最新修改時間</span></label>
  238. <div class="col-sm-3">
  239. <div class="form-control-static" name="ModifyDate" id="ModifyDate"></div>
  240. </div>
  241. </div>
  242. </form>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </body>
  249. </html>
  250. <script src="/Scripts/loadjs.min.js"></script>
  251. <script src="/Scripts/JSLoader.js"></script>
  252. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  253. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  254. <script src="/Scripts/pages/Crm/Complaint_Upd.js"></script>