devConfig.js 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. app.controller('devConfigCtrl', ['$scope', '$http', '$timeout', 'toaster', 'FileUploader', function ($scope, $http, $timeout, toaster, FileUploader) {
  2. $scope.devTypeGridOptions = {
  3. data: 'myData',
  4. showGridFooter: true, //是否显示grid footer
  5. //-------- 分页属性 ----------------
  6. paginationPageSizes: [10, 20, 50, 100], //每页显示个数可选项
  7. paginationCurrentPage: 1, //当前页码
  8. paginationPageSize: 10, //每页显示个数
  9. totalItems: 0,// 总数量
  10. columnDefs: [],
  11. //---------------api---------------------
  12. onRegisterApi: function (gridApi) {
  13. $scope.gridApi = gridApi;
  14. gridApi.pagination.on.paginationChanged($scope, function (newPage, pageSize) {
  15. if ($scope.setPagingData) {
  16. $scope.getPagedDataAsync(newPage, pageSize);
  17. }
  18. });
  19. }
  20. };
  21. function setColumnDefs() {
  22. $scope.devTypeGridOptions.columnDefs = [
  23. {field: 'name', displayName: '设备名称',width: 120,},
  24. {field: 'code', displayName: '类型编码'},
  25. {field: 'majorDeviceType', displayName: '设备类型'},
  26. {field: 'instructions', displayName: '使用说明',width: 180,},
  27. {
  28. field: 'unit', displayName: '计费单位', width: 80,
  29. },
  30. {
  31. field: '___', displayName: '特性', width: 160,
  32. cellTemplate: '<div class="temp-row">' +
  33. '<span ng-if="row.entity.stock" class="text-success">库存; </span>' +
  34. '<span ng-if="row.entity.payableWhileBusy" class="text-success">追加投币; </span>' +
  35. '<span ng-if="row.entity.isPulse" class="text-success">脉冲设备; </span>' +
  36. '<span ng-if="row.entity.features.billAsService&&row.entity.features.billAsService.support&&row.entity.features.billAsService.on" class="text-success">服务费模式; </span>' +
  37. '</div>'
  38. },
  39. {
  40. field: 'package', displayName: '默认套餐', minWidth: 380,
  41. enableFiltering: false,
  42. enableSorting: false,
  43. enableHiding: false,//禁止在列选择器中隐藏
  44. enableColumnMenu: false,// 是否显示列头部菜单按钮
  45. cellTemplate: '<span class="grid-button" ng-repeat=" item in row.entity.package" ><button class="btn btn-rounded btn-sm btn-success ">{{item.name}}</button></span>'
  46. }
  47. ];
  48. var fields = $scope.devTypeGridOptions.columnDefs;
  49. for (var index in fields) {
  50. var item = fields[index];
  51. if (item && item['minWidth'] == null) {
  52. item['minWidth'] = 80;
  53. }
  54. }
  55. }
  56. $scope.setPagingData = function (data, curPage, pageSize) {
  57. var pagedData = data.data.dataList;
  58. $scope.myData = pagedData;
  59. $scope.devTypeGridOptions.totalItems = data.data.total;
  60. };
  61. //刷新设备类型表格数据
  62. $scope.getPagedDataAsync = function (curPage, pageSize) {
  63. var params = {
  64. pageSize: pageSize,
  65. pageIndex: curPage
  66. };
  67. $http.get('/device/getDevTypeList', {
  68. params: params
  69. }).then(function (data) {
  70. $scope.setPagingData(data.data, curPage, pageSize);
  71. }).catch(function (data) {
  72. toaster.pop("error", "提示", "获取列表失败");
  73. });
  74. };
  75. function initDataGrid() {
  76. //首次加载表格
  77. $scope.getPagedDataAsync($scope.devTypeGridOptions.paginationCurrentPage, $scope.devTypeGridOptions.paginationPageSize);
  78. }
  79. setColumnDefs();
  80. initDataGrid();
  81. //编辑弹窗需要的数据
  82. $scope.dialogName = "编辑设备类型";
  83. $scope.dialogData = {};
  84. //事件
  85. $scope.ngEvent = {
  86. };
  87. //默认充值优惠信息
  88. $scope.config = {
  89. unitMap: ["分钟", "秒", "小时", "天", "次", "币", "度", "杯", "包", "升", "毫升", "斤", "公斤",],
  90. //单路接口类型
  91. ConnectorTypeList: [
  92. {value: 1, name: "家用插座(模式2)",},
  93. {value: 2, name: "交流接口插座(模式3,连接方式B)",},
  94. {value: 3, name: "交流接口插头(带枪线,模式3,连接方式C)",},
  95. {value: 4, name: "直流接口枪头(带枪线,模式4)",},
  96. {value: 5, name: "无线充电座",},
  97. {value: 6, name: "其他国家标准",},
  98. ],
  99. };
  100. //编辑设备类型
  101. $scope.editDevType = function () {
  102. //重置表单状态
  103. $scope.devTypeForm.$setPristine();
  104. $scope.devTypeForm.$setUntouched();
  105. //重置图片上传控件
  106. closeUploader();
  107. $scope.dialogName = "编辑设备类型";
  108. var rows = $scope.gridApi.selection.getSelectedRows();
  109. if (rows.length == 0) {
  110. toaster.pop("info", "提示", "请选择数据!");
  111. return;
  112. }
  113. if (rows.length > 1) {
  114. toaster.pop("info", "提示", "只能选中编辑一条数据");
  115. return;
  116. }
  117. //选中的第一条为准
  118. var item = rows[0];
  119. $scope.dialogData = $.extend(true, {
  120. features: {
  121. extraInfo: {},
  122. billAsService: {
  123. support: false,//是否有此特性
  124. on: false,//开关
  125. elecCharge: 0,
  126. serviceCharge: 0
  127. }
  128. }
  129. }, item);//需要深度克隆,因为套餐是数组
  130. //选中数据后,初始化对应的图片上传控件
  131. initUploader();
  132. $("#devTypePanel").modal();
  133. };
  134. $scope.deletePackage = function (index) {
  135. var packageItem = $scope.dialogData.package;
  136. if (packageItem[index]) {
  137. packageItem.splice(index, 1);
  138. }
  139. };
  140. $scope.addPackage = function () {
  141. var packageList = $scope.dialogData.package;
  142. if (!$.isArray(packageList)) {
  143. packageList = $scope.dialogData.package = [];
  144. }
  145. var length = packageList.length;
  146. var packageItem = {
  147. name: "套餐" + (length + 1),
  148. description: "",
  149. coins: length + 1,
  150. price: length + 1,
  151. imgList: [],
  152. time: (length + 1) * 15
  153. };
  154. packageList.push(packageItem);
  155. // 初始化对应的图片上传控件
  156. createUploader(packageItem);
  157. };
  158. //创建上传组件
  159. function createUploader(packageItem) {
  160. //文件提交控件
  161. var uploader = new FileUploader({
  162. url: '/common/upload?type=packageImg',
  163. queueLimit: 1, //文件个数
  164. removeAfterUpload: true //上传后删除文件
  165. });
  166. //注册上传事件
  167. uploader.onCompleteItem = function (fileItem, response) {
  168. if (response.payload) {
  169. //适配数据
  170. response.data = response.payload;
  171. }
  172. if (response.result) {
  173. toaster.pop("success", "提示", "上传成功!");
  174. // 如果没有图片存放位置,怎新建一个imgList
  175. if (!$.isArray(packageItem.imgList)) {
  176. packageItem.imgList = [];
  177. }
  178. packageItem.imgList[0] = response.data;
  179. } else {
  180. toaster.pop("error", "失败", response.description);
  181. }
  182. };
  183. uploader.onErrorItem = function (fileItem, response, status, headers) {
  184. toaster.pop("error", "提示", "上传失败,请重试");
  185. };
  186. packageItem.uploader = uploader;
  187. }
  188. // 编辑时,初始化套餐的图片上传控件
  189. function initUploader() {
  190. var packageList = $scope.dialogData.package;
  191. for (var index in packageList) {
  192. var item = packageList[index];
  193. createUploader(item)
  194. }
  195. }
  196. /*关闭上传框窗口后恢复上传框初始状态*/
  197. function closeUploader() {
  198. $(".fileUpload").val("");
  199. var packageList = $scope.dialogData.package;
  200. for (var index in packageList) {
  201. var item = packageList[index];
  202. if (item.uploader) {
  203. item.uploader.clearQueue();
  204. item.uploader.cancelAll();
  205. }
  206. }
  207. }
  208. //提交表单保存
  209. $scope.saveDevTypeData = function () {
  210. if ($scope.devTypeForm.$invalid) {
  211. return
  212. }
  213. var url = "";
  214. url = "/device/editDevType";
  215. // 删除多余的数据,否则无法保存
  216. var packageList = $scope.dialogData.package;
  217. for (var index in packageList) {
  218. var item = packageList[index];
  219. delete item.uploader
  220. }
  221. $http({
  222. method: 'POST',
  223. url: url,
  224. data: $scope.dialogData
  225. }).then(function (response) {
  226. //保存成功 弹窗消失
  227. $('#devTypePanel').modal('hide');
  228. $scope.getPagedDataAsync($scope.devTypeGridOptions.paginationCurrentPage, $scope.devTypeGridOptions.paginationPageSize);
  229. }, function (response) {
  230. toaster.pop("error", "提示", "保存失败!");
  231. });
  232. };
  233. }]);