暂无描述

addUserManage.html 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>添加或编辑用户</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link href="../../css/plugins/cropper/cropper.min.css" rel="stylesheet">
  8. <link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  9. <script src="../../Script/Common/huayi.load.js"></script>
  10. <script src="../../Script/Common/huayi.config.js"></script>
  11. <link rel="stylesheet" href="../../css/webuploader.css" />
  12. <link href="../../css/init.css" rel="stylesheet" />
  13. <style>
  14. .project_items {
  15. list-style: none;
  16. margin: 60px auto;
  17. padding-left: 0;
  18. }
  19. .project_items li label {
  20. height: 34px;
  21. line-height: 34px;
  22. }
  23. .project_items li textarea {
  24. resize: none;
  25. }
  26. .crop_left {
  27. width: 40%;
  28. float: left;
  29. }
  30. .crop_right {
  31. width: 30%;
  32. float: right;
  33. margin-right: 25px;
  34. }
  35. .btnn {
  36. background: #2f4050;
  37. color: #fff;
  38. padding: 3px 10px;
  39. border: 0;
  40. border-radius: 3px;
  41. cursor: pointer;
  42. }
  43. .project_save {
  44. width: 20%;
  45. }
  46. .text_require {
  47. color: red;
  48. vertical-align: middle;
  49. font-weight: 900;
  50. }
  51. .project_items i.tub {
  52. right: 22px;
  53. }
  54. #pro_location {
  55. margin-left: 15px;
  56. }
  57. .radio-inline input[type=radio] {
  58. margin-top: 10px;
  59. }
  60. .form-horizontal .radio-inline {
  61. padding-top: 0!important;
  62. }
  63. .editPwd {
  64. display: none;
  65. }
  66. .project_items .alert {
  67. margin-bottom: 0;
  68. padding: 5px;
  69. }
  70. .loader_icon {
  71. display: block;
  72. height: 36px;
  73. width: 36px;
  74. background: url(../../img/upLod.png) no-repeat;
  75. }
  76. </style>
  77. </head>
  78. <body>
  79. <div class="container">
  80. <ul class="project_items form-horizontal">
  81. <li class="form-group">
  82. <label for="usercode" class="col-md-2 text-right"><b class="text_require">*</b>用户工号</label>
  83. <div class="col-md-10">
  84. <input id="usercode" class="form-control" type="text" placeholder="请输入用户工号" autocomplete="off" />
  85. </div>
  86. </li>
  87. <li class="form-group">
  88. <label for="user_name" class="col-md-2 text-right"><b class="text_require">*</b>姓名</label>
  89. <div class="col-md-10">
  90. <input id="user_name" class="form-control" type="text" placeholder="请输入姓名" autocomplete="off" />
  91. <input type="text" tabindex="-1" class="outside_input">
  92. <input type="password" tabindex="-1" class="outside_input">
  93. <div class="alert alert-info" role="alert">
  94. <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  95. <span class="sr-only">tips:</span> 姓名必须实名认证否则审批不通过!
  96. </div>
  97. </div>
  98. </li>
  99. <li class="form-group addPwd">
  100. <label for="password" class="col-md-2 text-right"><b class="text_require">*</b>密码</label>
  101. <div class="col-md-10">
  102. <input id="password" class="form-control" autocomplete="off" type="password" placeholder="请输入密码" />
  103. </div>
  104. </li>
  105. <li class="form-group addPwd">
  106. <label for="password2" class="col-md-2 text-right"><b class="text_require">*</b>确认密码</label>
  107. <div class="col-md-10">
  108. <input id="password2" class="form-control" autocomplete="off" type="password" placeholder="请再次输入密码" />
  109. </div>
  110. </li>
  111. <li class="form-group editPwd">
  112. <label for="editPwd" class="col-md-2 text-right"><b class="text_require">*</b>密码</label>
  113. <div class="col-md-10">
  114. <!--<input id="editPwd" class="form-control" type="button" value=""/>-->
  115. <button id="editPwd" class="btn btn-default">密码重置</button>
  116. </div>
  117. </li>
  118. <li class="form-group">
  119. <label for="type" class="col-md-2 text-right"><b class="text_require">*</b>用户类型</label>
  120. <div class="col-md-10" id="type">
  121. <label class="radio-inline">
  122. <input type="radio" name="userType_flag" value="0" checked="checked"> 内部员工
  123. </label>
  124. <label class="radio-inline">
  125. <input type="radio" name="userType_flag" value="1"> 客户
  126. </label>
  127. <!--<select id="type" class="form-control selectpicker" data-live-search="true">
  128. <option value="1">客户</option>
  129. <option value="0">内部员工</option>
  130. </select>-->
  131. </div>
  132. </li>
  133. <li class="form-group" style="display: none;">
  134. <label for="" class="col-md-2 text-right"><b class="text_require">*</b>话务标志</label>
  135. <div class="col-md-10" id="">
  136. <label class="radio-inline">
  137. <input type="radio" name="seat_flag" value="true" checked="checked"> 是
  138. </label>
  139. <label class="radio-inline">
  140. <input type="radio" name="seat_flag" value="false"> 否
  141. </label>
  142. </div>
  143. </li>
  144. <li class="form-group" style="display: none;">
  145. <label for="extensionnumber" class="col-md-2 text-right">分机号</label>
  146. <div class="col-md-10">
  147. <input id="extensionnumber" class="form-control" type="text" placeholder="请输入分机号" />
  148. </div>
  149. </li>
  150. <li class="form-group">
  151. <label for="role_id" class="col-md-2 text-right"><b class="text_require">*</b>角色</label>
  152. <div class="col-md-10">
  153. <select id="role_id" class="form-control selectpicker" data-live-search="true">
  154. <option value="">请选择角色</option>
  155. </select>
  156. </div>
  157. </li>
  158. <li class="form-group">
  159. <label for="mobile" class="col-md-2 text-right"><b class="text_require">*</b>手机号码</label>
  160. <div class="col-md-10">
  161. <input id="mobile" class="form-control" type="text" placeholder="请输入手机号码" />
  162. </div>
  163. </li>
  164. <li class="form-group">
  165. <label for="idcardno" class="col-md-2 text-right">身份证号码</label>
  166. <div class="col-md-10">
  167. <input id="idcardno" class="form-control" type="text" placeholder="请输入身份证号码" />
  168. </div>
  169. </li>
  170. <li class="form-group">
  171. <label for="projectid" class="col-md-2 text-right"><b class="text_require">*</b>项目信息(多选)</label>
  172. <div class="col-md-10">
  173. <select id="projectid" class="form-control selectpicker" multiple data-live-search="true">
  174. <option disabled value="">请选择项目</option>
  175. </select>
  176. </div>
  177. </li>
  178. <li class="form-group" style="display: none;">
  179. <label for="group" class="col-md-2 text-right">坐席组</label>
  180. <div class="col-md-10">
  181. <input id="group" class="form-control" type="text" placeholder="请输入坐席组" />
  182. </div>
  183. </li>
  184. <li class="form-group" style="display: none;">
  185. <label for="" class="col-md-2 text-right">坐席权限</label>
  186. <div class="col-md-10" id="">
  187. <label class="radio-inline">
  188. <input type="radio" name="seat_right" value="0"> 普通坐席
  189. </label>
  190. <label class="radio-inline">
  191. <input type="radio" name="seat_right" value="1"> 班长坐席
  192. </label>
  193. </div>
  194. </li>
  195. <li class="form-group" style="display: none;">
  196. <label for="seat_level" class="col-md-2 text-right">坐席等级</label>
  197. <div class="col-md-10">
  198. <input id="seat_level" class="form-control" type="text" placeholder="请输入坐席等级" />
  199. </div>
  200. </li>
  201. <li class="form-group">
  202. <label for="" class="col-md-2 text-right">性别</label>
  203. <div class="col-md-10" id="">
  204. <label class="radio-inline">
  205. <input type="radio" name="sex" value="男"> 男
  206. </label>
  207. <label class="radio-inline">
  208. <input type="radio" name="sex" value="女"> 女
  209. </label>
  210. </div>
  211. </li>
  212. <li class="form-group">
  213. <label for="mail" class="col-md-2 text-right">邮箱</label>
  214. <div class="col-md-10">
  215. <input id="mail" class="form-control" type="email" placeholder="请输入您的邮箱" />
  216. </div>
  217. </li>
  218. <li class="form-group">
  219. <label for="birthday" class="col-md-2 text-right">入职时间</label>
  220. <div class="col-md-10 time-box">
  221. <i class="tub fa fa-calendar"></i>
  222. <input id="entrytime" class="form-control layer_times" type="text" placeholder="请选择入职时间" />
  223. </div>
  224. </li>
  225. <li class="form-group">
  226. <label for="birthday" class="col-md-2 text-right">转正时间</label>
  227. <div class="col-md-10 time-box">
  228. <i class="tub fa fa-calendar"></i>
  229. <input id="transfertime" class="form-control layer_times" type="text" placeholder="请选择转正时间" />
  230. </div>
  231. </li>
  232. <li class="form-group">
  233. <label for="head_img" class="col-md-2 text-right">头像</label>
  234. <div class="col-md-10 uploadTP">
  235. <div class="clearfix">
  236. <div class="crop_left">
  237. <div class="image-crop">
  238. <img src="">
  239. </div>
  240. <div class="progress">
  241. <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
  242. 0%
  243. </div>
  244. </div>
  245. </div>
  246. <div class="crop_right">
  247. <h4>头像预览:</h4>
  248. <div class="img-preview img-preview-sm"></div>
  249. </div>
  250. </div>
  251. <div class="anniu" style="margin-top: 20px;text-align: left;">
  252. <label title="上传头像" for="inputImage" class="btnn" style="margin-right: 100px;">
  253. <input type="file" accept="image/jpeg,image/jpg,image/png" name="file" id="inputImage" class="hide">本地图片
  254. </label>
  255. <input type="hidden" id="file_name" value="" />
  256. <button class="btnn" id="zoomIn" type="button">放大</button>
  257. <button class="btnn" id="zoomOut" type="button">缩小</button>
  258. <button class="btnn" id="rotateLeft" type="button">左旋转</button>
  259. <button class="btnn" id="rotateRight" type="button">右旋转</button>
  260. <button class="btnn" id="setDrag" type="button">上传图片</button>
  261. </div>
  262. </div>
  263. </li>
  264. <li class="form-group" style="display: none;">
  265. <label for="" class="col-md-2 text-right">呼叫类型</label>
  266. <div class="col-md-10" id="">
  267. <label class="radio-inline">
  268. <input type="radio" name="call_type" value="0" > 呼入
  269. </label>
  270. <label class="radio-inline">
  271. <input type="radio" name="call_type" value="1"> 呼出
  272. </label>
  273. </div>
  274. </li>
  275. <li class="form-group">
  276. <label for="head_img" class="col-md-2 text-right">技能证书</label>
  277. <div class="col-md-10 uploadTP">
  278. <div id="filePicker0" class="imgUpload" data-index="0">
  279. <i class="loader_icon"></i>
  280. </div>
  281. <div id="image_list0" class="row image-list"></div>
  282. </div>
  283. </li>
  284. <li class="form-group">
  285. <label for="head_img" class="col-md-2 text-right">身份证照片</label>
  286. <div class="col-md-10 uploadTP">
  287. <div id="filePicker1" class="imgUpload" data-index="1">
  288. <i class="loader_icon"></i>
  289. </div>
  290. <div id="image_list1" class="row image-list"></div>
  291. </div>
  292. </li>
  293. <li class="form-group">
  294. <label for="remark" class="col-md-2 text-right">工种</label>
  295. <div class="col-md-10">
  296. <!--<input id="remark" class="form-control" type="text" placeholder="请输入工种" />-->
  297. <select class="form-control input-sm selectpicker" id="remark" data-live-search="true">
  298. <option value="0"></option>
  299. <option value="组长">组长</option>
  300. </select>
  301. </div>
  302. </li>
  303. <li class="form-group">
  304. <div class="col-md-offset-2 col-md-10">
  305. <button class="project_save btn btn-primary" id="pro_save" type="button">保存</button>
  306. </div>
  307. </li>
  308. </ul>
  309. </div>
  310. <script src="../../js/plugins/cropper/cropper.min.js"></script>
  311. <script src="../../js/webuploader.min.js"></script>
  312. <script src="../../js/laydate/laydate.js"></script>
  313. <script src="../../Script/Common/regexs.js"></script>
  314. <script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
  315. <script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  316. <script src="../../js/autosize/autosize.min.js"></script>
  317. <script src="../../js/jquery.md5.js"></script>
  318. <script src="../js/addUserManage.js"></script>
  319. </body>
  320. </html>