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.

303 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="common.Contactors_Upd">聯絡人管理編輯</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/daterangepicker/css/daterangepicker.css" rel="stylesheet" />
  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/jGrid/jsgrid.min.css" rel="stylesheet" />
  21. <link href="/Scripts/3rd/jGrid/jsgrid-theme.min.css" rel="stylesheet" />
  22. <link href="/Scripts/3rd/select2/css/select2.min.css" rel="stylesheet" />
  23. <link href="/Content/modern.min.css" rel="stylesheet" />
  24. <link href="/Content/custom.min.css" rel="stylesheet" />
  25. <link href="/Content/themes/red.css" rel="stylesheet" />
  26. <link href="/Content/style2.0.css" rel="stylesheet" />
  27. <style>
  28. .jFiler-input-dragDrop {
  29. margin-left: 0;
  30. width: 150px;
  31. height: 100px;
  32. font-size: 56px;
  33. }
  34. .jFiler-input-dragDrop:hover {
  35. margin-left: 0;
  36. width: 150px;
  37. height: 100px;
  38. font-size: 56px;
  39. border-color: #225067;
  40. color: #225067;
  41. cursor: pointer;
  42. }
  43. #TransferResult {
  44. font-size: large;
  45. font-weight: 900;
  46. }
  47. .edit {
  48. color: #1d2ef9 !important;
  49. }
  50. .divTitle{
  51. background-color:orange;
  52. font-weight:bold;
  53. }
  54. .bill-status li {
  55. position: relative;
  56. left: -20px;
  57. list-style-type: none;
  58. }
  59. .bill-status li div{
  60. float: left;
  61. text-align: center;
  62. margin-right: 20px;
  63. width: 100%;
  64. }
  65. </style>
  66. </head>
  67. <body>
  68. <div class="page-inner">
  69. <div class="page-title">
  70. </div>
  71. <div id="Toolbar">
  72. </div>
  73. <div id="main-wrapper">
  74. <!--主作業區 Start-->
  75. <div class="row">
  76. <div class="panel-info">
  77. <div class="panel-body">
  78. <input type="hidden" id="hiddenIndex" name="hiddenIndex" value="">
  79. <form id="form_main" class="form-horizontal">
  80. <div role="tabpanel" id="tabs">
  81. <!-- 頁籖按鈕 Start-->
  82. <ul class="nav nav-tabs" role="tablist">
  83. <li role="presentation" id="litab1" class="active">
  84. <a href="#tab1" role="tab" data-toggle="tab" data-i18n="common.BasicInformation">基本資料</a>
  85. </li>
  86. <li role="presentation" id="litab2">
  87. <a href="#tab2" role="tab" data-toggle="tab" data-i18n="">參與展覽</a>
  88. </li>
  89. <li role="presentation" id="litab3">
  90. <a href="#tab3" role="tab" data-toggle="tab" data-i18n="">客訴</a>
  91. </li>
  92. </ul>
  93. <!-- 頁籖按鈕 End-->
  94. <!-- 頁籖內容 Tab panes Start -->
  95. <div class="tab-content">
  96. <div role="tabpanel" class="tab-pane active" id="tab1">
  97. <div class="form-group">
  98. <label class="col-sm-2 control-label"><b class="t-red">*</b><span data-i18n="">稱呼</span></label>
  99. <div class="col-sm-3">
  100. <select class="form-control w100p" id="Call" name="Call" placeholderid="" placeholder="">
  101. <option value="1">Mr.</option>
  102. <option value="2">Miss.</option>
  103. </select>
  104. </div>
  105. </div>
  106. <div class="form-group">
  107. <label class="col-sm-2 control-label"><b class="t-red">*</b><span data-i18n="">姓名</span></label>
  108. <div class="col-sm-3">
  109. <input type="text" class="form-control w100p" name="ContactorName" id="ContactorName" required data-msg="common.ContactorName" placeholderid="" placeholder="">
  110. </div>
  111. <label class="col-sm-2 control-label"><span data-i18n="">暱稱</span></label>
  112. <div class="col-sm-3">
  113. <input type="text" class="form-control w100p" name="NickName" id="NickName" placeholderid="" placeholder="">
  114. </div>
  115. </div>
  116. <div class="form-group">
  117. <label class="col-sm-2 control-label"><span data-i18n="">生日</span></label>
  118. <div class="col-sm-3">
  119. <input type="text" class="form-control date-picker w100p" name="Birthday" id="Birthday" maxlength="10">
  120. </div>
  121. <label class="col-sm-2 control-label"><span data-i18n="">婚姻狀況</span></label>
  122. <div class="col-sm-3">
  123. <select class="form-control w100p" id="MaritalStatus" name="MaritalStatus" placeholderid="" placeholder="">
  124. <option value="1">未婚</option>
  125. <option value="2">已婚</option>
  126. </select>
  127. </div>
  128. </div>
  129. <div class="form-group">
  130. <label class="col-sm-2 control-label"><span data-i18n="">私人行動電話</span></label>
  131. <div class="col-sm-3">
  132. <input type="text" class="form-control w100p" name="PersonalMobilePhone" id="PersonalMobilePhone" placeholderid="" placeholder="">
  133. </div>
  134. <label class="col-sm-2 control-label"><span data-i18n="">私人郵箱</span></label>
  135. <div class="col-sm-3">
  136. <input type="text" class="form-control w100p" name="PersonalEmail" id="PersonalEmail" placeholderid="" placeholder="">
  137. </div>
  138. </div>
  139. <div class="form-group">
  140. <label class="col-sm-2 control-label"><span data-i18n="">LINE</span></label>
  141. <div class="col-sm-3">
  142. <input type="text" class="form-control w100p" name="LINE" id="LINE" placeholderid="" placeholder="">
  143. </div>
  144. <label class="col-sm-2 control-label"><span data-i18n="">WECHAT</span></label>
  145. <div class="col-sm-3">
  146. <input type="text" class="form-control w100p" name="WECHAT" id="WECHAT" placeholderid="" placeholder="">
  147. </div>
  148. </div>
  149. <div class="form-group">
  150. <label class="col-sm-2 control-label"><span data-i18n="">個性</span></label>
  151. <div class="col-sm-8">
  152. <input type="text" class="form-control w100p" name="Personality" id="Personality" placeholderid="" placeholder="">
  153. </div>
  154. </div>
  155. <div class="form-group">
  156. <label class="col-sm-2 control-label"><span data-i18n="">喜好</span></label>
  157. <div class="col-sm-8">
  158. <input type="text" class="form-control w100p" name="Preferences" id="Preferences" placeholderid="" placeholder="">
  159. </div>
  160. </div>
  161. <div class="form-group">
  162. <label class="col-sm-2 control-label"><span data-i18n="">私人地址</span></label>
  163. <div class="col-sm-8">
  164. <input type="text" class="form-control w100p" name="PersonalAddress" id="PersonalAddress" placeholderid="" placeholder="">
  165. </div>
  166. </div>
  167. <div class="form-group">
  168. <label class="col-sm-2 control-label"><span data-i18n="common.Memo">備註</span></label>
  169. <div class="col-sm-8">
  170. <textarea name="Memo" id="Memo" class="form-control" rows="6" cols="20"></textarea>
  171. </div>
  172. </div>
  173. <div class="form-group">
  174. </div>
  175. <div class="form-group">
  176. <label class="col-sm-2 control-label"><b class="t-red">*</b><span data-i18n="">客戶名稱</span></label>
  177. <div class="col-sm-3">
  178. <select class="form-control w100p" data-type="select2" id="CustomerId" name="CustomerId" required data-msg="common.CustomerId" datamsg="請選擇客戶名稱" ></select>
  179. </div>
  180. <label class="col-sm-2 control-label"><span data-i18n="">直屬上司</span></label>
  181. <div class="col-sm-3">
  182. <select class="form-control w100p" data-type="select2" id="ImmediateSupervisor" name="ImmediateSupervisor" data-msg="" datamsg="請選擇直屬上司"></select>
  183. </div>
  184. </div>
  185. <div class="form-group">
  186. <label class="col-sm-2 control-label"><span data-i18n="">職稱</span></label>
  187. <div class="col-sm-3">
  188. <input type="text" class="form-control w100p" name="JobTitle" id="JobTitle" placeholderid="" placeholder="">
  189. </div>
  190. <label class="col-sm-2 control-label"><span data-i18n="">部門</span></label>
  191. <div class="col-sm-3">
  192. <input type="text" class="form-control w100p" name="Department" id="Department" placeholderid="" placeholder="">
  193. </div>
  194. </div>
  195. <div class="form-group">
  196. <label class="col-sm-2 control-label"><span data-i18n="">電子郵件1</span></label>
  197. <div class="col-sm-8">
  198. <input type="text" class="form-control w100p" name="Email1" id="Email1" placeholderid="" placeholder="">
  199. </div>
  200. </div>
  201. <div class="form-group">
  202. <label class="col-sm-2 control-label"><span data-i18n="">電子郵件2</span></label>
  203. <div class="col-sm-8">
  204. <input type="text" class="form-control w100p" name="Email2" id="Email2" placeholderid="" placeholder="">
  205. </div>
  206. </div>
  207. <div class="form-group">
  208. <label class="col-sm-2 control-label"><span data-i18n="">電話1</span></label>
  209. <div class="col-sm-3">
  210. <input type="text" class="form-control w100p" name="Telephone1" id="Telephone1" placeholderid="" placeholder="">
  211. </div>
  212. <label class="col-sm-2 control-label"><span data-i18n="">分機1</span></label>
  213. <div class="col-sm-1">
  214. <input type="text" class="form-control w100p" name="Ext1" id="Ext1" placeholderid="" placeholder="">
  215. </div>
  216. </div>
  217. <div class="form-group">
  218. <label class="col-sm-2 control-label"><span data-i18n="">電話2</span></label>
  219. <div class="col-sm-3">
  220. <input type="text" class="form-control w100p" name="Telephone2" id="Telephone2" placeholderid="" placeholder="">
  221. </div>
  222. <label class="col-sm-2 control-label"><span data-i18n="">分機2</span></label>
  223. <div class="col-sm-1">
  224. <input type="text" class="form-control w100p" name="Ext2" id="Ext2" placeholderid="" placeholder="">
  225. </div>
  226. </div>
  227. <div class="form-group">
  228. <label class="col-sm-2 control-label"><span data-i18n="">選擇我們的原因</span></label>
  229. <div class="col-sm-8">
  230. <input type="text" class="form-control w100p" name="ChoseReason" id="ChoseReason" placeholderid="" placeholder="">
  231. </div>
  232. </div>
  233. <div class="form-group">
  234. <label class="col-sm-2 control-label"><span data-i18n="common.CreateUser">創建人</span></label>
  235. <div class="col-sm-3">
  236. <div class="form-control-static" name="CreateUser" id="CreateUser" data-source="members.MemberID.MemberName"></div>
  237. </div>
  238. <label class="col-sm-2 control-label"><span data-i18n="common.CreateDate">創建時間</span></label>
  239. <div class="col-sm-3">
  240. <div class="form-control-static" name="CreateDate" id="CreateDate"></div>
  241. </div>
  242. </div>
  243. <div class="form-group">
  244. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyUser">最新修改人</span></label>
  245. <div class="col-sm-3">
  246. <div class="form-control-static" name="ModifyUser" id="ModifyUser" data-source="members.MemberID.MemberName"></div>
  247. </div>
  248. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyDate">最新修改時間</span></label>
  249. <div class="col-sm-3">
  250. <div class="form-control-static" name="ModifyDate" id="ModifyDate"></div>
  251. </div>
  252. </div>
  253. </div>
  254. <div role="tabpanel" class="tab-pane" id="tab2">
  255. <div class="row form-group">
  256. <button type="button" class="btn-custom orange" id="InsertExhibitionsList" title="新增" data-i18n="">新增至展覽名單</button>
  257. </div>
  258. <div class="row form-group">
  259. <div class="divTitle text-center"><span data-i18n="">已成交</span></div>
  260. <div id="jsGrid"></div>
  261. </div>
  262. <div class="row form-group">
  263. <div class="divTitle text-center"><span data-i18n="">未成交</span></div>
  264. <div id="jsGrid1"></div>
  265. </div>
  266. </div>
  267. <div role="tabpanel" class="tab-pane" id="tab3">
  268. <div class="row form-group">
  269. <button type="button" class="btn-custom orange" id="InsertComplaint" title="新增" data-i18n="">新增客訴</button>
  270. </div>
  271. <div class="row">
  272. <div id="jsGrid2"></div>
  273. </div>
  274. </div>
  275. </div>
  276. <!-- 頁籖內容 Tab panes End -->
  277. </div>
  278. </form>
  279. </div>
  280. </div>
  281. <!--主作業區 End-->
  282. </div>
  283. </div>
  284. </div>
  285. </body>
  286. </html>
  287. <script src="/Scripts/loadjs.min.js"></script>
  288. <script src="/Scripts/JSLoader.js"></script>
  289. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  290. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  291. <script src="/Scripts/lib/OutlookUtil.min.js"></script>
  292. <script src="/Scripts/pages/Crm/Contactors_Upd.js"></script>