From 6b8db8a4e41ef07981ebceb8a632336489bb0cee Mon Sep 17 00:00:00 2001
From: hdw <hdw@1>
Date: 星期五, 21 十二月 2018 16:42:50 +0800
Subject: [PATCH] 添加机房省市区联动
---
gx_tieta/WebRoot/iframe/batt-info-add.html | 46 +++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 41 insertions(+), 5 deletions(-)
diff --git a/gx_tieta/WebRoot/iframe/batt-info-add.html b/gx_tieta/WebRoot/iframe/batt-info-add.html
index 442154d..535f425 100644
--- a/gx_tieta/WebRoot/iframe/batt-info-add.html
+++ b/gx_tieta/WebRoot/iframe/batt-info-add.html
@@ -48,7 +48,7 @@
<div class="layui-block">
<label class="layui-form-label">鐪�</label>
<div class="layui-input-block">
- <input type="text" name="StationName1" lay-verify="required" id="province" autocomplete="off" class="layui-input" value="{{= d.StationName1 }}">
+ <select name="StationName1" id="province" lay-filter="province"></select>
</div>
</div>
</div>
@@ -56,7 +56,7 @@
<div class="layui-block">
<label class="layui-form-label">甯�</label>
<div class="layui-input-block">
- <input type="text" name="StationName2" lay-verify="required" id="StationName2" autocomplete="off" class="layui-input" value="{{= d.StationName2 }}">
+ <select name="StationName2" id="city" lay-filter="city"></select>
</div>
</div>
</div>
@@ -64,7 +64,7 @@
<div class="layui-block">
<label class="layui-form-label">鍖�/鍘�</label>
<div class="layui-input-block">
- <input type="text" name="StationName5" lay-verify="required" id="county" autocomplete="off" class="layui-input" value="{{= d.StationName5 }}">
+ <select name="StationName5" id="county"></select>
</div>
</div>
</div>
@@ -350,6 +350,7 @@
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript" src="../src/layui.js"></script>
+ <script type="text/javascript" src="../pages/js/mylayui.js"></script>
<script type="text/javascript">
layui.use(['form', 'laytpl', 'jquery', 'element', 'laydate'], function() {
var form = layui.form;
@@ -416,8 +417,43 @@
elem: '#usedate'
,format: 'yyyy-MM-dd HH:mm:ss'
});
+ });
+
+ // 娣诲姞鐪�-甯�-鍖�/鍘胯仈鍔ㄦ搷浣�
+ var linkAge = new LinkAge('../json/cut-area.json', $('#province'), $('#city'), $('#county'), function() {
+ form.render();
+ });
+
+ // 鐪佸垏鎹� 鏇存柊 甯�-鍖�/鍘�
+ form.on('select(province)', function(data) {
+ var elem = $(data.elem);
+ var val = elem.find('option:selected').attr('num');
+
+ // 甯�
+ var citiesData = linkAge._getCities(val);
+ var citiesOptions = linkAge._createDom(citiesData);
+ linkAge.city.html(citiesOptions);
+ // 鍖�/鍘�
+ var countiesData = linkAge._getCounty(val, linkAge.city.find('option:selected').attr('num'));
+ var countiesOptions = linkAge._createDom(countiesData);
+ linkAge.county.html(countiesOptions);
+ form.render();
+ });
+
+
+ // 甯傚垏鎹� 鏇存柊鍖�/鍘�
+ form.on('select(city)', function(data) {
+ var elem = $(data.elem);
+ var val = elem.find('option:selected').attr('num');
+ console.log(linkAge.province.find('option:selected').attr('num'));
+ // 鍖�/鍘�
+ var countiesData = linkAge._getCounty(linkAge.province.find('option:selected').attr('num'), val);
+ var countiesOptions = linkAge._createDom(countiesData);
+ linkAge.county.html(countiesOptions);
+
+ form.render();
});
// 楠岃瘉淇℃伅
@@ -465,7 +501,7 @@
// 鎻愪氦鍐呭
form.on('submit(enAdd)', function(data) {
- // console.log(data);
+ //console.log(data);
layer.confirm('鏄惁纭娣诲姞', {icon: 3, title:'鎻愮ず'}, function(index){
var _data = data.field;
var province = _data.StationName1; // 鐪�
@@ -473,7 +509,7 @@
var home = _data.StationName3; // 鏈烘埧鍚嶇О
var bts = _data.StationName4; // 璁惧鍚嶇О
_data.StationName = province+'-'+city+'-'+home+'-'+bts;
- // console.log(_data);
+
var temp = analysisData(editInfo.addGroupNum, _data);
//console.log(temp);
checkDevId(_data.FBSDeviceId, function(devid){
--
Gitblit v1.9.1