思念食品 UI

zhibiaoguanli.js 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595
  1. var keys;
  2. var Cids; //分类id
  3. var ids; //指标id
  4. var CategoryName; //分类名称
  5. var Sort; //排序
  6. var Score; //分数
  7. var Title; //标题
  8. var Remark; //备注
  9. var Pid; //父id
  10. var Left_Cids;
  11. var Left_Sort;
  12. var Left_Score;
  13. var Left_Pid;
  14. var $tableLeft = $('#tbr');
  15. var $tableLeft1 = $('#tb1');
  16. var token = $.cookie("token");
  17. Finish();
  18. IndexCategoryGe();
  19. Select();
  20. //所有指标
  21. $(".rightAll").click(function() {
  22. Finish();
  23. });
  24. //搜索功能
  25. $(".sear").click(function() {
  26. Finish();
  27. });
  28. //树形结构
  29. getBM($("#clbmtree"));
  30. function getBM(obj) {
  31. $.getJSON(huayi.config.callcenter_url + '/IndexCategory/GetAllList', {
  32. "token": $.cookie("token")
  33. }, function(result) {
  34. $.fn.zTree.init(obj, setting, result.data);
  35. })
  36. }
  37. var setting = {
  38. data: {
  39. key: {
  40. name: "F_CategoryName"
  41. },
  42. simpleData: {
  43. enable: true,
  44. idKey: "F_CategoryId",
  45. pIdKey: "F_ParentId",
  46. rootPId: 0
  47. }
  48. },
  49. callback: {
  50. onClick: zTreeOnClick
  51. }
  52. };
  53. function zTreeOnClick(event, treeId, treeNode) {
  54. if(event) {
  55. event.stopPropagation();
  56. }
  57. var obj = $("#" + event.data.treeId).parent();
  58. obj.parent().find("input").eq(0).val(treeNode.F_CategoryName);
  59. obj.parent().find("input").eq(1).val(treeNode.F_DeptId);
  60. obj.hide();
  61. Cids = treeNode.F_CategoryId;
  62. };
  63. /*tree下拉框效果*/
  64. $(".inpBox .tree").click(function() {
  65. if($(this).parent().find(".addTree").is(":hidden")) {
  66. $(this).parent().find(".addTree").show();
  67. } else {
  68. $(this).parent().find(".addTree").hide();
  69. }
  70. })
  71. //*删除*/
  72. $(".inpBox").hover(function(event) {
  73. $(this).children(".de_icon").show();
  74. event.stopPropagation();
  75. }, function() {
  76. $(this).children(".de_icon").hide();
  77. });
  78. $(".de_icon").click(function(event) {
  79. event.stopPropagation();
  80. $(this).siblings("input").eq(0).val("");
  81. $(this).siblings("input").eq(1).val("");
  82. if($(this).siblings("div").find("ul").attr("id") == "zrbmtree") {
  83. getRY($(".zrid"), $("#zrbm").val());
  84. }
  85. });
  86. $(".inpBox").mouseleave(function() {
  87. $(this).children(".addTree").hide();
  88. })
  89. $(".xl").click(function() {
  90. if($(this).parent().find(".addTree").is(":hidden")) {
  91. $(this).parent().find(".addTree").show();
  92. } else {
  93. $(this).parent().find(".addTree").hide();
  94. }
  95. });
  96. //清空选项
  97. function Clean() {
  98. $(".model").hide();
  99. $("._CategoryName").val("");
  100. $("._Score").val('');
  101. $("._Sort").val('');
  102. $(".F_Title").val('');
  103. $(".F_Remark").val('');
  104. }
  105. ///////////////////////////////////左边表格
  106. /*获取选中行对象*/
  107. $tableLeft1.on("click-row.bs.table", function(e, row, ele) {
  108. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  109. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  110. Left_Cids = row.F_CategoryId; //分类ID
  111. // ids = row.F_IndexId; //指标ID
  112. // CategoryName = row.F_CategoryName; //分类名称
  113. // Sort = row.F_Sort; //排序
  114. Left_Pid = row.F_ParentId; //父id
  115. console.log(Left_Pid, Left_Cids);
  116. $("#Left_ParentId").val(Left_Cids);
  117. Right(Left_Cids);
  118. });
  119. //获取指标分类列表
  120. function IndexCategoryGe() {
  121. //销毁表格
  122. $tableLeft1.bootstrapTable('destroy');
  123. //初始化表格,动态从服务器加载数据
  124. $tableLeft1.bootstrapTable({
  125. method: "get", //使用get请求到服务器获取数据
  126. url: huayi.config.callcenter_url + "IndexCategory/GetList",
  127. contentType: 'application/x-www-form-urlencoded',
  128. //url: "//117.158.196.116:8878/IndexCategory/GetList",
  129. striped: true, //表格显示条纹
  130. pagination: true, //启动分页
  131. pageSize: 5, //每页显示的记录数
  132. pageNumber: 1, //当前第几页
  133. pageList: [5, 20, 50, 100], //记录数可选列表
  134. search: false, //是否启用查询
  135. showColumns: false, //显示下拉框勾选要显示的列
  136. showRefresh: false, //显示刷新按钮
  137. sidePagination: "server", //表示服务端请求
  138. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  139. //设置为limit可以获取limit, offset, search, sort, order
  140. queryParamsType: "undefined",
  141. queryParams: function queryParams(params) { //设置查询参数
  142. var param = {
  143. page: params.pageNumber,
  144. pagesize: params.pageSize,
  145. token: token
  146. };
  147. return param;
  148. },
  149. onLoadSuccess: function() { //加载成功时执行
  150. // layer.msg("加载成功");
  151. },
  152. onLoadError: function() { //加载失败时执行
  153. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  154. }
  155. });
  156. }
  157. //删除
  158. $('.leftDelete').click(function() {
  159. if(Left_Cids) {
  160. DelIndexCategory(Left_Cids);
  161. } else {
  162. layer.msg('没有可删除的选项!');
  163. }
  164. })
  165. //删除功能
  166. function DelIndexCategory(Left_Cids) {
  167. $.ajax({
  168. type: "get",
  169. url: huayi.config.callcenter_url + "IndexCategory/DelIndexCategory",
  170. //url: '//117.158.196.116:8878/IndexCategory/DelIndexCategory',
  171. dataType: 'json',
  172. data: {
  173. id: Left_Cids
  174. },
  175. async: true,
  176. success: function(data) {
  177. layer.msg("删除成功");
  178. Finish();
  179. IndexCategoryGe();
  180. }
  181. });
  182. }
  183. ///修改功能
  184. $(".leftChange ").click(function() {
  185. if(Left_Cids) {
  186. $(".model").show();
  187. $(".leftBox").show();
  188. $(".Left_xgbtn").show();
  189. $(".rightBox").hide();
  190. $("#Left_add").hide();
  191. $("#Left_xgbtn").show();
  192. GetIndexCategory(Left_Cids);
  193. } else {
  194. layer.msg('没有选择要修改的分类,请选择!');
  195. Clean();
  196. }
  197. })
  198. ///左边获取指标分类
  199. function GetIndexCategory(Left_Cids) {
  200. $.ajax({
  201. type: "get",
  202. url: huayi.config.callcenter_url + "IndexCategory/GetIndexCategory",
  203. // url: '//117.158.196.116:8878/IndexCategory/GetIndexCategory',
  204. dataType: 'json',
  205. data: {
  206. cid: Left_Cids,
  207. token: token
  208. },
  209. async: true,
  210. success: function(data) {
  211. console.log(data);
  212. // IndexCategoryGe();
  213. $("#Left_CategoryName").val(data.data.F_CategoryName);
  214. $("#Left_Sort").val(data.data.F_Sort);
  215. $("#Left_ParentId").val(data.data.F_ParentId);
  216. }
  217. });
  218. }
  219. //下拉框
  220. function Select() {
  221. $.ajax({
  222. type: "get",
  223. url: huayi.config.callcenter_url + "/IndexCategory/GetAllList",
  224. // url:'//117.158.196.116:8878/IndexCategory/GetList',
  225. dataType: 'json',
  226. async: true,
  227. data: {
  228. token: token
  229. },
  230. success: function(data) {
  231. console.log(data);
  232. var conent = data.data;
  233. $('<option value="0">根分类</option>').appendTo($("#Left_ParentId"))
  234. for(var i = 0; i < conent.length; i++) {
  235. if(conent[i].F_ParentId == 0) {
  236. $('<option value="' + conent[i].F_CategoryId + '">' + conent[i].F_CategoryName + '</option>').appendTo($("#Left_ParentId"))
  237. }
  238. }
  239. }
  240. });
  241. }
  242. //编辑指标分类
  243. function EditIndexCategory(Left_Cids, Left_CategoryName, Left_Sort, Left_Pid) {
  244. $.ajax({
  245. type: "post",
  246. url: huayi.config.callcenter_url + "IndexCategory/EditIndexCategory",
  247. // url: '//117.158.196.116:8878/IndexCategory/EditIndexCategory',
  248. dataType: 'json',
  249. data: {
  250. cid: Left_Cids,
  251. categoryName: Left_CategoryName,
  252. sort: Left_Sort,
  253. pid: Left_Pid,
  254. token: token
  255. },
  256. async: true,
  257. success: function(data) {
  258. layer.msg("修改成功");
  259. IndexCategoryGe();
  260. Left_clean();
  261. }
  262. });
  263. }
  264. $("#Left_xgbtn").click(function() {
  265. Left_CategoryName = escape($("#Left_CategoryName").val());
  266. Left_Sort = $("#Left_Sort").val();
  267. EditIndexCategory(Left_Cids, Left_CategoryName, Left_Sort, Left_Pid);
  268. })
  269. //增加
  270. $(".leftAdd").click(function() {
  271. // if(Left_Pid){
  272. // $(".model").show();
  273. // $(".rightBox").hide();
  274. // $("#Left_xgbtn").hide();
  275. // $(".leftBox").show();
  276. // }
  277. $(".model").show();
  278. $(".rightBox").hide();
  279. $("#Left_xgbtn").hide();
  280. $(".leftBox").show();
  281. $("#Left_add").show();
  282. });
  283. $("#Left_add").click(function() {
  284. Left_CategoryName = escape($("#Left_CategoryName").val());
  285. Left_Sort = $("#Left_Sort").val();
  286. console.log(Left_CategoryName, Left_Sort, Left_Pid);
  287. Left_Pid = $('#Left_ParentId').val()
  288. AddIndexCategory(Left_CategoryName, Left_Sort, Left_Pid)
  289. });
  290. //添加左边
  291. function AddIndexCategory(Left_CategoryName, Left_Sort, Left_Pid) {
  292. $.ajax({
  293. type: "post",
  294. url: huayi.config.callcenter_url + "IndexCategory/AddIndexCategory",
  295. // url: '//117.158.196.116:8878/IndexCategory/AddIndexCategory',
  296. dataType: 'json',
  297. data: {
  298. categoryName: Left_CategoryName,
  299. sort: Left_Sort,
  300. pid: Left_Pid,
  301. token: token
  302. },
  303. async: true,
  304. success: function(data) {
  305. layer.msg("添加成功");
  306. IndexCategoryGe();
  307. Left_clean();
  308. }
  309. });
  310. }
  311. function Left_clean() {
  312. $("#Left_CategoryName").val('');
  313. $("#Left_Sort").val('');
  314. $(".model").hide();
  315. }
  316. ////////////////////////////////////////////////////////////////右边表格
  317. function Finish(Keys, Left_Cids) {
  318. //销毁表格
  319. $tableLeft.bootstrapTable('destroy');
  320. //初始化表格,动态从服务器加载数据
  321. $tableLeft.bootstrapTable({
  322. method: "get", //使用get请求到服务器获取数据
  323. url: huayi.config.callcenter_url + "IndexBase/GetList",
  324. // url: "//117.158.196.116:8878/IndexBase/GetList",
  325. contentType: 'application/x-www-form-urlencoded',
  326. striped: true, //表格显示条纹
  327. pagination: true, //启动分页
  328. pageSize: 5, //每页显示的记录数
  329. pageNumber: 1, //当前第几页
  330. pageList: [5, 20, 50, 100], //记录数可选列表
  331. search: false, //是否启用查询
  332. showColumns: false, //显示下拉框勾选要显示的列
  333. showRefresh: false, //显示刷新按钮
  334. sidePagination: "server", //表示服务端请求
  335. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  336. //设置为limit可以获取limit, offset, search, sort, order
  337. queryParamsType: "undefined",
  338. queryParams: function queryParams(params) { //设置查询参数
  339. var param = {
  340. page: params.pageNumber,
  341. pagesize: params.pageSize,
  342. categoryid: Left_Cids,
  343. key: $("#Keys").val()
  344. };
  345. return param;
  346. },
  347. onLoadSuccess: function() { //加载成功时执行
  348. // layer.msg("加载成功");
  349. },
  350. onLoadError: function() { //加载失败时执行
  351. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  352. }
  353. });
  354. }
  355. function Right(Left_Cids) {
  356. $tableLeft.bootstrapTable('destroy');
  357. //初始化表格,动态从服务器加载数据
  358. $tableLeft.bootstrapTable({
  359. method: "get", //使用get请求到服务器获取数据
  360. url: huayi.config.callcenter_url + "IndexBase/GetList",
  361. // url: "//117.158.196.116:8878/IndexBase/GetList",
  362. contentType: 'application/x-www-form-urlencoded',
  363. striped: true, //表格显示条纹
  364. pagination: true, //启动分页
  365. pageSize: 5, //每页显示的记录数
  366. pageNumber: 1, //当前第几页
  367. pageList: [5, 20, 50, 100], //记录数可选列表
  368. search: false, //是否启用查询
  369. showColumns: false, //显示下拉框勾选要显示的列
  370. showRefresh: false, //显示刷新按钮
  371. sidePagination: "server", //表示服务端请求
  372. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  373. //设置为limit可以获取limit, offset, search, sort, order
  374. queryParamsType: "undefined",
  375. queryParams: function queryParams(params) { //设置查询参数
  376. var param = {
  377. page: params.pageNumber,
  378. pagesize: params.pageSize,
  379. categoryid: Left_Cids,
  380. };
  381. return param;
  382. },
  383. onLoadSuccess: function() { //加载成功时执行
  384. // layer.msg("加载成功");
  385. },
  386. onLoadError: function() { //加载失败时执行
  387. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  388. }
  389. });
  390. }
  391. /*获取选中行对象*/
  392. $tableLeft.on("click-row.bs.table", function(e, row, ele) {
  393. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  394. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  395. Cids = row.F_CategoryId; //分类ID
  396. ids = row.F_IndexId; //指标ID
  397. CategoryName = row.F_CategoryName; //分类名称
  398. Sort = row.F_Sort; //排序
  399. Pid = row.F_ParentId; //父id
  400. });
  401. //增加
  402. $(".rightAdd").click(function() {
  403. $(".model").show();
  404. $(".rightBox").show();
  405. $(".leftBox").hide();
  406. $("#add").show();
  407. $('#xg_btn').hide();
  408. })
  409. //修改功能
  410. $(".rightChange ").click(function() {
  411. if(Cids, ids) {
  412. $(".model").show();
  413. $(".rightBox").show();
  414. $("#add").hide();
  415. $(".leftBox").hide();
  416. $("#xg_btn").show();
  417. GetIndexBase(ids);
  418. } else {
  419. layer.msg('没有选择要修改的指标,请选择!');
  420. Clean();
  421. }
  422. })
  423. //删除
  424. $('.rightDelete').click(function() {
  425. if(Cids, ids) {
  426. Delet(Cids, ids);
  427. GetIndexCategory();
  428. } else {
  429. layer.msg('没有可删除的选项!');
  430. }
  431. })
  432. //编号
  433. function setCode(val, row, index) {
  434. return index + 1;
  435. }
  436. //删除指标
  437. function Delet(Cids, ids) {
  438. $.ajax({
  439. type: "get",
  440. url: huayi.config.callcenter_url + "IndexBase/DelIndexBase",
  441. // url: '//117.158.196.116:8878/IndexBase/DelIndexBase',
  442. dataType: 'json',
  443. data: {
  444. id: ids,
  445. cid: Cids,
  446. token: token
  447. },
  448. async: true,
  449. success: function(data) {
  450. layer.msg("删除成功");
  451. Finish();
  452. IndexCategoryGe();
  453. }
  454. });
  455. }
  456. //关闭阴影
  457. $(".rbtr").click(function() {
  458. $(".model").hide();
  459. })
  460. //获取指标
  461. function GetIndexBase(ids) {
  462. $.ajax({
  463. type: "get",
  464. url: huayi.config.callcenter_url + "IndexBase/GetIndexBase",
  465. // url: '//117.158.196.116:8878/IndexBase/GetIndexBase',
  466. dataType: 'json',
  467. data: {
  468. id: ids,
  469. token: token
  470. },
  471. async: true,
  472. success: function(data) {
  473. if(data.state == "success") {
  474. $("._CategoryName").val(data.data.F_CategoryName);
  475. $("._Score").val(data.data.F_Score);
  476. $("._Sort").val(data.data.F_Sort);
  477. $(".F_Title").val(data.data.F_Title);
  478. $(".F_Remark").val(data.data.F_Remark);
  479. } else {
  480. alert("获取失败");
  481. }
  482. }
  483. });
  484. }
  485. //修改保存
  486. $("#xg_btn").click(function() {
  487. CategoryName = $("._CategoryName").val();
  488. Score = $("._Score").val();
  489. Sort = $("._Sort").val();
  490. Title = $(".F_Title").val();
  491. Remark = $(".F_Remark").val();
  492. EditIndexBas(Cids, ids, Sort, Score, Title, Remark);
  493. });
  494. //增加按钮
  495. $("#add").click(function() {
  496. Score = $("._Score").val();
  497. Sort = $("._Sort").val();
  498. Title = $(".F_Title").val();
  499. Remark = escape($(".F_Remark").val());
  500. AddIndexBase(Cids, Sort, Score, Title, Remark)
  501. });
  502. //编辑指标
  503. function EditIndexBas(Cids, ids, Sort, Score, Title, Remark) {
  504. $.ajax({
  505. type: "post",
  506. url: huayi.config.callcenter_url + "/IndexBase/EditIndexBase",
  507. // url: '//117.158.196.116:8878/IndexBase/EditIndexBase',
  508. dataType: 'json',
  509. data: {
  510. id: ids,
  511. cid: Cids, //指标分类id
  512. sort: Sort, //排序
  513. score: Score,
  514. title: Title,
  515. remark: Remark,
  516. token: token
  517. },
  518. async: true,
  519. success: function(data) {
  520. if(data.state == "success") {
  521. Clean();
  522. layer.msg('修改成功!');
  523. Finish();
  524. IndexCategoryGe();
  525. } else {
  526. alert("修改失败");
  527. $(".model").hide();
  528. }
  529. }
  530. });
  531. }
  532. //添加指标
  533. function AddIndexBase(Cids, Sort, Score, Title, Remark) {
  534. $.ajax({
  535. type: "post",
  536. url: huayi.config.callcenter_url + "IndexBase/AddIndexBase",
  537. // url: '//117.158.196.116:8878/IndexBase/AddIndexBase',
  538. dataType: 'json',
  539. data: {
  540. cid: Cids, //指标分类id
  541. sort: Sort, //排序
  542. score: Score,
  543. title: Title,
  544. remark: Remark,
  545. token: token
  546. },
  547. async: true,
  548. success: function(data) {
  549. if(data.state == "success") {
  550. Clean();
  551. layer.msg('添加成功!');
  552. Finish();
  553. IndexCategoryGe();
  554. } else {
  555. $(".model").hide();
  556. }
  557. }
  558. });
  559. }
  560. //名称
  561. function Type(val, row) {
  562. if(val == 0) {
  563. return '<div><a style="color:#e43926;">' + row.F_CategoryName + '</a></div>'
  564. } else {
  565. return '<div>' + row.F_CategoryName + '</div>'
  566. }
  567. }
  568. // }