暫無描述

addEquipmentRepair.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809
  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. <script src="../../Script/Common/huayi.load.js"></script>
  7. <script src="../../Script/Common/huayi.config.js"></script>
  8. <script src="../../js/laydate/laydate.js"></script>
  9. <script src="../../js/bootstrap-select/js/bootstrap-select.js"></script>
  10. <script src="../../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
  11. <script src="../../Script/Common/regexs.js"></script>
  12. <script src="../../js/autosize/autosize.min.js"></script>
  13. <link href="../../css/plugins/cropper/cropper.min.css" rel="stylesheet">
  14. <link href="../../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
  15. <link href="../../css/init.css" rel="stylesheet" />
  16. <link rel="stylesheet" type="text/css" href="../../css/Table/table1.css" />
  17. <link rel="stylesheet" href="../../css/webuploader.css" />
  18. <link rel="stylesheet" type="text/css" href="../../js/bootstrap-treeview/bootstrap-treeview.min.css" />
  19. <!-- <link rel="stylesheet" type="text/css" href="../css/call.css"/> -->
  20. <title>新增故障维修</title>
  21. <style>
  22. .btnn {
  23. background: #2f4050;
  24. color: #fff;
  25. padding: 3px 10px;
  26. border: 0;
  27. border-radius: 3px;
  28. cursor: pointer;
  29. }
  30. .crop_left {
  31. width: 40%;
  32. float: left;
  33. }
  34. .crop_right {
  35. width: 30%;
  36. float: right;
  37. margin-right: 25px;
  38. }
  39. .time-box .dates {
  40. width: 100% !important;
  41. }
  42. i.tub {
  43. right: 25px !important;
  44. }
  45. b.text_require {
  46. color: red;
  47. }
  48. .loader_icon {
  49. display: block;
  50. height: 36px;
  51. width: 36px;
  52. background: url(../../img/upLod.png) no-repeat;
  53. }
  54. /*.provCity select#province{
  55. width: 49%!important;
  56. display: inline-block!important;
  57. }*/
  58. .provCity > div > div {
  59. width: 49.5% !important;
  60. display: inline-block ;
  61. vertical-align: middle !important;
  62. }
  63. /*.provCity select#city {
  64. width: 50%!important;
  65. }*/
  66. /*
  67. #things{
  68. display: inline-block;
  69. }
  70. #equipment{
  71. display: none;
  72. } */
  73. #selecteqname{
  74. display: inline-block;
  75. }
  76. #eqname{
  77. display: none;
  78. }
  79. #eqmargin{
  80. margin-left:133px ;
  81. }
  82. .selequipname{
  83. margin-left: 93px;
  84. margin-top: -20px;
  85. }
  86. .selDpart1{
  87. display: none;
  88. position: absolute;
  89. left: 260px;
  90. top: 300px;
  91. z-index: 11111;
  92. width: 280px;
  93. line-height: 30px;
  94. background: #FFFFFF;
  95. }
  96. #sponsor{
  97. width: 280px;
  98. border: 1px solid #00a1cb;
  99. margin: 0;
  100. padding: 0;
  101. list-style: none;
  102. max-height: 212px;
  103. overflow-x: hidden;
  104. overflow-y: scroll;
  105. }
  106. #sponsor li{
  107. margin: 0;
  108. padding-left: 10px;
  109. width: 280px;
  110. height: 30px;
  111. line-height: 30px;
  112. list-style: none;
  113. }
  114. #sponsor li:hover{
  115. background: #00a1cb;
  116. }
  117. .thumbnail {
  118. margin: 0 10px 10px;
  119. padding: 4px;
  120. float: left;
  121. width: 30%;
  122. height: 200px;
  123. background-color: #fff;
  124. border: 1px solid #ddd;
  125. border-radius: 4px;
  126. position: relative;
  127. cursor: pointer;
  128. }
  129. .thumbnail img {
  130. width: 100%;
  131. height: 100%;
  132. }
  133. .thumbnail .info {
  134. position: absolute;
  135. left: 4px;
  136. bottom: 4px;
  137. right: 4px;
  138. height: 35px;
  139. line-height: 35px;
  140. text-indent: 5px;
  141. background: rgba(0, 0, 0, 0.6);
  142. color: white;
  143. overflow: hidden;
  144. white-space: nowrap;
  145. text-overflow: ellipsis;
  146. font-size: 12px;
  147. z-index: 10;
  148. display: none;
  149. }
  150. .thumbnail:hover .info {
  151. display: block;
  152. }
  153. #menusTreeView {
  154. position: absolute;
  155. background-color: #fff;
  156. z-index: 2;
  157. width: 94%;
  158. max-height: 256px;
  159. overflow-y: auto;
  160. }
  161. </style>
  162. </head>
  163. <body class="gray-bg">
  164. <div class="container wrapper-content animated fadeInRight">
  165. <div class="form-horizontal">
  166. <div class="form-group">
  167. <label for="channel" class="col-sm-3 control-label text-right"><b class="text_require">*</b>渠道来源</label>
  168. <div class="col-sm-9">
  169. <select class="form-control selectpicker" id="channel" data-live-search="true">
  170. <option value="1">电话</option>
  171. <option value="2">安卓</option>
  172. <option value="3">IOS </option>
  173. <option value="4">PC端</option>
  174. </select>
  175. </div>
  176. </div>
  177. <div class="form-group provCity" hidden="hidden">
  178. <!-- -->
  179. <label for="" class="col-sm-3 control-label text-right"><b class="text_require">*</b>省市</label>
  180. <div class="col-sm-9">
  181. <div>
  182. <select class="form-control selectpicker" id="province" data-live-search="true"></select>
  183. </div>
  184. <div>
  185. <select class="form-control selectpicker" id="city" data-live-search="true">
  186. <option value="">请选择市</option>
  187. </select>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="form-group" hidden="hidden">
  192. <!-- -->
  193. <label for="proname" class="col-sm-3 control-label text-right"><b class="text_require">*</b>项目名称</label>
  194. <div class="col-sm-9">
  195. <select class="form-control selectpicker" id="proname" data-live-search="true"></select>
  196. </div>
  197. </div>
  198. <div class="form-group provCity">
  199. <label for="repairreplace" class="col-sm-3 control-label text-right"><b class="text_require">*</b>楼名称</label>
  200. <div class="col-sm-9">
  201. <!--<select class="form-control selectpicker" id="repairreplace" data-live-search="true">
  202. </select>-->
  203. <div>
  204. <select class="form-control selectpicker" id="build" data-live-search="true">
  205. <option value="">请选择楼</option>
  206. </select>
  207. </div>
  208. </div>
  209. </div>
  210. <div class="form-group">
  211. <label for="floor" class="col-sm-3 control-label text-right"><b class="text_require">*</b>科室名称</label>
  212. <div class="col-sm-9">
  213. <select class="form-control selectpicker" id="floor" data-live-search="true">
  214. <option value="">请选择科室</option>
  215. </select>
  216. </div>
  217. </div>
  218. <div class="form-group">
  219. <label for="floor" class="col-sm-3 control-label text-right"><b class="text_require">*</b>报修类型</label>
  220. <div class="col-sm-9" style="position: relative;">
  221. <input type="text" autocomplete="off" class="form-control" id="menus" data-id="0" placeholder="请选择报修类型默认是顶级分类" />
  222. <span class="caret" style="position: absolute; right: 27px; top:15px;"></span>
  223. <div id="menusTreeView" class="hidden"></div>
  224. <input type="text" id="menusName" hidden="hidden"/>
  225. </div>
  226. </div>
  227. <div class="form-group">
  228. <label for="floor" class="col-sm-3 control-label text-right"><b class="text_require">*</b>是否派单</label>
  229. <div id="ispd" class="r_order_type col-col-sm-9" style="margin-left: 15px;">
  230. <label class="radio-inline">
  231. <input type="radio" name="isoverOptions" value="1" checked="checked">是
  232. </label>
  233. <label class="radio-inline">
  234. <input type="radio" name="isoverOptions" value="0">否
  235. </label>
  236. </div>
  237. </div>
  238. <!--<div class="form-group" id="eqmargin">
  239. <div class="col-sm-9 " id="selecteqname">
  240. <b class="text_require">*</b>报修类型<input list="equipname" type="text" class="selequipname form-control" />
  241. </div>
  242. <datalist id="equipname">
  243. </datalist>
  244. </div>-->
  245. <div class="form-group hidden">
  246. <label for="protype_addText" class="col-sm-3 control-label text-right"><b class="text_require">*</b>项目类型</label>
  247. <div class="col-sm-9">
  248. <!--<select class="form-control selectpicker" id="protype" data-live-search="true">
  249. <option value="">请选择项目类型</option>
  250. </select>-->
  251. <input id="protype_addText" class="form-control" type="text" autocomplete="off" placeholder="请输入项目类型" readonly="readonly" />
  252. <input id="protype_addNode" class="form-control" type="hidden" />
  253. </div>
  254. </div>
  255. <div class="form-group">
  256. <label for="repairoom" class="col-sm-3 control-label text-right"><b class="text_require">*</b>报修地点</label>
  257. <div class="col-sm-9">
  258. <input id="repairoom" class="form-control" type="text" placeholder="请输入报修地点" autocomplete="off" />
  259. </div>
  260. </div>
  261. <!--<div class="form-group">
  262. <label for="repairtime" class="col-sm-3 control-label text-right"><b class="text_require">*</b>报修时间</label>
  263. <div class="col-sm-9 time-box">
  264. <i class="tub fa fa-calendar"></i>
  265. <input class="form-control search_time dates" type="text" id="repairtime" placeholder="请选择时间">
  266. </div>
  267. </div>-->
  268. <!-- <div class="form-group">
  269. <label for="repairman" class="col-sm-3 control-label text-right"><b class="text_require">*</b>报修人</label>
  270. <div class="col-sm-9">
  271. <input id="repairman" class="form-control" type="text" placeholder="请输入报修人" autocomplete="off" />
  272. </div>
  273. </div> -->
  274. <div class="form-group">
  275. <label for="repairman" class="col-sm-3 control-label text-right"><b class="text_require">*</b>报修人</label>
  276. <div class="col-sm-9">
  277. <input type="text" class="form-control" id="formComplainedUnit" placeholder="请输入" onkeyup="darptSearch()"
  278. autocomplete="off" />
  279. </div>
  280. </div>
  281. <div class="selDpart1">
  282. <ul id="sponsor">
  283. </ul>
  284. </div>
  285. <div class="form-group">
  286. <label for="contactway" class="col-sm-3 control-label text-right"><b class="text_require">*</b>联系方式</label>
  287. <div class="col-sm-9">
  288. <input id="contactway" class="form-control" type="text" placeholder="请输入联系方式" autocomplete="off" />
  289. </div>
  290. </div>
  291. <!--<div class="form-group">
  292. <label for="sysname" class="col-sm-3 control-label text-right"><b class="text_require">*</b>系统名称</label>
  293. <div class="col-sm-9">
  294. <select class="form-control selectpicker" id="sysname" data-live-search="true">
  295. </select>
  296. </div>
  297. </div>-->
  298. <!--<div class="form-group">
  299. <label for="faulttype" class="col-sm-3 control-label text-right"><b class="text_require">*</b>故障类型</label>
  300. <div class="col-sm-9">
  301. <select class="form-control selectpicker" id="faulttype" data-live-search="true">
  302. </select>
  303. </div>
  304. </div>-->
  305. <div class="form-group" hidden="hidden">
  306. <label for="faultdescripe" class="col-sm-3 control-label text-right"><b class="text_require">*</b>故障物品</label>
  307. <div class="col-sm-9">
  308. <input id="faultdescripe" class="form-control" type="text" autocomplete="off" />
  309. <!--去掉文本框改为下拉框-->
  310. </div>
  311. </div>
  312. <div class="form-group">
  313. <label for="" class="col-sm-3 control-label text-right">故障图片</label>
  314. <div class="col-sm-9 uploadTP">
  315. <div id="filePicker0" class="imgUpload" data-index="0">
  316. <i class="loader_icon"></i>
  317. </div>
  318. <div id='image_list0' class="row image-list "></div>
  319. </div>
  320. </div>
  321. <!--<div class="form-group">
  322. <label for="callid" class="col-sm-3 control-label text-right">通话标志ID</label>
  323. <div class="col-sm-9">
  324. <input id="callid" class="form-control" type="text" autocomplete="off" />
  325. </div>
  326. </div>-->
  327. <div class="form-group">
  328. <div class="col-sm-12" style="text-align: center;">
  329. <input type="button" id="HY_save" class="btn_gray btn" onclick="btn_save()" value="保存" />
  330. </div>
  331. </div>
  332. </div>
  333. </div>
  334. <script src="../../js/webuploader/webuploader.min.js"></script>
  335. <script src="../../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
  336. <!--<script src="../js/equipmentCommon.js"></script>-->
  337. <script src="../js/addEquipmentRepair.js"></script>
  338. <script>
  339. var ids = helper.request.queryString("ids");
  340. var ajaxUrl;
  341. //报修时间
  342. function getFormatDate() {
  343. var nowDate = new Date();
  344. var year = nowDate.getFullYear();
  345. var month = nowDate.getMonth() + 1 < 10 ? "0" + (nowDate.getMonth() + 1) : nowDate.getMonth() + 1;
  346. var date = nowDate.getDate() < 10 ? "0" + nowDate.getDate() : nowDate.getDate();
  347. var hour = nowDate.getHours() < 10 ? "0" + nowDate.getHours() : nowDate.getHours();
  348. var minute = nowDate.getMinutes() < 10 ? "0" + nowDate.getMinutes() : nowDate.getMinutes();
  349. var second = nowDate.getSeconds() < 10 ? "0" + nowDate.getSeconds() : nowDate.getSeconds();
  350. return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
  351. }
  352. $(document).ready(function() {
  353. //日期
  354. // lay('.dates').each(function () {
  355. // laydate.render({
  356. // elem: this,
  357. // trigger: 'click',
  358. // type: 'datetime'
  359. // });
  360. // });
  361. // GetEquipName($('#equipname')); //设备名称
  362. //系统名称
  363. // helper.getDropList.getlistDropByDic($('#sysname'), 'XTMC');
  364. //项目类型
  365. // helper.getDropList.getlistDropByDic($('#protype'), 'XMLX');
  366. //报修地点
  367. // helper.getDropList.getlistDropByDic($('#repairreplace'), 'BXDD');
  368. //故障类型
  369. // helper.getDropList.getlistDropByDic($('#faulttype'), 'GZLX');
  370. if (ids) {
  371. $("#filePicker0").hide()
  372. ajaxUrl = "equipmentapi/api/worepairbase/update";
  373. getValue(ids);
  374. } else {
  375. $("#filePicker0").show()
  376. ajaxUrl = "equipmentapi/api/worepairbase/add";
  377. }
  378. window.localStorage.getItem('userName') && $("#formComplainedUnit").val(window.localStorage.getItem('userName'))
  379. window.localStorage.getItem('mobile') && $("#contactway").val(window.localStorage.getItem('mobile'))
  380. //省市
  381. getProvinceCity($('#province'));
  382. getequipment()
  383. getMenuLists()
  384. $('#menus').on('focus click', function() {
  385. $('#menusTreeView').removeClass('hidden').addClass('show');
  386. });
  387. $('#menus').on('keyup', function() {
  388. if($(this).val() == '') {
  389. $('menusTreeView').treeview('uncheckAll', {
  390. silent: true
  391. });
  392. $(this).attr('data-id', '000000000000000000000000');
  393. }
  394. });
  395. $('#menus + .caret').on('click', function() {
  396. $('#menusTreeView').removeClass('hidden').addClass('show');
  397. });
  398. $('#menusTreeView').mouseleave(function() {
  399. $(this).removeClass('show').addClass('hidden');
  400. });
  401. })
  402. //获取详情
  403. function getValue(ids) {
  404. $.ajax({
  405. type: "get",
  406. url: huayi.config.callcenter_url + "equipmentapi/api/worepairbase/getsingle",
  407. async: true,
  408. dataType: 'json',
  409. data: {
  410. id: ids
  411. },
  412. success: function(data) {
  413. if (data.state.toLowerCase() == 'success') {
  414. var modelList = data.data.model
  415. $('#channel').selectpicker('val', modelList.channel.toString()).trigger('change') //渠道
  416. $("#formComplainedUnit").val(modelList.repairman) // 报修人
  417. $('#contactway').val(modelList.contactway) //联系方式
  418. $('#build').selectpicker('val', modelList.buildid.toString()).trigger('change') //楼
  419. $('#repairoom').val(modelList.repairoom) // 报修地点
  420. $('#floor').selectpicker('val', modelList.floorid.toString()).trigger('change') //科室
  421. $(".selequipname").val(modelList.faultdescripe) //设备名称
  422. $("#menus").val(modelList.faultdescripe+'-'+modelList.Jwocode)
  423. if (modelList.faultpic) {
  424. $(modelList.faultpic).each(function(g, h) {
  425. $('<div class="thumbnail" data-fileurl="' + h.fileurl + '">' +
  426. '<img layer-src="' + h.fileurl + '" alt="' + h.filename + '" src="' + h.filesmallurl + '" alt="" />' +
  427. '<div class="info">' + h.filename + '</div>' +
  428. '</div>').appendTo('#image_list0')
  429. });
  430. }
  431. }
  432. }
  433. });
  434. }
  435. uploaderImg(0)
  436. var imageArr0 = '';
  437. //添加图片
  438. function uploaderImg(cindex) {
  439. var imgList = $('#image_list' + cindex),
  440. eleId = $('#filePicker' + cindex),
  441. uploader;
  442. uploader = WebUploader.create({
  443. // 自动上传。
  444. auto: true,
  445. // swf文件路径
  446. swf: '../../js/Uploader.swf',
  447. // 文件接收服务端。
  448. server: huayi.config.callcenter_url + 'fileserverapi/Api/Upload',
  449. // 选择文件的按钮。可选。
  450. // 内部根据当前运行是创建,可能是input元素,也可能是flash.
  451. pick: eleId,
  452. // 图片数量限制
  453. fileNumLimit: 6,
  454. //可以重复上传
  455. duplicate: true,
  456. formData: {
  457. uploadtype: 'equipment' //自定义文件夹用于存放图片
  458. },
  459. // 只允许选择文件,可选。
  460. accept: {
  461. title: 'Images',
  462. extensions: 'gif,jpg,jpeg,bmp,png',
  463. mimeTypes: 'image/*'
  464. },
  465. resize: false,
  466. fileSizeLimit: 30 * 1024 * 1024, // 30 M
  467. fileSingleSizeLimit: 5 * 1024 * 1024, // 5 M
  468. });
  469. //上传图片提示
  470. uploader.on('error', function(code) {
  471. switch (code) {
  472. case "Q_EXCEED_NUM_LIMIT":
  473. layer.msg('只能上传六个文件。');
  474. break;
  475. case "Q_TYPE_DENIED":
  476. layer.msg('图片类型不正确。');
  477. break;
  478. case "F_DUPLICATE":
  479. layer.msg('该文件已上传,请选择其它文件。');
  480. break;
  481. case "F_EXCEED_SIZE":
  482. layer.msg('单文件大小不能超过5M。');
  483. break;
  484. case "Q_EXCEED_SIZE_LIMIT":
  485. layer.msg('总文件大小不能超过30M。');
  486. break;
  487. default:
  488. break;
  489. }
  490. });
  491. // 当有文件添加进来的时候
  492. uploader.on('fileQueued', function(file) {
  493. console.log(file);
  494. var $li = $(
  495. '<div id="' + cindex + '' + file.id + '" class="file-item thumbnail">' +
  496. '<div class="image-close">X</div>' +
  497. '<img>' +
  498. '<div class="info">' + file.name + '</div>' +
  499. '</div>'
  500. ),
  501. $img = $li.find('img');
  502. imgList.prepend($li);
  503. $('#' + cindex + file.id).on('click', ".image-close", function() {
  504. event.stopPropagation();
  505. $(this).parent().remove();
  506. uploader.removeFile(file);
  507. helper.methods.delImgs($(this).parent().attr("data-filesmallurl"), $(this).parent().attr("data-fileurl"));
  508. file_num(cindex)
  509. });
  510. });
  511. // 文件上传成功,给item添加成功class, 用样式标记上传成功。
  512. uploader.on('uploadSuccess', function(file, response) {
  513. console.log(file)
  514. $.each(response.data, function(i, j) {
  515. // obj=
  516. var $img = $('#' + cindex + file.id).find('img');
  517. $('#' + cindex + file.id).attr({
  518. 'data-filename': j.filename,
  519. 'data-fileext': j.fileext,
  520. 'data-filemd5': j.filemd5,
  521. 'data-filesize': j.filesize,
  522. 'data-fileurl': j.fileurl,
  523. 'data-filesmallurl': j.filesmallurl
  524. });
  525. uploader.makeThumb(file, function(error, src) {
  526. $img.attr('src', j.filesmallurl);
  527. $img.addClass('image-item');
  528. // $img.attr('data-preview-group', "1");
  529. }, 50, 50);
  530. });
  531. $('#' + cindex + file.id).addClass('upload-state-done');
  532. file_num(cindex)
  533. });
  534. // 文件上传失败,现实上传出错。
  535. uploader.on('uploadError', function(file) {
  536. var $li = $('#' + cindex + file.id),
  537. $error = $li.find('div.error');
  538. // 避免重复创建
  539. if (!$error.length) {
  540. $error = $('<div class="error"></div>').appendTo($li);
  541. }
  542. $error.text('上传失败');
  543. });
  544. // 完成上传完了,成功或者失败,先删除进度条。
  545. // uploader.on('uploadComplete', function(file) {
  546. // });
  547. }
  548. //图片隐藏域值
  549. function file_num(num) {
  550. var arr = [];
  551. $('#image_list' + num).find('.thumbnail').each(function(j, m) {
  552. var obj = {
  553. 'filename': $(m).attr("data-filename"),
  554. 'fileext': $(m).attr("data-fileext"),
  555. 'filemd5': $(m).attr("data-filemd5"),
  556. 'filesize': $(m).attr("data-filesize"),
  557. 'fileurl': $(m).attr("data-fileurl"),
  558. 'filesmallurl': $(m).attr("data-filesmallurl")
  559. }
  560. arr.push(obj)
  561. })
  562. window['imageArr' + num] = arr;
  563. }
  564. //保存
  565. function btn_save() {
  566. addValue();
  567. }
  568. // 故障物品change
  569. var repairplaceStr = ''
  570. var descripe = ''
  571. var descripeStr = ''
  572. $("#floor").bind("change", function() {
  573. if ($("#floor option:selected").text() == '器械科') {
  574. $("#selecteqname").css({
  575. "display": "none"
  576. })
  577. $("#eqname").css({
  578. "display": "inline-block"
  579. })
  580. console.log(descripeStr)
  581. } else {
  582. $("#eqname").css({
  583. "display": "none"
  584. })
  585. $("#selecteqname").css({
  586. "display": "inline-block"
  587. })
  588. }
  589. })
  590. //报修人
  591. function darptSearch() {
  592. if ($('#formComplainedUnit').val() == '') {
  593. $(".selDpart1").css('display', 'none');
  594. } else {
  595. $(".selDpart1").css('display', 'block');
  596. getFormComplainedUnit();
  597. }
  598. }
  599. $("#sponsor").on('click', 'li', function() {
  600. $(".selDpart1").css('display', 'none');
  601. $("#formComplainedUnit").val($(this).html());
  602. })
  603. function getFormComplainedUnit() {
  604. $("#sponsor").empty();
  605. $.ajax({
  606. type: "get",
  607. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getuserinfobycodename",
  608. dataType: 'json',
  609. async: true,
  610. data: {
  611. codename: $("#formComplainedUnit").val(),
  612. },
  613. success: function(data) {
  614. if (data.state.toLowerCase() == "success") {
  615. var content = data.data;
  616. if (content.length === 0) {
  617. $(".selDpart1").css('display', 'none');
  618. } else {
  619. $(content).each(function(i, n) {
  620. $("<li index='" + n.usercode + "' >" + n.usercode + '-' + n.username + "</li>").appendTo("#sponsor");
  621. })
  622. }
  623. }
  624. }
  625. });
  626. }
  627. //添加
  628. function addValue() {
  629. repairplaceStr = $("#build option:selected").text() + " " + $("#floor option:selected").text();
  630. // if($("#floor option:selected").text()=='1层 器械科'){
  631. // descripeStr = $("#eqtext").val()
  632. // // descripe= $(".equipmentval").val()
  633. // }else{
  634. // descripeStr = $("#equipname").val()
  635. // }
  636. // console.log($(".equipmentval").val(),$("#build option:selected").text())
  637. if (!regexs.phone.test($.trim($("#contactway").val())) || $("#contactway").val() == '') {
  638. layer.confirm('请输入有效的联系方式!', {
  639. icon: 2,
  640. btn: ['确定'] //按钮
  641. });
  642. return;
  643. }
  644. if (!$("#province").val() || !$("#city").val()) {
  645. layer.confirm('请选择省市!', {
  646. icon: 2,
  647. btn: ['确定'] //按钮
  648. });
  649. return;
  650. }
  651. if (!$("#formComplainedUnit").val()) {
  652. layer.confirm('请输入报修人!', {
  653. icon: 2,
  654. btn: ['确定'] //按钮
  655. });
  656. return;
  657. }
  658. if (!$("#repairoom").val()) {
  659. layer.confirm('请输入报修地点!', {
  660. icon: 2,
  661. btn: ['确定'] //按钮
  662. });
  663. return;
  664. }
  665. if (!$("#menus").val()) {
  666. layer.confirm('请选择或输入设备名称!', {
  667. icon: 2,
  668. btn: ['确定'] //按钮
  669. });
  670. return;
  671. }
  672. // debugger
  673. $.ajax({
  674. type: "post",
  675. url: huayi.config.callcenter_url + ajaxUrl,
  676. async: true,
  677. dataType: 'json',
  678. data: {
  679. id: ids,
  680. channel: $('#channel').val(), // 是 渠道来源 1表示PC 2表示安卓 3表示IOS 4表示微信
  681. province: $('#province').val(), //省
  682. city: $('#city').val(), //市
  683. projectid: $('#proname').val(), // 项目名称
  684. // protypeid: $('#protype_addNode').val(), // 项目类型
  685. buildid: $("#build option:selected").val(), //楼
  686. floorid: $("#floor option:selected").val(), //楼层
  687. repairreplace: repairplaceStr, // 报修地点
  688. repairoom: $('#repairoom').val(), // 房间号
  689. repairtime: getFormatDate(), // 报修时间
  690. repairman: $("#formComplainedUnit").val(), // 是 string 报修人
  691. contactway: $('#contactway').val(), // 是 string 联系方式
  692. faultdescripe: $("#menus").val() && $("#menus").val().split('-')[0], // $('#faultdescripe').val(), // 否 string 故障说明
  693. assignman: $("#menusName").val(), // $('#faultdescripe').val(), // 否 string 故障说明
  694. ispd: $('#ispd').find('input[type="radio"]:checked').val(), // $(".ispd").val()
  695. // assignman: $(".assignman").val(),
  696. faultpic: imageArr0 // 故障图片,上传的json
  697. //callid: $('#callid').val(), //否 string 通话标志ID
  698. },
  699. success: function(data) {
  700. if (data.state.toLowerCase() == 'success') {
  701. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  702. parent.layer.close(index); //再执行关闭
  703. layer.msg(data.message);
  704. parent.$('#table1').bootstrapTable('refresh');
  705. }
  706. }
  707. });
  708. }
  709. function getequipment() {
  710. // $("#equipname").html('');
  711. equipmentdata = []
  712. // $("#equipname").append('<option selected="selected" value="">请选择设备</option>');
  713. $.ajax({
  714. type: "get",
  715. url: huayi.config.callcenter_url + "equipmentapi/api/Equipment/getlistsbypage", //获取数据的Servlet地址
  716. async: true,
  717. dataType: 'json',
  718. data: {
  719. pageindex: 1,
  720. pagesize: 1000,
  721. },
  722. success: function(data) {
  723. var equipmentdata = []
  724. if (data.state.toLowerCase() == 'success') {
  725. equipmentdata = data.data.rows
  726. // console.log(equipmentdata.length)
  727. if (equipmentdata.length > 0) {
  728. for (var k = 0; k < equipmentdata.length; k++) {
  729. $(equipmentdata[k]).each(function(q, p) {
  730. $('#equipname')
  731. .append('<option label="' + p.equipment_name + '" value="' + p.equipment_name + '"></option>');
  732. // $("<option value='" + p.equipment_name + "'>" + p.equipment_name + "</option>").appendTo("#equipname");
  733. $("#equipname").selectpicker('refresh');
  734. // console.log(p.equipment_name)
  735. });
  736. }
  737. } else {
  738. $("#equipname").empty();
  739. $("#equipname").selectpicker('refresh');
  740. }
  741. }
  742. }
  743. });
  744. }
  745. </script>
  746. </body>
  747. </html>