Commit 7e127528b28603ad96c6b74dfd813388506e431e
PSM-17
Showing
25 changed files
with
2352 additions
and
2301 deletions
Too many changes to show.
To preserve performance only 25 of 31 files are displayed.
src/main/java/com/bsth/controller/BaseController.java
| ... | ... | @@ -17,6 +17,7 @@ import org.springframework.web.multipart.MultipartFile; |
| 17 | 17 | |
| 18 | 18 | import javax.servlet.http.HttpServletResponse; |
| 19 | 19 | import java.io.*; |
| 20 | +import java.util.ArrayList; | |
| 20 | 21 | import java.util.HashMap; |
| 21 | 22 | import java.util.List; |
| 22 | 23 | import java.util.Map; |
| ... | ... | @@ -54,18 +55,31 @@ public class BaseController<T, ID extends Serializable> { |
| 54 | 55 | @RequestParam(defaultValue = "id") String order, |
| 55 | 56 | @RequestParam(defaultValue = "DESC") String direction){ |
| 56 | 57 | |
| 57 | - Direction d; | |
| 58 | - | |
| 59 | - if(null != direction && direction.equals("ASC")) | |
| 60 | - d = Direction.ASC; | |
| 61 | - else | |
| 62 | - d = Direction.DESC; | |
| 63 | - | |
| 64 | 58 | // 允许多个字段排序,order可以写单个字段,也可以写多个字段 |
| 65 | 59 | // 多个字段格式:{col1},{col2},{col3},....,{coln} |
| 66 | - // 每个字段的排序方向都是一致,这个以后再看要不要改 | |
| 67 | - List<String> list = Splitter.on(",").trimResults().splitToList(order); | |
| 68 | - return baseService.list(map, new PageRequest(page, size, new Sort(d, list))); | |
| 60 | + List<String> order_columns = Splitter.on(",").trimResults().splitToList(order); | |
| 61 | + // 多字段排序:DESC,ASC... | |
| 62 | + List<String> order_dirs = Splitter.on(",").trimResults().splitToList(direction); | |
| 63 | + | |
| 64 | + if (order_dirs.size() == 1) { // 所有字段采用一种排序 | |
| 65 | + if (null != order_dirs.get(0) && order_dirs.get(0).equals("ASC")) { | |
| 66 | + return baseService.list(map, new PageRequest(page, size, new Sort(Direction.ASC, order_columns))); | |
| 67 | + } else { | |
| 68 | + return baseService.list(map, new PageRequest(page, size, new Sort(Direction.DESC, order_columns))); | |
| 69 | + } | |
| 70 | + } else if (order_columns.size() == order_dirs.size()) { | |
| 71 | + List<Sort.Order> orderList = new ArrayList<>(); | |
| 72 | + for (int i = 0; i < order_columns.size(); i++) { | |
| 73 | + if (null != order_dirs.get(i) && order_dirs.get(i).equals("ASC")) { | |
| 74 | + orderList.add(new Sort.Order(Direction.ASC, order_columns.get(i))); | |
| 75 | + } else { | |
| 76 | + orderList.add(new Sort.Order(Direction.DESC, order_columns.get(i))); | |
| 77 | + } | |
| 78 | + } | |
| 79 | + return baseService.list(map, new PageRequest(page, size, new Sort(orderList))); | |
| 80 | + } else { | |
| 81 | + throw new RuntimeException("多字段排序参数格式问题,排序顺序和字段数不一致"); | |
| 82 | + } | |
| 69 | 83 | } |
| 70 | 84 | |
| 71 | 85 | /** | ... | ... |
src/main/java/com/bsth/controller/CarDeviceController.java
| 1 | 1 | package com.bsth.controller; |
| 2 | 2 | |
| 3 | +import com.bsth.common.ResponseCode; | |
| 3 | 4 | import com.bsth.entity.CarDevice; |
| 5 | +import com.bsth.service.CarDeviceService; | |
| 6 | +import org.joda.time.DateTime; | |
| 7 | +import org.springframework.beans.factory.annotation.Autowired; | |
| 4 | 8 | import org.springframework.web.bind.annotation.RequestBody; |
| 5 | 9 | import org.springframework.web.bind.annotation.RequestMapping; |
| 6 | 10 | import org.springframework.web.bind.annotation.RequestMethod; |
| 7 | 11 | import org.springframework.web.bind.annotation.RestController; |
| 8 | 12 | |
| 13 | +import java.util.HashMap; | |
| 14 | +import java.util.Iterator; | |
| 9 | 15 | import java.util.Map; |
| 10 | 16 | |
| 11 | 17 | /** |
| ... | ... | @@ -14,7 +20,8 @@ import java.util.Map; |
| 14 | 20 | @RestController |
| 15 | 21 | @RequestMapping("cde") |
| 16 | 22 | public class CarDeviceController extends BaseController<CarDevice, Long> { |
| 17 | - | |
| 23 | + @Autowired | |
| 24 | + private CarDeviceService carDeviceService; | |
| 18 | 25 | /** |
| 19 | 26 | * 覆写方法,因为form提交的方式参数不全,改用 json形式提交 @RequestBody |
| 20 | 27 | * @Title: save |
| ... | ... | @@ -28,4 +35,22 @@ public class CarDeviceController extends BaseController<CarDevice, Long> { |
| 28 | 35 | public Map<String, Object> save(@RequestBody CarDevice t){ |
| 29 | 36 | return baseService.save(t); |
| 30 | 37 | } |
| 38 | + | |
| 39 | + @RequestMapping(value = "/validate/qyrq", method = RequestMethod.GET) | |
| 40 | + public Map<String, Object> validateQyrq(String qyrq, Integer xl, Integer cl) { | |
| 41 | + // 验证启用日期,必须是最大的日期,就是最晚的日期 | |
| 42 | + Map<String, Object> obj = new HashMap<>(); | |
| 43 | + obj.put("xl_eq", xl); | |
| 44 | + obj.put("cl_eq", cl); | |
| 45 | + obj.put("qyrq_ge", new DateTime(qyrq).toDate()); | |
| 46 | + Iterator<CarDevice> iterator = carDeviceService.list(obj).iterator(); | |
| 47 | + if (iterator.hasNext()) { | |
| 48 | + obj.clear(); | |
| 49 | + obj.put("status", ResponseCode.ERROR); | |
| 50 | + } else { | |
| 51 | + obj.clear(); | |
| 52 | + obj.put("status", ResponseCode.SUCCESS); | |
| 53 | + } | |
| 54 | + return obj; | |
| 55 | + } | |
| 31 | 56 | } | ... | ... |
src/main/java/com/bsth/data/arrival/ArrivalData_GPS.java
| ... | ... | @@ -51,7 +51,7 @@ public class ArrivalData_GPS implements CommandLineRunner{ |
| 51 | 51 | @Override |
| 52 | 52 | public void run(String... arg0) throws Exception { |
| 53 | 53 | logger.info("ArrivalData_GPS,30,10"); |
| 54 | - Application.mainServices.scheduleWithFixedDelay(dataLoaderThread, 30, 600, TimeUnit.SECONDS); | |
| 54 | + Application.mainServices.scheduleWithFixedDelay(dataLoaderThread, 30, 10, TimeUnit.SECONDS); | |
| 55 | 55 | } |
| 56 | 56 | |
| 57 | 57 | @Component | ... | ... |
src/main/java/com/bsth/data/gpsdata/GpsRealData.java
| ... | ... | @@ -73,7 +73,7 @@ public class GpsRealData implements CommandLineRunner{ |
| 73 | 73 | @Override |
| 74 | 74 | public void run(String... arg0) throws Exception { |
| 75 | 75 | logger.info("gpsDataLoader,20,6"); |
| 76 | - //Application.mainServices.scheduleWithFixedDelay(gpsDataLoader, 20, 7, TimeUnit.SECONDS); | |
| 76 | + Application.mainServices.scheduleWithFixedDelay(gpsDataLoader, 20, 6, TimeUnit.SECONDS); | |
| 77 | 77 | } |
| 78 | 78 | |
| 79 | 79 | public GpsEntity add(GpsEntity gps) { | ... | ... |
src/main/java/com/bsth/entity/search/PredicatesBuilder.java
| 1 | 1 | package com.bsth.entity.search; |
| 2 | 2 | |
| 3 | +import javax.persistence.criteria.CriteriaBuilder; | |
| 4 | +import javax.persistence.criteria.Path; | |
| 5 | +import javax.persistence.criteria.Predicate; | |
| 3 | 6 | import java.text.NumberFormat; |
| 4 | 7 | import java.text.ParseException; |
| 5 | 8 | import java.text.SimpleDateFormat; |
| 6 | 9 | import java.util.Date; |
| 7 | 10 | |
| 8 | -import javax.persistence.criteria.CriteriaBuilder; | |
| 9 | -import javax.persistence.criteria.Path; | |
| 10 | -import javax.persistence.criteria.Predicate; | |
| 11 | - | |
| 12 | 11 | /** |
| 13 | 12 | * |
| 14 | 13 | * @ClassName: PredicatesBuilder |
| ... | ... | @@ -44,13 +43,22 @@ public class PredicatesBuilder { |
| 44 | 43 | } |
| 45 | 44 | } |
| 46 | 45 | |
| 47 | - public static Predicate ge(CriteriaBuilder cb,Path<Number> expression, Object object){ | |
| 48 | - try { | |
| 49 | - return cb.ge(expression, nf.parse(object.toString())); | |
| 50 | - } catch (ParseException e) { | |
| 51 | - e.printStackTrace(); | |
| 52 | - return null; | |
| 53 | - } | |
| 46 | + public static Predicate ge(CriteriaBuilder cb,Path<?> expression, Object object){ | |
| 47 | + Class<?> leftType = expression.getJavaType(); | |
| 48 | + Class<?> rightType = object.getClass(); | |
| 49 | + | |
| 50 | + if (leftType.isAssignableFrom(Number.class) && | |
| 51 | + rightType.isAssignableFrom(Number.class)) { // 判定是否是Number类型的子类 | |
| 52 | + return cb.ge((Path<Number>) expression, (Number) object); | |
| 53 | + } else if (leftType.isAssignableFrom(String.class) && | |
| 54 | + rightType.isAssignableFrom(String.class)) { // 判定是否是String类型的子类 | |
| 55 | + return cb.greaterThanOrEqualTo((Path<String>) expression, (String) object); | |
| 56 | + } else if (leftType.isAssignableFrom(Date.class) && | |
| 57 | + rightType.isAssignableFrom(Date.class)) { // 判定是否是Date类型的子类 | |
| 58 | + return cb.greaterThanOrEqualTo((Path<Date>) expression, (Date) object); | |
| 59 | + } else { | |
| 60 | + throw new RuntimeException("ge 不支持类型组合:" + expression.getJavaType() + ">=" + object.getClass()); | |
| 61 | + } | |
| 54 | 62 | } |
| 55 | 63 | |
| 56 | 64 | public static Predicate lt(CriteriaBuilder cb,Path<Number> expression, Object object){ |
| ... | ... | @@ -62,13 +70,22 @@ public class PredicatesBuilder { |
| 62 | 70 | } |
| 63 | 71 | } |
| 64 | 72 | |
| 65 | - public static Predicate le(CriteriaBuilder cb,Path<Number> expression, Object object){ | |
| 66 | - try { | |
| 67 | - return cb.le(expression, nf.parse(object.toString())); | |
| 68 | - } catch (ParseException e) { | |
| 69 | - e.printStackTrace(); | |
| 70 | - return null; | |
| 71 | - } | |
| 73 | + public static Predicate le(CriteriaBuilder cb,Path<?> expression, Object object){ | |
| 74 | + Class<?> leftType = expression.getJavaType(); | |
| 75 | + Class<?> rightType = object.getClass(); | |
| 76 | + | |
| 77 | + if (leftType.isAssignableFrom(Number.class) && | |
| 78 | + rightType.isAssignableFrom(Number.class)) { // 判定是否是Number类型的子类 | |
| 79 | + return cb.le((Path<Number>) expression, (Number) object); | |
| 80 | + } else if (leftType.isAssignableFrom(String.class) && | |
| 81 | + rightType.isAssignableFrom(String.class)) { // 判定是否是String类型的子类 | |
| 82 | + return cb.lessThanOrEqualTo((Path<String>) expression, (String) object); | |
| 83 | + } else if (leftType.isAssignableFrom(Date.class) && | |
| 84 | + rightType.isAssignableFrom(Date.class)) { // 判定是否是Date类型的子类 | |
| 85 | + return cb.lessThanOrEqualTo((Path<Date>) expression, (Date) object); | |
| 86 | + } else { | |
| 87 | + throw new RuntimeException("ge 不支持类型组合:" + expression.getJavaType() + ">=" + object.getClass()); | |
| 88 | + } | |
| 72 | 89 | } |
| 73 | 90 | |
| 74 | 91 | public static Predicate prefixLike(CriteriaBuilder cb,Path<String> expression, Object object){ | ... | ... |
src/main/java/com/bsth/service/impl/CarDeviceServiceImpl.java
| ... | ... | @@ -2,8 +2,10 @@ package com.bsth.service.impl; |
| 2 | 2 | |
| 3 | 3 | import com.bsth.common.ResponseCode; |
| 4 | 4 | import com.bsth.entity.CarDevice; |
| 5 | +import com.bsth.entity.Cars; | |
| 5 | 6 | import com.bsth.entity.schedule.rule.RerunRule; |
| 6 | 7 | import com.bsth.repository.CarDeviceRepository; |
| 8 | +import com.bsth.repository.CarsRepository; | |
| 7 | 9 | import com.bsth.service.CarDeviceService; |
| 8 | 10 | import org.springframework.beans.factory.annotation.Autowired; |
| 9 | 11 | import org.springframework.stereotype.Service; |
| ... | ... | @@ -17,9 +19,31 @@ import java.util.Map; |
| 17 | 19 | */ |
| 18 | 20 | @Service |
| 19 | 21 | public class CarDeviceServiceImpl extends BaseServiceImpl<CarDevice, Long> implements CarDeviceService { |
| 20 | - | |
| 21 | 22 | @Autowired |
| 22 | 23 | private CarDeviceRepository carDeviceRepository; |
| 24 | + @Autowired | |
| 25 | + private CarsRepository carsRepository; | |
| 26 | + | |
| 27 | + @Transactional | |
| 28 | + @Override | |
| 29 | + public Map<String, Object> save(CarDevice carDevice) { | |
| 30 | + Map<String, Object> map = new HashMap<>(); | |
| 31 | + | |
| 32 | + try { | |
| 33 | + // 查找对应的车辆基础信息,更新设备编号数据 | |
| 34 | + Cars cars = carsRepository.findOne(carDevice.getCl()); | |
| 35 | + cars.setEquipmentCode(carDevice.getNewDeviceNo()); | |
| 36 | + // 保存车辆设备信息 | |
| 37 | + carDeviceRepository.save(carDevice); | |
| 38 | + map.put("status", ResponseCode.SUCCESS); | |
| 39 | + map.put("t", carDevice); | |
| 40 | + } catch(Exception e) { | |
| 41 | + map.put("status", ResponseCode.ERROR); | |
| 42 | + logger.error("save erro.", e); | |
| 43 | + } | |
| 44 | + | |
| 45 | + return map; | |
| 46 | + } | |
| 23 | 47 | |
| 24 | 48 | @Transactional |
| 25 | 49 | @Override | ... | ... |
src/main/resources/datatools/config-prod.properties
| ... | ... | @@ -4,11 +4,11 @@ |
| 4 | 4 | datatools.kettle_properties=/datatools/kettle.properties |
| 5 | 5 | # 2、ktr文件通用配置变量(数据库连接,根据不同的环境需要修正) |
| 6 | 6 | #数据库ip地址 |
| 7 | -datatools.kvars_dbip=192.168.40.82 | |
| 7 | +datatools.kvars_dbip=192.168.40.100 | |
| 8 | 8 | #数据库用户名 |
| 9 | 9 | datatools.kvars_dbuname=root |
| 10 | 10 | #数据库密码 |
| 11 | -datatools.kvars_dbpwd=123456 | |
| 11 | +datatools.kvars_dbpwd=root@JSP2jsp | |
| 12 | 12 | #数据库库名 |
| 13 | 13 | datatools.kvars_dbdname=qp_control |
| 14 | 14 | ... | ... |
src/main/resources/static/assets/img/bg_9b9dcb65ff.png
src/main/resources/static/pages/scheduleApp/module/basicInfo/busInfoManage/edit.html
| ... | ... | @@ -45,7 +45,10 @@ |
| 45 | 45 | <div class="col-md-3"> |
| 46 | 46 | <input type="text" class="form-control" |
| 47 | 47 | name="insideCode" ng-model="ctrl.busInfoForSave.insideCode" |
| 48 | - required ng-maxlength="8" remote-Validaton rvtype="insideCode" | |
| 48 | + required ng-maxlength="8" | |
| 49 | + remote-Validation | |
| 50 | + remotevtype="cl1" | |
| 51 | + remotevparam="{{ {'insideCode_eq': ctrl.busInfoForSave.insideCode} | json}}" | |
| 49 | 52 | placeholder="请输入车辆内部编码"/> |
| 50 | 53 | </div> |
| 51 | 54 | <!-- 隐藏块,显示验证信息 --> | ... | ... |
src/main/resources/static/pages/scheduleApp/module/basicInfo/busInfoManage/form.html
| ... | ... | @@ -45,7 +45,10 @@ |
| 45 | 45 | <div class="col-md-3"> |
| 46 | 46 | <input type="text" class="form-control" |
| 47 | 47 | name="insideCode" ng-model="ctrl.busInfoForSave.insideCode" |
| 48 | - required ng-maxlength="8" remote-Validaton rvtype="insideCode" | |
| 48 | + required ng-maxlength="8" | |
| 49 | + remote-Validation | |
| 50 | + remotevtype="cl1" | |
| 51 | + remotevparam="{{ {'insideCode_eq': ctrl.busInfoForSave.insideCode} | json}}" | |
| 49 | 52 | placeholder="请输入车辆内部编码"/> |
| 50 | 53 | </div> |
| 51 | 54 | <!-- 隐藏块,显示验证信息 --> | ... | ... |
src/main/resources/static/pages/scheduleApp/module/basicInfo/deviceInfoManage/edit.html
| ... | ... | @@ -144,7 +144,10 @@ |
| 144 | 144 | name="qyrq" placeholder="请选择启用日期..." |
| 145 | 145 | uib-datepicker-popup="yyyy年MM月dd日" |
| 146 | 146 | is-open="ctrl.qyrqOpen" required |
| 147 | - ng-model="ctrl.deviceInfoForSave.qyrq" readonly/> | |
| 147 | + ng-model="ctrl.deviceInfoForSave.qyrq" readonly | |
| 148 | + remote-Validation | |
| 149 | + remotevtype="cde1" | |
| 150 | + remotevparam="{{ {'qyrq': ctrl.deviceInfoForSave.qyrq} | json}}"/> | |
| 148 | 151 | <span class="input-group-btn"> |
| 149 | 152 | <button type="button" class="btn btn-default" ng-click="ctrl.qyrq_open()"> |
| 150 | 153 | <i class="glyphicon glyphicon-calendar"></i> | ... | ... |
src/main/resources/static/pages/scheduleApp/module/basicInfo/deviceInfoManage/form.html
| ... | ... | @@ -144,7 +144,10 @@ |
| 144 | 144 | name="qyrq" placeholder="请选择启用日期..." |
| 145 | 145 | uib-datepicker-popup="yyyy年MM月dd日" |
| 146 | 146 | is-open="ctrl.qyrqOpen" required |
| 147 | - ng-model="ctrl.deviceInfoForSave.qyrq" readonly/> | |
| 147 | + ng-model="ctrl.deviceInfoForSave.qyrq" readonly | |
| 148 | + remote-Validation | |
| 149 | + remotevtype="cde1" | |
| 150 | + remotevparam="{{ {'qyrq': ctrl.deviceInfoForSave.qyrq, 'xl': ctrl.deviceInfoForSave.xl, 'cl': ctrl.deviceInfoForSave.cl} | json}}"/> | |
| 148 | 151 | <span class="input-group-btn"> |
| 149 | 152 | <button type="button" class="btn btn-default" ng-click="ctrl.qyrq_open()"> |
| 150 | 153 | <i class="glyphicon glyphicon-calendar"></i> |
| ... | ... | @@ -156,6 +159,9 @@ |
| 156 | 159 | <div class="alert alert-danger well-sm" ng-show="myForm.qyrq.$error.required"> |
| 157 | 160 | 启用日期必须选择 |
| 158 | 161 | </div> |
| 162 | + <div class="alert alert-danger well-sm" ng-show="myForm.qyrq.$error.remote"> | |
| 163 | + 启用日期必须比历史的启用日期大 | |
| 164 | + </div> | |
| 159 | 165 | </div> |
| 160 | 166 | |
| 161 | 167 | <!-- 其他form-group --> | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/checkbox/saCheckboxgroup.js
| 1 | - | |
| 2 | - | |
| 3 | -/** | |
| 4 | - * saCheckboxgroup指令 | |
| 5 | - * 属性如下: | |
| 6 | - * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 7 | - * dcvalue(必须):绑定的model字段值,如:dcvalue={{ctrl.employeeInfoForSave.xl.id}} | |
| 8 | - * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 9 | - * name(必须):控件的名字 | |
| 10 | - * required(可选):是否要用required验证 | |
| 11 | - * disabled(可选):标示框是否可选 | |
| 12 | - * | |
| 13 | - */ | |
| 14 | -angular.module('ScheduleApp').directive('saCheckboxgroup', [ | |
| 15 | - function() { | |
| 16 | - return { | |
| 17 | - restrict: 'E', | |
| 18 | - templateUrl: '/pages/scheduleApp/module/common/dts1/checkbox/saCheckboxgroupTemplate.html', | |
| 19 | - scope: { | |
| 20 | - model: "=" // 独立作用域,关联外部的模型object | |
| 21 | - }, | |
| 22 | - controllerAs: "$saCheckboxgroupCtrl", | |
| 23 | - bindToController: true, | |
| 24 | - controller: function($scope) { | |
| 25 | - var self = this; | |
| 26 | - self.$$data = []; // 内部的数据 | |
| 27 | - | |
| 28 | - // TODO:数据写死,周一至周日选择数据,以后有别的数据再议 | |
| 29 | - self.$$data = [ | |
| 30 | - {name: "星期一", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 31 | - {name: "星期二", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 32 | - {name: "星期三", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 33 | - {name: "星期四", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 34 | - {name: "星期五", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 35 | - {name: "星期六", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 36 | - {name: "星期日", checkedvalue: "1", uncheckedvalue: "0", ischecked: false} | |
| 37 | - ]; | |
| 38 | - }, | |
| 39 | - | |
| 40 | - /** | |
| 41 | - * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 42 | - * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 43 | - * @param tElem | |
| 44 | - * @param tAttrs | |
| 45 | - * @returns {{pre: Function, post: Function}} | |
| 46 | - */ | |
| 47 | - compile: function(tElem, tAttrs) { | |
| 48 | - // 获取所有的属性 | |
| 49 | - var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 50 | - var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 51 | - var $disabled_attr = tAttrs["disabled"]; // 是否禁用 | |
| 52 | - var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 53 | - | |
| 54 | - // controlAs名字 | |
| 55 | - var ctrlAs = '$saCheckboxgroupCtrl'; | |
| 56 | - | |
| 57 | - // 如果有required属性,添加angularjs required验证 | |
| 58 | - if ($required_attr != undefined) { | |
| 59 | - //console.log(tElem.html()); | |
| 60 | - tElem.find("div").attr("required", ""); | |
| 61 | - } | |
| 62 | - // 如果有disabled属性,添加禁用标志 | |
| 63 | - if ($disabled_attr != undefined) { | |
| 64 | - tElem.find("input").attr("ng-disabled", "true"); | |
| 65 | - } | |
| 66 | - | |
| 67 | - return { | |
| 68 | - pre: function(scope, element, attr) { | |
| 69 | - // TODO: | |
| 70 | - }, | |
| 71 | - /** | |
| 72 | - * 相当于link函数。 | |
| 73 | - * @param scope | |
| 74 | - * @param element | |
| 75 | - * @param attr | |
| 76 | - */ | |
| 77 | - post: function(scope, element, attr) { | |
| 78 | - // name属性 | |
| 79 | - if ($name_attr) { | |
| 80 | - scope[ctrlAs]["$name_attr"] = $name_attr; | |
| 81 | - } | |
| 82 | - | |
| 83 | - /** | |
| 84 | - * checkbox选择事件处理函数。 | |
| 85 | - * @param $d 数据对象,$$data中的元素对象 | |
| 86 | - */ | |
| 87 | - scope[ctrlAs].$$internal_updateCheck_fn = function($d) { | |
| 88 | - $d.ischecked = !$d.ischecked; | |
| 89 | - console.log($d); | |
| 90 | - }; | |
| 91 | - | |
| 92 | - // 测试使用watch监控$$data的变化 | |
| 93 | - scope.$watch( | |
| 94 | - function() { | |
| 95 | - return scope[ctrlAs]["$$data"]; | |
| 96 | - }, | |
| 97 | - function(newValue, oldValue) { | |
| 98 | - // 根据$$data生成对应的数据 | |
| 99 | - var rule_days_arr = []; | |
| 100 | - var i; | |
| 101 | - for (i = 0; i < scope[ctrlAs]["$$data"].length; i++) { | |
| 102 | - if (scope[ctrlAs]["$$data"][i].ischecked) | |
| 103 | - rule_days_arr.push(scope[ctrlAs]["$$data"][i].checkedvalue); | |
| 104 | - else | |
| 105 | - rule_days_arr.push(scope[ctrlAs]["$$data"][i].uncheckedvalue); | |
| 106 | - } | |
| 107 | - scope[ctrlAs].$$internalmodel = rule_days_arr.join(","); | |
| 108 | - //scope[ctrlAs].$$internalmodel = undefined; | |
| 109 | - console.log("bbbbbbbb--->" + scope[ctrlAs].$$internalmodel); | |
| 110 | - | |
| 111 | - // 更新model | |
| 112 | - if ($dcname_attr) { | |
| 113 | - eval("scope[ctrlAs].model" + "." + $dcname_attr + " = rule_days_arr.join(',');"); | |
| 114 | - } | |
| 115 | - | |
| 116 | - | |
| 117 | - }, | |
| 118 | - true | |
| 119 | - ); | |
| 120 | - | |
| 121 | - // TODO: | |
| 122 | - | |
| 123 | - // 监控dcvalue model值变换 | |
| 124 | - attr.$observe("dcvalue", function(value) { | |
| 125 | - console.log("saCheckboxgroup 监控dc1 model值变换:" + value); | |
| 126 | - if (value) { | |
| 127 | - // 根据value值,修改$$data里的值 | |
| 128 | - var data_array = value.split(","); | |
| 129 | - var i; | |
| 130 | - if (data_array.length > scope[ctrlAs]["$$data"].length) { | |
| 131 | - for (i = 0; i < scope[ctrlAs]["$$data"].length; i ++) { | |
| 132 | - if (data_array[i] == scope[ctrlAs]["$$data"][i].checkedvalue) { | |
| 133 | - scope[ctrlAs]["$$data"][i].ischecked = true; | |
| 134 | - } else { | |
| 135 | - scope[ctrlAs]["$$data"][i].ischecked = false; | |
| 136 | - } | |
| 137 | - } | |
| 138 | - } else { | |
| 139 | - for (i = 0; i < data_array.length; i ++) { | |
| 140 | - if (data_array[i] == scope[ctrlAs]["$$data"][i].checkedvalue) { | |
| 141 | - scope[ctrlAs]["$$data"][i].ischecked = true; | |
| 142 | - } else { | |
| 143 | - scope[ctrlAs]["$$data"][i].ischecked = false; | |
| 144 | - } | |
| 145 | - } | |
| 146 | - } | |
| 147 | - | |
| 148 | - } | |
| 149 | - }); | |
| 150 | - } | |
| 151 | - | |
| 152 | - }; | |
| 153 | - | |
| 154 | - | |
| 155 | - } | |
| 156 | - | |
| 157 | - }; | |
| 158 | - } | |
| 159 | -]); | |
| 160 | - | |
| 1 | + | |
| 2 | + | |
| 3 | +/** | |
| 4 | + * saCheckboxgroup指令 | |
| 5 | + * 属性如下: | |
| 6 | + * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 7 | + * dcvalue(必须):绑定的model字段值,如:dcvalue={{ctrl.employeeInfoForSave.xl.id}} | |
| 8 | + * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 9 | + * name(必须):控件的名字 | |
| 10 | + * required(可选):是否要用required验证 | |
| 11 | + * disabled(可选):标示框是否可选 | |
| 12 | + * | |
| 13 | + */ | |
| 14 | +angular.module('ScheduleApp').directive('saCheckboxgroup', [ | |
| 15 | + function() { | |
| 16 | + return { | |
| 17 | + restrict: 'E', | |
| 18 | + templateUrl: '/pages/scheduleApp/module/common/dts1/checkbox/saCheckboxgroupTemplate.html', | |
| 19 | + scope: { | |
| 20 | + model: "=" // 独立作用域,关联外部的模型object | |
| 21 | + }, | |
| 22 | + controllerAs: "$saCheckboxgroupCtrl", | |
| 23 | + bindToController: true, | |
| 24 | + controller: function($scope) { | |
| 25 | + var self = this; | |
| 26 | + self.$$data = []; // 内部的数据 | |
| 27 | + | |
| 28 | + // TODO:数据写死,周一至周日选择数据,以后有别的数据再议 | |
| 29 | + self.$$data = [ | |
| 30 | + {name: "星期一", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 31 | + {name: "星期二", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 32 | + {name: "星期三", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 33 | + {name: "星期四", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 34 | + {name: "星期五", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 35 | + {name: "星期六", checkedvalue: "1", uncheckedvalue: "0", ischecked: false}, | |
| 36 | + {name: "星期日", checkedvalue: "1", uncheckedvalue: "0", ischecked: false} | |
| 37 | + ]; | |
| 38 | + }, | |
| 39 | + | |
| 40 | + /** | |
| 41 | + * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 42 | + * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 43 | + * @param tElem | |
| 44 | + * @param tAttrs | |
| 45 | + * @returns {{pre: Function, post: Function}} | |
| 46 | + */ | |
| 47 | + compile: function(tElem, tAttrs) { | |
| 48 | + // 获取所有的属性 | |
| 49 | + var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 50 | + var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 51 | + var $disabled_attr = tAttrs["disabled"]; // 是否禁用 | |
| 52 | + var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 53 | + | |
| 54 | + // controlAs名字 | |
| 55 | + var ctrlAs = '$saCheckboxgroupCtrl'; | |
| 56 | + | |
| 57 | + // 如果有required属性,添加angularjs required验证 | |
| 58 | + if ($required_attr != undefined) { | |
| 59 | + //console.log(tElem.html()); | |
| 60 | + tElem.find("div").attr("required", ""); | |
| 61 | + } | |
| 62 | + // 如果有disabled属性,添加禁用标志 | |
| 63 | + if ($disabled_attr != undefined) { | |
| 64 | + tElem.find("input").attr("ng-disabled", "true"); | |
| 65 | + } | |
| 66 | + | |
| 67 | + return { | |
| 68 | + pre: function(scope, element, attr) { | |
| 69 | + // TODO: | |
| 70 | + }, | |
| 71 | + /** | |
| 72 | + * 相当于link函数。 | |
| 73 | + * @param scope | |
| 74 | + * @param element | |
| 75 | + * @param attr | |
| 76 | + */ | |
| 77 | + post: function(scope, element, attr) { | |
| 78 | + // name属性 | |
| 79 | + if ($name_attr) { | |
| 80 | + scope[ctrlAs]["$name_attr"] = $name_attr; | |
| 81 | + } | |
| 82 | + | |
| 83 | + /** | |
| 84 | + * checkbox选择事件处理函数。 | |
| 85 | + * @param $d 数据对象,$$data中的元素对象 | |
| 86 | + */ | |
| 87 | + scope[ctrlAs].$$internal_updateCheck_fn = function($d) { | |
| 88 | + $d.ischecked = !$d.ischecked; | |
| 89 | + console.log($d); | |
| 90 | + }; | |
| 91 | + | |
| 92 | + // 测试使用watch监控$$data的变化 | |
| 93 | + scope.$watch( | |
| 94 | + function() { | |
| 95 | + return scope[ctrlAs]["$$data"]; | |
| 96 | + }, | |
| 97 | + function(newValue, oldValue) { | |
| 98 | + // 根据$$data生成对应的数据 | |
| 99 | + var rule_days_arr = []; | |
| 100 | + var i; | |
| 101 | + for (i = 0; i < scope[ctrlAs]["$$data"].length; i++) { | |
| 102 | + if (scope[ctrlAs]["$$data"][i].ischecked) | |
| 103 | + rule_days_arr.push(scope[ctrlAs]["$$data"][i].checkedvalue); | |
| 104 | + else | |
| 105 | + rule_days_arr.push(scope[ctrlAs]["$$data"][i].uncheckedvalue); | |
| 106 | + } | |
| 107 | + scope[ctrlAs].$$internalmodel = rule_days_arr.join(","); | |
| 108 | + //scope[ctrlAs].$$internalmodel = undefined; | |
| 109 | + console.log("bbbbbbbb--->" + scope[ctrlAs].$$internalmodel); | |
| 110 | + | |
| 111 | + // 更新model | |
| 112 | + if ($dcname_attr) { | |
| 113 | + eval("scope[ctrlAs].model" + "." + $dcname_attr + " = rule_days_arr.join(',');"); | |
| 114 | + } | |
| 115 | + | |
| 116 | + | |
| 117 | + }, | |
| 118 | + true | |
| 119 | + ); | |
| 120 | + | |
| 121 | + // TODO: | |
| 122 | + | |
| 123 | + // 监控dcvalue model值变换 | |
| 124 | + attr.$observe("dcvalue", function(value) { | |
| 125 | + console.log("saCheckboxgroup 监控dc1 model值变换:" + value); | |
| 126 | + if (value) { | |
| 127 | + // 根据value值,修改$$data里的值 | |
| 128 | + var data_array = value.split(","); | |
| 129 | + var i; | |
| 130 | + if (data_array.length > scope[ctrlAs]["$$data"].length) { | |
| 131 | + for (i = 0; i < scope[ctrlAs]["$$data"].length; i ++) { | |
| 132 | + if (data_array[i] == scope[ctrlAs]["$$data"][i].checkedvalue) { | |
| 133 | + scope[ctrlAs]["$$data"][i].ischecked = true; | |
| 134 | + } else { | |
| 135 | + scope[ctrlAs]["$$data"][i].ischecked = false; | |
| 136 | + } | |
| 137 | + } | |
| 138 | + } else { | |
| 139 | + for (i = 0; i < data_array.length; i ++) { | |
| 140 | + if (data_array[i] == scope[ctrlAs]["$$data"][i].checkedvalue) { | |
| 141 | + scope[ctrlAs]["$$data"][i].ischecked = true; | |
| 142 | + } else { | |
| 143 | + scope[ctrlAs]["$$data"][i].ischecked = false; | |
| 144 | + } | |
| 145 | + } | |
| 146 | + } | |
| 147 | + | |
| 148 | + } | |
| 149 | + }); | |
| 150 | + } | |
| 151 | + | |
| 152 | + }; | |
| 153 | + | |
| 154 | + | |
| 155 | + } | |
| 156 | + | |
| 157 | + }; | |
| 158 | + } | |
| 159 | +]); | |
| 160 | + | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/load/loadingWidget.js
| 1 | - | |
| 2 | -/** | |
| 3 | - * loading载入中指令。 | |
| 4 | - */ | |
| 5 | -angular.module('ScheduleApp').directive('loadingWidget', ['requestNotificationChannel', function(requestNotificationChannel) { | |
| 6 | - return { | |
| 7 | - restrict: 'A', | |
| 8 | - link: function(scope, element) { | |
| 9 | - // 初始隐藏loading界面 | |
| 10 | - element.hide(); | |
| 11 | - | |
| 12 | - // 开始请求通知处理 | |
| 13 | - requestNotificationChannel.onRequestStarted(scope, function() { | |
| 14 | - element.show(); | |
| 15 | - }); | |
| 16 | - // 请求结束通知处理 | |
| 17 | - requestNotificationChannel.onRequestEnded(scope, function() { | |
| 18 | - element.hide(); | |
| 19 | - }); | |
| 20 | - } | |
| 21 | - }; | |
| 1 | + | |
| 2 | +/** | |
| 3 | + * loading载入中指令。 | |
| 4 | + */ | |
| 5 | +angular.module('ScheduleApp').directive('loadingWidget', ['requestNotificationChannel', function(requestNotificationChannel) { | |
| 6 | + return { | |
| 7 | + restrict: 'A', | |
| 8 | + link: function(scope, element) { | |
| 9 | + // 初始隐藏loading界面 | |
| 10 | + element.hide(); | |
| 11 | + | |
| 12 | + // 开始请求通知处理 | |
| 13 | + requestNotificationChannel.onRequestStarted(scope, function() { | |
| 14 | + element.show(); | |
| 15 | + }); | |
| 16 | + // 请求结束通知处理 | |
| 17 | + requestNotificationChannel.onRequestEnded(scope, function() { | |
| 18 | + element.hide(); | |
| 19 | + }); | |
| 20 | + } | |
| 21 | + }; | |
| 22 | 22 | }]); |
| 23 | 23 | \ No newline at end of file | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/radioButton/saRadiogroup.js
| 1 | - | |
| 2 | -/** | |
| 3 | - * saRadiogroup指令 | |
| 4 | - * 属性如下: | |
| 5 | - * model(必须):独立作用域,外部绑定的一个值,如:ctrl.timeTableManageForForm.isEnableDisTemplate | |
| 6 | - * dicgroup(必须):关联的字典数据type(TODO:以后增加其他数据源) | |
| 7 | - * name(必须):控件的名字 | |
| 8 | - * required(可选):是否要用required验证 | |
| 9 | - * disabled(可选):标示单选框是否可选 | |
| 10 | - * | |
| 11 | - */ | |
| 12 | -angular.module('ScheduleApp').directive("saRadiogroup", [function() { | |
| 13 | - /** | |
| 14 | - * 使用字典数据的单选按钮组的指令。 | |
| 15 | - * 指令名称:truefalse-Dic | |
| 16 | - */ | |
| 17 | - return { | |
| 18 | - restrict: 'E', | |
| 19 | - templateUrl: '/pages/scheduleApp/module/common/dts1/radioButton/saRadiogroupTemplate.html', | |
| 20 | - scope: { | |
| 21 | - model: "=" | |
| 22 | - }, | |
| 23 | - controllerAs: "$saRadiogroupCtrl", | |
| 24 | - bindToController: true, | |
| 25 | - controller: function($scope) { | |
| 26 | - //$scope["model"] = {selectedOption: null}; | |
| 27 | - //console.log("controller"); | |
| 28 | - //console.log("controller:" + $scope["model"]); | |
| 29 | - | |
| 30 | - var self = this; | |
| 31 | - self.$$data = null; // 内部数据 | |
| 32 | - }, | |
| 33 | - | |
| 34 | - /** | |
| 35 | - * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 36 | - * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 37 | - * @param tElem | |
| 38 | - * @param tAttrs | |
| 39 | - * @returns {{pre: Function, post: Function}} | |
| 40 | - */ | |
| 41 | - compile: function(tElem, tAttrs) { | |
| 42 | - // 获取属性 | |
| 43 | - var $dicgroup_attr = tAttrs["dicgroup"]; // 关联的字典数据type | |
| 44 | - var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 45 | - var $required_attr = tAttrs["required"]; // 是否要用required验证 | |
| 46 | - var $disabled_attr = tAttrs["disabled"]; // 标示单选框是否可选 | |
| 47 | - | |
| 48 | - // controlAs名字 | |
| 49 | - var ctrlAs = "$saRadiogroupCtrl"; | |
| 50 | - | |
| 51 | - // 如果有required属性,添加angularjs required验证 | |
| 52 | - if ($required_attr != undefined) { | |
| 53 | - tElem.find("input").attr("required", ""); | |
| 54 | - } | |
| 55 | - | |
| 56 | - return { | |
| 57 | - pre: function(scope, element, attr) { | |
| 58 | - | |
| 59 | - }, | |
| 60 | - | |
| 61 | - /** | |
| 62 | - * 相当于link函数。 | |
| 63 | - * @param scope | |
| 64 | - * @param element | |
| 65 | - * @param attr | |
| 66 | - */ | |
| 67 | - post: function(scope, element, attr) { | |
| 68 | - //console.log("link"); | |
| 69 | - //console.log("link:" + scope.model); | |
| 70 | - //scope["model"] = {selectedOption: null}; | |
| 71 | - | |
| 72 | - if ($name_attr) { | |
| 73 | - scope[ctrlAs].nv = $name_attr; | |
| 74 | - } | |
| 75 | - | |
| 76 | - if ($disabled_attr) { | |
| 77 | - scope[ctrlAs].disabled = true; | |
| 78 | - } | |
| 79 | - if ($dicgroup_attr) { | |
| 80 | - var obj = dictionaryUtils.getByGroup($dicgroup_attr); | |
| 81 | - scope[ctrlAs].$$data = obj; | |
| 82 | - // 处理 scope["dic"] key值 | |
| 83 | - scope[ctrlAs].dicvalueCalcu = function(value) { | |
| 84 | - if (value == "true") { | |
| 85 | - //console.log(value); | |
| 86 | - return true; | |
| 87 | - } else if (value == "false") { | |
| 88 | - //console.log(value); | |
| 89 | - return false; | |
| 90 | - } else { | |
| 91 | - return value; | |
| 92 | - } | |
| 93 | - }; | |
| 94 | - } | |
| 95 | - } | |
| 96 | - }; | |
| 97 | - } | |
| 98 | - }; | |
| 99 | -}]); | |
| 1 | + | |
| 2 | +/** | |
| 3 | + * saRadiogroup指令 | |
| 4 | + * 属性如下: | |
| 5 | + * model(必须):独立作用域,外部绑定的一个值,如:ctrl.timeTableManageForForm.isEnableDisTemplate | |
| 6 | + * dicgroup(必须):关联的字典数据type(TODO:以后增加其他数据源) | |
| 7 | + * name(必须):控件的名字 | |
| 8 | + * required(可选):是否要用required验证 | |
| 9 | + * disabled(可选):标示单选框是否可选 | |
| 10 | + * | |
| 11 | + */ | |
| 12 | +angular.module('ScheduleApp').directive("saRadiogroup", [function() { | |
| 13 | + /** | |
| 14 | + * 使用字典数据的单选按钮组的指令。 | |
| 15 | + * 指令名称:truefalse-Dic | |
| 16 | + */ | |
| 17 | + return { | |
| 18 | + restrict: 'E', | |
| 19 | + templateUrl: '/pages/scheduleApp/module/common/dts1/radioButton/saRadiogroupTemplate.html', | |
| 20 | + scope: { | |
| 21 | + model: "=" | |
| 22 | + }, | |
| 23 | + controllerAs: "$saRadiogroupCtrl", | |
| 24 | + bindToController: true, | |
| 25 | + controller: function($scope) { | |
| 26 | + //$scope["model"] = {selectedOption: null}; | |
| 27 | + //console.log("controller"); | |
| 28 | + //console.log("controller:" + $scope["model"]); | |
| 29 | + | |
| 30 | + var self = this; | |
| 31 | + self.$$data = null; // 内部数据 | |
| 32 | + }, | |
| 33 | + | |
| 34 | + /** | |
| 35 | + * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 36 | + * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 37 | + * @param tElem | |
| 38 | + * @param tAttrs | |
| 39 | + * @returns {{pre: Function, post: Function}} | |
| 40 | + */ | |
| 41 | + compile: function(tElem, tAttrs) { | |
| 42 | + // 获取属性 | |
| 43 | + var $dicgroup_attr = tAttrs["dicgroup"]; // 关联的字典数据type | |
| 44 | + var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 45 | + var $required_attr = tAttrs["required"]; // 是否要用required验证 | |
| 46 | + var $disabled_attr = tAttrs["disabled"]; // 标示单选框是否可选 | |
| 47 | + | |
| 48 | + // controlAs名字 | |
| 49 | + var ctrlAs = "$saRadiogroupCtrl"; | |
| 50 | + | |
| 51 | + // 如果有required属性,添加angularjs required验证 | |
| 52 | + if ($required_attr != undefined) { | |
| 53 | + tElem.find("input").attr("required", ""); | |
| 54 | + } | |
| 55 | + | |
| 56 | + return { | |
| 57 | + pre: function(scope, element, attr) { | |
| 58 | + | |
| 59 | + }, | |
| 60 | + | |
| 61 | + /** | |
| 62 | + * 相当于link函数。 | |
| 63 | + * @param scope | |
| 64 | + * @param element | |
| 65 | + * @param attr | |
| 66 | + */ | |
| 67 | + post: function(scope, element, attr) { | |
| 68 | + //console.log("link"); | |
| 69 | + //console.log("link:" + scope.model); | |
| 70 | + //scope["model"] = {selectedOption: null}; | |
| 71 | + | |
| 72 | + if ($name_attr) { | |
| 73 | + scope[ctrlAs].nv = $name_attr; | |
| 74 | + } | |
| 75 | + | |
| 76 | + if ($disabled_attr) { | |
| 77 | + scope[ctrlAs].disabled = true; | |
| 78 | + } | |
| 79 | + if ($dicgroup_attr) { | |
| 80 | + var obj = dictionaryUtils.getByGroup($dicgroup_attr); | |
| 81 | + scope[ctrlAs].$$data = obj; | |
| 82 | + // 处理 scope["dic"] key值 | |
| 83 | + scope[ctrlAs].dicvalueCalcu = function(value) { | |
| 84 | + if (value == "true") { | |
| 85 | + //console.log(value); | |
| 86 | + return true; | |
| 87 | + } else if (value == "false") { | |
| 88 | + //console.log(value); | |
| 89 | + return false; | |
| 90 | + } else { | |
| 91 | + return value; | |
| 92 | + } | |
| 93 | + }; | |
| 94 | + } | |
| 95 | + } | |
| 96 | + }; | |
| 97 | + } | |
| 98 | + }; | |
| 99 | +}]); | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/select/saSelect.js
| 1 | - | |
| 2 | -angular.module('ScheduleApp').directive("saSelect", ['$timeout', function($timeout) { | |
| 3 | - return { | |
| 4 | - restrict: 'E', | |
| 5 | - templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelectTemplate.html', | |
| 6 | - scope: { | |
| 7 | - model: "=" | |
| 8 | - }, | |
| 9 | - controllerAs: "$saSelectCtrl", | |
| 10 | - bindToController: true, | |
| 11 | - controller: function() { | |
| 12 | - var self = this; | |
| 13 | - self.datas = []; // 关联的字典数据,内部格式 {code:{值},name:{名字}} | |
| 14 | - }, | |
| 15 | - /** | |
| 16 | - * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 17 | - * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 18 | - * @param tElem | |
| 19 | - * @param tAttrs | |
| 20 | - * @returns {{pre: Function, post: Function}} | |
| 21 | - */ | |
| 22 | - compile: function(tElem, tAttrs) { | |
| 23 | - // 确定是否使用angularjs required验证 | |
| 24 | - // 属性 required | |
| 25 | - // 如果没有填写,内部不添加验证,如果填写了,并且等于true添加验证,否则不添加 | |
| 26 | - var required_attr = tAttrs["required"]; | |
| 27 | - if (required_attr) { | |
| 28 | - if (required_attr == "true") { | |
| 29 | - // 添加required属性指令 | |
| 30 | - tElem.find("ui-select").attr("required", ""); | |
| 31 | - } else { | |
| 32 | - // 不等于true,不添加required属性指令 | |
| 33 | - } | |
| 34 | - } else { | |
| 35 | - // 不添加required属性指令 | |
| 36 | - } | |
| 37 | - | |
| 38 | - //console.log("saSelect" + ":compile = >" + tElem.html()); | |
| 39 | - | |
| 40 | - return { | |
| 41 | - pre: function(scope, element, attr) { | |
| 42 | - // TODO: | |
| 43 | - }, | |
| 44 | - /** | |
| 45 | - * 相当于link函数。 | |
| 46 | - * | |
| 47 | - * 重要属性如下: | |
| 48 | - * model 是绑定外部值。 | |
| 49 | - * dicgroup 字典组的类型 | |
| 50 | - * name input name属性值 | |
| 51 | - */ | |
| 52 | - post: function(scope, element, attr) { | |
| 53 | - // 1、获取属性 | |
| 54 | - var dicgroup_attr = attr['dicgroup']; // 字典组的类型 | |
| 55 | - var name_attr = attr['name']; // input name属性值 | |
| 56 | - var dicname_attr = attr['dicname']; // model关联的字典名字段 | |
| 57 | - var codename_attr = attr['codename']; // model关联的字典值字段 | |
| 58 | - var placeholder_attr = attr['placeholder']; // select placeholder提示 | |
| 59 | - | |
| 60 | - // 系统的字典对象,使用dictionaryUtils类获取 | |
| 61 | - var origin_dicgroup; | |
| 62 | - var dic_key; // 字典key | |
| 63 | - | |
| 64 | - if (dicgroup_attr) { // 赋值指定的字典数据 | |
| 65 | - origin_dicgroup = dictionaryUtils.getByGroup(dicgroup_attr); | |
| 66 | - for (dic_key in origin_dicgroup) { | |
| 67 | - var data = {}; // 重新组合的字典元素对象 | |
| 68 | - if (dic_key == "true") | |
| 69 | - data.code = true; | |
| 70 | - else | |
| 71 | - data.code = dic_key; | |
| 72 | - data.name = origin_dicgroup[dic_key]; | |
| 73 | - scope["$saSelectCtrl"].datas.push(data); | |
| 74 | - } | |
| 75 | - } | |
| 76 | - | |
| 77 | - if (name_attr) { | |
| 78 | - scope["$saSelectCtrl"].nv = name_attr; | |
| 79 | - } | |
| 80 | - if (placeholder_attr) { | |
| 81 | - scope["$saSelectCtrl"].ph = placeholder_attr; | |
| 82 | - } | |
| 83 | - | |
| 84 | - scope["$saSelectCtrl"].select = function($item) { | |
| 85 | - if (codename_attr) { | |
| 86 | - scope["$saSelectCtrl"].model[codename_attr] = $item.code; | |
| 87 | - } | |
| 88 | - if (dicname_attr) { | |
| 89 | - scope["$saSelectCtrl"].model[dicname_attr] = $item.name; | |
| 90 | - } | |
| 91 | - }; | |
| 92 | - | |
| 93 | - scope["$saSelectCtrl"].remove = function() { | |
| 94 | - if (codename_attr) { | |
| 95 | - scope["$saSelectCtrl"].model[codename_attr] = null; | |
| 96 | - } | |
| 97 | - if (dicname_attr) { | |
| 98 | - scope["$saSelectCtrl"].model[dicname_attr] = null; | |
| 99 | - } | |
| 100 | - scope["$saSelectCtrl"].cmodel = null; | |
| 101 | - }; | |
| 102 | - | |
| 103 | - $timeout(function() { | |
| 104 | - // 创建内部使用的绑定对象 | |
| 105 | - var model_code = scope["$saSelectCtrl"].model[codename_attr]; | |
| 106 | - scope["$saSelectCtrl"].cmodel = model_code; | |
| 107 | - }, 0); | |
| 108 | - } | |
| 109 | - } | |
| 110 | - } | |
| 111 | - }; | |
| 112 | -}]); | |
| 1 | + | |
| 2 | +angular.module('ScheduleApp').directive("saSelect", ['$timeout', function($timeout) { | |
| 3 | + return { | |
| 4 | + restrict: 'E', | |
| 5 | + templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelectTemplate.html', | |
| 6 | + scope: { | |
| 7 | + model: "=" | |
| 8 | + }, | |
| 9 | + controllerAs: "$saSelectCtrl", | |
| 10 | + bindToController: true, | |
| 11 | + controller: function() { | |
| 12 | + var self = this; | |
| 13 | + self.datas = []; // 关联的字典数据,内部格式 {code:{值},name:{名字}} | |
| 14 | + }, | |
| 15 | + /** | |
| 16 | + * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 17 | + * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 18 | + * @param tElem | |
| 19 | + * @param tAttrs | |
| 20 | + * @returns {{pre: Function, post: Function}} | |
| 21 | + */ | |
| 22 | + compile: function(tElem, tAttrs) { | |
| 23 | + // 确定是否使用angularjs required验证 | |
| 24 | + // 属性 required | |
| 25 | + // 如果没有填写,内部不添加验证,如果填写了,并且等于true添加验证,否则不添加 | |
| 26 | + var required_attr = tAttrs["required"]; | |
| 27 | + if (required_attr) { | |
| 28 | + if (required_attr == "true") { | |
| 29 | + // 添加required属性指令 | |
| 30 | + tElem.find("ui-select").attr("required", ""); | |
| 31 | + } else { | |
| 32 | + // 不等于true,不添加required属性指令 | |
| 33 | + } | |
| 34 | + } else { | |
| 35 | + // 不添加required属性指令 | |
| 36 | + } | |
| 37 | + | |
| 38 | + //console.log("saSelect" + ":compile = >" + tElem.html()); | |
| 39 | + | |
| 40 | + return { | |
| 41 | + pre: function(scope, element, attr) { | |
| 42 | + // TODO: | |
| 43 | + }, | |
| 44 | + /** | |
| 45 | + * 相当于link函数。 | |
| 46 | + * | |
| 47 | + * 重要属性如下: | |
| 48 | + * model 是绑定外部值。 | |
| 49 | + * dicgroup 字典组的类型 | |
| 50 | + * name input name属性值 | |
| 51 | + */ | |
| 52 | + post: function(scope, element, attr) { | |
| 53 | + // 1、获取属性 | |
| 54 | + var dicgroup_attr = attr['dicgroup']; // 字典组的类型 | |
| 55 | + var name_attr = attr['name']; // input name属性值 | |
| 56 | + var dicname_attr = attr['dicname']; // model关联的字典名字段 | |
| 57 | + var codename_attr = attr['codename']; // model关联的字典值字段 | |
| 58 | + var placeholder_attr = attr['placeholder']; // select placeholder提示 | |
| 59 | + | |
| 60 | + // 系统的字典对象,使用dictionaryUtils类获取 | |
| 61 | + var origin_dicgroup; | |
| 62 | + var dic_key; // 字典key | |
| 63 | + | |
| 64 | + if (dicgroup_attr) { // 赋值指定的字典数据 | |
| 65 | + origin_dicgroup = dictionaryUtils.getByGroup(dicgroup_attr); | |
| 66 | + for (dic_key in origin_dicgroup) { | |
| 67 | + var data = {}; // 重新组合的字典元素对象 | |
| 68 | + if (dic_key == "true") | |
| 69 | + data.code = true; | |
| 70 | + else | |
| 71 | + data.code = dic_key; | |
| 72 | + data.name = origin_dicgroup[dic_key]; | |
| 73 | + scope["$saSelectCtrl"].datas.push(data); | |
| 74 | + } | |
| 75 | + } | |
| 76 | + | |
| 77 | + if (name_attr) { | |
| 78 | + scope["$saSelectCtrl"].nv = name_attr; | |
| 79 | + } | |
| 80 | + if (placeholder_attr) { | |
| 81 | + scope["$saSelectCtrl"].ph = placeholder_attr; | |
| 82 | + } | |
| 83 | + | |
| 84 | + scope["$saSelectCtrl"].select = function($item) { | |
| 85 | + if (codename_attr) { | |
| 86 | + scope["$saSelectCtrl"].model[codename_attr] = $item.code; | |
| 87 | + } | |
| 88 | + if (dicname_attr) { | |
| 89 | + scope["$saSelectCtrl"].model[dicname_attr] = $item.name; | |
| 90 | + } | |
| 91 | + }; | |
| 92 | + | |
| 93 | + scope["$saSelectCtrl"].remove = function() { | |
| 94 | + if (codename_attr) { | |
| 95 | + scope["$saSelectCtrl"].model[codename_attr] = null; | |
| 96 | + } | |
| 97 | + if (dicname_attr) { | |
| 98 | + scope["$saSelectCtrl"].model[dicname_attr] = null; | |
| 99 | + } | |
| 100 | + scope["$saSelectCtrl"].cmodel = null; | |
| 101 | + }; | |
| 102 | + | |
| 103 | + $timeout(function() { | |
| 104 | + // 创建内部使用的绑定对象 | |
| 105 | + var model_code = scope["$saSelectCtrl"].model[codename_attr]; | |
| 106 | + scope["$saSelectCtrl"].cmodel = model_code; | |
| 107 | + }, 0); | |
| 108 | + } | |
| 109 | + } | |
| 110 | + } | |
| 111 | + }; | |
| 112 | +}]); | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/select/saSelect2.js
| 1 | - | |
| 2 | - | |
| 3 | -angular.module('ScheduleApp').directive("saSelect2", [ | |
| 4 | - '$timeout', '$$SearchInfoService_g', | |
| 5 | - function($timeout, $$searchInfoService_g) { | |
| 6 | - return { | |
| 7 | - restrict: 'E', | |
| 8 | - templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelect2Template.html', | |
| 9 | - scope: { | |
| 10 | - model: "=" // 独立作用域,关联外部的模型对象 | |
| 11 | - }, | |
| 12 | - controllerAs: "$saSelectCtrl", | |
| 13 | - bindToController: true, | |
| 14 | - controller: function($scope) { | |
| 15 | - var self = this; | |
| 16 | - self.$$data = []; // 内部关联的数据 | |
| 17 | - }, | |
| 18 | - /** | |
| 19 | - * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 20 | - * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 21 | - * @param tElem | |
| 22 | - * @param tAttrs | |
| 23 | - * @returns {{pre: Function, post: Function}} | |
| 24 | - */ | |
| 25 | - compile: function(tElem, tAttrs) { | |
| 26 | - // 1、获取此阶段使用的属性 | |
| 27 | - var $required_attr = tAttrs["required"]; // 用于和表单验证连接,指定成required="true"才有效。 | |
| 28 | - | |
| 29 | - // 2、处理属性 | |
| 30 | - | |
| 31 | - // 确定是否使用angularjs required验证 | |
| 32 | - // 属性 required | |
| 33 | - // 如果没有填写,内部不添加验证,如果填写了,并且等于true添加验证,否则不添加 | |
| 34 | - if ($required_attr) { | |
| 35 | - if ($required_attr == "true") { | |
| 36 | - // 添加required属性指令 | |
| 37 | - tElem.find("ui-select").attr("required", ""); | |
| 38 | - } else { | |
| 39 | - // 不等于true,不添加required属性指令 | |
| 40 | - } | |
| 41 | - } else { | |
| 42 | - // 不添加required属性指令 | |
| 43 | - } | |
| 44 | - | |
| 45 | - //console.log("saSelect" + ":compile = >" + tElem.html()); | |
| 46 | - | |
| 47 | - return { | |
| 48 | - pre: function(scope, element, attr) { | |
| 49 | - // TODO: | |
| 50 | - }, | |
| 51 | - /** | |
| 52 | - * 相当于link函数。 | |
| 53 | - * | |
| 54 | - * 重要属性如下: | |
| 55 | - * model 是绑定外部值。 | |
| 56 | - * dicgroup 字典组的类型 | |
| 57 | - * name input name属性值 | |
| 58 | - */ | |
| 59 | - post: function(scope, element, attr) { | |
| 60 | - // 1、获取此阶段使用的属性 | |
| 61 | - var $name_attr = attr["name"]; // 表单验证时需要的名字 | |
| 62 | - var $type_attr = attr["type"]; // 关联的那种数据值(xl/cl/ry)-> 对应线路信息/车辆信息/人员信息,后面有的继续加 | |
| 63 | - var $modelcolname1_attr = attr["modelcolname1"]; // 关联的模型字段名字1(一般应该是编码字段) | |
| 64 | - var $modelcolname2_attr = attr["modelcolname2"]; // 关联的模型字段名字2(一般应该是名字字段) | |
| 65 | - var $datacolname1_attr = attr["datacolname1"]; // 内部数据对应的字段名字1(与模型字段1对应) | |
| 66 | - var $datacolname2_attr = attr["datacolname2"]; // 内部数据对应的字段名字2(与模型字段2对应) | |
| 67 | - var $showcolname_attr = attr["showcolname"]; // 下拉框显示的内部数据字段名 | |
| 68 | - var $placeholder_attr = attr["placeholder"]; // select placeholder字符串描述 | |
| 69 | - | |
| 70 | - // 2、处理属性、转换成$saSelectCtrl内部使用的属性 | |
| 71 | - if ($name_attr) { | |
| 72 | - scope["$saSelectCtrl"].$name_attr = $name_attr; | |
| 73 | - } | |
| 74 | - if ($placeholder_attr) { | |
| 75 | - scope["$saSelectCtrl"].$placeholder_attr = $placeholder_attr; | |
| 76 | - } | |
| 77 | - if ($showcolname_attr) { | |
| 78 | - scope["$saSelectCtrl"].$showcolname_attr = $showcolname_attr; | |
| 79 | - } | |
| 80 | - | |
| 81 | - // 2-1、添加内部方法,根据type值,改变$$data的值 | |
| 82 | - scope["$saSelectCtrl"].$$internal_data_change_fn = function() { | |
| 83 | - // 根据type属性动态载入数据 | |
| 84 | - if ($type_attr) { | |
| 85 | - $$searchInfoService_g[$type_attr].list( | |
| 86 | - {type: "all"}, | |
| 87 | - function(result) { | |
| 88 | - scope["$saSelectCtrl"].$$data = []; | |
| 89 | - for (var i = 0; i < result.length; i ++) { | |
| 90 | - var data = {}; // data是result的一部分属性集合,根据配置来确定 | |
| 91 | - if ($datacolname1_attr) { | |
| 92 | - data[$datacolname1_attr] = result[i][$datacolname1_attr]; | |
| 93 | - } | |
| 94 | - if ($datacolname2_attr) { | |
| 95 | - data[$datacolname2_attr] = result[i][$datacolname2_attr]; | |
| 96 | - } | |
| 97 | - if ($showcolname_attr) { | |
| 98 | - // 动态添加基于名字的拼音 | |
| 99 | - data[$showcolname_attr] = result[i][$showcolname_attr]; | |
| 100 | - if (data[$showcolname_attr]) { | |
| 101 | - data["fullChars"] = pinyin.getFullChars(result[i][$showcolname_attr]).toUpperCase(); // 全拼 | |
| 102 | - data["camelChars"] = pinyin.getCamelChars(result[i][$showcolname_attr]); // 简拼 | |
| 103 | - } | |
| 104 | - } | |
| 105 | - if (data["fullChars"]) | |
| 106 | - scope["$saSelectCtrl"].$$data.push(data); | |
| 107 | - } | |
| 108 | - }, | |
| 109 | - function(result) { | |
| 110 | - | |
| 111 | - } | |
| 112 | - ); | |
| 113 | - } | |
| 114 | - }; | |
| 115 | - | |
| 116 | - // 3、选择、删除事件映射模型和内部数据对应的字段 | |
| 117 | - scope["$saSelectCtrl"].$select_fn_attr = function($item) { | |
| 118 | - if ($modelcolname1_attr && $datacolname1_attr) { | |
| 119 | - scope["$saSelectCtrl"].model[$modelcolname1_attr] = $item[$datacolname1_attr]; | |
| 120 | - } | |
| 121 | - if ($modelcolname2_attr && $datacolname2_attr) { | |
| 122 | - scope["$saSelectCtrl"].model[$modelcolname2_attr] = $item[$datacolname2_attr]; | |
| 123 | - } | |
| 124 | - }; | |
| 125 | - scope["$saSelectCtrl"].$remove_fn_attr = function() { | |
| 126 | - if ($modelcolname1_attr) { | |
| 127 | - scope["$saSelectCtrl"].model[$modelcolname1_attr] = null; | |
| 128 | - } | |
| 129 | - if ($modelcolname2_attr) { | |
| 130 | - scope["$saSelectCtrl"].model[$modelcolname2_attr] = null; | |
| 131 | - } | |
| 132 | - scope["$saSelectCtrl"].$$cmodel = null; // 内部模型清空 | |
| 133 | - | |
| 134 | - scope["$saSelectCtrl"].$$internal_data_change_fn(); | |
| 135 | - }; | |
| 136 | - | |
| 137 | - // 4、搜索事件 | |
| 138 | - scope["$saSelectCtrl"].$refreshdata_fn_attr = function($search) { | |
| 139 | - //var fullChars = pinyin.getFullChars($search).toUpperCase(); | |
| 140 | - //var camelChars = pinyin.getCamelChars($search); | |
| 141 | - // | |
| 142 | - //console.log(fullChars + " " + camelChars); | |
| 143 | - // TODO:事件暂时没用,放着以后再说 | |
| 144 | - }; | |
| 145 | - | |
| 146 | - // 5、全部载入后,输入的 | |
| 147 | - $timeout(function() { | |
| 148 | - // 创建内部使用的绑定对象,用于确认选中那个值 | |
| 149 | - scope["$saSelectCtrl"].$$cmodel = scope["$saSelectCtrl"].model[$modelcolname1_attr]; | |
| 150 | - | |
| 151 | - scope["$saSelectCtrl"].$$internal_data_change_fn(); | |
| 152 | - }, 0); | |
| 153 | - } | |
| 154 | - } | |
| 155 | - } | |
| 156 | - }; | |
| 157 | - } | |
| 158 | -]); | |
| 159 | - | |
| 1 | + | |
| 2 | + | |
| 3 | +angular.module('ScheduleApp').directive("saSelect2", [ | |
| 4 | + '$timeout', '$$SearchInfoService_g', | |
| 5 | + function($timeout, $$searchInfoService_g) { | |
| 6 | + return { | |
| 7 | + restrict: 'E', | |
| 8 | + templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelect2Template.html', | |
| 9 | + scope: { | |
| 10 | + model: "=" // 独立作用域,关联外部的模型对象 | |
| 11 | + }, | |
| 12 | + controllerAs: "$saSelectCtrl", | |
| 13 | + bindToController: true, | |
| 14 | + controller: function($scope) { | |
| 15 | + var self = this; | |
| 16 | + self.$$data = []; // 内部关联的数据 | |
| 17 | + }, | |
| 18 | + /** | |
| 19 | + * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 20 | + * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 21 | + * @param tElem | |
| 22 | + * @param tAttrs | |
| 23 | + * @returns {{pre: Function, post: Function}} | |
| 24 | + */ | |
| 25 | + compile: function(tElem, tAttrs) { | |
| 26 | + // 1、获取此阶段使用的属性 | |
| 27 | + var $required_attr = tAttrs["required"]; // 用于和表单验证连接,指定成required="true"才有效。 | |
| 28 | + | |
| 29 | + // 2、处理属性 | |
| 30 | + | |
| 31 | + // 确定是否使用angularjs required验证 | |
| 32 | + // 属性 required | |
| 33 | + // 如果没有填写,内部不添加验证,如果填写了,并且等于true添加验证,否则不添加 | |
| 34 | + if ($required_attr) { | |
| 35 | + if ($required_attr == "true") { | |
| 36 | + // 添加required属性指令 | |
| 37 | + tElem.find("ui-select").attr("required", ""); | |
| 38 | + } else { | |
| 39 | + // 不等于true,不添加required属性指令 | |
| 40 | + } | |
| 41 | + } else { | |
| 42 | + // 不添加required属性指令 | |
| 43 | + } | |
| 44 | + | |
| 45 | + //console.log("saSelect" + ":compile = >" + tElem.html()); | |
| 46 | + | |
| 47 | + return { | |
| 48 | + pre: function(scope, element, attr) { | |
| 49 | + // TODO: | |
| 50 | + }, | |
| 51 | + /** | |
| 52 | + * 相当于link函数。 | |
| 53 | + * | |
| 54 | + * 重要属性如下: | |
| 55 | + * model 是绑定外部值。 | |
| 56 | + * dicgroup 字典组的类型 | |
| 57 | + * name input name属性值 | |
| 58 | + */ | |
| 59 | + post: function(scope, element, attr) { | |
| 60 | + // 1、获取此阶段使用的属性 | |
| 61 | + var $name_attr = attr["name"]; // 表单验证时需要的名字 | |
| 62 | + var $type_attr = attr["type"]; // 关联的那种数据值(xl/cl/ry)-> 对应线路信息/车辆信息/人员信息,后面有的继续加 | |
| 63 | + var $modelcolname1_attr = attr["modelcolname1"]; // 关联的模型字段名字1(一般应该是编码字段) | |
| 64 | + var $modelcolname2_attr = attr["modelcolname2"]; // 关联的模型字段名字2(一般应该是名字字段) | |
| 65 | + var $datacolname1_attr = attr["datacolname1"]; // 内部数据对应的字段名字1(与模型字段1对应) | |
| 66 | + var $datacolname2_attr = attr["datacolname2"]; // 内部数据对应的字段名字2(与模型字段2对应) | |
| 67 | + var $showcolname_attr = attr["showcolname"]; // 下拉框显示的内部数据字段名 | |
| 68 | + var $placeholder_attr = attr["placeholder"]; // select placeholder字符串描述 | |
| 69 | + | |
| 70 | + // 2、处理属性、转换成$saSelectCtrl内部使用的属性 | |
| 71 | + if ($name_attr) { | |
| 72 | + scope["$saSelectCtrl"].$name_attr = $name_attr; | |
| 73 | + } | |
| 74 | + if ($placeholder_attr) { | |
| 75 | + scope["$saSelectCtrl"].$placeholder_attr = $placeholder_attr; | |
| 76 | + } | |
| 77 | + if ($showcolname_attr) { | |
| 78 | + scope["$saSelectCtrl"].$showcolname_attr = $showcolname_attr; | |
| 79 | + } | |
| 80 | + | |
| 81 | + // 2-1、添加内部方法,根据type值,改变$$data的值 | |
| 82 | + scope["$saSelectCtrl"].$$internal_data_change_fn = function() { | |
| 83 | + // 根据type属性动态载入数据 | |
| 84 | + if ($type_attr) { | |
| 85 | + $$searchInfoService_g[$type_attr].list( | |
| 86 | + {type: "all"}, | |
| 87 | + function(result) { | |
| 88 | + scope["$saSelectCtrl"].$$data = []; | |
| 89 | + for (var i = 0; i < result.length; i ++) { | |
| 90 | + var data = {}; // data是result的一部分属性集合,根据配置来确定 | |
| 91 | + if ($datacolname1_attr) { | |
| 92 | + data[$datacolname1_attr] = result[i][$datacolname1_attr]; | |
| 93 | + } | |
| 94 | + if ($datacolname2_attr) { | |
| 95 | + data[$datacolname2_attr] = result[i][$datacolname2_attr]; | |
| 96 | + } | |
| 97 | + if ($showcolname_attr) { | |
| 98 | + // 动态添加基于名字的拼音 | |
| 99 | + data[$showcolname_attr] = result[i][$showcolname_attr]; | |
| 100 | + if (data[$showcolname_attr]) { | |
| 101 | + data["fullChars"] = pinyin.getFullChars(result[i][$showcolname_attr]).toUpperCase(); // 全拼 | |
| 102 | + data["camelChars"] = pinyin.getCamelChars(result[i][$showcolname_attr]); // 简拼 | |
| 103 | + } | |
| 104 | + } | |
| 105 | + if (data["fullChars"]) | |
| 106 | + scope["$saSelectCtrl"].$$data.push(data); | |
| 107 | + } | |
| 108 | + }, | |
| 109 | + function(result) { | |
| 110 | + | |
| 111 | + } | |
| 112 | + ); | |
| 113 | + } | |
| 114 | + }; | |
| 115 | + | |
| 116 | + // 3、选择、删除事件映射模型和内部数据对应的字段 | |
| 117 | + scope["$saSelectCtrl"].$select_fn_attr = function($item) { | |
| 118 | + if ($modelcolname1_attr && $datacolname1_attr) { | |
| 119 | + scope["$saSelectCtrl"].model[$modelcolname1_attr] = $item[$datacolname1_attr]; | |
| 120 | + } | |
| 121 | + if ($modelcolname2_attr && $datacolname2_attr) { | |
| 122 | + scope["$saSelectCtrl"].model[$modelcolname2_attr] = $item[$datacolname2_attr]; | |
| 123 | + } | |
| 124 | + }; | |
| 125 | + scope["$saSelectCtrl"].$remove_fn_attr = function() { | |
| 126 | + if ($modelcolname1_attr) { | |
| 127 | + scope["$saSelectCtrl"].model[$modelcolname1_attr] = null; | |
| 128 | + } | |
| 129 | + if ($modelcolname2_attr) { | |
| 130 | + scope["$saSelectCtrl"].model[$modelcolname2_attr] = null; | |
| 131 | + } | |
| 132 | + scope["$saSelectCtrl"].$$cmodel = null; // 内部模型清空 | |
| 133 | + | |
| 134 | + scope["$saSelectCtrl"].$$internal_data_change_fn(); | |
| 135 | + }; | |
| 136 | + | |
| 137 | + // 4、搜索事件 | |
| 138 | + scope["$saSelectCtrl"].$refreshdata_fn_attr = function($search) { | |
| 139 | + //var fullChars = pinyin.getFullChars($search).toUpperCase(); | |
| 140 | + //var camelChars = pinyin.getCamelChars($search); | |
| 141 | + // | |
| 142 | + //console.log(fullChars + " " + camelChars); | |
| 143 | + // TODO:事件暂时没用,放着以后再说 | |
| 144 | + }; | |
| 145 | + | |
| 146 | + // 5、全部载入后,输入的 | |
| 147 | + $timeout(function() { | |
| 148 | + // 创建内部使用的绑定对象,用于确认选中那个值 | |
| 149 | + scope["$saSelectCtrl"].$$cmodel = scope["$saSelectCtrl"].model[$modelcolname1_attr]; | |
| 150 | + | |
| 151 | + scope["$saSelectCtrl"].$$internal_data_change_fn(); | |
| 152 | + }, 0); | |
| 153 | + } | |
| 154 | + } | |
| 155 | + } | |
| 156 | + }; | |
| 157 | + } | |
| 158 | +]); | |
| 159 | + | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/select/saSelect3.js
| 1 | - | |
| 2 | - | |
| 3 | - | |
| 4 | -/** | |
| 5 | - * saSelect3指令 | |
| 6 | - * 属性如下: | |
| 7 | - * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 8 | - * name(必须):控件的名字 | |
| 9 | - * placeholder(可选):占位符字符串 | |
| 10 | - * dcvalue(必须):绑定的model字段值,如:dcvalue={{ctrl.employeeInfoForSave.xl.id}} | |
| 11 | - * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 12 | - * icname(必须):内部与之对应的字段名,如:icname=code | |
| 13 | - * dcname2(可选):其他需要赋值的model字段名2,如:dcname2=xl.name | |
| 14 | - * icname2(可选):内部与之对应的字段名2,如:icname2=name | |
| 15 | - * dcname3(可选):其他需要赋值的model字段名3,如:dcname2=xl.name | |
| 16 | - * icname3(可选):内部与之对应的字段名3,如:icname2=name | |
| 17 | - * icnames(必须):用于用于显示,以及简评处理的内部数据字段,如:icnames=name | |
| 18 | - * required(可选):是否要用required验证 | |
| 19 | - * datatype(必须):业务数据类型,有字典类型,动态数据类型,暂时写的死点 | |
| 20 | - * mlp(可选):是否多级属性(这里假设外部model如果多级,内部model也是多级) | |
| 21 | - * | |
| 22 | - * 高级属性: | |
| 23 | - * dataassociate(可选):数据源是否关联属性(内部数据随外部指定的参数变化而变化) | |
| 24 | - * dataparam(可选):数据源关联的外部参数对象 | |
| 25 | - * | |
| 26 | - */ | |
| 27 | -angular.module('ScheduleApp').directive("saSelect3", [ | |
| 28 | - '$timeout', | |
| 29 | - '$$SearchInfoService_g', | |
| 30 | - function($timeout, $$searchInfoService_g) { | |
| 31 | - return { | |
| 32 | - restrict: 'E', | |
| 33 | - templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelect3Template.html', | |
| 34 | - scope: { | |
| 35 | - model: "=" // 独立作用域,关联外部的模型object | |
| 36 | - }, | |
| 37 | - controllerAs: "$saSelectCtrl", | |
| 38 | - bindToController: true, | |
| 39 | - controller: function($scope) { | |
| 40 | - var self = this; | |
| 41 | - self.$$data = []; // ui-select显示用的数据源 | |
| 42 | - self.$$data_real= []; // 内部真实的数据源 | |
| 43 | - }, | |
| 44 | - | |
| 45 | - /** | |
| 46 | - * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 47 | - * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 48 | - * @param tElem | |
| 49 | - * @param tAttrs | |
| 50 | - * @returns {{pre: Function, post: Function}} | |
| 51 | - */ | |
| 52 | - compile: function(tElem, tAttrs) { | |
| 53 | - // 获取所有的属性 | |
| 54 | - var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 55 | - var $placeholder_attr = tAttrs["placeholder"]; // 占位符的名字 | |
| 56 | - var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 57 | - var $icname_attr = tAttrs["icname"]; // 内部与之对应的字段名 | |
| 58 | - var $dcname2_attr = tAttrs["dcname2"]; // 其他需要赋值的model字段名2 | |
| 59 | - var $icname2_attr = tAttrs["icname2"]; // 内部与之对应的字段名2 | |
| 60 | - var $dcname3_attr = tAttrs["dcname3"]; // 其他需要赋值的model字段名3 | |
| 61 | - var $icname3_attr = tAttrs["icname3"]; // 内部与之对应的字段名3 | |
| 62 | - | |
| 63 | - var $icname_s_attr = tAttrs["icnames"]; // 用于用于显示,以及简评处理的内部数据字段 | |
| 64 | - var $datatype_attr = tAttrs["datatype"]; // 内部业务数据类型 | |
| 65 | - var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 66 | - var $mlp_attr = tAttrs["mlp"]; // 是否多级属性 | |
| 67 | - var $dataassociate_attr = tAttrs["dataassociate"]; // 数据源是否关联属性 | |
| 68 | - | |
| 69 | - // controlAs名字 | |
| 70 | - var ctrlAs = "$saSelectCtrl"; | |
| 71 | - | |
| 72 | - // 数据源初始化标志 | |
| 73 | - var $$data_init = false; | |
| 74 | - // 如果有required属性,添加angularjs required验证 | |
| 75 | - if ($required_attr != undefined) { | |
| 76 | - tElem.find("ui-select").attr("required", ""); | |
| 77 | - } | |
| 78 | - | |
| 79 | - // 由于有的属性是多级的如xl.name,所以要在compile阶段重写属性绑定属性定义 | |
| 80 | - // 原来的设置:{{$select.selected[$saSelectCtrl.$icname_s]}} | |
| 81 | - tElem.find("ui-select-match").html("{{$select.selected" + "." + $icname_s_attr + "}}"); | |
| 82 | - // 原来的设置:item[$saSelectCtrl.$icname] as item in $saSelectCtrl.$$data | |
| 83 | - tElem.find("ui-select-choices").attr("repeat", "item" + "." + $icname_attr + " as item in $saSelectCtrl.$$data"); | |
| 84 | - // 原来的设置:item[$saSelectCtrl.$icname_s] | |
| 85 | - tElem.find("ui-select-choices span").attr("ng-bind", "item" + "." + $icname_s_attr); | |
| 86 | - // 原来的设置:{{$saSelectCtrl.$name}} | |
| 87 | - tElem.find("ui-select").attr("name", $name_attr); | |
| 88 | - // 原来的设置:{{$saSelectCtrl.$placeholder}} | |
| 89 | - tElem.find("ui-select-match").attr("placeholder", $placeholder_attr); | |
| 90 | - | |
| 91 | - return { | |
| 92 | - pre: function(scope, element, attr) { | |
| 93 | - // TODO: | |
| 94 | - }, | |
| 95 | - /** | |
| 96 | - * 相当于link函数。 | |
| 97 | - * @param scope | |
| 98 | - * @param element | |
| 99 | - * @param attr | |
| 100 | - */ | |
| 101 | - post: function(scope, element, attr) { | |
| 102 | - // 添加选中事件处理函数 | |
| 103 | - scope[ctrlAs].$$internal_select_fn = function($item) { | |
| 104 | - if ($dcname_attr && $icname_attr) { | |
| 105 | - if ($mlp_attr) { | |
| 106 | - eval("scope[ctrlAs].model" + "." + $dcname_attr + " = $item" + "." + $icname_attr + ";"); | |
| 107 | - } else { | |
| 108 | - scope[ctrlAs].model[$dcname_attr] = $item[$icname_attr]; | |
| 109 | - } | |
| 110 | - } | |
| 111 | - if ($dcname2_attr && $icname2_attr) { | |
| 112 | - if ($mlp_attr) { | |
| 113 | - eval("scope[ctrlAs].model" + "." + $dcname2_attr + " = $item" + "." + $icname2_attr + ";"); | |
| 114 | - } else { | |
| 115 | - scope[ctrlAs].model[$dcname2_attr] = $item[$icname2_attr]; | |
| 116 | - } | |
| 117 | - } | |
| 118 | - if ($dcname3_attr && $icname3_attr) { | |
| 119 | - if ($mlp_attr) { | |
| 120 | - eval("scope[ctrlAs].model" + "." + $dcname3_attr + " = $item" + "." + $icname3_attr + ";"); | |
| 121 | - } else { | |
| 122 | - scope[ctrlAs].model[$dcname3_attr] = $item[$icname3_attr]; | |
| 123 | - } | |
| 124 | - } | |
| 125 | - }; | |
| 126 | - | |
| 127 | - // 删除选中事件处理函数 | |
| 128 | - scope[ctrlAs].$$internal_remove_fn = function() { | |
| 129 | - scope[ctrlAs].$$internalmodel = undefined; | |
| 130 | - if ($mlp_attr) { | |
| 131 | - eval("scope[ctrlAs].model" + "." + $dcname_attr + " = undefined;"); | |
| 132 | - } else { | |
| 133 | - scope[ctrlAs].model[$dcname_attr] = undefined; | |
| 134 | - } | |
| 135 | - | |
| 136 | - if ($dcname2_attr) { | |
| 137 | - if ($mlp_attr) { | |
| 138 | - eval("scope[ctrlAs].model" + "." + $dcname2_attr + " = undefined;"); | |
| 139 | - } else { | |
| 140 | - scope[ctrlAs].model[$dcname2_attr] = undefined; | |
| 141 | - } | |
| 142 | - } | |
| 143 | - if ($dcname3_attr) { | |
| 144 | - if ($mlp_attr) { | |
| 145 | - eval("scope[ctrlAs].model" + "." + $dcname3_attr + " = undefined;"); | |
| 146 | - } else { | |
| 147 | - scope[ctrlAs].model[$dcname3_attr] = undefined; | |
| 148 | - } | |
| 149 | - } | |
| 150 | - }; | |
| 151 | - | |
| 152 | - /** | |
| 153 | - * 内部方法,读取字典数据作为数据源。 | |
| 154 | - * @param dicgroup 字典类型,如:gsType | |
| 155 | - * @param ccol 代码字段名 | |
| 156 | - * @param ncol 名字字段名 | |
| 157 | - */ | |
| 158 | - scope[ctrlAs].$$internal_dic_data = function(dicgroup, ccol, ncol) { | |
| 159 | - var origin_dicgroup = dictionaryUtils.getByGroup(dicgroup); | |
| 160 | - var dic_key; // 字典key | |
| 161 | - // 清空内部数据 | |
| 162 | - scope[ctrlAs].$$data_real = []; | |
| 163 | - for (dic_key in origin_dicgroup) { | |
| 164 | - var data = {}; // 重新组合的字典元素对象 | |
| 165 | - if (dic_key == "true") | |
| 166 | - data[ccol] = true; | |
| 167 | - else | |
| 168 | - data[ccol] = dic_key; | |
| 169 | - data[ncol] = origin_dicgroup[dic_key]; | |
| 170 | - scope[ctrlAs].$$data_real.push(data); | |
| 171 | - } | |
| 172 | - // 这里直接将$$data_real数据深拷贝到$$data | |
| 173 | - angular.copy(scope[ctrlAs].$$data_real, scope[ctrlAs].$$data); | |
| 174 | - | |
| 175 | - console.log(scope[ctrlAs].$$data); | |
| 176 | - }; | |
| 177 | - | |
| 178 | - /** | |
| 179 | - * TODO:这个方法有性能问题,result一多就会卡一卡,之后再解决把 | |
| 180 | - * 内部方法,读取字典数据作为数据源。 | |
| 181 | - * @param result 原始数据 | |
| 182 | - * @param dcvalue 传入的关联数据 | |
| 183 | - */ | |
| 184 | - scope[ctrlAs].$$internal_other_data = function(result, dcvalue) { | |
| 185 | - console.log("start=" + dcvalue); | |
| 186 | - // 清空内部数据 | |
| 187 | - scope[ctrlAs].$$data_real = []; | |
| 188 | - scope[ctrlAs].$$data = []; | |
| 189 | - for (var i = 0; i < result.length; i ++) { | |
| 190 | - if ($icname_s_attr) { | |
| 191 | - if ($mlp_attr) { | |
| 192 | - if (eval("result[i]" + "." + $icname_s_attr)) { | |
| 193 | - // 全拼 | |
| 194 | - result[i]["fullChars"] = pinyin.getFullChars(eval("result[i]" + "." + $icname_s_attr)).toUpperCase(); | |
| 195 | - // 简拼 | |
| 196 | - result[i]["camelChars"] = pinyin.getCamelChars(eval("result[i]" + "." + $icname_s_attr)); | |
| 197 | - } | |
| 198 | - } else { | |
| 199 | - if (result[i][$icname_s_attr]) { | |
| 200 | - // 全拼 | |
| 201 | - result[i]["fullChars"] = pinyin.getFullChars(result[i][$icname_s_attr]).toUpperCase(); | |
| 202 | - // 简拼 | |
| 203 | - result[i]["camelChars"] = pinyin.getCamelChars(result[i][$icname_s_attr]); | |
| 204 | - } | |
| 205 | - } | |
| 206 | - } | |
| 207 | - | |
| 208 | - if (result[i]["fullChars"]) { // 有拼音的加入数据源 | |
| 209 | - scope[ctrlAs].$$data_real.push(result[i]); | |
| 210 | - } | |
| 211 | - | |
| 212 | - } | |
| 213 | - //console.log("start2"); | |
| 214 | - | |
| 215 | - // 数量太大取前10条记录作为显示 | |
| 216 | - if (angular.isArray(scope[ctrlAs].$$data_real)) { | |
| 217 | - // 先迭代循环查找已经传过来的值 | |
| 218 | - if (scope[ctrlAs].$$data_real.length > 0) { | |
| 219 | - if (dcvalue) { | |
| 220 | - for (var j = 0; j < scope[ctrlAs].$$data_real.length; j++) { | |
| 221 | - if (scope[ctrlAs].$$data_real[j][$icname_attr] == dcvalue) { | |
| 222 | - scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[j])); | |
| 223 | - break; | |
| 224 | - } | |
| 225 | - } | |
| 226 | - } | |
| 227 | - } | |
| 228 | - // 在插入剩余的数据 | |
| 229 | - for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 230 | - if (scope[ctrlAs].$$data.length < 10) { | |
| 231 | - if ($mlp_attr) { | |
| 232 | - if (eval("scope[ctrlAs].$$data_real[k]" + "." + $icname_attr + " != dcvalue")) { | |
| 233 | - scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 234 | - } | |
| 235 | - } else { | |
| 236 | - if (scope[ctrlAs].$$data_real[k][$icname_attr] != dcvalue) { | |
| 237 | - scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 238 | - } | |
| 239 | - } | |
| 240 | - } else { | |
| 241 | - break; | |
| 242 | - } | |
| 243 | - } | |
| 244 | - } | |
| 245 | - | |
| 246 | - //console.log("end"); | |
| 247 | - }; | |
| 248 | - | |
| 249 | - /** | |
| 250 | - * 判定一个对象是否为空对象。 | |
| 251 | - * @param Obj | |
| 252 | - */ | |
| 253 | - scope[ctrlAs].$$internal_isEmpty_obj = function(obj) { | |
| 254 | - console.log(typeof obj); | |
| 255 | - | |
| 256 | - if (typeof obj === "object" && !(obj instanceof Array)) { | |
| 257 | - for (var prop in obj) { | |
| 258 | - if (obj.hasOwnProperty(prop)) { | |
| 259 | - return false; | |
| 260 | - } | |
| 261 | - } | |
| 262 | - return true; | |
| 263 | - } else { | |
| 264 | - throw "必须是对象"; | |
| 265 | - } | |
| 266 | - }; | |
| 267 | - | |
| 268 | - // 刷新数据 | |
| 269 | - scope[ctrlAs].$$internal_refresh_fn = function(search) { | |
| 270 | - // 绑定的model字段值,此属性是绑定属性,只能在link阶段获取 | |
| 271 | - var $dcvalue_attr = attr["dcvalue"]; | |
| 272 | - | |
| 273 | - console.log("刷新数据:" + $dcvalue_attr); | |
| 274 | - | |
| 275 | - if (!$$data_init) { // 只初始化$$data_real一次,重新载入页面才能重新初始化 | |
| 276 | - if (dictionaryUtils.getByGroup($datatype_attr)) { // 判定是否字典类型数据源 | |
| 277 | - scope[ctrlAs].$$internal_dic_data( | |
| 278 | - $datatype_attr, $icname_attr, $icname_s_attr); | |
| 279 | - if ($dcvalue_attr) { | |
| 280 | - scope[ctrlAs].$$internalmodel = $dcvalue_attr; | |
| 281 | - } | |
| 282 | - } else { // 非字典类型数据源 | |
| 283 | - if (!$dataassociate_attr) { | |
| 284 | - $$searchInfoService_g[$datatype_attr].list( | |
| 285 | - {type: "all"}, | |
| 286 | - function(result) { | |
| 287 | - //console.log("ok:" + $datatype_attr); | |
| 288 | - scope[ctrlAs].$$internal_other_data(result, $dcvalue_attr); | |
| 289 | - //console.log("ok2:" + $datatype_attr); | |
| 290 | - if ($dcvalue_attr) { | |
| 291 | - scope[ctrlAs].$$internalmodel = $dcvalue_attr; | |
| 292 | - } | |
| 293 | - | |
| 294 | - $$data_init = true; | |
| 295 | - }, | |
| 296 | - function(result) { | |
| 297 | - | |
| 298 | - } | |
| 299 | - ); | |
| 300 | - } | |
| 301 | - } | |
| 302 | - } | |
| 303 | - | |
| 304 | - if ($$data_init) { | |
| 305 | - if (search && search != "") { // 有search值 | |
| 306 | - if (!dictionaryUtils.getByGroup($datatype_attr)) { // 其他数据源 | |
| 307 | - // 处理search | |
| 308 | - console.log("search:" + search); | |
| 309 | - | |
| 310 | - scope[ctrlAs].$$data = []; | |
| 311 | - for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 312 | - var upTerm = search.toUpperCase(); | |
| 313 | - if (scope[ctrlAs].$$data.length < 10) { | |
| 314 | - if (scope[ctrlAs].$$data_real[k].fullChars.indexOf(upTerm) != -1 | |
| 315 | - || scope[ctrlAs].$$data_real[k].camelChars.indexOf(upTerm) != -1) { | |
| 316 | - scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 317 | - } | |
| 318 | - } else { | |
| 319 | - break; | |
| 320 | - } | |
| 321 | - } | |
| 322 | - } | |
| 323 | - } | |
| 324 | - | |
| 325 | - } | |
| 326 | - | |
| 327 | - }; | |
| 328 | - | |
| 329 | - | |
| 330 | - | |
| 331 | - | |
| 332 | - | |
| 333 | - | |
| 334 | - | |
| 335 | - | |
| 336 | - | |
| 337 | - | |
| 338 | - // TODO: | |
| 339 | - | |
| 340 | - // dom全部载入后调用 | |
| 341 | - $timeout(function() { | |
| 342 | - console.log("dom全部载入后调用"); | |
| 343 | - }, 0); | |
| 344 | - // 监控dcvalue model值变换 | |
| 345 | - attr.$observe("dcvalue", function(value) { | |
| 346 | - console.log("监控dc1 model值变换:" + value); | |
| 347 | - scope[ctrlAs].$$internalmodel = value; | |
| 348 | - } | |
| 349 | - ); | |
| 350 | - // 监控获取数据参数变换 | |
| 351 | - attr.$observe("dataparam", function(value) { | |
| 352 | - // 判定是否空对象 | |
| 353 | - console.log(value); | |
| 354 | - var obj = JSON.parse(value); | |
| 355 | - var $dcvalue_attr = attr["dcvalue"]; | |
| 356 | - if (!scope[ctrlAs].$$internal_isEmpty_obj(obj)) { | |
| 357 | - console.log("dataparam:" + obj); | |
| 358 | - | |
| 359 | - // | |
| 360 | - | |
| 361 | - obj["type"] = "all"; | |
| 362 | - | |
| 363 | - $$data_init = false; | |
| 364 | - $$searchInfoService_g[$datatype_attr].list( | |
| 365 | - obj, | |
| 366 | - function(result) { | |
| 367 | - //console.log("ok:" + $datatype_attr); | |
| 368 | - scope[ctrlAs].$$internal_other_data(result, $dcvalue_attr); | |
| 369 | - //console.log("ok2:" + $datatype_attr); | |
| 370 | - if ($dcvalue_attr) { | |
| 371 | - scope[ctrlAs].$$internalmodel = $dcvalue_attr; | |
| 372 | - } | |
| 373 | - | |
| 374 | - $$data_init = true; | |
| 375 | - }, | |
| 376 | - function(result) { | |
| 377 | - | |
| 378 | - } | |
| 379 | - ); | |
| 380 | - } | |
| 381 | - } | |
| 382 | - ); | |
| 383 | - } | |
| 384 | - }; | |
| 385 | - } | |
| 386 | - }; | |
| 387 | - | |
| 388 | - } | |
| 389 | -]); | |
| 390 | - | |
| 1 | + | |
| 2 | + | |
| 3 | + | |
| 4 | +/** | |
| 5 | + * saSelect3指令 | |
| 6 | + * 属性如下: | |
| 7 | + * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 8 | + * name(必须):控件的名字 | |
| 9 | + * placeholder(可选):占位符字符串 | |
| 10 | + * dcvalue(必须):绑定的model字段值,如:dcvalue={{ctrl.employeeInfoForSave.xl.id}} | |
| 11 | + * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 12 | + * icname(必须):内部与之对应的字段名,如:icname=code | |
| 13 | + * dcname2(可选):其他需要赋值的model字段名2,如:dcname2=xl.name | |
| 14 | + * icname2(可选):内部与之对应的字段名2,如:icname2=name | |
| 15 | + * dcname3(可选):其他需要赋值的model字段名3,如:dcname2=xl.name | |
| 16 | + * icname3(可选):内部与之对应的字段名3,如:icname2=name | |
| 17 | + * icnames(必须):用于用于显示,以及简评处理的内部数据字段,如:icnames=name | |
| 18 | + * required(可选):是否要用required验证 | |
| 19 | + * datatype(必须):业务数据类型,有字典类型,动态数据类型,暂时写的死点 | |
| 20 | + * mlp(可选):是否多级属性(这里假设外部model如果多级,内部model也是多级) | |
| 21 | + * | |
| 22 | + * 高级属性: | |
| 23 | + * dataassociate(可选):数据源是否关联属性(内部数据随外部指定的参数变化而变化) | |
| 24 | + * dataparam(可选):数据源关联的外部参数对象 | |
| 25 | + * | |
| 26 | + */ | |
| 27 | +angular.module('ScheduleApp').directive("saSelect3", [ | |
| 28 | + '$timeout', | |
| 29 | + '$$SearchInfoService_g', | |
| 30 | + function($timeout, $$searchInfoService_g) { | |
| 31 | + return { | |
| 32 | + restrict: 'E', | |
| 33 | + templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelect3Template.html', | |
| 34 | + scope: { | |
| 35 | + model: "=" // 独立作用域,关联外部的模型object | |
| 36 | + }, | |
| 37 | + controllerAs: "$saSelectCtrl", | |
| 38 | + bindToController: true, | |
| 39 | + controller: function($scope) { | |
| 40 | + var self = this; | |
| 41 | + self.$$data = []; // ui-select显示用的数据源 | |
| 42 | + self.$$data_real= []; // 内部真实的数据源 | |
| 43 | + }, | |
| 44 | + | |
| 45 | + /** | |
| 46 | + * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 47 | + * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 48 | + * @param tElem | |
| 49 | + * @param tAttrs | |
| 50 | + * @returns {{pre: Function, post: Function}} | |
| 51 | + */ | |
| 52 | + compile: function(tElem, tAttrs) { | |
| 53 | + // 获取所有的属性 | |
| 54 | + var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 55 | + var $placeholder_attr = tAttrs["placeholder"]; // 占位符的名字 | |
| 56 | + var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 57 | + var $icname_attr = tAttrs["icname"]; // 内部与之对应的字段名 | |
| 58 | + var $dcname2_attr = tAttrs["dcname2"]; // 其他需要赋值的model字段名2 | |
| 59 | + var $icname2_attr = tAttrs["icname2"]; // 内部与之对应的字段名2 | |
| 60 | + var $dcname3_attr = tAttrs["dcname3"]; // 其他需要赋值的model字段名3 | |
| 61 | + var $icname3_attr = tAttrs["icname3"]; // 内部与之对应的字段名3 | |
| 62 | + | |
| 63 | + var $icname_s_attr = tAttrs["icnames"]; // 用于用于显示,以及简评处理的内部数据字段 | |
| 64 | + var $datatype_attr = tAttrs["datatype"]; // 内部业务数据类型 | |
| 65 | + var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 66 | + var $mlp_attr = tAttrs["mlp"]; // 是否多级属性 | |
| 67 | + var $dataassociate_attr = tAttrs["dataassociate"]; // 数据源是否关联属性 | |
| 68 | + | |
| 69 | + // controlAs名字 | |
| 70 | + var ctrlAs = "$saSelectCtrl"; | |
| 71 | + | |
| 72 | + // 数据源初始化标志 | |
| 73 | + var $$data_init = false; | |
| 74 | + // 如果有required属性,添加angularjs required验证 | |
| 75 | + if ($required_attr != undefined) { | |
| 76 | + tElem.find("ui-select").attr("required", ""); | |
| 77 | + } | |
| 78 | + | |
| 79 | + // 由于有的属性是多级的如xl.name,所以要在compile阶段重写属性绑定属性定义 | |
| 80 | + // 原来的设置:{{$select.selected[$saSelectCtrl.$icname_s]}} | |
| 81 | + tElem.find("ui-select-match").html("{{$select.selected" + "." + $icname_s_attr + "}}"); | |
| 82 | + // 原来的设置:item[$saSelectCtrl.$icname] as item in $saSelectCtrl.$$data | |
| 83 | + tElem.find("ui-select-choices").attr("repeat", "item" + "." + $icname_attr + " as item in $saSelectCtrl.$$data"); | |
| 84 | + // 原来的设置:item[$saSelectCtrl.$icname_s] | |
| 85 | + tElem.find("ui-select-choices span").attr("ng-bind", "item" + "." + $icname_s_attr); | |
| 86 | + // 原来的设置:{{$saSelectCtrl.$name}} | |
| 87 | + tElem.find("ui-select").attr("name", $name_attr); | |
| 88 | + // 原来的设置:{{$saSelectCtrl.$placeholder}} | |
| 89 | + tElem.find("ui-select-match").attr("placeholder", $placeholder_attr); | |
| 90 | + | |
| 91 | + return { | |
| 92 | + pre: function(scope, element, attr) { | |
| 93 | + // TODO: | |
| 94 | + }, | |
| 95 | + /** | |
| 96 | + * 相当于link函数。 | |
| 97 | + * @param scope | |
| 98 | + * @param element | |
| 99 | + * @param attr | |
| 100 | + */ | |
| 101 | + post: function(scope, element, attr) { | |
| 102 | + // 添加选中事件处理函数 | |
| 103 | + scope[ctrlAs].$$internal_select_fn = function($item) { | |
| 104 | + if ($dcname_attr && $icname_attr) { | |
| 105 | + if ($mlp_attr) { | |
| 106 | + eval("scope[ctrlAs].model" + "." + $dcname_attr + " = $item" + "." + $icname_attr + ";"); | |
| 107 | + } else { | |
| 108 | + scope[ctrlAs].model[$dcname_attr] = $item[$icname_attr]; | |
| 109 | + } | |
| 110 | + } | |
| 111 | + if ($dcname2_attr && $icname2_attr) { | |
| 112 | + if ($mlp_attr) { | |
| 113 | + eval("scope[ctrlAs].model" + "." + $dcname2_attr + " = $item" + "." + $icname2_attr + ";"); | |
| 114 | + } else { | |
| 115 | + scope[ctrlAs].model[$dcname2_attr] = $item[$icname2_attr]; | |
| 116 | + } | |
| 117 | + } | |
| 118 | + if ($dcname3_attr && $icname3_attr) { | |
| 119 | + if ($mlp_attr) { | |
| 120 | + eval("scope[ctrlAs].model" + "." + $dcname3_attr + " = $item" + "." + $icname3_attr + ";"); | |
| 121 | + } else { | |
| 122 | + scope[ctrlAs].model[$dcname3_attr] = $item[$icname3_attr]; | |
| 123 | + } | |
| 124 | + } | |
| 125 | + }; | |
| 126 | + | |
| 127 | + // 删除选中事件处理函数 | |
| 128 | + scope[ctrlAs].$$internal_remove_fn = function() { | |
| 129 | + scope[ctrlAs].$$internalmodel = undefined; | |
| 130 | + if ($mlp_attr) { | |
| 131 | + eval("scope[ctrlAs].model" + "." + $dcname_attr + " = undefined;"); | |
| 132 | + } else { | |
| 133 | + scope[ctrlAs].model[$dcname_attr] = undefined; | |
| 134 | + } | |
| 135 | + | |
| 136 | + if ($dcname2_attr) { | |
| 137 | + if ($mlp_attr) { | |
| 138 | + eval("scope[ctrlAs].model" + "." + $dcname2_attr + " = undefined;"); | |
| 139 | + } else { | |
| 140 | + scope[ctrlAs].model[$dcname2_attr] = undefined; | |
| 141 | + } | |
| 142 | + } | |
| 143 | + if ($dcname3_attr) { | |
| 144 | + if ($mlp_attr) { | |
| 145 | + eval("scope[ctrlAs].model" + "." + $dcname3_attr + " = undefined;"); | |
| 146 | + } else { | |
| 147 | + scope[ctrlAs].model[$dcname3_attr] = undefined; | |
| 148 | + } | |
| 149 | + } | |
| 150 | + }; | |
| 151 | + | |
| 152 | + /** | |
| 153 | + * 内部方法,读取字典数据作为数据源。 | |
| 154 | + * @param dicgroup 字典类型,如:gsType | |
| 155 | + * @param ccol 代码字段名 | |
| 156 | + * @param ncol 名字字段名 | |
| 157 | + */ | |
| 158 | + scope[ctrlAs].$$internal_dic_data = function(dicgroup, ccol, ncol) { | |
| 159 | + var origin_dicgroup = dictionaryUtils.getByGroup(dicgroup); | |
| 160 | + var dic_key; // 字典key | |
| 161 | + // 清空内部数据 | |
| 162 | + scope[ctrlAs].$$data_real = []; | |
| 163 | + for (dic_key in origin_dicgroup) { | |
| 164 | + var data = {}; // 重新组合的字典元素对象 | |
| 165 | + if (dic_key == "true") | |
| 166 | + data[ccol] = true; | |
| 167 | + else | |
| 168 | + data[ccol] = dic_key; | |
| 169 | + data[ncol] = origin_dicgroup[dic_key]; | |
| 170 | + scope[ctrlAs].$$data_real.push(data); | |
| 171 | + } | |
| 172 | + // 这里直接将$$data_real数据深拷贝到$$data | |
| 173 | + angular.copy(scope[ctrlAs].$$data_real, scope[ctrlAs].$$data); | |
| 174 | + | |
| 175 | + console.log(scope[ctrlAs].$$data); | |
| 176 | + }; | |
| 177 | + | |
| 178 | + /** | |
| 179 | + * TODO:这个方法有性能问题,result一多就会卡一卡,之后再解决把 | |
| 180 | + * 内部方法,读取字典数据作为数据源。 | |
| 181 | + * @param result 原始数据 | |
| 182 | + * @param dcvalue 传入的关联数据 | |
| 183 | + */ | |
| 184 | + scope[ctrlAs].$$internal_other_data = function(result, dcvalue) { | |
| 185 | + console.log("start=" + dcvalue); | |
| 186 | + // 清空内部数据 | |
| 187 | + scope[ctrlAs].$$data_real = []; | |
| 188 | + scope[ctrlAs].$$data = []; | |
| 189 | + for (var i = 0; i < result.length; i ++) { | |
| 190 | + if ($icname_s_attr) { | |
| 191 | + if ($mlp_attr) { | |
| 192 | + if (eval("result[i]" + "." + $icname_s_attr)) { | |
| 193 | + // 全拼 | |
| 194 | + result[i]["fullChars"] = pinyin.getFullChars(eval("result[i]" + "." + $icname_s_attr)).toUpperCase(); | |
| 195 | + // 简拼 | |
| 196 | + result[i]["camelChars"] = pinyin.getCamelChars(eval("result[i]" + "." + $icname_s_attr)); | |
| 197 | + } | |
| 198 | + } else { | |
| 199 | + if (result[i][$icname_s_attr]) { | |
| 200 | + // 全拼 | |
| 201 | + result[i]["fullChars"] = pinyin.getFullChars(result[i][$icname_s_attr]).toUpperCase(); | |
| 202 | + // 简拼 | |
| 203 | + result[i]["camelChars"] = pinyin.getCamelChars(result[i][$icname_s_attr]); | |
| 204 | + } | |
| 205 | + } | |
| 206 | + } | |
| 207 | + | |
| 208 | + if (result[i]["fullChars"]) { // 有拼音的加入数据源 | |
| 209 | + scope[ctrlAs].$$data_real.push(result[i]); | |
| 210 | + } | |
| 211 | + | |
| 212 | + } | |
| 213 | + //console.log("start2"); | |
| 214 | + | |
| 215 | + // 数量太大取前10条记录作为显示 | |
| 216 | + if (angular.isArray(scope[ctrlAs].$$data_real)) { | |
| 217 | + // 先迭代循环查找已经传过来的值 | |
| 218 | + if (scope[ctrlAs].$$data_real.length > 0) { | |
| 219 | + if (dcvalue) { | |
| 220 | + for (var j = 0; j < scope[ctrlAs].$$data_real.length; j++) { | |
| 221 | + if (scope[ctrlAs].$$data_real[j][$icname_attr] == dcvalue) { | |
| 222 | + scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[j])); | |
| 223 | + break; | |
| 224 | + } | |
| 225 | + } | |
| 226 | + } | |
| 227 | + } | |
| 228 | + // 在插入剩余的数据 | |
| 229 | + for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 230 | + if (scope[ctrlAs].$$data.length < 10) { | |
| 231 | + if ($mlp_attr) { | |
| 232 | + if (eval("scope[ctrlAs].$$data_real[k]" + "." + $icname_attr + " != dcvalue")) { | |
| 233 | + scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 234 | + } | |
| 235 | + } else { | |
| 236 | + if (scope[ctrlAs].$$data_real[k][$icname_attr] != dcvalue) { | |
| 237 | + scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 238 | + } | |
| 239 | + } | |
| 240 | + } else { | |
| 241 | + break; | |
| 242 | + } | |
| 243 | + } | |
| 244 | + } | |
| 245 | + | |
| 246 | + //console.log("end"); | |
| 247 | + }; | |
| 248 | + | |
| 249 | + /** | |
| 250 | + * 判定一个对象是否为空对象。 | |
| 251 | + * @param Obj | |
| 252 | + */ | |
| 253 | + scope[ctrlAs].$$internal_isEmpty_obj = function(obj) { | |
| 254 | + console.log(typeof obj); | |
| 255 | + | |
| 256 | + if (typeof obj === "object" && !(obj instanceof Array)) { | |
| 257 | + for (var prop in obj) { | |
| 258 | + if (obj.hasOwnProperty(prop)) { | |
| 259 | + return false; | |
| 260 | + } | |
| 261 | + } | |
| 262 | + return true; | |
| 263 | + } else { | |
| 264 | + throw "必须是对象"; | |
| 265 | + } | |
| 266 | + }; | |
| 267 | + | |
| 268 | + // 刷新数据 | |
| 269 | + scope[ctrlAs].$$internal_refresh_fn = function(search) { | |
| 270 | + // 绑定的model字段值,此属性是绑定属性,只能在link阶段获取 | |
| 271 | + var $dcvalue_attr = attr["dcvalue"]; | |
| 272 | + | |
| 273 | + console.log("刷新数据:" + $dcvalue_attr); | |
| 274 | + | |
| 275 | + if (!$$data_init) { // 只初始化$$data_real一次,重新载入页面才能重新初始化 | |
| 276 | + if (dictionaryUtils.getByGroup($datatype_attr)) { // 判定是否字典类型数据源 | |
| 277 | + scope[ctrlAs].$$internal_dic_data( | |
| 278 | + $datatype_attr, $icname_attr, $icname_s_attr); | |
| 279 | + if ($dcvalue_attr) { | |
| 280 | + scope[ctrlAs].$$internalmodel = $dcvalue_attr; | |
| 281 | + } | |
| 282 | + } else { // 非字典类型数据源 | |
| 283 | + if (!$dataassociate_attr) { | |
| 284 | + $$searchInfoService_g[$datatype_attr].list( | |
| 285 | + {type: "all"}, | |
| 286 | + function(result) { | |
| 287 | + //console.log("ok:" + $datatype_attr); | |
| 288 | + scope[ctrlAs].$$internal_other_data(result, $dcvalue_attr); | |
| 289 | + //console.log("ok2:" + $datatype_attr); | |
| 290 | + if ($dcvalue_attr) { | |
| 291 | + scope[ctrlAs].$$internalmodel = $dcvalue_attr; | |
| 292 | + } | |
| 293 | + | |
| 294 | + $$data_init = true; | |
| 295 | + }, | |
| 296 | + function(result) { | |
| 297 | + | |
| 298 | + } | |
| 299 | + ); | |
| 300 | + } | |
| 301 | + } | |
| 302 | + } | |
| 303 | + | |
| 304 | + if ($$data_init) { | |
| 305 | + if (search && search != "") { // 有search值 | |
| 306 | + if (!dictionaryUtils.getByGroup($datatype_attr)) { // 其他数据源 | |
| 307 | + // 处理search | |
| 308 | + console.log("search:" + search); | |
| 309 | + | |
| 310 | + scope[ctrlAs].$$data = []; | |
| 311 | + for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 312 | + var upTerm = search.toUpperCase(); | |
| 313 | + if (scope[ctrlAs].$$data.length < 10) { | |
| 314 | + if (scope[ctrlAs].$$data_real[k].fullChars.indexOf(upTerm) != -1 | |
| 315 | + || scope[ctrlAs].$$data_real[k].camelChars.indexOf(upTerm) != -1) { | |
| 316 | + scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 317 | + } | |
| 318 | + } else { | |
| 319 | + break; | |
| 320 | + } | |
| 321 | + } | |
| 322 | + } | |
| 323 | + } | |
| 324 | + | |
| 325 | + } | |
| 326 | + | |
| 327 | + }; | |
| 328 | + | |
| 329 | + | |
| 330 | + | |
| 331 | + | |
| 332 | + | |
| 333 | + | |
| 334 | + | |
| 335 | + | |
| 336 | + | |
| 337 | + | |
| 338 | + // TODO: | |
| 339 | + | |
| 340 | + // dom全部载入后调用 | |
| 341 | + $timeout(function() { | |
| 342 | + console.log("dom全部载入后调用"); | |
| 343 | + }, 0); | |
| 344 | + // 监控dcvalue model值变换 | |
| 345 | + attr.$observe("dcvalue", function(value) { | |
| 346 | + console.log("监控dc1 model值变换:" + value); | |
| 347 | + scope[ctrlAs].$$internalmodel = value; | |
| 348 | + } | |
| 349 | + ); | |
| 350 | + // 监控获取数据参数变换 | |
| 351 | + attr.$observe("dataparam", function(value) { | |
| 352 | + // 判定是否空对象 | |
| 353 | + console.log(value); | |
| 354 | + var obj = JSON.parse(value); | |
| 355 | + var $dcvalue_attr = attr["dcvalue"]; | |
| 356 | + if (!scope[ctrlAs].$$internal_isEmpty_obj(obj)) { | |
| 357 | + console.log("dataparam:" + obj); | |
| 358 | + | |
| 359 | + // | |
| 360 | + | |
| 361 | + obj["type"] = "all"; | |
| 362 | + | |
| 363 | + $$data_init = false; | |
| 364 | + $$searchInfoService_g[$datatype_attr].list( | |
| 365 | + obj, | |
| 366 | + function(result) { | |
| 367 | + //console.log("ok:" + $datatype_attr); | |
| 368 | + scope[ctrlAs].$$internal_other_data(result, $dcvalue_attr); | |
| 369 | + //console.log("ok2:" + $datatype_attr); | |
| 370 | + if ($dcvalue_attr) { | |
| 371 | + scope[ctrlAs].$$internalmodel = $dcvalue_attr; | |
| 372 | + } | |
| 373 | + | |
| 374 | + $$data_init = true; | |
| 375 | + }, | |
| 376 | + function(result) { | |
| 377 | + | |
| 378 | + } | |
| 379 | + ); | |
| 380 | + } | |
| 381 | + } | |
| 382 | + ); | |
| 383 | + } | |
| 384 | + }; | |
| 385 | + } | |
| 386 | + }; | |
| 387 | + | |
| 388 | + } | |
| 389 | +]); | |
| 390 | + | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/select/saSelect4.js
| 1 | -/** | |
| 2 | - * saSelect4指令,封装angular-ui-select控件,并添加相应的业务。 | |
| 3 | - * name(必须):控件的名字 | |
| 4 | - * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 5 | - * placeholder(可选):输入框占位符字符串 | |
| 6 | - * | |
| 7 | - * dcvalue(必须):绑定的model字段值,如:dcvalue={{ctrl.employeeInfoForSave.xl.id}} | |
| 8 | - * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 9 | - * icname(必须):内部与之对应的字段名,如:icname=code | |
| 10 | - * | |
| 11 | - * cmaps(可选):model其他字段和内部数据字段名映射,如:{{ {'xl.id' : 'id', 'xl.name' : 'name'} | json}} | |
| 12 | - * dsparams(必须):内部数据源查询参数,如:{{ {'ttid': ctrl.rerunManageForSave.rerunTtinfo.id} | json }} | |
| 13 | - * dscol(必须):内部显示的信息(暂时用内部字段),如:dscol=name | |
| 14 | - * required(可选):是否要用required验证 | |
| 15 | - */ | |
| 16 | -angular.module('ScheduleApp').directive('saSelect4', [ | |
| 17 | - '$timeout', | |
| 18 | - '$$SearchInfoService_g', | |
| 19 | - function($timeout, $$searchInfoService_g) { | |
| 20 | - return { | |
| 21 | - restrict: 'E', | |
| 22 | - templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelect4Template.html', | |
| 23 | - scope: { | |
| 24 | - model: "=" // 独立作用域,关联外部的模型object | |
| 25 | - }, | |
| 26 | - controllerAs: "$saSelectCtrl", | |
| 27 | - bindToController: true, | |
| 28 | - controller: function($scope) { | |
| 29 | - var self = this; | |
| 30 | - self.$$data = []; // ui-select显示用的数据 | |
| 31 | - self.$$data_real = []; // 内部真实的数据 | |
| 32 | - | |
| 33 | - // saSelect4组件的ng-model,用于外部绑定验证等操作 | |
| 34 | - self.$$internalmodel = undefined; | |
| 35 | - | |
| 36 | - self.$$internal_select_value = undefined; // 选中的值 | |
| 37 | - }, | |
| 38 | - | |
| 39 | - /** | |
| 40 | - * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 41 | - * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 42 | - * @param tElem | |
| 43 | - * @param tAttrs | |
| 44 | - * @returns {{pre: Function, post: Function}} | |
| 45 | - */ | |
| 46 | - compile: function(tElem, tAttrs) { | |
| 47 | - // 获取属性 | |
| 48 | - var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 49 | - var $placeholder_attr = tAttrs["placeholder"]; // 占位符的名字 | |
| 50 | - | |
| 51 | - var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 52 | - var $icname_attr = tAttrs["icname"]; // 内部与之对应的字段名 | |
| 53 | - | |
| 54 | - var $cmaps_attr = tAttrs["cmaps"]; // model其他字段和内部数据字段名映射 | |
| 55 | - var $dscol_attr = tAttrs["dscol"]; // 内部显示的信息 | |
| 56 | - var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 57 | - | |
| 58 | - // controlAs名字 | |
| 59 | - var ctrlAs = "$saSelectCtrl"; | |
| 60 | - | |
| 61 | - // 验证属性 | |
| 62 | - if (!$name_attr) { | |
| 63 | - throw new error("name属性必须填写"); | |
| 64 | - } | |
| 65 | - if (!$dcname_attr) { | |
| 66 | - throw new error("dcname属性必须填写"); | |
| 67 | - } | |
| 68 | - if (!$icname_attr) { | |
| 69 | - throw new error("icname属性必须填写"); | |
| 70 | - } | |
| 71 | - if (!$dscol_attr) { | |
| 72 | - throw new error("dscol属性必须填写"); | |
| 73 | - } | |
| 74 | - | |
| 75 | - // 动态设置dom | |
| 76 | - // dom required 属性 | |
| 77 | - if ($required_attr != undefined) { | |
| 78 | - tElem.find("div").attr("required", ""); | |
| 79 | - } | |
| 80 | - // dom placeholder 属性 | |
| 81 | - tElem.find("ui-select-match").attr("placeholder", $placeholder_attr); | |
| 82 | - // dom dscol 属性 | |
| 83 | - tElem.find("ui-select-match").html("{{$select.selected" + "." + $dscol_attr + "}}"); | |
| 84 | - tElem.find("ui-select-choices span").attr("ng-bind", "item" + "." + $dscol_attr); | |
| 85 | - // dom icname 属性 | |
| 86 | - tElem.find("ui-select-choices").attr("repeat", "item" + "." + $icname_attr + " as item in $saSelectCtrl.$$data"); | |
| 87 | - // dom name 属性 | |
| 88 | - tElem.find("div").attr("name", $name_attr); | |
| 89 | - | |
| 90 | - return { | |
| 91 | - pre: function(scope, element, attr) { | |
| 92 | - // TODO: | |
| 93 | - }, | |
| 94 | - | |
| 95 | - /** | |
| 96 | - * 相当于link函数。 | |
| 97 | - * @param scope | |
| 98 | - * @param element | |
| 99 | - * @param attr | |
| 100 | - */ | |
| 101 | - post: function(scope, element, attr) { | |
| 102 | - | |
| 103 | - // 添加选中事件处理函数 | |
| 104 | - scope[ctrlAs].$$internal_select_fn = function($item) { | |
| 105 | - if ($dcname_attr && $icname_attr) { | |
| 106 | - eval("scope[ctrlAs].model" + "." + $dcname_attr + " = $item" + "." + $icname_attr + ";"); | |
| 107 | - } | |
| 108 | - | |
| 109 | - if ($cmaps_attr) { | |
| 110 | - for (var mc in $cmaps_attr) { // model的字段名:内部数据源对应字段名 | |
| 111 | - var ic = $cmaps_attr[mc]; // 内部数据源对应字段 | |
| 112 | - eval("scope[ctrlAs].model" + "." + mc + " = $item" + "." + ic + ";"); | |
| 113 | - } | |
| 114 | - } | |
| 115 | - }; | |
| 116 | - | |
| 117 | - // 删除选中事件处理函数 | |
| 118 | - scope[ctrlAs].$$internal_remove_fn = function() { | |
| 119 | - scope[ctrlAs].$$internal_select_value = undefined; | |
| 120 | - if ($dcname_attr) { | |
| 121 | - eval("scope[ctrlAs].model" + "." + $dcname_attr + " = undefined;"); | |
| 122 | - } | |
| 123 | - | |
| 124 | - if ($cmaps_attr) { | |
| 125 | - var mc; // model的字段名 | |
| 126 | - for (mc in $cmaps_attr) { | |
| 127 | - eval("scope[ctrlAs].model" + "." + mc + " = undefined;"); | |
| 128 | - } | |
| 129 | - } | |
| 130 | - scope[ctrlAs].$$internal_validate_model(); | |
| 131 | - }; | |
| 132 | - | |
| 133 | - // 刷新数据 | |
| 134 | - scope[ctrlAs].$$internal_refresh_fn = function(search) { | |
| 135 | - if (search && search != "") { // 有search值 | |
| 136 | - // 处理search | |
| 137 | - console.log("search:" + search); | |
| 138 | - | |
| 139 | - scope[ctrlAs].$$data = []; | |
| 140 | - for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 141 | - var upTerm = search.toUpperCase(); | |
| 142 | - if (scope[ctrlAs].$$data.length < 10) { | |
| 143 | - if (scope[ctrlAs].$$data_real[k].fullChars.indexOf(upTerm) != -1 | |
| 144 | - || scope[ctrlAs].$$data_real[k].camelChars.indexOf(upTerm) != -1) { | |
| 145 | - scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 146 | - } | |
| 147 | - } else { | |
| 148 | - break; | |
| 149 | - } | |
| 150 | - } | |
| 151 | - } | |
| 152 | - }; | |
| 153 | - | |
| 154 | - /** | |
| 155 | - * 验证内部数据,更新外部model | |
| 156 | - */ | |
| 157 | - scope[ctrlAs].$$internal_validate_model = function() { | |
| 158 | - if (scope[ctrlAs].$$internal_select_value) { | |
| 159 | - var select_value_temp = scope[ctrlAs].$$internal_select_value; | |
| 160 | - if (scope[ctrlAs].$$data_real && scope[ctrlAs].$$data_real.length > 0) { | |
| 161 | - var obj; | |
| 162 | - for (var j = 0; j < scope[ctrlAs].$$data_real.length; j++) { | |
| 163 | - if (eval("scope[ctrlAs].$$data_real[j]" + "." + $icname_attr + " == select_value_temp")) { | |
| 164 | - obj = angular.copy(scope[ctrlAs].$$data_real[j]); | |
| 165 | - break; | |
| 166 | - } | |
| 167 | - } | |
| 168 | - if (obj) { // 在data中判定有没有 | |
| 169 | - for (var k = 0; k < scope[ctrlAs].$$data.length; k++) { | |
| 170 | - if (eval("scope[ctrlAs].$$data[k]" + "." + $icname_attr + " == obj." + $icname_attr)) { | |
| 171 | - obj = undefined; | |
| 172 | - break; | |
| 173 | - } | |
| 174 | - } | |
| 175 | - if (obj) { | |
| 176 | - scope[ctrlAs].$$data.push(obj); | |
| 177 | - } | |
| 178 | - // 更新内部model,用于外部验证 | |
| 179 | - // 内部model的值暂时随意,以后再改 | |
| 180 | - scope[ctrlAs].$$internalmodel = {desc: "ok"}; | |
| 181 | - } else { | |
| 182 | - scope[ctrlAs].$$internalmodel = undefined; | |
| 183 | - } | |
| 184 | - | |
| 185 | - } else { | |
| 186 | - scope[ctrlAs].$$internalmodel = undefined; | |
| 187 | - } | |
| 188 | - | |
| 189 | - } else { | |
| 190 | - scope[ctrlAs].$$internalmodel = undefined; | |
| 191 | - } | |
| 192 | - }; | |
| 193 | - | |
| 194 | - /** | |
| 195 | - * 内部方法,读取字典数据作为数据源。 | |
| 196 | - * @param atype ajax查询类型 | |
| 197 | - * @param ajaxparamobj 查询参数对象 | |
| 198 | - */ | |
| 199 | - scope[ctrlAs].$$internal_ajax_data = function(atype, ajaxparamobj) { | |
| 200 | - ajaxparamobj.type = 'all'; | |
| 201 | - $$searchInfoService_g[atype].list( | |
| 202 | - ajaxparamobj, | |
| 203 | - function(result) { | |
| 204 | - console.log("$$internal_ajax_data result"); | |
| 205 | - | |
| 206 | - // 清空内部数据 | |
| 207 | - scope[ctrlAs].$$data_real = []; | |
| 208 | - scope[ctrlAs].$$data = []; | |
| 209 | - | |
| 210 | - // result中添加拼音数据,注意:这里要求result返回对象数组 | |
| 211 | - for (var i = 0; i < result.length; i ++) { | |
| 212 | - if ($dscol_attr) { | |
| 213 | - if (eval("result[i]" + "." + $dscol_attr)) { | |
| 214 | - // 全拼 | |
| 215 | - result[i]["fullChars"] = pinyin.getFullChars(eval("result[i]" + "." + $dscol_attr)).toUpperCase(); | |
| 216 | - // 简拼 | |
| 217 | - result[i]["camelChars"] = pinyin.getCamelChars(eval("result[i]" + "." + $dscol_attr)); | |
| 218 | - } | |
| 219 | - } | |
| 220 | - | |
| 221 | - if (result[i]["fullChars"]) { // 有拼音的加入数据源 | |
| 222 | - scope[ctrlAs].$$data_real.push(result[i]); | |
| 223 | - } | |
| 224 | - | |
| 225 | - } | |
| 226 | - | |
| 227 | - // 数据量太大,取10条记录显示 | |
| 228 | - if (angular.isArray(scope[ctrlAs].$$data_real)) { | |
| 229 | - for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 230 | - if (scope[ctrlAs].$$data.length < 10) { | |
| 231 | - scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 232 | - } else { | |
| 233 | - break; | |
| 234 | - } | |
| 235 | - } | |
| 236 | - } | |
| 237 | - | |
| 238 | - scope[ctrlAs].$$internal_validate_model(); | |
| 239 | - }, | |
| 240 | - function(result) { | |
| 241 | - | |
| 242 | - } | |
| 243 | - ); | |
| 244 | - }; | |
| 245 | - | |
| 246 | - /** | |
| 247 | - * 内部方法,读取字典数据作为数据源。 | |
| 248 | - * @param dictype 字典类型,如:gsType | |
| 249 | - */ | |
| 250 | - scope[ctrlAs].$$internal_dic_data = function(dictype) { | |
| 251 | - if (!dictionaryUtils.getByGroup(dictype)) { | |
| 252 | - throw new error("字典数据不窜在=" + dictype); | |
| 253 | - } | |
| 254 | - | |
| 255 | - // 清空内部数据 | |
| 256 | - scope[ctrlAs].$$data_real = []; | |
| 257 | - scope[ctrlAs].$$data = []; | |
| 258 | - | |
| 259 | - var origin_dicgroup = dictionaryUtils.getByGroup(dicgroup); | |
| 260 | - var dic_key; // 字典key | |
| 261 | - | |
| 262 | - for (dic_key in origin_dicgroup) { | |
| 263 | - var data = {}; // 重新组合的字典元素对象 | |
| 264 | - if (dic_key == "true") | |
| 265 | - data[$icname_attr] = true; | |
| 266 | - else | |
| 267 | - data[$icname_attr] = dic_key; | |
| 268 | - data[$dscol_attr] = origin_dicgroup[dic_key]; | |
| 269 | - scope[ctrlAs].$$data_real.push(data); | |
| 270 | - } | |
| 271 | - // 这里直接将$$data_real数据深拷贝到$$data | |
| 272 | - angular.copy(scope[ctrlAs].$$data_real, scope[ctrlAs].$$data); | |
| 273 | - scope[ctrlAs].$$internal_validate_model(); | |
| 274 | - }; | |
| 275 | - | |
| 276 | - attr.$observe("dsparams", function(value) { | |
| 277 | - if (value && value != "") { | |
| 278 | - var obj = JSON.parse(value); | |
| 279 | - console.log("observe 监控 dsparams=" + obj); | |
| 280 | - | |
| 281 | - // dsparams格式如下: | |
| 282 | - // {type: 'dic/ajax', param: 'dic名字'/'ajax查询参数对象', atype: 'ajax查询类型'} | |
| 283 | - | |
| 284 | - if (obj.type == 'dic') { | |
| 285 | - scope[ctrlAs].$$internal_dic_data(obj.param); | |
| 286 | - | |
| 287 | - } else if (obj.type == 'ajax') { | |
| 288 | - scope[ctrlAs].$$internal_ajax_data(obj.atype, obj.param); | |
| 289 | - } else { | |
| 290 | - throw new Error("dsparams参数格式异常=" + obj); | |
| 291 | - } | |
| 292 | - | |
| 293 | - } | |
| 294 | - | |
| 295 | - }); | |
| 296 | - | |
| 297 | - // 监控model绑定的dcvalue值变化 | |
| 298 | - attr.$observe("dcvalue", function(value) { | |
| 299 | - if (value && value != "") { | |
| 300 | - console.log("observe 监控 dcvalue=" + value); | |
| 301 | - scope[ctrlAs].$$internal_select_value = value; | |
| 302 | - scope[ctrlAs].$$internal_validate_model(); | |
| 303 | - } | |
| 304 | - | |
| 305 | - // 闭包测试 | |
| 306 | - var obj = {'a':1,'b':2}; | |
| 307 | - var tfx = scope[ctrlAs].$$test.bind(obj); | |
| 308 | - console.log("闭包测试=" + tfx()); | |
| 309 | - }); | |
| 310 | - | |
| 311 | - scope[ctrlAs].$$test = function() { | |
| 312 | - var exp = "this.a + '(' + this.b + ')'"; | |
| 313 | - console.log("exp=" + exp); | |
| 314 | - return eval(exp); | |
| 315 | - }; | |
| 316 | - } | |
| 317 | - }; | |
| 318 | - | |
| 319 | - } | |
| 320 | - | |
| 321 | - }; | |
| 322 | - } | |
| 1 | +/** | |
| 2 | + * saSelect4指令,封装angular-ui-select控件,并添加相应的业务。 | |
| 3 | + * name(必须):控件的名字 | |
| 4 | + * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 5 | + * placeholder(可选):输入框占位符字符串 | |
| 6 | + * | |
| 7 | + * dcvalue(必须):绑定的model字段值,如:dcvalue={{ctrl.employeeInfoForSave.xl.id}} | |
| 8 | + * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 9 | + * icname(必须):内部与之对应的字段名,如:icname=code | |
| 10 | + * | |
| 11 | + * cmaps(可选):model其他字段和内部数据字段名映射,如:{{ {'xl.id' : 'id', 'xl.name' : 'name'} | json}} | |
| 12 | + * dsparams(必须):内部数据源查询参数,如:{{ {'ttid': ctrl.rerunManageForSave.rerunTtinfo.id} | json }} | |
| 13 | + * dscol(必须):内部显示的信息(暂时用内部字段),如:dscol=name | |
| 14 | + * required(可选):是否要用required验证 | |
| 15 | + */ | |
| 16 | +angular.module('ScheduleApp').directive('saSelect4', [ | |
| 17 | + '$timeout', | |
| 18 | + '$$SearchInfoService_g', | |
| 19 | + function($timeout, $$searchInfoService_g) { | |
| 20 | + return { | |
| 21 | + restrict: 'E', | |
| 22 | + templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelect4Template.html', | |
| 23 | + scope: { | |
| 24 | + model: "=" // 独立作用域,关联外部的模型object | |
| 25 | + }, | |
| 26 | + controllerAs: "$saSelectCtrl", | |
| 27 | + bindToController: true, | |
| 28 | + controller: function($scope) { | |
| 29 | + var self = this; | |
| 30 | + self.$$data = []; // ui-select显示用的数据 | |
| 31 | + self.$$data_real = []; // 内部真实的数据 | |
| 32 | + | |
| 33 | + // saSelect4组件的ng-model,用于外部绑定验证等操作 | |
| 34 | + self.$$internalmodel = undefined; | |
| 35 | + | |
| 36 | + self.$$internal_select_value = undefined; // 选中的值 | |
| 37 | + }, | |
| 38 | + | |
| 39 | + /** | |
| 40 | + * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 41 | + * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 42 | + * @param tElem | |
| 43 | + * @param tAttrs | |
| 44 | + * @returns {{pre: Function, post: Function}} | |
| 45 | + */ | |
| 46 | + compile: function(tElem, tAttrs) { | |
| 47 | + // 获取属性 | |
| 48 | + var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 49 | + var $placeholder_attr = tAttrs["placeholder"]; // 占位符的名字 | |
| 50 | + | |
| 51 | + var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 52 | + var $icname_attr = tAttrs["icname"]; // 内部与之对应的字段名 | |
| 53 | + | |
| 54 | + var $cmaps_attr = tAttrs["cmaps"]; // model其他字段和内部数据字段名映射 | |
| 55 | + var $dscol_attr = tAttrs["dscol"]; // 内部显示的信息 | |
| 56 | + var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 57 | + | |
| 58 | + // controlAs名字 | |
| 59 | + var ctrlAs = "$saSelectCtrl"; | |
| 60 | + | |
| 61 | + // 验证属性 | |
| 62 | + if (!$name_attr) { | |
| 63 | + throw new error("name属性必须填写"); | |
| 64 | + } | |
| 65 | + if (!$dcname_attr) { | |
| 66 | + throw new error("dcname属性必须填写"); | |
| 67 | + } | |
| 68 | + if (!$icname_attr) { | |
| 69 | + throw new error("icname属性必须填写"); | |
| 70 | + } | |
| 71 | + if (!$dscol_attr) { | |
| 72 | + throw new error("dscol属性必须填写"); | |
| 73 | + } | |
| 74 | + | |
| 75 | + // 动态设置dom | |
| 76 | + // dom required 属性 | |
| 77 | + if ($required_attr != undefined) { | |
| 78 | + tElem.find("div").attr("required", ""); | |
| 79 | + } | |
| 80 | + // dom placeholder 属性 | |
| 81 | + tElem.find("ui-select-match").attr("placeholder", $placeholder_attr); | |
| 82 | + // dom dscol 属性 | |
| 83 | + tElem.find("ui-select-match").html("{{$select.selected" + "." + $dscol_attr + "}}"); | |
| 84 | + tElem.find("ui-select-choices span").attr("ng-bind", "item" + "." + $dscol_attr); | |
| 85 | + // dom icname 属性 | |
| 86 | + tElem.find("ui-select-choices").attr("repeat", "item" + "." + $icname_attr + " as item in $saSelectCtrl.$$data"); | |
| 87 | + // dom name 属性 | |
| 88 | + tElem.find("div").attr("name", $name_attr); | |
| 89 | + | |
| 90 | + return { | |
| 91 | + pre: function(scope, element, attr) { | |
| 92 | + // TODO: | |
| 93 | + }, | |
| 94 | + | |
| 95 | + /** | |
| 96 | + * 相当于link函数。 | |
| 97 | + * @param scope | |
| 98 | + * @param element | |
| 99 | + * @param attr | |
| 100 | + */ | |
| 101 | + post: function(scope, element, attr) { | |
| 102 | + | |
| 103 | + // 添加选中事件处理函数 | |
| 104 | + scope[ctrlAs].$$internal_select_fn = function($item) { | |
| 105 | + if ($dcname_attr && $icname_attr) { | |
| 106 | + eval("scope[ctrlAs].model" + "." + $dcname_attr + " = $item" + "." + $icname_attr + ";"); | |
| 107 | + } | |
| 108 | + | |
| 109 | + if ($cmaps_attr) { | |
| 110 | + for (var mc in $cmaps_attr) { // model的字段名:内部数据源对应字段名 | |
| 111 | + var ic = $cmaps_attr[mc]; // 内部数据源对应字段 | |
| 112 | + eval("scope[ctrlAs].model" + "." + mc + " = $item" + "." + ic + ";"); | |
| 113 | + } | |
| 114 | + } | |
| 115 | + }; | |
| 116 | + | |
| 117 | + // 删除选中事件处理函数 | |
| 118 | + scope[ctrlAs].$$internal_remove_fn = function() { | |
| 119 | + scope[ctrlAs].$$internal_select_value = undefined; | |
| 120 | + if ($dcname_attr) { | |
| 121 | + eval("scope[ctrlAs].model" + "." + $dcname_attr + " = undefined;"); | |
| 122 | + } | |
| 123 | + | |
| 124 | + if ($cmaps_attr) { | |
| 125 | + var mc; // model的字段名 | |
| 126 | + for (mc in $cmaps_attr) { | |
| 127 | + eval("scope[ctrlAs].model" + "." + mc + " = undefined;"); | |
| 128 | + } | |
| 129 | + } | |
| 130 | + scope[ctrlAs].$$internal_validate_model(); | |
| 131 | + }; | |
| 132 | + | |
| 133 | + // 刷新数据 | |
| 134 | + scope[ctrlAs].$$internal_refresh_fn = function(search) { | |
| 135 | + if (search && search != "") { // 有search值 | |
| 136 | + // 处理search | |
| 137 | + console.log("search:" + search); | |
| 138 | + | |
| 139 | + scope[ctrlAs].$$data = []; | |
| 140 | + for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 141 | + var upTerm = search.toUpperCase(); | |
| 142 | + if (scope[ctrlAs].$$data.length < 10) { | |
| 143 | + if (scope[ctrlAs].$$data_real[k].fullChars.indexOf(upTerm) != -1 | |
| 144 | + || scope[ctrlAs].$$data_real[k].camelChars.indexOf(upTerm) != -1) { | |
| 145 | + scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 146 | + } | |
| 147 | + } else { | |
| 148 | + break; | |
| 149 | + } | |
| 150 | + } | |
| 151 | + } | |
| 152 | + }; | |
| 153 | + | |
| 154 | + /** | |
| 155 | + * 验证内部数据,更新外部model | |
| 156 | + */ | |
| 157 | + scope[ctrlAs].$$internal_validate_model = function() { | |
| 158 | + if (scope[ctrlAs].$$internal_select_value) { | |
| 159 | + var select_value_temp = scope[ctrlAs].$$internal_select_value; | |
| 160 | + if (scope[ctrlAs].$$data_real && scope[ctrlAs].$$data_real.length > 0) { | |
| 161 | + var obj; | |
| 162 | + for (var j = 0; j < scope[ctrlAs].$$data_real.length; j++) { | |
| 163 | + if (eval("scope[ctrlAs].$$data_real[j]" + "." + $icname_attr + " == select_value_temp")) { | |
| 164 | + obj = angular.copy(scope[ctrlAs].$$data_real[j]); | |
| 165 | + break; | |
| 166 | + } | |
| 167 | + } | |
| 168 | + if (obj) { // 在data中判定有没有 | |
| 169 | + for (var k = 0; k < scope[ctrlAs].$$data.length; k++) { | |
| 170 | + if (eval("scope[ctrlAs].$$data[k]" + "." + $icname_attr + " == obj." + $icname_attr)) { | |
| 171 | + obj = undefined; | |
| 172 | + break; | |
| 173 | + } | |
| 174 | + } | |
| 175 | + if (obj) { | |
| 176 | + scope[ctrlAs].$$data.push(obj); | |
| 177 | + } | |
| 178 | + // 更新内部model,用于外部验证 | |
| 179 | + // 内部model的值暂时随意,以后再改 | |
| 180 | + scope[ctrlAs].$$internalmodel = {desc: "ok"}; | |
| 181 | + } else { | |
| 182 | + scope[ctrlAs].$$internalmodel = undefined; | |
| 183 | + } | |
| 184 | + | |
| 185 | + } else { | |
| 186 | + scope[ctrlAs].$$internalmodel = undefined; | |
| 187 | + } | |
| 188 | + | |
| 189 | + } else { | |
| 190 | + scope[ctrlAs].$$internalmodel = undefined; | |
| 191 | + } | |
| 192 | + }; | |
| 193 | + | |
| 194 | + /** | |
| 195 | + * 内部方法,读取字典数据作为数据源。 | |
| 196 | + * @param atype ajax查询类型 | |
| 197 | + * @param ajaxparamobj 查询参数对象 | |
| 198 | + */ | |
| 199 | + scope[ctrlAs].$$internal_ajax_data = function(atype, ajaxparamobj) { | |
| 200 | + ajaxparamobj.type = 'all'; | |
| 201 | + $$searchInfoService_g[atype].list( | |
| 202 | + ajaxparamobj, | |
| 203 | + function(result) { | |
| 204 | + console.log("$$internal_ajax_data result"); | |
| 205 | + | |
| 206 | + // 清空内部数据 | |
| 207 | + scope[ctrlAs].$$data_real = []; | |
| 208 | + scope[ctrlAs].$$data = []; | |
| 209 | + | |
| 210 | + // result中添加拼音数据,注意:这里要求result返回对象数组 | |
| 211 | + for (var i = 0; i < result.length; i ++) { | |
| 212 | + if ($dscol_attr) { | |
| 213 | + if (eval("result[i]" + "." + $dscol_attr)) { | |
| 214 | + // 全拼 | |
| 215 | + result[i]["fullChars"] = pinyin.getFullChars(eval("result[i]" + "." + $dscol_attr)).toUpperCase(); | |
| 216 | + // 简拼 | |
| 217 | + result[i]["camelChars"] = pinyin.getCamelChars(eval("result[i]" + "." + $dscol_attr)); | |
| 218 | + } | |
| 219 | + } | |
| 220 | + | |
| 221 | + if (result[i]["fullChars"]) { // 有拼音的加入数据源 | |
| 222 | + scope[ctrlAs].$$data_real.push(result[i]); | |
| 223 | + } | |
| 224 | + | |
| 225 | + } | |
| 226 | + | |
| 227 | + // 数据量太大,取10条记录显示 | |
| 228 | + if (angular.isArray(scope[ctrlAs].$$data_real)) { | |
| 229 | + for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 230 | + if (scope[ctrlAs].$$data.length < 10) { | |
| 231 | + scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 232 | + } else { | |
| 233 | + break; | |
| 234 | + } | |
| 235 | + } | |
| 236 | + } | |
| 237 | + | |
| 238 | + scope[ctrlAs].$$internal_validate_model(); | |
| 239 | + }, | |
| 240 | + function(result) { | |
| 241 | + | |
| 242 | + } | |
| 243 | + ); | |
| 244 | + }; | |
| 245 | + | |
| 246 | + /** | |
| 247 | + * 内部方法,读取字典数据作为数据源。 | |
| 248 | + * @param dictype 字典类型,如:gsType | |
| 249 | + */ | |
| 250 | + scope[ctrlAs].$$internal_dic_data = function(dictype) { | |
| 251 | + if (!dictionaryUtils.getByGroup(dictype)) { | |
| 252 | + throw new error("字典数据不窜在=" + dictype); | |
| 253 | + } | |
| 254 | + | |
| 255 | + // 清空内部数据 | |
| 256 | + scope[ctrlAs].$$data_real = []; | |
| 257 | + scope[ctrlAs].$$data = []; | |
| 258 | + | |
| 259 | + var origin_dicgroup = dictionaryUtils.getByGroup(dicgroup); | |
| 260 | + var dic_key; // 字典key | |
| 261 | + | |
| 262 | + for (dic_key in origin_dicgroup) { | |
| 263 | + var data = {}; // 重新组合的字典元素对象 | |
| 264 | + if (dic_key == "true") | |
| 265 | + data[$icname_attr] = true; | |
| 266 | + else | |
| 267 | + data[$icname_attr] = dic_key; | |
| 268 | + data[$dscol_attr] = origin_dicgroup[dic_key]; | |
| 269 | + scope[ctrlAs].$$data_real.push(data); | |
| 270 | + } | |
| 271 | + // 这里直接将$$data_real数据深拷贝到$$data | |
| 272 | + angular.copy(scope[ctrlAs].$$data_real, scope[ctrlAs].$$data); | |
| 273 | + scope[ctrlAs].$$internal_validate_model(); | |
| 274 | + }; | |
| 275 | + | |
| 276 | + attr.$observe("dsparams", function(value) { | |
| 277 | + if (value && value != "") { | |
| 278 | + var obj = JSON.parse(value); | |
| 279 | + console.log("observe 监控 dsparams=" + obj); | |
| 280 | + | |
| 281 | + // dsparams格式如下: | |
| 282 | + // {type: 'dic/ajax', param: 'dic名字'/'ajax查询参数对象', atype: 'ajax查询类型'} | |
| 283 | + | |
| 284 | + if (obj.type == 'dic') { | |
| 285 | + scope[ctrlAs].$$internal_dic_data(obj.param); | |
| 286 | + | |
| 287 | + } else if (obj.type == 'ajax') { | |
| 288 | + scope[ctrlAs].$$internal_ajax_data(obj.atype, obj.param); | |
| 289 | + } else { | |
| 290 | + throw new Error("dsparams参数格式异常=" + obj); | |
| 291 | + } | |
| 292 | + | |
| 293 | + } | |
| 294 | + | |
| 295 | + }); | |
| 296 | + | |
| 297 | + // 监控model绑定的dcvalue值变化 | |
| 298 | + attr.$observe("dcvalue", function(value) { | |
| 299 | + if (value && value != "") { | |
| 300 | + console.log("observe 监控 dcvalue=" + value); | |
| 301 | + scope[ctrlAs].$$internal_select_value = value; | |
| 302 | + scope[ctrlAs].$$internal_validate_model(); | |
| 303 | + } | |
| 304 | + | |
| 305 | + // 闭包测试 | |
| 306 | + var obj = {'a':1,'b':2}; | |
| 307 | + var tfx = scope[ctrlAs].$$test.bind(obj); | |
| 308 | + console.log("闭包测试=" + tfx()); | |
| 309 | + }); | |
| 310 | + | |
| 311 | + scope[ctrlAs].$$test = function() { | |
| 312 | + var exp = "this.a + '(' + this.b + ')'"; | |
| 313 | + console.log("exp=" + exp); | |
| 314 | + return eval(exp); | |
| 315 | + }; | |
| 316 | + } | |
| 317 | + }; | |
| 318 | + | |
| 319 | + } | |
| 320 | + | |
| 321 | + }; | |
| 322 | + } | |
| 323 | 323 | ]); |
| 324 | 324 | \ No newline at end of file | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/select/saSelect5.js
| 1 | -/** | |
| 2 | - * saSelect5指令,基于简拼查询的select,内部封装angular-ui-select控件,并嵌入相应的业务逻辑。 | |
| 3 | - * name(必须):控件的名字 | |
| 4 | - * model(必须):独立作用域,指定一个外部对象模型双向绑定,如:model=ctrl.employeeInfoForSave | |
| 5 | - * cmaps(必须):外部对象与指令内部数据对象字段名映射对象字符串,如:{'xl.id' : 'id', 'xl.name' : 'name'} | |
| 6 | - * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 7 | - * icname(必须):内部与之对应的字段名,如:icname=id | |
| 8 | - * | |
| 9 | - * dsparams(必须):内部数据源查询参数对象,如:{{ {'ttid_eq': ctrl.rerunManageForSave.rerunTtinfo.id} | json }} | |
| 10 | - * dsparamsextra(可选):内部数据源查询附加参数对象字符串,如:{'type':'all'} | |
| 11 | - * iterobjname(必须):内部数据源迭代的数据变量名,如:iterobjname=item | |
| 12 | - * iterobjexp(必须):内部显示用的表达式 | |
| 13 | - * searchph(必须):查询输入占位符字符串,如:searchph=请输入... | |
| 14 | - * searchexp(必须):查询基于的内部数据源的表达式,如:searchexp=this.name+'('+this.code+')' | |
| 15 | - * | |
| 16 | - * required(可选):是否需要form的required验证 | |
| 17 | - * | |
| 18 | - */ | |
| 19 | -angular.module('ScheduleApp').directive('saSelect5', [ | |
| 20 | - '$timeout', | |
| 21 | - '$$SearchInfoService_g', | |
| 22 | - function($timeout, $$searchInfoService_g) { | |
| 23 | - return { | |
| 24 | - restrict: 'E', | |
| 25 | - templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelect5Template.html', | |
| 26 | - scope: { // 独立作用域 | |
| 27 | - model: "=" // 绑定外部对象 | |
| 28 | - }, | |
| 29 | - controllerAs: "$saSelectCtrl", | |
| 30 | - bindToController: true, | |
| 31 | - controller: function($scope) { | |
| 32 | - var self = this; | |
| 33 | - self.$$data = []; // 内部ui-select显示用数据 | |
| 34 | - self.$$data_real = []; // 内部保存的实际数据 | |
| 35 | - | |
| 36 | - // myselect组件的ng-model,用于外部绑定验证等操作 | |
| 37 | - self.$$internalmodel = undefined; | |
| 38 | - | |
| 39 | - self.$$internal_select_value = undefined; // 选中的值 | |
| 40 | - | |
| 41 | - }, | |
| 42 | - | |
| 43 | - /** | |
| 44 | - * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 45 | - * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 46 | - * @param tElem | |
| 47 | - * @param tAttrs | |
| 48 | - * @returns {{pre: Function, post: Function}} | |
| 49 | - */ | |
| 50 | - compile: function(tElem, tAttrs) { | |
| 51 | - // 获取属性,并验证必须按属性 | |
| 52 | - var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 53 | - var $cmaps_attr = tAttrs["cmaps"]; // 外部对象与指令内部数据对象字段名映射对象 | |
| 54 | - var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 55 | - var $icname_attr = tAttrs["icname"]; // 内部与之对应的字段名 | |
| 56 | - | |
| 57 | - var $dsparams_attr = tAttrs["dsparams"]; // 内部数据源查询参数对象 | |
| 58 | - var $dsparamsextra_attr = tAttrs["dsparamsextra"]; // 内部数据源查询附加参数对象字符串 | |
| 59 | - var $iterobjname_attr = tAttrs["iterobjname"]; // 内部数据源迭代的数据变量名 | |
| 60 | - var $iterobjexp_attr = tAttrs["iterobjexp"]; // 内部显示用的表达式 | |
| 61 | - var $searchph_attr = tAttrs["searchph"]; // 查询输入占位符字符串 | |
| 62 | - var $searchexp_attr = tAttrs["searchexp"]; // 查询基于的内部数据源的表达式 | |
| 63 | - | |
| 64 | - var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 65 | - | |
| 66 | - if (!$name_attr) { | |
| 67 | - throw new Error("name属性必须填写"); | |
| 68 | - } | |
| 69 | - if (!$cmaps_attr) { | |
| 70 | - throw new Error("cmaps属性必须填写") | |
| 71 | - } | |
| 72 | - if (!$dcname_attr || !$icname_attr) { | |
| 73 | - throw new Error("dcname、icname属性必须填写"); | |
| 74 | - } | |
| 75 | - if (!$dsparams_attr) { | |
| 76 | - throw new Error("dsparams属性必须填写"); | |
| 77 | - } | |
| 78 | - if (!$iterobjname_attr) { | |
| 79 | - throw new Error("iterobjname属性必须填写"); | |
| 80 | - } | |
| 81 | - if (!$iterobjexp_attr) { | |
| 82 | - throw new Error("iterobjexp属性必须填写"); | |
| 83 | - } | |
| 84 | - if (!$searchph_attr) { | |
| 85 | - throw new Error("searchph属性必须填写"); | |
| 86 | - } | |
| 87 | - if (!$searchexp_attr) { | |
| 88 | - throw new Error("searchexp属性必须填写"); | |
| 89 | - } | |
| 90 | - | |
| 91 | - // 内部controlAs名字 | |
| 92 | - var ctrlAs = "$saSelectCtrl"; | |
| 93 | - | |
| 94 | - // 动态设置dom | |
| 95 | - // dom,最外层name属性设置 | |
| 96 | - tElem.find("div:first").attr("name", $name_attr); | |
| 97 | - // dom,最外层divrequired属性设置 | |
| 98 | - if ($required_attr != undefined) { | |
| 99 | - tElem.find("div[name=\'" + $name_attr + "\']").attr("required", ""); | |
| 100 | - } | |
| 101 | - // dom,ui-select-match的placeholder属性设定 | |
| 102 | - tElem.find("ui-select-match").attr("placeholder", $searchph_attr); | |
| 103 | - // dom,ui-select-match的内容设定 | |
| 104 | - var uiSelectMatchHtml = "{{" + ctrlAs + ".$$internal_match_str($select.selected)}}"; | |
| 105 | - tElem.find("ui-select-match").html(uiSelectMatchHtml); | |
| 106 | - // dom,ui-select-choices的repeat属性设定 | |
| 107 | - var uiSelectChoices_repeatAttr = $iterobjname_attr + "." + $icname_attr + " as " + $iterobjname_attr + " in " + ctrlAs + ".$$data"; | |
| 108 | - tElem.find("ui-select-choices").attr("repeat", uiSelectChoices_repeatAttr); | |
| 109 | - // dom,span ng-bind属性设置,TODO:暂时无法用transclude设置,先用属性设置 | |
| 110 | - tElem.find("ui-select-choices").html("{{" + $iterobjexp_attr + "}}"); | |
| 111 | - | |
| 112 | - return { | |
| 113 | - pre: function (scope, element, attr) { | |
| 114 | - // TODO: | |
| 115 | - }, | |
| 116 | - | |
| 117 | - /** | |
| 118 | - * 相当于link函数。 | |
| 119 | - * @param scope | |
| 120 | - * @param element | |
| 121 | - * @param attr | |
| 122 | - */ | |
| 123 | - post: function (scope, element, attr) { | |
| 124 | - | |
| 125 | - // 添加选中事件处理函数 | |
| 126 | - scope[ctrlAs].$$internal_select_fn = function($item) { | |
| 127 | - eval("scope[ctrlAs].model" + "." + $dcname_attr + " = $item" + "." + $icname_attr + ";"); | |
| 128 | - | |
| 129 | - eval("var obj=" + $cmaps_attr); | |
| 130 | - for (var mc in obj) { // model的字段名:内部数据源对应字段名 | |
| 131 | - var ic = obj[mc]; // 内部数据源对应字段 | |
| 132 | - eval("scope[ctrlAs].model" + "." + mc + " = $item" + "." + ic + ";"); | |
| 133 | - } | |
| 134 | - }; | |
| 135 | - | |
| 136 | - // 删除选中事件处理函数 | |
| 137 | - scope[ctrlAs].$$internal_remove_fn = function() { | |
| 138 | - eval("scope[ctrlAs].model" + "." + $dcname_attr + " = undefined;"); | |
| 139 | - | |
| 140 | - eval("var obj=" + $cmaps_attr); | |
| 141 | - var mc; // model的字段名 | |
| 142 | - for (mc in obj) { | |
| 143 | - eval("scope[ctrlAs].model" + "." + mc + " = undefined;"); | |
| 144 | - } | |
| 145 | - }; | |
| 146 | - | |
| 147 | - // 刷新数据 | |
| 148 | - scope[ctrlAs].$$internal_refresh_fn = function(search) { | |
| 149 | - if (search && search != "") { // 有search值 | |
| 150 | - // 处理search | |
| 151 | - console.log("search:" + search); | |
| 152 | - | |
| 153 | - scope[ctrlAs].$$data = []; | |
| 154 | - for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 155 | - var upTerm = search.toUpperCase(); | |
| 156 | - if (scope[ctrlAs].$$data.length < 10) { | |
| 157 | - if (scope[ctrlAs].$$data_real[k].$fullChars.indexOf(upTerm) != -1 | |
| 158 | - || scope[ctrlAs].$$data_real[k].$camelChars.indexOf(upTerm) != -1 | |
| 159 | - || scope[ctrlAs].$$data_real[k].$calcu_str.indexOf(upTerm) != -1) { | |
| 160 | - scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 161 | - } | |
| 162 | - } else { | |
| 163 | - break; | |
| 164 | - } | |
| 165 | - } | |
| 166 | - } | |
| 167 | - }; | |
| 168 | - | |
| 169 | - /** | |
| 170 | - * 验证内部数据,更新外部model | |
| 171 | - */ | |
| 172 | - scope[ctrlAs].$$internal_validate_model = function() { | |
| 173 | - if (scope[ctrlAs].$$internal_select_value) { | |
| 174 | - var select_value_temp = scope[ctrlAs].$$internal_select_value; | |
| 175 | - if (scope[ctrlAs].$$data_real && scope[ctrlAs].$$data_real.length > 0) { | |
| 176 | - var obj; | |
| 177 | - for (var j = 0; j < scope[ctrlAs].$$data_real.length; j++) { | |
| 178 | - if (eval("scope[ctrlAs].$$data_real[j]" + "." + $icname_attr + " == select_value_temp")) { | |
| 179 | - obj = angular.copy(scope[ctrlAs].$$data_real[j]); | |
| 180 | - break; | |
| 181 | - } | |
| 182 | - } | |
| 183 | - if (obj) { // 在data中判定有没有 | |
| 184 | - for (var k = 0; k < scope[ctrlAs].$$data.length; k++) { | |
| 185 | - if (eval("scope[ctrlAs].$$data[k]" + "." + $icname_attr + " == obj." + $icname_attr)) { | |
| 186 | - obj = undefined; | |
| 187 | - break; | |
| 188 | - } | |
| 189 | - } | |
| 190 | - if (obj) { | |
| 191 | - scope[ctrlAs].$$data.push(obj); | |
| 192 | - } | |
| 193 | - // 更新内部model,用于外部验证 | |
| 194 | - // 内部model的值暂时随意,以后再改 | |
| 195 | - scope[ctrlAs].$$internalmodel = {desc: "ok"}; | |
| 196 | - } else { | |
| 197 | - scope[ctrlAs].$$internalmodel = undefined; | |
| 198 | - } | |
| 199 | - | |
| 200 | - } else { | |
| 201 | - scope[ctrlAs].$$internalmodel = undefined; | |
| 202 | - } | |
| 203 | - | |
| 204 | - } else { | |
| 205 | - scope[ctrlAs].$$internalmodel = undefined; | |
| 206 | - } | |
| 207 | - }; | |
| 208 | - | |
| 209 | - /** | |
| 210 | - * 内部match表达式转换函数,需要外部绑定此函数的上下文。 | |
| 211 | - * @param context function上下文 | |
| 212 | - */ | |
| 213 | - scope[ctrlAs].$$internal_match_str = function (context) { | |
| 214 | - var fx = function() { | |
| 215 | - try { | |
| 216 | - return eval($searchexp_attr); | |
| 217 | - } catch (err) { | |
| 218 | - //console.log(err); | |
| 219 | - return undefined; | |
| 220 | - } | |
| 221 | - | |
| 222 | - }; | |
| 223 | - | |
| 224 | - var str = fx.bind(context)(); | |
| 225 | - if (str && str != "") | |
| 226 | - return str; | |
| 227 | - else | |
| 228 | - return undefined; | |
| 229 | - }; | |
| 230 | - | |
| 231 | - /** | |
| 232 | - * 内部方法,读取字典数据作为数据源。 | |
| 233 | - * @param atype ajax查询类型 | |
| 234 | - * @param ajaxparamobj 查询参数对象 | |
| 235 | - */ | |
| 236 | - scope[ctrlAs].$$internal_ajax_data = function(atype, ajaxparamobj) { | |
| 237 | - // 如果ajaxparamobj为空对象,则表示清空内部选项 | |
| 238 | - var isEmptyObj = true; | |
| 239 | - for (var name in ajaxparamobj) { | |
| 240 | - isEmptyObj = false; | |
| 241 | - } | |
| 242 | - if (isEmptyObj) { | |
| 243 | - // 重新创建内部保存的数据 | |
| 244 | - scope[ctrlAs].$$data_real = []; | |
| 245 | - // 重新创建内部ui-select显示用数据,默认取10条记录显示 | |
| 246 | - scope[ctrlAs].$$data = []; | |
| 247 | - | |
| 248 | - scope[ctrlAs].$$internal_remove_fn(); | |
| 249 | - scope[ctrlAs].$$internal_validate_model(); | |
| 250 | - | |
| 251 | - return; | |
| 252 | - } | |
| 253 | - | |
| 254 | - if ($dsparamsextra_attr) { // 合并附加参数 | |
| 255 | - eval("var extra = " + $dsparamsextra_attr); | |
| 256 | - for (var extrakey in extra) { | |
| 257 | - ajaxparamobj[extrakey] = extra[extrakey]; | |
| 258 | - } | |
| 259 | - } | |
| 260 | - | |
| 261 | - $$searchInfoService_g[atype].list( | |
| 262 | - ajaxparamobj, | |
| 263 | - function(result) { | |
| 264 | - console.log("$$internal_ajax_data result"); | |
| 265 | - | |
| 266 | - // 重新创建内部保存的数据 | |
| 267 | - scope[ctrlAs].$$data_real = []; | |
| 268 | - // result中添加拼音数据,注意:这里要求result返回对象数组 | |
| 269 | - for (var i = 0; i < result.length; i++) { | |
| 270 | - // 闭包绑定返回最终查询的值 | |
| 271 | - var calcu_str = scope[ctrlAs].$$internal_match_str(result[i]); | |
| 272 | - if (calcu_str) { | |
| 273 | - // 全拼 | |
| 274 | - result[i]["$fullChars"] = pinyin.getFullChars(calcu_str); | |
| 275 | - // 简拼 | |
| 276 | - result[i]["$camelChars"] = pinyin.getCamelChars(calcu_str); | |
| 277 | - // 原值 | |
| 278 | - result[i]["$calcu_str"] = calcu_str; | |
| 279 | - | |
| 280 | - scope[ctrlAs].$$data_real.push(result[i]); | |
| 281 | - } | |
| 282 | - } | |
| 283 | - | |
| 284 | - // 重新创建内部ui-select显示用数据,默认取10条记录显示 | |
| 285 | - scope[ctrlAs].$$data = []; | |
| 286 | - for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 287 | - if (scope[ctrlAs].$$data.length < 10) { | |
| 288 | - scope[ctrlAs].$$data.push(scope[ctrlAs].$$data_real[k]); | |
| 289 | - } else { | |
| 290 | - break; | |
| 291 | - } | |
| 292 | - } | |
| 293 | - | |
| 294 | - scope[ctrlAs].$$internal_validate_model(); | |
| 295 | - }, | |
| 296 | - function(result) { | |
| 297 | - throw new Error("ajax查询出错"); | |
| 298 | - } | |
| 299 | - ); | |
| 300 | - }; | |
| 301 | - | |
| 302 | - /** | |
| 303 | - * 内部方法,读取字典数据作为数据源。 | |
| 304 | - * @param dictype 字典类型,如:gsType | |
| 305 | - */ | |
| 306 | - scope[ctrlAs].$$internal_dic_data = function(dictype) { | |
| 307 | - if (!dictionaryUtils.getByGroup(dictype)) { | |
| 308 | - throw new error("字典数据不窜在=" + dictype); | |
| 309 | - } | |
| 310 | - | |
| 311 | - // 重新创建内部保存的数据 | |
| 312 | - scope[ctrlAs].$$data_real = []; | |
| 313 | - var origin_dicgroup = dictionaryUtils.getByGroup(dicgroup); | |
| 314 | - var dic_key; // 字典key | |
| 315 | - | |
| 316 | - for (dic_key in origin_dicgroup) { | |
| 317 | - var data = {}; // 重新组合的字典元素对象 | |
| 318 | - if (dic_key == "true") | |
| 319 | - data[$icname_attr] = true; | |
| 320 | - else | |
| 321 | - data[$icname_attr] = dic_key; | |
| 322 | - data[$dscol_attr] = origin_dicgroup[dic_key]; | |
| 323 | - scope[ctrlAs].$$data_real.push(data); | |
| 324 | - } | |
| 325 | - | |
| 326 | - // 重新创建内部ui-select显示用数据,直接复制所有的字典数据 | |
| 327 | - scope[ctrlAs].$$data = []; | |
| 328 | - for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 329 | - scope[ctrlAs].$$data.push(scope[ctrlAs].$$data_real[k]); | |
| 330 | - } | |
| 331 | - | |
| 332 | - scope[ctrlAs].$$internal_validate_model(); | |
| 333 | - }; | |
| 334 | - | |
| 335 | - /** | |
| 336 | - * 监控dsparams属性变化 | |
| 337 | - */ | |
| 338 | - attr.$observe("dsparams", function(value) { | |
| 339 | - if (value && value != "") { | |
| 340 | - var obj = JSON.parse(value); | |
| 341 | - console.log("saSelect5 监控到dsparams属性变化,old=" + $dsparams_attr + ",new=" + value); | |
| 342 | - | |
| 343 | - // dsparams格式如下: | |
| 344 | - // {type: 'dic/ajax', param: 'dic名字'/'ajax查询参数对象', atype: 'ajax查询类型'} | |
| 345 | - | |
| 346 | - if (obj.type == 'dic') { | |
| 347 | - scope[ctrlAs].$$internal_dic_data(obj.param); | |
| 348 | - | |
| 349 | - } else if (obj.type == 'ajax') { | |
| 350 | - scope[ctrlAs].$$internal_ajax_data(obj.atype, obj.param); | |
| 351 | - } else { | |
| 352 | - throw new Error("dsparams参数格式异常=" + obj); | |
| 353 | - } | |
| 354 | - | |
| 355 | - } | |
| 356 | - }); | |
| 357 | - | |
| 358 | - /** | |
| 359 | - * 监控外部模型dcname的值的变化。 | |
| 360 | - */ | |
| 361 | - scope.$watch( | |
| 362 | - function() { | |
| 363 | - return eval("scope." + ctrlAs + ".model" + "." + $dcname_attr); | |
| 364 | - }, | |
| 365 | - function(newValue, oldValue) { | |
| 366 | - if (newValue === undefined && oldValue === undefined) { | |
| 367 | - // 两侧都是undefined,不处理 | |
| 368 | - | |
| 369 | - } else { | |
| 370 | - console.log("saSelect5 监控到外部模型" + $dcname_attr + "属性值变化,old=" + oldValue + ",new=" + newValue); | |
| 371 | - scope[ctrlAs].$$internal_select_value = newValue; | |
| 372 | - scope[ctrlAs].$$internal_validate_model(); | |
| 373 | - } | |
| 374 | - }, | |
| 375 | - true | |
| 376 | - ); | |
| 377 | - } | |
| 378 | - }; | |
| 379 | - } | |
| 380 | - }; | |
| 381 | - } | |
| 1 | +/** | |
| 2 | + * saSelect5指令,基于简拼查询的select,内部封装angular-ui-select控件,并嵌入相应的业务逻辑。 | |
| 3 | + * name(必须):控件的名字 | |
| 4 | + * model(必须):独立作用域,指定一个外部对象模型双向绑定,如:model=ctrl.employeeInfoForSave | |
| 5 | + * cmaps(必须):外部对象与指令内部数据对象字段名映射对象字符串,如:{'xl.id' : 'id', 'xl.name' : 'name'} | |
| 6 | + * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 7 | + * icname(必须):内部与之对应的字段名,如:icname=id | |
| 8 | + * | |
| 9 | + * dsparams(必须):内部数据源查询参数对象,如:{{ {'ttid_eq': ctrl.rerunManageForSave.rerunTtinfo.id} | json }} | |
| 10 | + * dsparamsextra(可选):内部数据源查询附加参数对象字符串,如:{'type':'all'} | |
| 11 | + * iterobjname(必须):内部数据源迭代的数据变量名,如:iterobjname=item | |
| 12 | + * iterobjexp(必须):内部显示用的表达式 | |
| 13 | + * searchph(必须):查询输入占位符字符串,如:searchph=请输入... | |
| 14 | + * searchexp(必须):查询基于的内部数据源的表达式,如:searchexp=this.name+'('+this.code+')' | |
| 15 | + * | |
| 16 | + * required(可选):是否需要form的required验证 | |
| 17 | + * | |
| 18 | + */ | |
| 19 | +angular.module('ScheduleApp').directive('saSelect5', [ | |
| 20 | + '$timeout', | |
| 21 | + '$$SearchInfoService_g', | |
| 22 | + function($timeout, $$searchInfoService_g) { | |
| 23 | + return { | |
| 24 | + restrict: 'E', | |
| 25 | + templateUrl: '/pages/scheduleApp/module/common/dts1/select/saSelect5Template.html', | |
| 26 | + scope: { // 独立作用域 | |
| 27 | + model: "=" // 绑定外部对象 | |
| 28 | + }, | |
| 29 | + controllerAs: "$saSelectCtrl", | |
| 30 | + bindToController: true, | |
| 31 | + controller: function($scope) { | |
| 32 | + var self = this; | |
| 33 | + self.$$data = []; // 内部ui-select显示用数据 | |
| 34 | + self.$$data_real = []; // 内部保存的实际数据 | |
| 35 | + | |
| 36 | + // myselect组件的ng-model,用于外部绑定验证等操作 | |
| 37 | + self.$$internalmodel = undefined; | |
| 38 | + | |
| 39 | + self.$$internal_select_value = undefined; // 选中的值 | |
| 40 | + | |
| 41 | + }, | |
| 42 | + | |
| 43 | + /** | |
| 44 | + * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 45 | + * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 46 | + * @param tElem | |
| 47 | + * @param tAttrs | |
| 48 | + * @returns {{pre: Function, post: Function}} | |
| 49 | + */ | |
| 50 | + compile: function(tElem, tAttrs) { | |
| 51 | + // 获取属性,并验证必须按属性 | |
| 52 | + var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 53 | + var $cmaps_attr = tAttrs["cmaps"]; // 外部对象与指令内部数据对象字段名映射对象 | |
| 54 | + var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 55 | + var $icname_attr = tAttrs["icname"]; // 内部与之对应的字段名 | |
| 56 | + | |
| 57 | + var $dsparams_attr = tAttrs["dsparams"]; // 内部数据源查询参数对象 | |
| 58 | + var $dsparamsextra_attr = tAttrs["dsparamsextra"]; // 内部数据源查询附加参数对象字符串 | |
| 59 | + var $iterobjname_attr = tAttrs["iterobjname"]; // 内部数据源迭代的数据变量名 | |
| 60 | + var $iterobjexp_attr = tAttrs["iterobjexp"]; // 内部显示用的表达式 | |
| 61 | + var $searchph_attr = tAttrs["searchph"]; // 查询输入占位符字符串 | |
| 62 | + var $searchexp_attr = tAttrs["searchexp"]; // 查询基于的内部数据源的表达式 | |
| 63 | + | |
| 64 | + var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 65 | + | |
| 66 | + if (!$name_attr) { | |
| 67 | + throw new Error("name属性必须填写"); | |
| 68 | + } | |
| 69 | + if (!$cmaps_attr) { | |
| 70 | + throw new Error("cmaps属性必须填写") | |
| 71 | + } | |
| 72 | + if (!$dcname_attr || !$icname_attr) { | |
| 73 | + throw new Error("dcname、icname属性必须填写"); | |
| 74 | + } | |
| 75 | + if (!$dsparams_attr) { | |
| 76 | + throw new Error("dsparams属性必须填写"); | |
| 77 | + } | |
| 78 | + if (!$iterobjname_attr) { | |
| 79 | + throw new Error("iterobjname属性必须填写"); | |
| 80 | + } | |
| 81 | + if (!$iterobjexp_attr) { | |
| 82 | + throw new Error("iterobjexp属性必须填写"); | |
| 83 | + } | |
| 84 | + if (!$searchph_attr) { | |
| 85 | + throw new Error("searchph属性必须填写"); | |
| 86 | + } | |
| 87 | + if (!$searchexp_attr) { | |
| 88 | + throw new Error("searchexp属性必须填写"); | |
| 89 | + } | |
| 90 | + | |
| 91 | + // 内部controlAs名字 | |
| 92 | + var ctrlAs = "$saSelectCtrl"; | |
| 93 | + | |
| 94 | + // 动态设置dom | |
| 95 | + // dom,最外层name属性设置 | |
| 96 | + tElem.find("div:first").attr("name", $name_attr); | |
| 97 | + // dom,最外层divrequired属性设置 | |
| 98 | + if ($required_attr != undefined) { | |
| 99 | + tElem.find("div[name=\'" + $name_attr + "\']").attr("required", ""); | |
| 100 | + } | |
| 101 | + // dom,ui-select-match的placeholder属性设定 | |
| 102 | + tElem.find("ui-select-match").attr("placeholder", $searchph_attr); | |
| 103 | + // dom,ui-select-match的内容设定 | |
| 104 | + var uiSelectMatchHtml = "{{" + ctrlAs + ".$$internal_match_str($select.selected)}}"; | |
| 105 | + tElem.find("ui-select-match").html(uiSelectMatchHtml); | |
| 106 | + // dom,ui-select-choices的repeat属性设定 | |
| 107 | + var uiSelectChoices_repeatAttr = $iterobjname_attr + "." + $icname_attr + " as " + $iterobjname_attr + " in " + ctrlAs + ".$$data"; | |
| 108 | + tElem.find("ui-select-choices").attr("repeat", uiSelectChoices_repeatAttr); | |
| 109 | + // dom,span ng-bind属性设置,TODO:暂时无法用transclude设置,先用属性设置 | |
| 110 | + tElem.find("ui-select-choices").html("{{" + $iterobjexp_attr + "}}"); | |
| 111 | + | |
| 112 | + return { | |
| 113 | + pre: function (scope, element, attr) { | |
| 114 | + // TODO: | |
| 115 | + }, | |
| 116 | + | |
| 117 | + /** | |
| 118 | + * 相当于link函数。 | |
| 119 | + * @param scope | |
| 120 | + * @param element | |
| 121 | + * @param attr | |
| 122 | + */ | |
| 123 | + post: function (scope, element, attr) { | |
| 124 | + | |
| 125 | + // 添加选中事件处理函数 | |
| 126 | + scope[ctrlAs].$$internal_select_fn = function($item) { | |
| 127 | + eval("scope[ctrlAs].model" + "." + $dcname_attr + " = $item" + "." + $icname_attr + ";"); | |
| 128 | + | |
| 129 | + eval("var obj=" + $cmaps_attr); | |
| 130 | + for (var mc in obj) { // model的字段名:内部数据源对应字段名 | |
| 131 | + var ic = obj[mc]; // 内部数据源对应字段 | |
| 132 | + eval("scope[ctrlAs].model" + "." + mc + " = $item" + "." + ic + ";"); | |
| 133 | + } | |
| 134 | + }; | |
| 135 | + | |
| 136 | + // 删除选中事件处理函数 | |
| 137 | + scope[ctrlAs].$$internal_remove_fn = function() { | |
| 138 | + eval("scope[ctrlAs].model" + "." + $dcname_attr + " = undefined;"); | |
| 139 | + | |
| 140 | + eval("var obj=" + $cmaps_attr); | |
| 141 | + var mc; // model的字段名 | |
| 142 | + for (mc in obj) { | |
| 143 | + eval("scope[ctrlAs].model" + "." + mc + " = undefined;"); | |
| 144 | + } | |
| 145 | + }; | |
| 146 | + | |
| 147 | + // 刷新数据 | |
| 148 | + scope[ctrlAs].$$internal_refresh_fn = function(search) { | |
| 149 | + if (search && search != "") { // 有search值 | |
| 150 | + // 处理search | |
| 151 | + console.log("search:" + search); | |
| 152 | + | |
| 153 | + scope[ctrlAs].$$data = []; | |
| 154 | + for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 155 | + var upTerm = search.toUpperCase(); | |
| 156 | + if (scope[ctrlAs].$$data.length < 10) { | |
| 157 | + if (scope[ctrlAs].$$data_real[k].$fullChars.indexOf(upTerm) != -1 | |
| 158 | + || scope[ctrlAs].$$data_real[k].$camelChars.indexOf(upTerm) != -1 | |
| 159 | + || scope[ctrlAs].$$data_real[k].$calcu_str.indexOf(upTerm) != -1) { | |
| 160 | + scope[ctrlAs].$$data.push(angular.copy(scope[ctrlAs].$$data_real[k])); | |
| 161 | + } | |
| 162 | + } else { | |
| 163 | + break; | |
| 164 | + } | |
| 165 | + } | |
| 166 | + } | |
| 167 | + }; | |
| 168 | + | |
| 169 | + /** | |
| 170 | + * 验证内部数据,更新外部model | |
| 171 | + */ | |
| 172 | + scope[ctrlAs].$$internal_validate_model = function() { | |
| 173 | + if (scope[ctrlAs].$$internal_select_value) { | |
| 174 | + var select_value_temp = scope[ctrlAs].$$internal_select_value; | |
| 175 | + if (scope[ctrlAs].$$data_real && scope[ctrlAs].$$data_real.length > 0) { | |
| 176 | + var obj; | |
| 177 | + for (var j = 0; j < scope[ctrlAs].$$data_real.length; j++) { | |
| 178 | + if (eval("scope[ctrlAs].$$data_real[j]" + "." + $icname_attr + " == select_value_temp")) { | |
| 179 | + obj = angular.copy(scope[ctrlAs].$$data_real[j]); | |
| 180 | + break; | |
| 181 | + } | |
| 182 | + } | |
| 183 | + if (obj) { // 在data中判定有没有 | |
| 184 | + for (var k = 0; k < scope[ctrlAs].$$data.length; k++) { | |
| 185 | + if (eval("scope[ctrlAs].$$data[k]" + "." + $icname_attr + " == obj." + $icname_attr)) { | |
| 186 | + obj = undefined; | |
| 187 | + break; | |
| 188 | + } | |
| 189 | + } | |
| 190 | + if (obj) { | |
| 191 | + scope[ctrlAs].$$data.push(obj); | |
| 192 | + } | |
| 193 | + // 更新内部model,用于外部验证 | |
| 194 | + // 内部model的值暂时随意,以后再改 | |
| 195 | + scope[ctrlAs].$$internalmodel = {desc: "ok"}; | |
| 196 | + } else { | |
| 197 | + scope[ctrlAs].$$internalmodel = undefined; | |
| 198 | + } | |
| 199 | + | |
| 200 | + } else { | |
| 201 | + scope[ctrlAs].$$internalmodel = undefined; | |
| 202 | + } | |
| 203 | + | |
| 204 | + } else { | |
| 205 | + scope[ctrlAs].$$internalmodel = undefined; | |
| 206 | + } | |
| 207 | + }; | |
| 208 | + | |
| 209 | + /** | |
| 210 | + * 内部match表达式转换函数,需要外部绑定此函数的上下文。 | |
| 211 | + * @param context function上下文 | |
| 212 | + */ | |
| 213 | + scope[ctrlAs].$$internal_match_str = function (context) { | |
| 214 | + var fx = function() { | |
| 215 | + try { | |
| 216 | + return eval($searchexp_attr); | |
| 217 | + } catch (err) { | |
| 218 | + //console.log(err); | |
| 219 | + return undefined; | |
| 220 | + } | |
| 221 | + | |
| 222 | + }; | |
| 223 | + | |
| 224 | + var str = fx.bind(context)(); | |
| 225 | + if (str && str != "") | |
| 226 | + return str; | |
| 227 | + else | |
| 228 | + return undefined; | |
| 229 | + }; | |
| 230 | + | |
| 231 | + /** | |
| 232 | + * 内部方法,读取字典数据作为数据源。 | |
| 233 | + * @param atype ajax查询类型 | |
| 234 | + * @param ajaxparamobj 查询参数对象 | |
| 235 | + */ | |
| 236 | + scope[ctrlAs].$$internal_ajax_data = function(atype, ajaxparamobj) { | |
| 237 | + // 如果ajaxparamobj为空对象,则表示清空内部选项 | |
| 238 | + var isEmptyObj = true; | |
| 239 | + for (var name in ajaxparamobj) { | |
| 240 | + isEmptyObj = false; | |
| 241 | + } | |
| 242 | + if (isEmptyObj) { | |
| 243 | + // 重新创建内部保存的数据 | |
| 244 | + scope[ctrlAs].$$data_real = []; | |
| 245 | + // 重新创建内部ui-select显示用数据,默认取10条记录显示 | |
| 246 | + scope[ctrlAs].$$data = []; | |
| 247 | + | |
| 248 | + scope[ctrlAs].$$internal_remove_fn(); | |
| 249 | + scope[ctrlAs].$$internal_validate_model(); | |
| 250 | + | |
| 251 | + return; | |
| 252 | + } | |
| 253 | + | |
| 254 | + if ($dsparamsextra_attr) { // 合并附加参数 | |
| 255 | + eval("var extra = " + $dsparamsextra_attr); | |
| 256 | + for (var extrakey in extra) { | |
| 257 | + ajaxparamobj[extrakey] = extra[extrakey]; | |
| 258 | + } | |
| 259 | + } | |
| 260 | + | |
| 261 | + $$searchInfoService_g[atype].list( | |
| 262 | + ajaxparamobj, | |
| 263 | + function(result) { | |
| 264 | + console.log("$$internal_ajax_data result"); | |
| 265 | + | |
| 266 | + // 重新创建内部保存的数据 | |
| 267 | + scope[ctrlAs].$$data_real = []; | |
| 268 | + // result中添加拼音数据,注意:这里要求result返回对象数组 | |
| 269 | + for (var i = 0; i < result.length; i++) { | |
| 270 | + // 闭包绑定返回最终查询的值 | |
| 271 | + var calcu_str = scope[ctrlAs].$$internal_match_str(result[i]); | |
| 272 | + if (calcu_str) { | |
| 273 | + // 全拼 | |
| 274 | + result[i]["$fullChars"] = pinyin.getFullChars(calcu_str); | |
| 275 | + // 简拼 | |
| 276 | + result[i]["$camelChars"] = pinyin.getCamelChars(calcu_str); | |
| 277 | + // 原值 | |
| 278 | + result[i]["$calcu_str"] = calcu_str; | |
| 279 | + | |
| 280 | + scope[ctrlAs].$$data_real.push(result[i]); | |
| 281 | + } | |
| 282 | + } | |
| 283 | + | |
| 284 | + // 重新创建内部ui-select显示用数据,默认取10条记录显示 | |
| 285 | + scope[ctrlAs].$$data = []; | |
| 286 | + for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 287 | + if (scope[ctrlAs].$$data.length < 10) { | |
| 288 | + scope[ctrlAs].$$data.push(scope[ctrlAs].$$data_real[k]); | |
| 289 | + } else { | |
| 290 | + break; | |
| 291 | + } | |
| 292 | + } | |
| 293 | + | |
| 294 | + scope[ctrlAs].$$internal_validate_model(); | |
| 295 | + }, | |
| 296 | + function(result) { | |
| 297 | + throw new Error("ajax查询出错"); | |
| 298 | + } | |
| 299 | + ); | |
| 300 | + }; | |
| 301 | + | |
| 302 | + /** | |
| 303 | + * 内部方法,读取字典数据作为数据源。 | |
| 304 | + * @param dictype 字典类型,如:gsType | |
| 305 | + */ | |
| 306 | + scope[ctrlAs].$$internal_dic_data = function(dictype) { | |
| 307 | + if (!dictionaryUtils.getByGroup(dictype)) { | |
| 308 | + throw new error("字典数据不窜在=" + dictype); | |
| 309 | + } | |
| 310 | + | |
| 311 | + // 重新创建内部保存的数据 | |
| 312 | + scope[ctrlAs].$$data_real = []; | |
| 313 | + var origin_dicgroup = dictionaryUtils.getByGroup(dicgroup); | |
| 314 | + var dic_key; // 字典key | |
| 315 | + | |
| 316 | + for (dic_key in origin_dicgroup) { | |
| 317 | + var data = {}; // 重新组合的字典元素对象 | |
| 318 | + if (dic_key == "true") | |
| 319 | + data[$icname_attr] = true; | |
| 320 | + else | |
| 321 | + data[$icname_attr] = dic_key; | |
| 322 | + data[$dscol_attr] = origin_dicgroup[dic_key]; | |
| 323 | + scope[ctrlAs].$$data_real.push(data); | |
| 324 | + } | |
| 325 | + | |
| 326 | + // 重新创建内部ui-select显示用数据,直接复制所有的字典数据 | |
| 327 | + scope[ctrlAs].$$data = []; | |
| 328 | + for (var k = 0; k < scope[ctrlAs].$$data_real.length; k++) { | |
| 329 | + scope[ctrlAs].$$data.push(scope[ctrlAs].$$data_real[k]); | |
| 330 | + } | |
| 331 | + | |
| 332 | + scope[ctrlAs].$$internal_validate_model(); | |
| 333 | + }; | |
| 334 | + | |
| 335 | + /** | |
| 336 | + * 监控dsparams属性变化 | |
| 337 | + */ | |
| 338 | + attr.$observe("dsparams", function(value) { | |
| 339 | + if (value && value != "") { | |
| 340 | + var obj = JSON.parse(value); | |
| 341 | + console.log("saSelect5 监控到dsparams属性变化,old=" + $dsparams_attr + ",new=" + value); | |
| 342 | + | |
| 343 | + // dsparams格式如下: | |
| 344 | + // {type: 'dic/ajax', param: 'dic名字'/'ajax查询参数对象', atype: 'ajax查询类型'} | |
| 345 | + | |
| 346 | + if (obj.type == 'dic') { | |
| 347 | + scope[ctrlAs].$$internal_dic_data(obj.param); | |
| 348 | + | |
| 349 | + } else if (obj.type == 'ajax') { | |
| 350 | + scope[ctrlAs].$$internal_ajax_data(obj.atype, obj.param); | |
| 351 | + } else { | |
| 352 | + throw new Error("dsparams参数格式异常=" + obj); | |
| 353 | + } | |
| 354 | + | |
| 355 | + } | |
| 356 | + }); | |
| 357 | + | |
| 358 | + /** | |
| 359 | + * 监控外部模型dcname的值的变化。 | |
| 360 | + */ | |
| 361 | + scope.$watch( | |
| 362 | + function() { | |
| 363 | + return eval("scope." + ctrlAs + ".model" + "." + $dcname_attr); | |
| 364 | + }, | |
| 365 | + function(newValue, oldValue) { | |
| 366 | + if (newValue === undefined && oldValue === undefined) { | |
| 367 | + // 两侧都是undefined,不处理 | |
| 368 | + | |
| 369 | + } else { | |
| 370 | + console.log("saSelect5 监控到外部模型" + $dcname_attr + "属性值变化,old=" + oldValue + ",new=" + newValue); | |
| 371 | + scope[ctrlAs].$$internal_select_value = newValue; | |
| 372 | + scope[ctrlAs].$$internal_validate_model(); | |
| 373 | + } | |
| 374 | + }, | |
| 375 | + true | |
| 376 | + ); | |
| 377 | + } | |
| 378 | + }; | |
| 379 | + } | |
| 380 | + }; | |
| 381 | + } | |
| 382 | 382 | ]); |
| 383 | 383 | \ No newline at end of file | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/ttt.txt deleted
100644 → 0
src/main/resources/static/pages/scheduleApp/module/common/dts1/validation/remoteValidaton.js
| 1 | -angular.module('ScheduleApp').directive("remoteValidaton", [ | |
| 2 | - 'BusInfoManageService_g', | |
| 3 | - 'EmployeeInfoManageService_g', | |
| 4 | - 'TimeTableManageService_g', | |
| 5 | - function( | |
| 6 | - busInfoManageService_g, | |
| 7 | - employeeInfoManageService_g, | |
| 8 | - timeTableManageService_g | |
| 9 | - ) { | |
| 10 | - /** | |
| 11 | - * 远端验证指令,依赖于ngModel | |
| 12 | - * 指令名称 remote-Validation | |
| 13 | - * 需要属性 rvtype 表示验证类型 | |
| 14 | - */ | |
| 15 | - return { | |
| 16 | - restrict: "A", | |
| 17 | - require: "^ngModel", | |
| 18 | - link: function(scope, element, attr, ngModelCtrl) { | |
| 19 | - element.bind("keyup", function() { | |
| 20 | - var modelValue = ngModelCtrl.$modelValue; | |
| 21 | - var rv1_attr = attr["rv1"]; | |
| 22 | - if (attr["rvtype"]) { | |
| 23 | - | |
| 24 | - // 根据rvtype的值,确定使用那个远端验证的url, | |
| 25 | - // rv1, rv2, rv3是关联比较值,暂时使用rv1 | |
| 26 | - // 这个貌似没法通用,根据业务变换 | |
| 27 | - // TODO:暂时有点乱以后改 | |
| 28 | - if (attr["rvtype"] == "insideCode") { | |
| 29 | - busInfoManageService_g.validate.insideCode( | |
| 30 | - {"insideCode_eq": modelValue, type: "equale"}, | |
| 31 | - function(result) { | |
| 32 | - //console.log(result); | |
| 33 | - if (result.status == "SUCCESS") { | |
| 34 | - ngModelCtrl.$setValidity('remote', true); | |
| 35 | - } else { | |
| 36 | - ngModelCtrl.$setValidity('remote', false); | |
| 37 | - } | |
| 38 | - }, | |
| 39 | - function(result) { | |
| 40 | - //console.log(result); | |
| 41 | - ngModelCtrl.$setValidity('remote', true); | |
| 42 | - } | |
| 43 | - ); | |
| 44 | - } else if (attr["rvtype"] == "jobCode") { | |
| 45 | - if (!rv1_attr) { | |
| 46 | - ngModelCtrl.$setValidity('remote', false); | |
| 47 | - return; | |
| 48 | - } | |
| 49 | - | |
| 50 | - employeeInfoManageService_g.validate.jobCode( | |
| 51 | - {"jobCode_eq": modelValue, "companyCode_eq": rv1_attr, type: "equale"}, | |
| 52 | - function(result) { | |
| 53 | - //console.log(result); | |
| 54 | - if (result.status == "SUCCESS") { | |
| 55 | - ngModelCtrl.$setValidity('remote', true); | |
| 56 | - } else { | |
| 57 | - ngModelCtrl.$setValidity('remote', false); | |
| 58 | - } | |
| 59 | - }, | |
| 60 | - function(result) { | |
| 61 | - //console.log(result); | |
| 62 | - ngModelCtrl.$setValidity('remote', true); | |
| 63 | - } | |
| 64 | - ); | |
| 65 | - } else if (attr["rvtype"] == "ttinfoname") { | |
| 66 | - if (!rv1_attr) { | |
| 67 | - ngModelCtrl.$setValidity('remote', false); | |
| 68 | - return; | |
| 69 | - } | |
| 70 | - | |
| 71 | - timeTableManageService_g.validate.ttinfoname( | |
| 72 | - {"name_eq": modelValue, "xl.id_eq": rv1_attr, type: "equale"}, | |
| 73 | - function(result) { | |
| 74 | - //console.log(result); | |
| 75 | - if (result.status == "SUCCESS") { | |
| 76 | - ngModelCtrl.$setValidity('remote', true); | |
| 77 | - } else { | |
| 78 | - ngModelCtrl.$setValidity('remote', false); | |
| 79 | - } | |
| 80 | - }, | |
| 81 | - function(result) { | |
| 82 | - //console.log(result); | |
| 83 | - ngModelCtrl.$setValidity('remote', true); | |
| 84 | - } | |
| 85 | - ); | |
| 86 | - | |
| 87 | - } | |
| 88 | - } else { | |
| 89 | - // 没有rvtype,就不用远端验证了 | |
| 90 | - ngModelCtrl.$setValidity('remote', true); | |
| 91 | - } | |
| 92 | - | |
| 93 | - attr.$observe("rv1", function(value) { | |
| 94 | - if (attr["rvtype"] == "jobCode") { | |
| 95 | - if (!value) { | |
| 96 | - ngModelCtrl.$setValidity('remote', false); | |
| 97 | - return; | |
| 98 | - } | |
| 99 | - | |
| 100 | - employeeInfoManageService_g.validate.jobCode( | |
| 101 | - {"jobCode_eq": modelValue, "companyCode_eq": rv1_attr, type: "equale"}, | |
| 102 | - function(result) { | |
| 103 | - //console.log(result); | |
| 104 | - if (result.status == "SUCCESS") { | |
| 105 | - ngModelCtrl.$setValidity('remote', true); | |
| 106 | - } else { | |
| 107 | - ngModelCtrl.$setValidity('remote', false); | |
| 108 | - } | |
| 109 | - }, | |
| 110 | - function(result) { | |
| 111 | - //console.log(result); | |
| 112 | - ngModelCtrl.$setValidity('remote', true); | |
| 113 | - } | |
| 114 | - ); | |
| 115 | - } else if (attr["rvtype"] == "ttinfoname") { | |
| 116 | - if (!value) { | |
| 117 | - ngModelCtrl.$setValidity('remote', false); | |
| 118 | - return; | |
| 119 | - } | |
| 120 | - | |
| 121 | - console.log("rv1:" + value); | |
| 122 | - | |
| 123 | - timeTableManageService_g.validate.ttinfoname( | |
| 124 | - {"name_eq": modelValue, "xl.id_eq": value, type: "equale"}, | |
| 125 | - function(result) { | |
| 126 | - //console.log(result); | |
| 127 | - if (result.status == "SUCCESS") { | |
| 128 | - ngModelCtrl.$setValidity('remote', true); | |
| 129 | - } else { | |
| 130 | - ngModelCtrl.$setValidity('remote', false); | |
| 131 | - } | |
| 132 | - }, | |
| 133 | - function(result) { | |
| 134 | - //console.log(result); | |
| 135 | - ngModelCtrl.$setValidity('remote', true); | |
| 136 | - } | |
| 137 | - ); | |
| 138 | - } | |
| 139 | - | |
| 140 | - }); | |
| 141 | - }); | |
| 142 | - } | |
| 143 | - }; | |
| 144 | - } | |
| 145 | - ] | |
| 146 | -); | |
| 147 | 1 | \ No newline at end of file |
| 2 | +/** | |
| 3 | + * remoteValidatio指令,远程数据验证验证,作为属性放在某个指令上,依赖与指令的ngModel。 | |
| 4 | + * 属性如下: | |
| 5 | + * remotevtype(必须):验证类型(在service中有对应映射),如rvtype="xl" | |
| 6 | + * remotevparam(必须):后端判定查询参数,如rvparam={{ {'xl.id_eq': '123'} | json }} | |
| 7 | + * | |
| 8 | + */ | |
| 9 | +angular.module('ScheduleApp').directive('remoteValidation', [ | |
| 10 | + '$$SearchInfoService_g', | |
| 11 | + function($$SearchInfoService_g) { | |
| 12 | + return { | |
| 13 | + restrict: "A", // 属性 | |
| 14 | + require: "^ngModel", // 依赖所属指令的ngModel | |
| 15 | + compile: function(tElem, tAttrs) { | |
| 16 | + // 验证属性 | |
| 17 | + if (!tAttrs["remotevtype"]) { // 验证类型 | |
| 18 | + throw new Error("remotevtype属性必须填写"); | |
| 19 | + } else if (!$$SearchInfoService_g.validate[tAttrs["remotevtype"]]) { | |
| 20 | + throw new Error(!tAttrs["remotevtype"] + "验证类型不存在"); | |
| 21 | + } | |
| 22 | + if (!tAttrs["remotevparam"]) { // 查询参数 | |
| 23 | + throw new Error("remotevparam属性必须填写"); | |
| 24 | + } | |
| 25 | + | |
| 26 | + // 监听获取的数据 | |
| 27 | + var $watch_rvtype = undefined; | |
| 28 | + var $watch_rvparam_obj = undefined; | |
| 29 | + | |
| 30 | + // 验证数据 | |
| 31 | + var $$internal_validate = function(ngModelCtrl) { | |
| 32 | + if ($watch_rvtype && $watch_rvparam_obj) { | |
| 33 | + // 获取查询参数模版 | |
| 34 | + var paramTemplate = $$SearchInfoService_g.validate[$watch_rvtype].template; | |
| 35 | + if (!paramTemplate) { | |
| 36 | + throw new Error($watch_rvtype + "查询模版不存在"); | |
| 37 | + } | |
| 38 | + // 判定如果参数对象不全,没有完全和模版参数里对应上,则不验证 | |
| 39 | + var isParamAll = true; | |
| 40 | + for (var key in paramTemplate) { | |
| 41 | + if (!$watch_rvparam_obj[key]) { | |
| 42 | + isParamAll = false; | |
| 43 | + break; | |
| 44 | + } | |
| 45 | + } | |
| 46 | + if (!isParamAll) { | |
| 47 | + ngModelCtrl.$setValidity('remote', true); | |
| 48 | + } else { // 开始验证 | |
| 49 | + $$SearchInfoService_g.validate[$watch_rvtype].remote.do( | |
| 50 | + $watch_rvparam_obj, | |
| 51 | + function(result) { | |
| 52 | + if (result.status == "SUCCESS") { | |
| 53 | + ngModelCtrl.$setValidity('remote', true); | |
| 54 | + } else { | |
| 55 | + ngModelCtrl.$setValidity('remote', false); | |
| 56 | + } | |
| 57 | + }, | |
| 58 | + function(result) { | |
| 59 | + ngModelCtrl.$setValidity('remote', true); | |
| 60 | + } | |
| 61 | + ); | |
| 62 | + } | |
| 63 | + } | |
| 64 | + }; | |
| 65 | + | |
| 66 | + return { | |
| 67 | + pre: function(scope, element, attr) { | |
| 68 | + | |
| 69 | + }, | |
| 70 | + | |
| 71 | + post: function(scope, element, attr, ngModelCtrl) { | |
| 72 | + /** | |
| 73 | + * 监控验证类型属性变化。 | |
| 74 | + */ | |
| 75 | + attr.$observe("remotevtype", function(value) { | |
| 76 | + if (value && value != "") { | |
| 77 | + $watch_rvtype = value; | |
| 78 | + $$internal_validate(ngModelCtrl); | |
| 79 | + } | |
| 80 | + }); | |
| 81 | + /** | |
| 82 | + * 监控查询结果属性变化。 | |
| 83 | + */ | |
| 84 | + attr.$observe("remotevparam", function(value) { | |
| 85 | + if (value && value != "") { | |
| 86 | + if (!ngModelCtrl.$dirty) { // 没有修改过模型数据,不验证 | |
| 87 | + return; | |
| 88 | + } | |
| 89 | + $watch_rvparam_obj = JSON.parse(value); | |
| 90 | + $$internal_validate(ngModelCtrl); | |
| 91 | + } | |
| 92 | + }); | |
| 93 | + } | |
| 94 | + }; | |
| 95 | + } | |
| 96 | + } | |
| 97 | + } | |
| 98 | +]); | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts1/validation/temp.txt
0 → 100644
src/main/resources/static/pages/scheduleApp/module/common/dts2/bcGroup/saBcgroup.js
| 1 | -/** | |
| 2 | - * saBcgroup指令,用于套跑界面中,从指定线路,指定时刻表,指定路牌的班次列表中选择套跑班次。 | |
| 3 | - * 属性如下: | |
| 4 | - * name(必须):控件的名字 | |
| 5 | - * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 6 | - * bcttinfoidsvalue(必须):绑定的model班次ids字段值,如:bcttinfoidsvalue={{ctrl.employeeInfoForSave.lprange}} | |
| 7 | - * bcttinfoidsname(必须):bind的model班次ids字段名,如:bcttinfoidsname=lprange | |
| 8 | - * dataparams (必须):内部数据关联的查询参数,如:{{ {'ttid': ctrl.rerunManageForSave.rerunTtinfo.id} | json }} | |
| 9 | - * required(可选):是否要用required验证 | |
| 10 | - * | |
| 11 | - */ | |
| 12 | -angular.module('ScheduleApp').directive('saBcgroup', [ | |
| 13 | - 'TimeTableDetailManageService_g', | |
| 14 | - function(timeTableDetailManageService_g) { | |
| 15 | - return { | |
| 16 | - restrict: 'E', | |
| 17 | - templateUrl: '/pages/scheduleApp/module/common/dts2/bcGroup/saBcgroupTemplate.html', | |
| 18 | - scope: { | |
| 19 | - model: "=" // 独立作用域,关联外部的模型object | |
| 20 | - }, | |
| 21 | - controllerAs: '$saBcgroupCtrl', | |
| 22 | - bindToController: true, | |
| 23 | - controller: function($scope) { | |
| 24 | - var self = this; | |
| 25 | - self.$$data = []; // 选择线路,时刻表,路牌后的班次列表 | |
| 26 | - | |
| 27 | - // 测试数据 | |
| 28 | - //self.$$data = [ | |
| 29 | - // {bcttinfoid: 1, bcfcsj: '7:30', bctype: 'out'}, | |
| 30 | - // {bcttinfoid: 2, bcfcsj: '8:30', bctype: 'normal'}, | |
| 31 | - // {bcttinfoid: 3, bcfcsj: '9:30', bctype: 'in'} | |
| 32 | - //]; | |
| 33 | - | |
| 34 | - | |
| 35 | - self.$$dataSelected = []; // 套跑选中的班次列表 | |
| 36 | - | |
| 37 | - //self.$$dataSelected = [ | |
| 38 | - // {bcttinfoid: 1, bcfcsj: '7:30', bctype: 'out'}, | |
| 39 | - // {bcttinfoid: 2, bcfcsj: '8:30', bctype: 'normal'}, | |
| 40 | - // {bcttinfoid: 3, bcfcsj: '9:30', bctype: 'in'} | |
| 41 | - //]; | |
| 42 | - | |
| 43 | - // saBcgroup组件的ng-model,用于外部绑定等操作 | |
| 44 | - self.$$internalmodel = undefined; | |
| 45 | - | |
| 46 | - self.$$data_bcdata_first_init = false; // 班次数据首次初始化标志 | |
| 47 | - self.$$data_bcttinfoids_first_init = false; // 班次ids数据首次初始化标志 | |
| 48 | - self.$$data_bcttinfoids_first_data = undefined; // 班次ids数据首次初始化数据 | |
| 49 | - | |
| 50 | - }, | |
| 51 | - | |
| 52 | - /** | |
| 53 | - * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 54 | - * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 55 | - * @param tElem | |
| 56 | - * @param tAttrs | |
| 57 | - * @returns {{pre: Function, post: Function}} | |
| 58 | - */ | |
| 59 | - compile: function(tElem, tAttrs) { | |
| 60 | - // TODO:获取所有的属性 | |
| 61 | - var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 62 | - var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 63 | - var $bcttinfoidsname_attr = tAttrs["bcttinfoidsname"]; // bind的model班次ids字段名 | |
| 64 | - | |
| 65 | - // controlAs名字 | |
| 66 | - var ctrlAs = '$saBcgroupCtrl'; | |
| 67 | - | |
| 68 | - // 如果有required属性,添加angularjs required验证 | |
| 69 | - if ($required_attr != undefined) { | |
| 70 | - //console.log(tElem.html()); | |
| 71 | - tElem.find("div").attr("required", ""); | |
| 72 | - } | |
| 73 | - | |
| 74 | - return { | |
| 75 | - pre: function(scope, element, attr) { | |
| 76 | - // TODO: | |
| 77 | - }, | |
| 78 | - | |
| 79 | - /** | |
| 80 | - * 相当于link函数。 | |
| 81 | - * @param scope | |
| 82 | - * @param element | |
| 83 | - * @param attr | |
| 84 | - */ | |
| 85 | - post: function(scope, element, attr) { | |
| 86 | - // name属性 | |
| 87 | - if ($name_attr) { | |
| 88 | - scope[ctrlAs]["$name_attr"] = $name_attr; | |
| 89 | - } | |
| 90 | - | |
| 91 | - // TODO: | |
| 92 | - | |
| 93 | - | |
| 94 | - /** | |
| 95 | - * 班次列表点击(班次列表中选中班次) | |
| 96 | - * @param $index | |
| 97 | - */ | |
| 98 | - scope[ctrlAs].$$internal_bclist_click = function($index) { | |
| 99 | - var data_temp = scope[ctrlAs].$$data; | |
| 100 | - var data_temp2 = scope[ctrlAs].$$dataSelected; | |
| 101 | - var i = 0; | |
| 102 | - var isunique = true; // 是否已经选择过 | |
| 103 | - if (data_temp && data_temp.length > $index) { | |
| 104 | - for (i = 0; i < data_temp2.length; i++) { | |
| 105 | - if (data_temp2[i].bcttinfoid == data_temp[$index].bcttinfoid) { | |
| 106 | - isunique = false; | |
| 107 | - break; | |
| 108 | - } | |
| 109 | - } | |
| 110 | - if (isunique) { | |
| 111 | - data_temp2.push({ | |
| 112 | - bcttinfoid: data_temp[$index].bcttinfoid, | |
| 113 | - bcfcsj: data_temp[$index].bcfcsj, | |
| 114 | - bctype: data_temp[$index].bctype | |
| 115 | - }); | |
| 116 | - } | |
| 117 | - | |
| 118 | - } | |
| 119 | - }; | |
| 120 | - /** | |
| 121 | - * 选中的班次双击(删除选中的班次) | |
| 122 | - * @param $index | |
| 123 | - */ | |
| 124 | - scope[ctrlAs].$$internal_selbclist_dbclick = function($index) { | |
| 125 | - var data_temp = scope[ctrlAs].$$dataSelected; | |
| 126 | - if (data_temp && data_temp.length > $index) { | |
| 127 | - data_temp.splice($index, 1); | |
| 128 | - } | |
| 129 | - }; | |
| 130 | - | |
| 131 | - | |
| 132 | - /** | |
| 133 | - * 验证内部数据,更新外部model | |
| 134 | - */ | |
| 135 | - scope[ctrlAs].$$internal_validate_model = function() { | |
| 136 | - var data_temp = scope[ctrlAs].$$dataSelected; | |
| 137 | - var bcttinfoIds = []; | |
| 138 | - var i = 0; | |
| 139 | - | |
| 140 | - if (data_temp && | |
| 141 | - data_temp.length > 0) { | |
| 142 | - | |
| 143 | - for (i = 0; i < data_temp.length; i++) { | |
| 144 | - bcttinfoIds.push(data_temp[i].bcttinfoid); | |
| 145 | - } | |
| 146 | - | |
| 147 | - // 更新外部model字段 | |
| 148 | - if ($bcttinfoidsname_attr) { | |
| 149 | - console.log("bcttinfoidsname=" + bcttinfoIds.join(',')); | |
| 150 | - eval("scope[ctrlAs].model" + "." + $bcttinfoidsname_attr + " = bcttinfoIds.join(',');"); | |
| 151 | - } | |
| 152 | - | |
| 153 | - // 更新内部model,用于外部验证 | |
| 154 | - // 内部model的值暂时随意,以后再改 | |
| 155 | - scope[ctrlAs].$$internalmodel = {desc: "ok"}; | |
| 156 | - | |
| 157 | - scope[ctrlAs].$$data_bcdata_first_init = true; | |
| 158 | - scope[ctrlAs].$$data_bcttinfoids_first_init = true; | |
| 159 | - | |
| 160 | - } else { | |
| 161 | - scope[ctrlAs].$$internalmodel = undefined; | |
| 162 | - } | |
| 163 | - | |
| 164 | - }; | |
| 165 | - | |
| 166 | - // 监控内部数据,$$data_selected 变化 | |
| 167 | - scope.$watch( | |
| 168 | - function() { | |
| 169 | - console.log("长度:" + scope[ctrlAs].$$dataSelected.length); | |
| 170 | - return scope[ctrlAs].$$dataSelected; | |
| 171 | - }, | |
| 172 | - function(newValue, oldValue) { | |
| 173 | - scope[ctrlAs].$$internal_validate_model(); | |
| 174 | - }, | |
| 175 | - true | |
| 176 | - ); | |
| 177 | - | |
| 178 | - /** | |
| 179 | - * 验证数据是否初始化完成, | |
| 180 | - * 所谓的初始化就是内部所有的数据被有效设定过一次。 | |
| 181 | - */ | |
| 182 | - scope[ctrlAs].$$internal_validate_init = function() { | |
| 183 | - var self = scope[ctrlAs]; | |
| 184 | - | |
| 185 | - var data_temp = self.$$data; | |
| 186 | - var dataSelect_temp = self.$$dataSelected; | |
| 187 | - var bcttinfoids = null; | |
| 188 | - | |
| 189 | - var i = 0; | |
| 190 | - var j = 0; | |
| 191 | - | |
| 192 | - if (self.$$data_bcdata_first_init && | |
| 193 | - self.$$data_bcttinfoids_first_init) { | |
| 194 | - console.log("开始初始化数据"); | |
| 195 | - | |
| 196 | - bcttinfoids = self.$$data_bcttinfoids_first_data ? self.$$data_bcttinfoids_first_data.split(",") : []; | |
| 197 | - | |
| 198 | - for (i = 0; i < bcttinfoids.length; i++) { | |
| 199 | - dataSelect_temp.push({ | |
| 200 | - bcttinfoid: bcttinfoids[i] | |
| 201 | - }); | |
| 202 | - for (j = 0; j < data_temp.length; j++) { | |
| 203 | - if (dataSelect_temp[i].bcttinfoid == data_temp[j].bcttinfoid) { | |
| 204 | - dataSelect_temp[i].bcfcsj = data_temp[j].bcfcsj; | |
| 205 | - dataSelect_temp[i].bctype = data_temp[j].bctype; | |
| 206 | - break; | |
| 207 | - } | |
| 208 | - } | |
| 209 | - } | |
| 210 | - | |
| 211 | - console.log("数据初始化完毕!"); | |
| 212 | - } | |
| 213 | - | |
| 214 | - }; | |
| 215 | - | |
| 216 | - // 监控初始化标志 | |
| 217 | - scope.$watch( | |
| 218 | - function() { | |
| 219 | - return scope[ctrlAs].$$data_bcdata_first_init; | |
| 220 | - }, | |
| 221 | - function(newValue, oldValue) { | |
| 222 | - scope[ctrlAs].$$internal_validate_init(); | |
| 223 | - } | |
| 224 | - ); | |
| 225 | - scope.$watch( | |
| 226 | - function() { | |
| 227 | - return scope[ctrlAs].$$data_bcttinfoids_first_init; | |
| 228 | - }, | |
| 229 | - function(newValue, oldValue) { | |
| 230 | - scope[ctrlAs].$$internal_validate_init(); | |
| 231 | - } | |
| 232 | - ); | |
| 233 | - | |
| 234 | - // 监控内部数据的变化 | |
| 235 | - attr.$observe("dataparams", function(value) { | |
| 236 | - if (value && value != "") { | |
| 237 | - if (value == '{}') { | |
| 238 | - return; | |
| 239 | - } | |
| 240 | - | |
| 241 | - console.log("bcgroup observe 监控 dataparams=" + value); | |
| 242 | - | |
| 243 | - timeTableDetailManageService_g.bcdetails.list( | |
| 244 | - JSON.parse(value), | |
| 245 | - function(result) { | |
| 246 | - // 获取值了 | |
| 247 | - console.log("内部班次数据获取了"); | |
| 248 | - | |
| 249 | - scope[ctrlAs].$$data = []; | |
| 250 | - for (var i = 0; i < result.length; i++) { | |
| 251 | - scope[ctrlAs].$$data.push({ | |
| 252 | - bcttinfoid: result[i].id, | |
| 253 | - bcfcsj: result[i].fcsj, | |
| 254 | - bctype: result[i].bcType | |
| 255 | - }); | |
| 256 | - } | |
| 257 | - if (scope[ctrlAs].$$data_bcdata_first_init && | |
| 258 | - scope[ctrlAs].$$data_bcttinfoids_first_init) { | |
| 259 | - | |
| 260 | - scope[ctrlAs].$$dataSelected = []; | |
| 261 | - scope[ctrlAs].$$internalmodel = undefined; | |
| 262 | - } | |
| 263 | - scope[ctrlAs].$$data_bcdata_first_init = true; | |
| 264 | - }, | |
| 265 | - function(result) { | |
| 266 | - | |
| 267 | - } | |
| 268 | - ); | |
| 269 | - } | |
| 270 | - }); | |
| 271 | - // 监控班次ids数据的变化 | |
| 272 | - attr.$observe("bcttinfoidsvalue", function(value) { | |
| 273 | - if (value && value != "") { | |
| 274 | - console.log("observe 监控 bcttinfoidsvalue=" + value); | |
| 275 | - scope[ctrlAs].$$data_bcttinfoids_first_init = true; | |
| 276 | - scope[ctrlAs].$$data_bcttinfoids_first_data = value; | |
| 277 | - } | |
| 278 | - }); | |
| 279 | - | |
| 280 | - } | |
| 281 | - } | |
| 282 | - | |
| 283 | - } | |
| 284 | - } | |
| 285 | - } | |
| 1 | +/** | |
| 2 | + * saBcgroup指令,用于套跑界面中,从指定线路,指定时刻表,指定路牌的班次列表中选择套跑班次。 | |
| 3 | + * 属性如下: | |
| 4 | + * name(必须):控件的名字 | |
| 5 | + * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 6 | + * bcttinfoidsvalue(必须):绑定的model班次ids字段值,如:bcttinfoidsvalue={{ctrl.employeeInfoForSave.lprange}} | |
| 7 | + * bcttinfoidsname(必须):bind的model班次ids字段名,如:bcttinfoidsname=lprange | |
| 8 | + * dataparams (必须):内部数据关联的查询参数,如:{{ {'ttid': ctrl.rerunManageForSave.rerunTtinfo.id} | json }} | |
| 9 | + * required(可选):是否要用required验证 | |
| 10 | + * | |
| 11 | + */ | |
| 12 | +angular.module('ScheduleApp').directive('saBcgroup', [ | |
| 13 | + 'TimeTableDetailManageService_g', | |
| 14 | + function(timeTableDetailManageService_g) { | |
| 15 | + return { | |
| 16 | + restrict: 'E', | |
| 17 | + templateUrl: '/pages/scheduleApp/module/common/dts2/bcGroup/saBcgroupTemplate.html', | |
| 18 | + scope: { | |
| 19 | + model: "=" // 独立作用域,关联外部的模型object | |
| 20 | + }, | |
| 21 | + controllerAs: '$saBcgroupCtrl', | |
| 22 | + bindToController: true, | |
| 23 | + controller: function($scope) { | |
| 24 | + var self = this; | |
| 25 | + self.$$data = []; // 选择线路,时刻表,路牌后的班次列表 | |
| 26 | + | |
| 27 | + // 测试数据 | |
| 28 | + //self.$$data = [ | |
| 29 | + // {bcttinfoid: 1, bcfcsj: '7:30', bctype: 'out'}, | |
| 30 | + // {bcttinfoid: 2, bcfcsj: '8:30', bctype: 'normal'}, | |
| 31 | + // {bcttinfoid: 3, bcfcsj: '9:30', bctype: 'in'} | |
| 32 | + //]; | |
| 33 | + | |
| 34 | + | |
| 35 | + self.$$dataSelected = []; // 套跑选中的班次列表 | |
| 36 | + | |
| 37 | + //self.$$dataSelected = [ | |
| 38 | + // {bcttinfoid: 1, bcfcsj: '7:30', bctype: 'out'}, | |
| 39 | + // {bcttinfoid: 2, bcfcsj: '8:30', bctype: 'normal'}, | |
| 40 | + // {bcttinfoid: 3, bcfcsj: '9:30', bctype: 'in'} | |
| 41 | + //]; | |
| 42 | + | |
| 43 | + // saBcgroup组件的ng-model,用于外部绑定等操作 | |
| 44 | + self.$$internalmodel = undefined; | |
| 45 | + | |
| 46 | + self.$$data_bcdata_first_init = false; // 班次数据首次初始化标志 | |
| 47 | + self.$$data_bcttinfoids_first_init = false; // 班次ids数据首次初始化标志 | |
| 48 | + self.$$data_bcttinfoids_first_data = undefined; // 班次ids数据首次初始化数据 | |
| 49 | + | |
| 50 | + }, | |
| 51 | + | |
| 52 | + /** | |
| 53 | + * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 54 | + * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 55 | + * @param tElem | |
| 56 | + * @param tAttrs | |
| 57 | + * @returns {{pre: Function, post: Function}} | |
| 58 | + */ | |
| 59 | + compile: function(tElem, tAttrs) { | |
| 60 | + // TODO:获取所有的属性 | |
| 61 | + var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 62 | + var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 63 | + var $bcttinfoidsname_attr = tAttrs["bcttinfoidsname"]; // bind的model班次ids字段名 | |
| 64 | + | |
| 65 | + // controlAs名字 | |
| 66 | + var ctrlAs = '$saBcgroupCtrl'; | |
| 67 | + | |
| 68 | + // 如果有required属性,添加angularjs required验证 | |
| 69 | + if ($required_attr != undefined) { | |
| 70 | + //console.log(tElem.html()); | |
| 71 | + tElem.find("div").attr("required", ""); | |
| 72 | + } | |
| 73 | + | |
| 74 | + return { | |
| 75 | + pre: function(scope, element, attr) { | |
| 76 | + // TODO: | |
| 77 | + }, | |
| 78 | + | |
| 79 | + /** | |
| 80 | + * 相当于link函数。 | |
| 81 | + * @param scope | |
| 82 | + * @param element | |
| 83 | + * @param attr | |
| 84 | + */ | |
| 85 | + post: function(scope, element, attr) { | |
| 86 | + // name属性 | |
| 87 | + if ($name_attr) { | |
| 88 | + scope[ctrlAs]["$name_attr"] = $name_attr; | |
| 89 | + } | |
| 90 | + | |
| 91 | + // TODO: | |
| 92 | + | |
| 93 | + | |
| 94 | + /** | |
| 95 | + * 班次列表点击(班次列表中选中班次) | |
| 96 | + * @param $index | |
| 97 | + */ | |
| 98 | + scope[ctrlAs].$$internal_bclist_click = function($index) { | |
| 99 | + var data_temp = scope[ctrlAs].$$data; | |
| 100 | + var data_temp2 = scope[ctrlAs].$$dataSelected; | |
| 101 | + var i = 0; | |
| 102 | + var isunique = true; // 是否已经选择过 | |
| 103 | + if (data_temp && data_temp.length > $index) { | |
| 104 | + for (i = 0; i < data_temp2.length; i++) { | |
| 105 | + if (data_temp2[i].bcttinfoid == data_temp[$index].bcttinfoid) { | |
| 106 | + isunique = false; | |
| 107 | + break; | |
| 108 | + } | |
| 109 | + } | |
| 110 | + if (isunique) { | |
| 111 | + data_temp2.push({ | |
| 112 | + bcttinfoid: data_temp[$index].bcttinfoid, | |
| 113 | + bcfcsj: data_temp[$index].bcfcsj, | |
| 114 | + bctype: data_temp[$index].bctype | |
| 115 | + }); | |
| 116 | + } | |
| 117 | + | |
| 118 | + } | |
| 119 | + }; | |
| 120 | + /** | |
| 121 | + * 选中的班次双击(删除选中的班次) | |
| 122 | + * @param $index | |
| 123 | + */ | |
| 124 | + scope[ctrlAs].$$internal_selbclist_dbclick = function($index) { | |
| 125 | + var data_temp = scope[ctrlAs].$$dataSelected; | |
| 126 | + if (data_temp && data_temp.length > $index) { | |
| 127 | + data_temp.splice($index, 1); | |
| 128 | + } | |
| 129 | + }; | |
| 130 | + | |
| 131 | + | |
| 132 | + /** | |
| 133 | + * 验证内部数据,更新外部model | |
| 134 | + */ | |
| 135 | + scope[ctrlAs].$$internal_validate_model = function() { | |
| 136 | + var data_temp = scope[ctrlAs].$$dataSelected; | |
| 137 | + var bcttinfoIds = []; | |
| 138 | + var i = 0; | |
| 139 | + | |
| 140 | + if (data_temp && | |
| 141 | + data_temp.length > 0) { | |
| 142 | + | |
| 143 | + for (i = 0; i < data_temp.length; i++) { | |
| 144 | + bcttinfoIds.push(data_temp[i].bcttinfoid); | |
| 145 | + } | |
| 146 | + | |
| 147 | + // 更新外部model字段 | |
| 148 | + if ($bcttinfoidsname_attr) { | |
| 149 | + console.log("bcttinfoidsname=" + bcttinfoIds.join(',')); | |
| 150 | + eval("scope[ctrlAs].model" + "." + $bcttinfoidsname_attr + " = bcttinfoIds.join(',');"); | |
| 151 | + } | |
| 152 | + | |
| 153 | + // 更新内部model,用于外部验证 | |
| 154 | + // 内部model的值暂时随意,以后再改 | |
| 155 | + scope[ctrlAs].$$internalmodel = {desc: "ok"}; | |
| 156 | + | |
| 157 | + scope[ctrlAs].$$data_bcdata_first_init = true; | |
| 158 | + scope[ctrlAs].$$data_bcttinfoids_first_init = true; | |
| 159 | + | |
| 160 | + } else { | |
| 161 | + scope[ctrlAs].$$internalmodel = undefined; | |
| 162 | + } | |
| 163 | + | |
| 164 | + }; | |
| 165 | + | |
| 166 | + // 监控内部数据,$$data_selected 变化 | |
| 167 | + scope.$watch( | |
| 168 | + function() { | |
| 169 | + console.log("长度:" + scope[ctrlAs].$$dataSelected.length); | |
| 170 | + return scope[ctrlAs].$$dataSelected; | |
| 171 | + }, | |
| 172 | + function(newValue, oldValue) { | |
| 173 | + scope[ctrlAs].$$internal_validate_model(); | |
| 174 | + }, | |
| 175 | + true | |
| 176 | + ); | |
| 177 | + | |
| 178 | + /** | |
| 179 | + * 验证数据是否初始化完成, | |
| 180 | + * 所谓的初始化就是内部所有的数据被有效设定过一次。 | |
| 181 | + */ | |
| 182 | + scope[ctrlAs].$$internal_validate_init = function() { | |
| 183 | + var self = scope[ctrlAs]; | |
| 184 | + | |
| 185 | + var data_temp = self.$$data; | |
| 186 | + var dataSelect_temp = self.$$dataSelected; | |
| 187 | + var bcttinfoids = null; | |
| 188 | + | |
| 189 | + var i = 0; | |
| 190 | + var j = 0; | |
| 191 | + | |
| 192 | + if (self.$$data_bcdata_first_init && | |
| 193 | + self.$$data_bcttinfoids_first_init) { | |
| 194 | + console.log("开始初始化数据"); | |
| 195 | + | |
| 196 | + bcttinfoids = self.$$data_bcttinfoids_first_data ? self.$$data_bcttinfoids_first_data.split(",") : []; | |
| 197 | + | |
| 198 | + for (i = 0; i < bcttinfoids.length; i++) { | |
| 199 | + dataSelect_temp.push({ | |
| 200 | + bcttinfoid: bcttinfoids[i] | |
| 201 | + }); | |
| 202 | + for (j = 0; j < data_temp.length; j++) { | |
| 203 | + if (dataSelect_temp[i].bcttinfoid == data_temp[j].bcttinfoid) { | |
| 204 | + dataSelect_temp[i].bcfcsj = data_temp[j].bcfcsj; | |
| 205 | + dataSelect_temp[i].bctype = data_temp[j].bctype; | |
| 206 | + break; | |
| 207 | + } | |
| 208 | + } | |
| 209 | + } | |
| 210 | + | |
| 211 | + console.log("数据初始化完毕!"); | |
| 212 | + } | |
| 213 | + | |
| 214 | + }; | |
| 215 | + | |
| 216 | + // 监控初始化标志 | |
| 217 | + scope.$watch( | |
| 218 | + function() { | |
| 219 | + return scope[ctrlAs].$$data_bcdata_first_init; | |
| 220 | + }, | |
| 221 | + function(newValue, oldValue) { | |
| 222 | + scope[ctrlAs].$$internal_validate_init(); | |
| 223 | + } | |
| 224 | + ); | |
| 225 | + scope.$watch( | |
| 226 | + function() { | |
| 227 | + return scope[ctrlAs].$$data_bcttinfoids_first_init; | |
| 228 | + }, | |
| 229 | + function(newValue, oldValue) { | |
| 230 | + scope[ctrlAs].$$internal_validate_init(); | |
| 231 | + } | |
| 232 | + ); | |
| 233 | + | |
| 234 | + // 监控内部数据的变化 | |
| 235 | + attr.$observe("dataparams", function(value) { | |
| 236 | + if (value && value != "") { | |
| 237 | + if (value == '{}') { | |
| 238 | + return; | |
| 239 | + } | |
| 240 | + | |
| 241 | + console.log("bcgroup observe 监控 dataparams=" + value); | |
| 242 | + | |
| 243 | + timeTableDetailManageService_g.bcdetails.list( | |
| 244 | + JSON.parse(value), | |
| 245 | + function(result) { | |
| 246 | + // 获取值了 | |
| 247 | + console.log("内部班次数据获取了"); | |
| 248 | + | |
| 249 | + scope[ctrlAs].$$data = []; | |
| 250 | + for (var i = 0; i < result.length; i++) { | |
| 251 | + scope[ctrlAs].$$data.push({ | |
| 252 | + bcttinfoid: result[i].id, | |
| 253 | + bcfcsj: result[i].fcsj, | |
| 254 | + bctype: result[i].bcType | |
| 255 | + }); | |
| 256 | + } | |
| 257 | + if (scope[ctrlAs].$$data_bcdata_first_init && | |
| 258 | + scope[ctrlAs].$$data_bcttinfoids_first_init) { | |
| 259 | + | |
| 260 | + scope[ctrlAs].$$dataSelected = []; | |
| 261 | + scope[ctrlAs].$$internalmodel = undefined; | |
| 262 | + } | |
| 263 | + scope[ctrlAs].$$data_bcdata_first_init = true; | |
| 264 | + }, | |
| 265 | + function(result) { | |
| 266 | + | |
| 267 | + } | |
| 268 | + ); | |
| 269 | + } | |
| 270 | + }); | |
| 271 | + // 监控班次ids数据的变化 | |
| 272 | + attr.$observe("bcttinfoidsvalue", function(value) { | |
| 273 | + if (value && value != "") { | |
| 274 | + console.log("observe 监控 bcttinfoidsvalue=" + value); | |
| 275 | + scope[ctrlAs].$$data_bcttinfoids_first_init = true; | |
| 276 | + scope[ctrlAs].$$data_bcttinfoids_first_data = value; | |
| 277 | + } | |
| 278 | + }); | |
| 279 | + | |
| 280 | + } | |
| 281 | + } | |
| 282 | + | |
| 283 | + } | |
| 284 | + } | |
| 285 | + } | |
| 286 | 286 | ]); |
| 287 | 287 | \ No newline at end of file | ... | ... |
src/main/resources/static/pages/scheduleApp/module/common/dts2/dateGroup/saDategroup.js
| 1 | - | |
| 2 | - | |
| 3 | -/** | |
| 4 | - * saDategroup指令 | |
| 5 | - * 属性如下: | |
| 6 | - * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 7 | - * dcvalue(必须):绑定的model字段值,如:dcvalue={{ctrl.employeeInfoForSave.xl.id}} | |
| 8 | - * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 9 | - * name(必须):控件的名字 | |
| 10 | - * required(可选):是否要用required验证 | |
| 11 | - * disabled(可选):标示框是否可选 | |
| 12 | - * | |
| 13 | - */ | |
| 14 | -angular.module('ScheduleApp').directive('saDategroup', [ | |
| 15 | - '$filter', | |
| 16 | - function($filter) { | |
| 17 | - return { | |
| 18 | - restrict: 'E', | |
| 19 | - templateUrl: '/pages/scheduleApp/module/common/dts2/dateGroup/saDategroupTemplate.html', | |
| 20 | - scope: { | |
| 21 | - model: "=" // 独立作用域,关联外部的模型object | |
| 22 | - }, | |
| 23 | - controllerAs: "$saDategroupCtrl", | |
| 24 | - bindToController: true, | |
| 25 | - controller: function($scope) { | |
| 26 | - var self = this; | |
| 27 | - self.$$data = []; // 内部的数据 | |
| 28 | - self.$$date_select; // 内部选中的日期 | |
| 29 | - | |
| 30 | - //// 测试数据 | |
| 31 | - //self.$$data = [ | |
| 32 | - // {datestr: '2011-01-01', ischecked: true}, | |
| 33 | - // {datestr: '2011-01-01', ischecked: true}, | |
| 34 | - // {datestr: '2011-01-01', ischecked: true} | |
| 35 | - //]; | |
| 36 | - }, | |
| 37 | - | |
| 38 | - /** | |
| 39 | - * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 40 | - * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 41 | - * @param tElem | |
| 42 | - * @param tAttrs | |
| 43 | - * @returns {{pre: Function, post: Function}} | |
| 44 | - */ | |
| 45 | - compile: function(tElem, tAttrs) { | |
| 46 | - // 获取所有的属性 | |
| 47 | - var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 48 | - var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 49 | - var $disabled_attr = tAttrs["disabled"]; // 是否禁用 | |
| 50 | - var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 51 | - | |
| 52 | - // controlAs名字 | |
| 53 | - var ctrlAs = '$saDategroupCtrl'; | |
| 54 | - | |
| 55 | - // 如果有required属性,添加angularjs required验证 | |
| 56 | - if ($required_attr != undefined) { | |
| 57 | - //console.log(tElem.html()); | |
| 58 | - tElem.find("div").attr("required", ""); | |
| 59 | - } | |
| 60 | - // 如果有disabled属性,添加禁用标志 | |
| 61 | - if ($disabled_attr != undefined) { | |
| 62 | - tElem.find("input").attr("ng-disabled", "true"); | |
| 63 | - tElem.find("div").attr("ng-disabled", "true"); | |
| 64 | - } | |
| 65 | - | |
| 66 | - return { | |
| 67 | - pre: function (scope, element, attr) { | |
| 68 | - // TODO: | |
| 69 | - }, | |
| 70 | - /** | |
| 71 | - * 相当于link函数。 | |
| 72 | - * @param scope | |
| 73 | - * @param element | |
| 74 | - * @param attr | |
| 75 | - */ | |
| 76 | - post: function (scope, element, attr) { | |
| 77 | - // name属性 | |
| 78 | - if ($name_attr) { | |
| 79 | - scope[ctrlAs]["$name_attr"] = $name_attr; | |
| 80 | - } | |
| 81 | - | |
| 82 | - | |
| 83 | - // 日期open属性,及方法 | |
| 84 | - scope[ctrlAs].$$specialDateOpen = false; | |
| 85 | - scope[ctrlAs].$$specialDate_open = function() { | |
| 86 | - scope[ctrlAs].$$specialDateOpen = true; | |
| 87 | - }; | |
| 88 | - | |
| 89 | - // 监控选择的日期 | |
| 90 | - scope.$watch( | |
| 91 | - function() { | |
| 92 | - return scope[ctrlAs]['$$date_select']; | |
| 93 | - }, | |
| 94 | - function(newValue, oldValue) { | |
| 95 | - if (newValue) { | |
| 96 | - //console.log("saDategroup--->selectdate:" + newValue); | |
| 97 | - // 调用内置filter,转换日期到yyyy-MM-dd格式 | |
| 98 | - var text = $filter('date')(newValue, 'yyyy-MM-dd'); | |
| 99 | - var i; | |
| 100 | - var isexist = false; // 日期是否已经选择标识 | |
| 101 | - for (i = 0; i < scope[ctrlAs]["$$data"].length; i++) { | |
| 102 | - if (scope[ctrlAs]["$$data"][i].datestr == text) { | |
| 103 | - isexist = true; | |
| 104 | - break; | |
| 105 | - } | |
| 106 | - } | |
| 107 | - if (!isexist) { | |
| 108 | - scope[ctrlAs]["$$data"].push( | |
| 109 | - { | |
| 110 | - datestr: text, | |
| 111 | - ischecked: true | |
| 112 | - } | |
| 113 | - ); | |
| 114 | - } | |
| 115 | - | |
| 116 | - } | |
| 117 | - | |
| 118 | - } | |
| 119 | - ); | |
| 120 | - | |
| 121 | - /** | |
| 122 | - * 日期点击事件处理函数。 | |
| 123 | - * @param $index 索引 | |
| 124 | - */ | |
| 125 | - scope[ctrlAs].$$internal_datestr_click = function($index) { | |
| 126 | - scope[ctrlAs].$$data.splice($index, 1); | |
| 127 | - }; | |
| 128 | - | |
| 129 | - // 测试使用watch监控$$data的变化 | |
| 130 | - scope.$watch( | |
| 131 | - function() { | |
| 132 | - return scope[ctrlAs]['$$data']; | |
| 133 | - }, | |
| 134 | - function(newValue, oldValue) { | |
| 135 | - // 根据$$data生成对应的数据 | |
| 136 | - var special_days_arr = []; | |
| 137 | - var i; | |
| 138 | - for (i = 0; i < scope[ctrlAs]["$$data"].length; i++) { | |
| 139 | - special_days_arr.push(scope[ctrlAs]["$$data"][i].datestr); | |
| 140 | - } | |
| 141 | - | |
| 142 | - scope[ctrlAs].$$internalmodel = special_days_arr.join(","); | |
| 143 | - console.log("bbbbbbbb--->" + scope[ctrlAs].$$internalmodel); | |
| 144 | - | |
| 145 | - // 更新model | |
| 146 | - if ($dcname_attr) { | |
| 147 | - eval("scope[ctrlAs].model" + "." + $dcname_attr + " = special_days_arr.join(',');"); | |
| 148 | - } | |
| 149 | - }, | |
| 150 | - true | |
| 151 | - ); | |
| 152 | - | |
| 153 | - // 监控dcvalue model值变换 | |
| 154 | - attr.$observe("dcvalue", function(value) { | |
| 155 | - console.log("saDategroup 监控dc1 model值变换:" + value); | |
| 156 | - if (value) { | |
| 157 | - // 根据value值,修改$$data里的值 | |
| 158 | - var date_array = value.split(","); | |
| 159 | - var i; | |
| 160 | - scope[ctrlAs]["$$data"] = []; | |
| 161 | - for (i = 0; i < date_array.length; i++) { | |
| 162 | - scope[ctrlAs]["$$data"].push( | |
| 163 | - { | |
| 164 | - datestr: date_array[i], | |
| 165 | - ischecked: true | |
| 166 | - } | |
| 167 | - ); | |
| 168 | - } | |
| 169 | - | |
| 170 | - | |
| 171 | - | |
| 172 | - | |
| 173 | - | |
| 174 | - | |
| 175 | - | |
| 176 | - | |
| 177 | - | |
| 178 | - } | |
| 179 | - }); | |
| 180 | - | |
| 181 | - } | |
| 182 | - | |
| 183 | - }; | |
| 184 | - } | |
| 185 | - } | |
| 186 | - } | |
| 187 | -]); | |
| 188 | - | |
| 1 | + | |
| 2 | + | |
| 3 | +/** | |
| 4 | + * saDategroup指令 | |
| 5 | + * 属性如下: | |
| 6 | + * model(必须):指定一个外部object,独立作用域,如:model=ctrl.employeeInfoForSave | |
| 7 | + * dcvalue(必须):绑定的model字段值,如:dcvalue={{ctrl.employeeInfoForSave.xl.id}} | |
| 8 | + * dcname(必须):绑定的model字段名,如:dcname=xl.id | |
| 9 | + * name(必须):控件的名字 | |
| 10 | + * required(可选):是否要用required验证 | |
| 11 | + * disabled(可选):标示框是否可选 | |
| 12 | + * | |
| 13 | + */ | |
| 14 | +angular.module('ScheduleApp').directive('saDategroup', [ | |
| 15 | + '$filter', | |
| 16 | + function($filter) { | |
| 17 | + return { | |
| 18 | + restrict: 'E', | |
| 19 | + templateUrl: '/pages/scheduleApp/module/common/dts2/dateGroup/saDategroupTemplate.html', | |
| 20 | + scope: { | |
| 21 | + model: "=" // 独立作用域,关联外部的模型object | |
| 22 | + }, | |
| 23 | + controllerAs: "$saDategroupCtrl", | |
| 24 | + bindToController: true, | |
| 25 | + controller: function($scope) { | |
| 26 | + var self = this; | |
| 27 | + self.$$data = []; // 内部的数据 | |
| 28 | + self.$$date_select; // 内部选中的日期 | |
| 29 | + | |
| 30 | + //// 测试数据 | |
| 31 | + //self.$$data = [ | |
| 32 | + // {datestr: '2011-01-01', ischecked: true}, | |
| 33 | + // {datestr: '2011-01-01', ischecked: true}, | |
| 34 | + // {datestr: '2011-01-01', ischecked: true} | |
| 35 | + //]; | |
| 36 | + }, | |
| 37 | + | |
| 38 | + /** | |
| 39 | + * 此阶段可以改dom结构,此时angular还没扫描指令, | |
| 40 | + * 这里就可以动态添加其他angularjs的指令字符串,如required指令字符串。 | |
| 41 | + * @param tElem | |
| 42 | + * @param tAttrs | |
| 43 | + * @returns {{pre: Function, post: Function}} | |
| 44 | + */ | |
| 45 | + compile: function(tElem, tAttrs) { | |
| 46 | + // 获取所有的属性 | |
| 47 | + var $name_attr = tAttrs["name"]; // 控件的名字 | |
| 48 | + var $required_attr = tAttrs["required"]; // 是否需要required验证 | |
| 49 | + var $disabled_attr = tAttrs["disabled"]; // 是否禁用 | |
| 50 | + var $dcname_attr = tAttrs["dcname"]; // 绑定的model字段名 | |
| 51 | + | |
| 52 | + // controlAs名字 | |
| 53 | + var ctrlAs = '$saDategroupCtrl'; | |
| 54 | + | |
| 55 | + // 如果有required属性,添加angularjs required验证 | |
| 56 | + if ($required_attr != undefined) { | |
| 57 | + //console.log(tElem.html()); | |
| 58 | + tElem.find("div").attr("required", ""); | |
| 59 | + } | |
| 60 | + // 如果有disabled属性,添加禁用标志 | |
| 61 | + if ($disabled_attr != undefined) { | |
| 62 | + tElem.find("input").attr("ng-disabled", "true"); | |
| 63 | + tElem.find("div").attr("ng-disabled", "true"); | |
| 64 | + } | |
| 65 | + | |
| 66 | + return { | |
| 67 | + pre: function (scope, element, attr) { | |
| 68 | + // TODO: | |
| 69 | + }, | |
| 70 | + /** | |
| 71 | + * 相当于link函数。 | |
| 72 | + * @param scope | |
| 73 | + * @param element | |
| 74 | + * @param attr | |
| 75 | + */ | |
| 76 | + post: function (scope, element, attr) { | |
| 77 | + // name属性 | |
| 78 | + if ($name_attr) { | |
| 79 | + scope[ctrlAs]["$name_attr"] = $name_attr; | |
| 80 | + } | |
| 81 | + | |
| 82 | + | |
| 83 | + // 日期open属性,及方法 | |
| 84 | + scope[ctrlAs].$$specialDateOpen = false; | |
| 85 | + scope[ctrlAs].$$specialDate_open = function() { | |
| 86 | + scope[ctrlAs].$$specialDateOpen = true; | |
| 87 | + }; | |
| 88 | + | |
| 89 | + // 监控选择的日期 | |
| 90 | + scope.$watch( | |
| 91 | + function() { | |
| 92 | + return scope[ctrlAs]['$$date_select']; | |
| 93 | + }, | |
| 94 | + function(newValue, oldValue) { | |
| 95 | + if (newValue) { | |
| 96 | + //console.log("saDategroup--->selectdate:" + newValue); | |
| 97 | + // 调用内置filter,转换日期到yyyy-MM-dd格式 | |
| 98 | + var text = $filter('date')(newValue, 'yyyy-MM-dd'); | |
| 99 | + var i; | |
| 100 | + var isexist = false; // 日期是否已经选择标识 | |
| 101 | + for (i = 0; i < scope[ctrlAs]["$$data"].length; i++) { | |
| 102 | + if (scope[ctrlAs]["$$data"][i].datestr == text) { | |
| 103 | + isexist = true; | |
| 104 | + break; | |
| 105 | + } | |
| 106 | + } | |
| 107 | + if (!isexist) { | |
| 108 | + scope[ctrlAs]["$$data"].push( | |
| 109 | + { | |
| 110 | + datestr: text, | |
| 111 | + ischecked: true | |
| 112 | + } | |
| 113 | + ); | |
| 114 | + } | |
| 115 | + | |
| 116 | + } | |
| 117 | + | |
| 118 | + } | |
| 119 | + ); | |
| 120 | + | |
| 121 | + /** | |
| 122 | + * 日期点击事件处理函数。 | |
| 123 | + * @param $index 索引 | |
| 124 | + */ | |
| 125 | + scope[ctrlAs].$$internal_datestr_click = function($index) { | |
| 126 | + scope[ctrlAs].$$data.splice($index, 1); | |
| 127 | + }; | |
| 128 | + | |
| 129 | + // 测试使用watch监控$$data的变化 | |
| 130 | + scope.$watch( | |
| 131 | + function() { | |
| 132 | + return scope[ctrlAs]['$$data']; | |
| 133 | + }, | |
| 134 | + function(newValue, oldValue) { | |
| 135 | + // 根据$$data生成对应的数据 | |
| 136 | + var special_days_arr = []; | |
| 137 | + var i; | |
| 138 | + for (i = 0; i < scope[ctrlAs]["$$data"].length; i++) { | |
| 139 | + special_days_arr.push(scope[ctrlAs]["$$data"][i].datestr); | |
| 140 | + } | |
| 141 | + | |
| 142 | + scope[ctrlAs].$$internalmodel = special_days_arr.join(","); | |
| 143 | + console.log("bbbbbbbb--->" + scope[ctrlAs].$$internalmodel); | |
| 144 | + | |
| 145 | + // 更新model | |
| 146 | + if ($dcname_attr) { | |
| 147 | + eval("scope[ctrlAs].model" + "." + $dcname_attr + " = special_days_arr.join(',');"); | |
| 148 | + } | |
| 149 | + }, | |
| 150 | + true | |
| 151 | + ); | |
| 152 | + | |
| 153 | + // 监控dcvalue model值变换 | |
| 154 | + attr.$observe("dcvalue", function(value) { | |
| 155 | + console.log("saDategroup 监控dc1 model值变换:" + value); | |
| 156 | + if (value) { | |
| 157 | + // 根据value值,修改$$data里的值 | |
| 158 | + var date_array = value.split(","); | |
| 159 | + var i; | |
| 160 | + scope[ctrlAs]["$$data"] = []; | |
| 161 | + for (i = 0; i < date_array.length; i++) { | |
| 162 | + scope[ctrlAs]["$$data"].push( | |
| 163 | + { | |
| 164 | + datestr: date_array[i], | |
| 165 | + ischecked: true | |
| 166 | + } | |
| 167 | + ); | |
| 168 | + } | |
| 169 | + | |
| 170 | + | |
| 171 | + | |
| 172 | + | |
| 173 | + | |
| 174 | + | |
| 175 | + | |
| 176 | + | |
| 177 | + | |
| 178 | + } | |
| 179 | + }); | |
| 180 | + | |
| 181 | + } | |
| 182 | + | |
| 183 | + }; | |
| 184 | + } | |
| 185 | + } | |
| 186 | + } | |
| 187 | +]); | |
| 188 | + | ... | ... |