説明なし

addEquipmentRepair.html 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832
  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()" autocomplete="off" />
  278. </div>
  279. </div>
  280. <div class="selDpart1">
  281. <ul id="sponsor">
  282. </ul>
  283. </div>
  284. <div class="form-group">
  285. <label for="contactway" class="col-sm-3 control-label text-right"><b class="text_require">*</b>联系方式</label>
  286. <div class="col-sm-9">
  287. <input id="contactway" class="form-control" type="text" placeholder="请输入联系方式" autocomplete="off" />
  288. </div>
  289. </div>
  290. <!--<div class="form-group">
  291. <label for="sysname" class="col-sm-3 control-label text-right"><b class="text_require">*</b>系统名称</label>
  292. <div class="col-sm-9">
  293. <select class="form-control selectpicker" id="sysname" data-live-search="true">
  294. </select>
  295. </div>
  296. </div>-->
  297. <!--<div class="form-group">
  298. <label for="faulttype" class="col-sm-3 control-label text-right"><b class="text_require">*</b>故障类型</label>
  299. <div class="col-sm-9">
  300. <select class="form-control selectpicker" id="faulttype" data-live-search="true">
  301. </select>
  302. </div>
  303. </div>-->
  304. <div class="form-group" hidden="hidden">
  305. <label for="faultdescripe" class="col-sm-3 control-label text-right"><b class="text_require">*</b>故障物品</label>
  306. <div class="col-sm-9">
  307. <input id="faultdescripe" class="form-control" type="text" autocomplete="off" />
  308. <!--去掉文本框改为下拉框-->
  309. </div>
  310. </div>
  311. <div class="form-group">
  312. <label for="" class="col-sm-3 control-label text-right">故障图片</label>
  313. <div class="col-sm-9 uploadTP">
  314. <div id="filePicker0" class="imgUpload" data-index="0">
  315. <i class="loader_icon"></i>
  316. </div>
  317. <div id='image_list0' class="row image-list "></div>
  318. </div>
  319. </div>
  320. <!--<div class="form-group">
  321. <label for="callid" class="col-sm-3 control-label text-right">通话标志ID</label>
  322. <div class="col-sm-9">
  323. <input id="callid" class="form-control" type="text" autocomplete="off" />
  324. </div>
  325. </div>-->
  326. <div class="form-group">
  327. <div class="col-sm-12" style="text-align: center;">
  328. <input type="button" id="HY_save" class="btn_gray btn" onclick="btn_save()" value="保存" />
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. <script src="../../js/webuploader/webuploader.min.js"></script>
  334. <script src="../../js/bootstrap-treeview/bootstrap-treeview.min.js"></script>
  335. <!--<script src="../js/equipmentCommon.js"></script>-->
  336. <script src="../js/addEquipmentRepair.js"></script>
  337. <script>
  338. var ids = helper.request.queryString("ids");
  339. var ajaxUrl;
  340. //报修时间
  341. function getFormatDate() {
  342. var nowDate = new Date();
  343. var year = nowDate.getFullYear();
  344. var month = nowDate.getMonth() + 1 < 10 ? "0" + (nowDate.getMonth() + 1) : nowDate.getMonth() + 1;
  345. var date = nowDate.getDate() < 10 ? "0" + nowDate.getDate() : nowDate.getDate();
  346. var hour = nowDate.getHours() < 10 ? "0" + nowDate.getHours() : nowDate.getHours();
  347. var minute = nowDate.getMinutes() < 10 ? "0" + nowDate.getMinutes() : nowDate.getMinutes();
  348. var second = nowDate.getSeconds() < 10 ? "0" + nowDate.getSeconds() : nowDate.getSeconds();
  349. return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
  350. }
  351. $(document).ready(function() {
  352. //日期
  353. // lay('.dates').each(function () {
  354. // laydate.render({
  355. // elem: this,
  356. // trigger: 'click',
  357. // type: 'datetime'
  358. // });
  359. // });
  360. // GetEquipName($('#equipname')); //设备名称
  361. //系统名称
  362. // helper.getDropList.getlistDropByDic($('#sysname'), 'XTMC');
  363. //项目类型
  364. // helper.getDropList.getlistDropByDic($('#protype'), 'XMLX');
  365. //报修地点
  366. // helper.getDropList.getlistDropByDic($('#repairreplace'), 'BXDD');
  367. //故障类型
  368. // helper.getDropList.getlistDropByDic($('#faulttype'), 'GZLX');
  369. if(ids) {
  370. $("#filePicker0").hide()
  371. ajaxUrl = "equipmentapi/api/worepairbase/update";
  372. getValue(ids);
  373. } else {
  374. $("#filePicker0").show()
  375. ajaxUrl = "equipmentapi/api/worepairbase/add";
  376. }
  377. window.localStorage.getItem('userName') && $("#formComplainedUnit").val(window.localStorage.getItem('userName'))
  378. window.localStorage.getItem('mobile') && $("#contactway").val(window.localStorage.getItem('mobile'))
  379. //省市
  380. getProvinceCity($('#province'));
  381. getequipment()
  382. getMenuLists()
  383. $('#menus').on('focus click', function() {
  384. $('#menusTreeView').removeClass('hidden').addClass('show');
  385. });
  386. $('#menus').on('keyup', function() {
  387. if($(this).val() == '') {
  388. $('menusTreeView').treeview('uncheckAll', {
  389. silent: true
  390. });
  391. $(this).attr('data-id', '000000000000000000000000');
  392. }
  393. });
  394. $('#menus + .caret').on('click', function() {
  395. $('#menusTreeView').removeClass('hidden').addClass('show');
  396. });
  397. $('#menusTreeView').mouseleave(function() {
  398. $(this).removeClass('show').addClass('hidden');
  399. });
  400. })
  401. //获取详情
  402. function getValue(ids) {
  403. $.ajax({
  404. type: "get",
  405. url: huayi.config.callcenter_url + "equipmentapi/api/worepairbase/getsingle",
  406. async: true,
  407. dataType: 'json',
  408. data: {
  409. id: ids
  410. },
  411. success: function(data) {
  412. if(data.state.toLowerCase() == 'success') {
  413. var modelList = data.data.model
  414. $('#channel').selectpicker('val', modelList.channel.toString()).trigger('change') //渠道
  415. $("#formComplainedUnit").val(modelList.repairman) // 报修人
  416. $('#contactway').val(modelList.contactway) //联系方式
  417. $('#build').selectpicker('val', modelList.buildid.toString()).trigger('change') //楼
  418. $('#repairoom').val(modelList.repairoom) // 报修地点
  419. $('#floor').selectpicker('val', modelList.floorid.toString()).trigger('change') //科室
  420. $(".selequipname").val(modelList.faultdescripe) //设备名称
  421. $("#menus").val(modelList.faultdescripe + '-' + modelList.Jwocode)
  422. if(modelList.faultpic) {
  423. $(modelList.faultpic).each(function(g, h) {
  424. $('<div class="thumbnail" data-fileurl="' + h.fileurl + '">' +
  425. '<img layer-src="' + h.fileurl + '" alt="' + h.filename + '" src="' + h.filesmallurl + '" alt="" />' +
  426. '<div class="info">' + h.filename + '</div>' +
  427. '</div>').appendTo('#image_list0')
  428. });
  429. }
  430. }
  431. }
  432. });
  433. }
  434. uploaderImg(0)
  435. var imageArr0 = '';
  436. //添加图片
  437. function uploaderImg(cindex) {
  438. var imgList = $('#image_list' + cindex),
  439. eleId = $('#filePicker' + cindex),
  440. uploader;
  441. uploader = WebUploader.create({
  442. // 自动上传。
  443. auto: true,
  444. // swf文件路径
  445. swf: '../../js/Uploader.swf',
  446. // 文件接收服务端。
  447. server: huayi.config.callcenter_url + 'fileserverapi/Api/Upload',
  448. // 选择文件的按钮。可选。
  449. // 内部根据当前运行是创建,可能是input元素,也可能是flash.
  450. pick: eleId,
  451. // 图片数量限制
  452. fileNumLimit: 6,
  453. //可以重复上传
  454. duplicate: true,
  455. formData: {
  456. uploadtype: 'equipment' //自定义文件夹用于存放图片
  457. },
  458. // 只允许选择文件,可选。
  459. accept: {
  460. title: 'Images',
  461. extensions: 'gif,jpg,jpeg,bmp,png',
  462. mimeTypes: 'image/*'
  463. },
  464. resize: false,
  465. fileSizeLimit: 30 * 1024 * 1024, // 30 M
  466. fileSingleSizeLimit: 5 * 1024 * 1024, // 5 M
  467. });
  468. //上传图片提示
  469. uploader.on('error', function(code) {
  470. switch(code) {
  471. case "Q_EXCEED_NUM_LIMIT":
  472. layer.msg('只能上传六个文件。');
  473. break;
  474. case "Q_TYPE_DENIED":
  475. layer.msg('图片类型不正确。');
  476. break;
  477. case "F_DUPLICATE":
  478. layer.msg('该文件已上传,请选择其它文件。');
  479. break;
  480. case "F_EXCEED_SIZE":
  481. layer.msg('单文件大小不能超过5M。');
  482. break;
  483. case "Q_EXCEED_SIZE_LIMIT":
  484. layer.msg('总文件大小不能超过30M。');
  485. break;
  486. default:
  487. break;
  488. }
  489. });
  490. // 当有文件添加进来的时候
  491. uploader.on('fileQueued', function(file) {
  492. console.log(file);
  493. var $li = $(
  494. '<div id="' + cindex + '' + file.id + '" class="file-item thumbnail">' +
  495. '<div class="image-close">X</div>' +
  496. '<img>' +
  497. '<div class="info">' + file.name + '</div>' +
  498. '</div>'
  499. ),
  500. $img = $li.find('img');
  501. imgList.prepend($li);
  502. $('#' + cindex + file.id).on('click', ".image-close", function() {
  503. event.stopPropagation();
  504. $(this).parent().remove();
  505. uploader.removeFile(file);
  506. helper.methods.delImgs($(this).parent().attr("data-filesmallurl"), $(this).parent().attr("data-fileurl"));
  507. file_num(cindex)
  508. });
  509. });
  510. // 文件上传成功,给item添加成功class, 用样式标记上传成功。
  511. uploader.on('uploadSuccess', function(file, response) {
  512. console.log(file)
  513. $.each(response.data, function(i, j) {
  514. // obj=
  515. var $img = $('#' + cindex + file.id).find('img');
  516. $('#' + cindex + file.id).attr({
  517. 'data-filename': j.filename,
  518. 'data-fileext': j.fileext,
  519. 'data-filemd5': j.filemd5,
  520. 'data-filesize': j.filesize,
  521. 'data-fileurl': j.fileurl,
  522. 'data-filesmallurl': j.filesmallurl
  523. });
  524. uploader.makeThumb(file, function(error, src) {
  525. $img.attr('src', j.filesmallurl);
  526. $img.addClass('image-item');
  527. // $img.attr('data-preview-group', "1");
  528. }, 50, 50);
  529. });
  530. $('#' + cindex + file.id).addClass('upload-state-done');
  531. file_num(cindex)
  532. });
  533. // 文件上传失败,现实上传出错。
  534. uploader.on('uploadError', function(file) {
  535. var $li = $('#' + cindex + file.id),
  536. $error = $li.find('div.error');
  537. // 避免重复创建
  538. if(!$error.length) {
  539. $error = $('<div class="error"></div>').appendTo($li);
  540. }
  541. $error.text('上传失败');
  542. });
  543. // 完成上传完了,成功或者失败,先删除进度条。
  544. // uploader.on('uploadComplete', function(file) {
  545. // });
  546. }
  547. //图片隐藏域值
  548. function file_num(num) {
  549. var arr = [];
  550. $('#image_list' + num).find('.thumbnail').each(function(j, m) {
  551. var obj = {
  552. 'filename': $(m).attr("data-filename"),
  553. 'fileext': $(m).attr("data-fileext"),
  554. 'filemd5': $(m).attr("data-filemd5"),
  555. 'filesize': $(m).attr("data-filesize"),
  556. 'fileurl': $(m).attr("data-fileurl"),
  557. 'filesmallurl': $(m).attr("data-filesmallurl")
  558. }
  559. arr.push(obj)
  560. })
  561. window['imageArr' + num] = arr;
  562. }
  563. //保存
  564. function btn_save() {
  565. addValue();
  566. }
  567. // 故障物品change
  568. var repairplaceStr = ''
  569. var descripe = ''
  570. var descripeStr = ''
  571. $("#floor").bind("change", function() {
  572. if($("#floor option:selected").text() == '器械科') {
  573. $("#selecteqname").css({
  574. "display": "none"
  575. })
  576. $("#eqname").css({
  577. "display": "inline-block"
  578. })
  579. console.log(descripeStr)
  580. } else {
  581. $("#eqname").css({
  582. "display": "none"
  583. })
  584. $("#selecteqname").css({
  585. "display": "inline-block"
  586. })
  587. }
  588. })
  589. //报修人
  590. function darptSearch() {
  591. if($('#formComplainedUnit').val() == '') {
  592. $(".selDpart1").css('display', 'none');
  593. } else {
  594. $(".selDpart1").css('display', 'block');
  595. getFormComplainedUnit();
  596. }
  597. }
  598. $("#sponsor").on('click', 'li', function() {
  599. $(".selDpart1").css('display', 'none');
  600. $("#formComplainedUnit").val($(this).html());
  601. })
  602. function getFormComplainedUnit() {
  603. $("#sponsor").empty();
  604. $.ajax({
  605. type: "get",
  606. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getuserinfobycodename",
  607. dataType: 'json',
  608. async: true,
  609. data: {
  610. codename: $("#formComplainedUnit").val(),
  611. },
  612. success: function(data) {
  613. if(data.state.toLowerCase() == "success") {
  614. var content = data.data;
  615. if(content.length === 0) {
  616. $(".selDpart1").css('display', 'none');
  617. } else {
  618. $(content).each(function(i, n) {
  619. $("<li index='" + n.usercode + "' >" + n.usercode + '-' + n.username + "</li>").appendTo("#sponsor");
  620. })
  621. }
  622. }
  623. }
  624. });
  625. }
  626. //添加
  627. function addValue() {
  628. repairplaceStr = $("#build option:selected").text() + " " + $("#floor option:selected").text();
  629. // if($("#floor option:selected").text()=='1层 器械科'){
  630. // descripeStr = $("#eqtext").val()
  631. // // descripe= $(".equipmentval").val()
  632. // }else{
  633. // descripeStr = $("#equipname").val()
  634. // }
  635. if(!$("#build").val()){
  636. layer.confirm('请选择楼!', {
  637. icon: 2,
  638. btn: ['确定'] //按钮
  639. });
  640. return;
  641. }
  642. if(!$("#floor").val()){
  643. layer.confirm('请选择科室!', {
  644. icon: 2,
  645. btn: ['确定'] //按钮
  646. });
  647. return;
  648. }
  649. console.log(repairplaceStr)
  650. console.log($("#build").val(),$("#build option:selected").text())
  651. console.log($("#floor").val(),$("#floor option:selected").text())
  652. if(!regexs.phone.test($.trim($("#contactway").val())) || $("#contactway").val() == '') {
  653. layer.confirm('请输入有效的联系方式!', {
  654. icon: 2,
  655. btn: ['确定'] //按钮
  656. });
  657. return;
  658. }
  659. if(!$("#province").val() || !$("#city").val()) {
  660. layer.confirm('请选择省市!', {
  661. icon: 2,
  662. btn: ['确定'] //按钮
  663. });
  664. return;
  665. }
  666. if(!$("#formComplainedUnit").val()) {
  667. layer.confirm('请输入报修人!', {
  668. icon: 2,
  669. btn: ['确定'] //按钮
  670. });
  671. return;
  672. }
  673. if(!$("#repairoom").val()) {
  674. layer.confirm('请输入报修地点!', {
  675. icon: 2,
  676. btn: ['确定'] //按钮
  677. });
  678. return;
  679. }
  680. if(!$("#menus").val()) {
  681. layer.confirm('请选择或输入设备名称!', {
  682. icon: 2,
  683. btn: ['确定'] //按钮
  684. });
  685. return;
  686. }
  687. $.ajax({
  688. type: "post",
  689. url: huayi.config.callcenter_url + ajaxUrl,
  690. async: true,
  691. dataType: 'json',
  692. data: {
  693. id: ids,
  694. channel: $('#channel').val(), // 是 渠道来源 1表示PC 2表示安卓 3表示IOS 4表示微信
  695. province: $('#province').val(), //省
  696. city: $('#city').val(), //市
  697. projectid: $('#proname').val(), // 项目名称
  698. // protypeid: $('#protype_addNode').val(), // 项目类型
  699. buildid: $("#build option:selected").val(), //楼
  700. floorid: $("#floor option:selected").val(), //楼层
  701. repairreplace: repairplaceStr, // 报修地点
  702. repairoom: $('#repairoom').val(), // 房间号
  703. repairtime: getFormatDate(), // 报修时间
  704. repairman: $("#formComplainedUnit").val(), // 是 string 报修人
  705. contactway: $('#contactway').val(), // 是 string 联系方式
  706. faultdescripe: $("#menus").val() && $("#menus").val().split('-')[0], // $('#faultdescripe').val(), // 否 string 故障说明
  707. assignman: $("#menusName").val(), // $('#faultdescripe').val(), // 否 string 故障说明
  708. ispd: $('#ispd').find('input[type="radio"]:checked').val(), // $(".ispd").val()
  709. // assignman: $(".assignman").val(),
  710. faultpic: imageArr0 // 故障图片,上传的json
  711. //callid: $('#callid').val(), //否 string 通话标志ID
  712. },
  713. success: function(data) {
  714. if(data.state.toLowerCase() == 'success') {
  715. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  716. parent.layer.close(index); //再执行关闭
  717. layer.msg(data.message);
  718. parent.$('#table1').bootstrapTable('refresh');
  719. }
  720. }
  721. });
  722. }
  723. function getequipment() {
  724. // $("#equipname").html('');
  725. equipmentdata = []
  726. // $("#equipname").append('<option selected="selected" value="">请选择设备</option>');
  727. $.ajax({
  728. type: "get",
  729. url: huayi.config.callcenter_url + "equipmentapi/api/Equipment/getlistsbypage", //获取数据的Servlet地址
  730. async: true,
  731. dataType: 'json',
  732. data: {
  733. pageindex: 1,
  734. pagesize: 1000,
  735. },
  736. success: function(data) {
  737. var equipmentdata = []
  738. if(data.state.toLowerCase() == 'success') {
  739. equipmentdata = data.data.rows
  740. // console.log(equipmentdata.length)
  741. if(equipmentdata.length > 0) {
  742. for(var k = 0; k < equipmentdata.length; k++) {
  743. $(equipmentdata[k]).each(function(q, p) {
  744. $('#equipname')
  745. .append('<option label="' + p.equipment_name + '" value="' + p.equipment_name + '"></option>');
  746. // $("<option value='" + p.equipment_name + "'>" + p.equipment_name + "</option>").appendTo("#equipname");
  747. $("#equipname").selectpicker('refresh');
  748. // console.log(p.equipment_name)
  749. });
  750. }
  751. } else {
  752. $("#equipname").empty();
  753. $("#equipname").selectpicker('refresh');
  754. }
  755. }
  756. }
  757. });
  758. }
  759. </script>
  760. </body>
  761. </html>