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.

443 lines
20 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="">Callout記錄</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" />
  12. <link href="/Scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  13. <link href="/Scripts/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" />
  14. <link href="/Scripts/plugins/line-icons/simple-line-icons.css" rel="stylesheet" />
  15. <link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
  16. <link href="/Scripts/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
  17. <link href="/Scripts/3rd/datetimepicker-addon/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />
  18. <link href="/Scripts/3rd/daterangepicker/css/daterangepicker.css" rel="stylesheet" />
  19. <link href="/Scripts/3rd/jquery.filer/jquery.filer.css" rel="stylesheet" />
  20. <link href="/Scripts/3rd/jquery.filer/jquery.filer-dragdropbox-theme.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" />
  26. <link href="/Content/themes/red.css" rel="stylesheet" />
  27. <link href="/Content/style2.0.css" rel="stylesheet" />
  28. <!-- <link href="/Scripts/plugins/vanillaSelectBox-master/vanillaSelectBox.css" rel="stylesheet">
  29. <script src="/Scripts/plugins/vanillaSelectBox-master/vanillaSelectBox.js"></script> -->
  30. <style>
  31. .jFiler-input-dragDrop {
  32. margin-left: 0;
  33. width: 150px;
  34. height: 100px;
  35. font-size: 56px;
  36. }
  37. .jFiler-input-dragDrop:hover {
  38. margin-left: 0;
  39. width: 150px;
  40. height: 100px;
  41. font-size: 56px;
  42. border-color: #225067;
  43. color: #225067;
  44. cursor: pointer;
  45. }
  46. #TransferResult {
  47. font-size: large;
  48. font-weight: 900;
  49. }
  50. .edit {
  51. color: #1d2ef9 !important;
  52. }
  53. .divTitle {
  54. background-color: orange;
  55. font-weight: bold;
  56. padding: 5px;
  57. }
  58. .panel-heading {
  59. background-color: #777777 !important;
  60. }
  61. .panel-heading a {
  62. color: white;
  63. }
  64. .recordHeading {
  65. background-color: #dddddd !important;
  66. }
  67. .recordHeading a {
  68. color: black;
  69. }
  70. .panel-body .panel-body {
  71. padding-Top: 0px !important;
  72. }
  73. .btn-custom {
  74. background-color: white;
  75. }
  76. .bill-status li {
  77. position: relative;
  78. left: -20px;
  79. list-style-type: none;
  80. }
  81. .bill-status li div {
  82. float: left;
  83. text-align: center;
  84. margin-right: 20px;
  85. width: 100%;
  86. }
  87. .lowIndex .select2-container {
  88. z-index: 1;
  89. }
  90. .select2-container--default.select2-container--disabled .select2-selection--multiple {
  91. background-color: #eee !important;
  92. }
  93. .LogTextarea {
  94. resize: none;
  95. }
  96. </style>
  97. </head>
  98. <body>
  99. <div class="page-inner">
  100. <div class="page-title">
  101. </div>
  102. <div id="Toolbar">
  103. </div>
  104. <div id="main-wrapper">
  105. <!--主作業區 Start-->
  106. <div class="row">
  107. <div class="panel-info">
  108. <div class="panel-body">
  109. <form id="form_main" class="form-horizontal">
  110. <div class="form-group">
  111. <div class="col-sm-12"><div class="divTitle text-center"><span data-i18n="">客戶基本資料</span></div></div>
  112. </div>
  113. <div class="form-group">
  114. <div class="col-sm-12">
  115. <label class="col-sm-1 control-label" for="input-Default">
  116. <span data-i18n="Customers_Upd.TransactionType">交易型態</span><span></span>
  117. </label>
  118. <div class="col-sm-9">
  119. <div id="transactiontype"></div>
  120. </div>
  121. <div class="col-sm-1">
  122. <button type="button" class="btn-custom blue w100p" id="btnCorrespondFormalCus" data-i18n="">對應正式客戶</button>
  123. </div>
  124. <div class="col-sm-1">
  125. <button type="button" class="btn-custom blue w100p" id="btnSeeMore" data-i18n="">See More</button>
  126. </div>
  127. </div>
  128. </div>
  129. <div class="form-group">
  130. <div class="col-sm-12">
  131. <label class="col-sm-1 control-label"><span data-i18n="">客戶名稱</span></label>
  132. <div class="col-sm-3">
  133. <input type="text" class="form-control" name="CustomerCName" id="CustomerCName">
  134. </div>
  135. <label class="col-sm-1 control-label"><span data-i18n="">客戶英文名稱</span></label>
  136. <div class="col-sm-3">
  137. <input type="text" class="form-control" name="CustomerEName" id="CustomerEName">
  138. </div>
  139. <label class="col-sm-1 control-label"><span data-i18n="">統一編號</span></label>
  140. <div class="col-sm-3">
  141. <input type="text" class="form-control" name="UniCode" id="UniCode">
  142. </div>
  143. </div>
  144. </div>
  145. <div class="form-group">
  146. <div class="col-sm-12">
  147. <label class="col-sm-1 control-label"><span data-i18n="">電話</span></label>
  148. <div class="col-sm-3">
  149. <input type="text" class="form-control" name="Telephone" id="Telephone">
  150. </div>
  151. <label class="col-sm-1 control-label"><span data-i18n="">已配合其他運輸公司</span></label>
  152. <div class="col-sm-3 lowIndex">
  153. <select class="form-control w100p" id="CoopTrasportCompany" name="CoopTrasportCompany" multiple="multiple" style="width:100%" disabled></select>
  154. </div>
  155. <label class="col-sm-1 control-label"><span data-i18n="">黑名單</span></label>
  156. <div class="col-sm-1">
  157. <input id="radio_0" type="radio" name="IsBlackList" value="N" checked="checked" />
  158. <label for="radio_0" data-i18n=""></label>
  159. <input id="radio_1" type="radio" name="IsBlackList" value="Y"/>
  160. <label for="radio_1" data-i18n=""></label>
  161. </div>
  162. <div class="col-sm-2">
  163. <select class="form-control" id="BlackListReason" name="BlackListReason" disabled></select>
  164. </div>
  165. </div>
  166. </div>
  167. <div class="form-group">
  168. <div class="col-sm-12">
  169. <label class="col-sm-1 control-label"><span data-i18n="">是否為進口商</span></label>
  170. <div class="col-sm-2">
  171. <input id="radio_2" type="radio" name="IsImporter" value="Y" />
  172. <label for="radio_2" data-i18n=""></label>
  173. <input id="radio_3" type="radio" name="IsImporter" value="N" checked="checked" />
  174. <label for="radio_3" data-i18n=""></label>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="form-group">
  179. <div class="col-sm-12"><div class="divTitle text-center"><span data-i18n="">聯絡人資料</span></div></div>
  180. <div class="col-sm-12" style="margin-bottom:10px;margin-top:10px">
  181. <div class="col-sm-1">
  182. <button type="button" class="btn-custom blue w100p" id="btnChooseContactors" data-i18n="">選擇聯絡人</button>
  183. </div>
  184. <div class="col-sm-1">
  185. <button type="button" class="btn-custom blue w100p" id="btnCreateContactor" data-i18n="">建立聯絡人</button>
  186. </div>
  187. </div>
  188. <div class="col-sm-12"><div id="jsGrid"></div></div>
  189. </div>
  190. <div class="form-group">
  191. <div class="col-sm-6" style="border-right:1px solid #939699;padding-right:1px">
  192. <div class="divTitle text-center"><span data-i18n="">Callout記錄</span>
  193. </div>
  194. <div class="row bills-box" hidden>
  195. <div class="panel-body">
  196. <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. <div class="col-sm-6" style="padding-left:1px">
  202. <div class="divTitle text-center"><span data-i18n="">參展記錄</span></div>
  203. <div class="row" hidden="" style="display: block;">
  204. <div class="panel-body subPanel">
  205. <div class="panel-group" id="accordion2" role="tablist" aria-multiselectable="true">
  206. <div class="panel panel-default">
  207. <div class="panel-heading collapsed" role="tab" id="headingBusinessOpportunity" data-toggle="collapse" href="#collapseBusinessOpportunity" aria-expanded="false" aria-controls="collapseBusinessOpportunity">
  208. <div class="panel-title">
  209. <div>
  210. <a>
  211. <div class="col-sm-12"><span data-i18n="">商機</span></div>
  212. </a>
  213. </div>
  214. </div>
  215. </div>
  216. <div id="collapseBusinessOpportunity" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingBusinessOpportunity">
  217. <div style="margin-bottom:5px;margin-left:10px"><button type="button" class="btn-custom blue" id="btnCreateBusinessOpportunity" data-i18n="">新增潛在商機</button>
  218. </div>
  219. <div class="panel-body" id="divBusinessOpportunity">
  220. </div>
  221. </div>
  222. </div>
  223. <div class="panel panel-default">
  224. <div class="panel-heading collapsed" role="tab" id="headingTraded" data-toggle="collapse" href="#collapseTraded" aria-expanded="false" aria-controls="collapseTraded">
  225. <div class="panel-title">
  226. <div>
  227. <a>
  228. <div class="col-sm-12"><span data-i18n="">已交易</span></div>
  229. </a>
  230. </div>
  231. </div>
  232. </div>
  233. <div id="collapseTraded" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTraded">
  234. <div class="panel-body" id="divDealExhibitionlist">
  235. </div>
  236. </div>
  237. </div>
  238. <div class="panel panel-default">
  239. <div class="panel-heading collapsed" role="tab" id="headingUnTraded" data-toggle="collapse" href="#collapseUnTraded" aria-expanded="false" aria-controls="collapseUnTraded">
  240. <div class="panel-title">
  241. <div>
  242. <a>
  243. <div class="col-sm-12"><span data-i18n="">未交易</span></div>
  244. </a>
  245. </div>
  246. </div>
  247. </div>
  248. <div id="collapseUnTraded" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingUnTraded">
  249. <div class="panel-body" id="divUnDealExhibitionlist">
  250. </div>
  251. </div>
  252. </div>
  253. <div class="panel panel-default">
  254. <div class="panel-heading collapsed" role="tab" id="headingComplaint" data-toggle="collapse" href="#collapseComplaint" aria-expanded="false" aria-controls="collapseComplaint">
  255. <div class="panel-title">
  256. <div>
  257. <a>
  258. <div class="col-sm-12"><span data-i18n="">客訴記錄</span></div>
  259. </a>
  260. </div>
  261. </div>
  262. </div>
  263. <div id="collapseComplaint" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingComplaint">
  264. <div style="margin-bottom:5px;margin-left:10px"><button type="button" class="btn-custom blue" id="btnCreateComplaint" data-i18n="">新增客訴</button>
  265. </div>
  266. <div class="panel-body" id="divComplaint">
  267. </div>
  268. </div>
  269. </div>
  270. <div class="panel panel-default">
  271. <div class="panel-heading collapsed" role="tab" id="headingSatisfactionCase" data-toggle="collapse" href="#collapseSatisfactionCase" aria-expanded="false" aria-controls="collapseSatisfactionCase">
  272. <div class="panel-title">
  273. <div>
  274. <a>
  275. <div class="col-sm-12"><span data-i18n="">滿意度調查</span></div>
  276. </a>
  277. </div>
  278. </div>
  279. </div>
  280. <div id="collapseSatisfactionCase" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingSatisfactionCase">
  281. <div class="panel-body" id="divSatisfactionCase">
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. </div>
  290. </form>
  291. </div>
  292. </div>
  293. <!--主作業區 End-->
  294. </div>
  295. </div>
  296. </div>
  297. <script id="temp_ExhibitionCustomerbox" type="text/x-jsrender">
  298. <div class="panel panel-default financial">
  299. <div class="panel-heading collapsed bill-box-{{:ExhibitionNO}}" role="tab" id="heading{{:ExhibitionNO}}" data-toggle="collapse" data-parent="#accordion" href="#collapse{{:ExhibitionNO}}" aria-expanded="false" aria-controls="collapse{{:ExhibitionNO}}">
  300. <div class="panel-title">
  301. <div>
  302. <a>
  303. <div class="col-sm-6"><span data-i18n="">展覽名稱</span><span>:{{:ExhibitionName}}</span></div>
  304. <div class="col-sm-6"><span data-i18n="">填寫時間</span><span>:{{:CreateDate}}</span></div>
  305. </a>
  306. </div>
  307. </div>
  308. </div>
  309. <div id="collapse{{:ExhibitionNO}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{:ExhibitionNO}}">
  310. <div class="panel-body">
  311. <div class="col-md-12 bill-box-{{:ExhibitionNO}}">
  312. <div class="panel panel-info">
  313. <div class="panel-body">
  314. <div class="row">
  315. <div class="form-group">
  316. <label class="col-sm-1 control-label"><span data-i18n="">運輸需求</span></label>
  317. <div class="col-sm-3 lowIndex">
  318. <select class="form-control input-value" id="TransportRequire-{{:ExhibitionNO}}" data-type="select" value="{{:TransportRequire}}" style="width:100%"></select>
  319. </div>
  320. <label class="col-sm-1 control-label"><span data-i18n="">運輸方式</span></label>
  321. <div class="col-sm-3 lowIndex">
  322. <select class="form-control input-value" id="TransportationMode-{{:ExhibitionNO}}" data-type="select" style="width:100%"></select>
  323. </div>
  324. <label class="col-sm-1 control-label"><span data-i18n="">處理方式</span></label>
  325. <div class="col-sm-3 lowIndex">
  326. <select class="form-control input-value" id="ProcessingMode-{{:ExhibitionNO}}" data-type="select" value="{{:ProcessingMode}}" style="width:100%"></select>
  327. </div>
  328. </div>
  329. </div>
  330. <div class="row">
  331. <div class="form-group">
  332. <label class="col-sm-1 control-label"><span data-i18n="">預估貨量</span></label>
  333. <div class="col-sm-3 lowIndex">
  334. <input type="text" class="form-control input-value" id="VolumeForecasting-{{:ExhibitionNO}}" maxlength="50" value="{{:VolumeForecasting}}">
  335. </div>
  336. <label class="col-sm-1 control-label"><span data-i18n="">攤位數</span></label>
  337. <div class="col-sm-3">
  338. <input type="text" class="form-control input-value" id="NumberOfBooths-{{:ExhibitionNO}}" maxlength="50" value="{{:NumberOfBooths}}">
  339. </div>
  340. <label class="col-sm-1 control-label"><span data-i18n="">攤位號</span></label>
  341. <div class="col-sm-3">
  342. <input type="text" class="form-control input-value" id="BoothNumber-{{:ExhibitionNO}}" maxlength="15" value="{{:BoothNumber}}">
  343. </div>
  344. </div>
  345. </div>
  346. <div class="row">
  347. <div class="form-group">
  348. <label class="col-sm-1 control-label"><span data-i18n="">潛力評估</span></label>
  349. <div class="col-sm-3 lowIndex">
  350. <select class="form-control input-value" id="Potential-{{:ExhibitionNO}}" data-type="select" value="{{:Potential}}" style="width:100%"></select>
  351. </div>
  352. <label class="col-sm-2 control-label"><span data-i18n="">已配合其他運輸公司</span></label>
  353. <div class="col-sm-6 lowIndex">
  354. <select class="form-control" id="CoopTrasportCompany-{{:ExhibitionNO}}" multiple="multiple" value="{{:CoopTrasportCompany}}" style="width:100%"></select>
  355. </div>
  356. </div>
  357. </div>
  358. <div class="row">
  359. <div class="form-group">
  360. <label class="col-sm-1 control-label"><span data-i18n="">備註</span></label>
  361. <div class="col-sm-11 lowIndex">
  362. <input type="text" class="form-control input-value" id="Memo-{{:ExhibitionNO}}" maxlength="100" value="{{:Memo}}">
  363. </div>
  364. </div>
  365. </div>
  366. <div class="row">
  367. <div class="form-group">
  368. <div class="col-sm-2 col-sm-offset-10">
  369. <button type="button" class="btn-custom orange" data-i18n="" id="btnCallOutRemind-{{:ExhibitionNO}}" style="width:100%">回撥提醒</button>
  370. </div>
  371. </div>
  372. </div>
  373. <div id="divLog-{{:ExhibitionNO}}">
  374. <div class="row">
  375. <hr/>
  376. <div class="form-group">
  377. <label class="col-sm-1 control-label"><b class="t-red">*</b><span data-i18n="">聯絡人</span></label>
  378. <div class="col-sm-3 lowIndex">
  379. <select class="form-control input-value" id="Contactor-{{:ExhibitionNO}}" data-type="select2" style="width:100%"></select>
  380. </div>
  381. <div class="col-sm-2 col-sm-offset-6">
  382. <button type="button" class="btn-custom orange" data-i18n="" id="btnCreateLog-{{:ExhibitionNO}}" style="width:100%">儲存記錄</button>
  383. </div>
  384. </div>
  385. <div class="form-group">
  386. <label class="col-sm-1 control-label"><span data-i18n="">記錄</span></label>
  387. <div class="col-sm-11">
  388. <textarea name="Record" id="Record-{{:ExhibitionNO}}" class="form-control" rows="3"></textarea>
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394. </div>
  395. </div>
  396. <div class="panel-group" id="accordion-{{:ExhibitionNO}}">
  397. </div>
  398. </div>
  399. </div>
  400. </div>
  401. </script>
  402. <script id="temp_Memobox" type="text/x-jsrender">
  403. <div class="panel panel-default">
  404. <div class="panel-heading recordHeading">
  405. <h4 class="panel-title">
  406. <a data-toggle="collapse" data-parent="#accordion-{{:ExhibitionNO}}" href="#collapse-{{:ExhibitionNO}}-{{:Index}}">
  407. {{:RowIndex}}.記錄:{{:CreateDate}} 記錄人:{{:CreateUser}} 客戶聯絡人:{{:ContactorName}}
  408. </a>
  409. </h4>
  410. </div>
  411. <div id="collapse-{{:ExhibitionNO}}-{{:Index}}" class="panel-collapse collapse">
  412. <div class="panel-body">
  413. <div class="">
  414. <textarea name="Memolog" id="Memolog" class="form-control LogTextarea" rows="3" disabled>{{:Memo}}</textarea>
  415. </div>
  416. </div>
  417. </div>
  418. </div>
  419. </script>
  420. </body>
  421. </html>
  422. <script src="/Scripts/loadjs.min.js"></script>
  423. <script src="/Scripts/JSLoader.js"></script>
  424. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  425. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  426. <script src="/Scripts/lib/OutlookUtil.min.js?v=20180801"></script>
  427. <script src="/Scripts/pages/Crm/Callout_Upd.js"></script>