educode_sales 0.6.3 → 0.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/images/educode_sales/money_plans.png +0 -0
- data/app/controllers/educode_sales/money_plans_controller.rb +64 -0
- data/app/controllers/educode_sales/roles_controller.rb +4 -1
- data/app/controllers/educode_sales/sale_trends_controller.rb +40 -12
- data/app/controllers/educode_sales/staffs_controller.rb +3 -4
- data/app/models/educode_sales/permission.rb +2 -1
- data/app/models/educode_sales/role_area.rb +1 -0
- data/app/views/educode_sales/businesses/_follows.html.erb +15 -15
- data/app/views/educode_sales/businesses/index.html.erb +6 -2
- data/app/views/educode_sales/businesses/show_follow.html.erb +1 -0
- data/app/views/educode_sales/customers/edit.html.erb +687 -10
- data/app/views/educode_sales/customers/index.json.jbuilder +2 -1
- data/app/views/educode_sales/customers/new.html.erb +688 -11
- data/app/views/educode_sales/money_plans/index.html.erb +183 -0
- data/app/views/educode_sales/money_plans/index.json.jbuilder +20 -0
- data/app/views/educode_sales/plans/_monthPlan.html.erb +2 -1
- data/app/views/educode_sales/plans/_weekPlan.html.erb +2 -1
- data/app/views/educode_sales/roles/edit.html.erb +8 -0
- data/app/views/educode_sales/sale_trends/trends.html.erb +73 -13
- data/app/views/educode_sales/sale_trends/trends.json.jbuilder +3 -14
- data/app/views/educode_sales/sales/index.html.erb +2 -0
- data/app/views/educode_sales/sales/operations.json.jbuilder +2 -2
- data/app/views/layouts/educode_sales/application.html.erb +13 -2
- data/config/routes.rb +2 -0
- data/db/migrate/20210902064109_create_educode_sales_role_permissions.rb +3 -0
- data/lib/educode_sales/version.rb +1 -1
- metadata +6 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<form class="layui-form layuimini-form" action="">
|
|
1
|
+
<form class="layui-form layuimini-form" id="custom_data" data-required="true" action="">
|
|
2
2
|
<div class="layui-form-item" style="padding: 25px">
|
|
3
3
|
<div class="layui-inline">
|
|
4
4
|
<label class="layui-form-label required">客户：</label>
|
|
@@ -8,18 +8,17 @@
|
|
|
8
8
|
</div>
|
|
9
9
|
</div>
|
|
10
10
|
<br>
|
|
11
|
-
<div class="layui-inline">
|
|
12
|
-
<label class="layui-form-label
|
|
13
|
-
<div class="layui-input-block">
|
|
14
|
-
|
|
11
|
+
<div class="layui-inline city_input">
|
|
12
|
+
<label class="layui-form-label ">省：</label>
|
|
13
|
+
<div class="layui-input-block" style="width: 500px;">
|
|
14
|
+
<select id="province" class="province layui-input"></select>
|
|
15
15
|
</div>
|
|
16
16
|
</div>
|
|
17
17
|
<br>
|
|
18
|
-
<div class="layui-inline">
|
|
18
|
+
<div class="layui-inline city_input">
|
|
19
19
|
<label class="layui-form-label ">市：</label>
|
|
20
|
-
<div class="layui-input-block">
|
|
21
|
-
<
|
|
22
|
-
class="layui-input" placeholder="请输入市" >
|
|
20
|
+
<div class="layui-input-block" style="width: 500px;">
|
|
21
|
+
<select id="city" class="city layui-input"></select>
|
|
23
22
|
</div>
|
|
24
23
|
</div>
|
|
25
24
|
<br>
|
|
@@ -30,6 +29,7 @@
|
|
|
30
29
|
class="layui-input" placeholder="请输入地址" >
|
|
31
30
|
</div>
|
|
32
31
|
</div>
|
|
32
|
+
<br>
|
|
33
33
|
<div class="layui-form-item">
|
|
34
34
|
<label class="layui-form-label">学校性质：</label>
|
|
35
35
|
<div class="layui-input-block">
|
|
@@ -76,10 +76,270 @@
|
|
|
76
76
|
var parentIndex = layer.index;
|
|
77
77
|
|
|
78
78
|
|
|
79
|
+
var dataCustom = [
|
|
80
|
+
{
|
|
81
|
+
"n": "北京",
|
|
82
|
+
"s": [
|
|
83
|
+
{ "n": "东城" },
|
|
84
|
+
{ "n": "西城" },
|
|
85
|
+
{ "n": "朝阳" },
|
|
86
|
+
{ "n": "丰台" },
|
|
87
|
+
{ "n": "石景山" },
|
|
88
|
+
{ "n": "海淀" },
|
|
89
|
+
{ "n": "门头沟" },
|
|
90
|
+
{ "n": "房山" },
|
|
91
|
+
{ "n": "通州" },
|
|
92
|
+
{ "n": "顺义" },
|
|
93
|
+
{ "n": "昌平" },
|
|
94
|
+
{ "n": "大兴" },
|
|
95
|
+
{ "n": "平谷" },
|
|
96
|
+
{ "n": "怀柔" },
|
|
97
|
+
{ "n": "密云" },
|
|
98
|
+
{ "n": "延庆" }
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"n": "上海",
|
|
103
|
+
"s": [
|
|
104
|
+
{ "n": "崇明" }, { "n": "黄浦" }, { "n": "卢湾" }, { "n": "徐汇" }, { "n": "长宁" }, { "n": "静安" }, { "n": "普陀" }, { "n": "闸北" }, { "n": "虹口" }, { "n": "杨浦" }, { "n": "闵行" },
|
|
105
|
+
{ "n": "宝山" }, { "n": "嘉定" }, { "n": "浦东" }, { "n": "金山" }, { "n": "松江" }, { "n": "青浦" }, { "n": "南汇" }, { "n": "奉贤" }
|
|
106
|
+
]
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"n": "广东",
|
|
110
|
+
"s": [
|
|
111
|
+
{ "n": "广州" }, { "n": "深圳" }, { "n": "珠海" }, { "n": "东莞" }, { "n": "中山" }, { "n": "佛山" }, { "n": "惠州" }, { "n": "河源" }, { "n": "潮州" }, { "n": "江门" }, { "n": "揭阳" }, { "n": "茂名" },
|
|
112
|
+
{ "n": "梅州" }, { "n": "清远" }, { "n": "汕头" }, { "n": "汕尾" }, { "n": "韶关" }, { "n": "顺德" }, { "n": "阳江" }, { "n": "云浮" }, { "n": "湛江" }, { "n": "肇庆" }
|
|
113
|
+
]
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"n": "江苏",
|
|
117
|
+
"s": [
|
|
118
|
+
{ "n": "南京" }, { "n": "常熟" }, { "n": "常州" }, { "n": "海门" }, { "n": "淮安" }, { "n": "江都" }, { "n": "江阴" }, { "n": "昆山" }, { "n": "连云港" }, { "n": "南通" },
|
|
119
|
+
{ "n": "启东" }, { "n": "沭阳" }, { "n": "宿迁" }, { "n": "苏州" }, { "n": "太仓" }, { "n": "泰州" }, { "n": "同里" }, { "n": "无锡" }, { "n": "徐州" }, { "n": "盐城" },
|
|
120
|
+
{ "n": "扬州" }, { "n": "宜兴" }, { "n": "仪征" }, { "n": "张家港" }, { "n": "镇江" }, { "n": "周庄" }
|
|
121
|
+
]
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"n": "浙江",
|
|
125
|
+
"s": [
|
|
126
|
+
{ "n": "杭州" }, { "n": "安吉" }, { "n": "慈溪" }, { "n": "定海" }, { "n": "奉化" }, { "n": "海盐" }, { "n": "黄岩" }, { "n": "湖州" }, { "n": "嘉兴" }, { "n": "金华" }, { "n": "临安" },
|
|
127
|
+
{ "n": "临海" }, { "n": "丽水" }, { "n": "宁波" }, { "n": "瓯海" }, { "n": "平湖" }, { "n": "千岛湖" }, { "n": "衢州" }, { "n": "江山" }, { "n": "瑞安" }, { "n": "绍兴" }, { "n": "嵊州" },
|
|
128
|
+
{ "n": "台州" }, { "n": "温岭" }, { "n": "温州" }, { "n": "余姚" }, { "n": "舟山" }
|
|
129
|
+
]
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"n": "重庆",
|
|
133
|
+
"s": [
|
|
134
|
+
{ "n": "万州" }, { "n": "涪陵" }, { "n": "渝中" }, { "n": "大渡口" }, { "n": "江北" }, { "n": "沙坪坝" }, { "n": "九龙坡" }, { "n": "南岸" }, { "n": "北碚" }, { "n": "万盛" },
|
|
135
|
+
{ "n": "双挢" }, { "n": "渝北" }, { "n": "巴南" }, { "n": "黔江" }, { "n": "长寿" }, { "n": "綦江" }, { "n": "潼南" }, { "n": "铜梁" }, { "n": "大足" }, { "n": "荣昌" }, { "n": "壁山" },
|
|
136
|
+
{ "n": "梁平" }, { "n": "城口" }, { "n": "丰都" }, { "n": "垫江" }, { "n": "武隆" }, { "n": "忠县" }, { "n": "开县" }, { "n": "云阳" }, { "n": "奉节" }, { "n": "巫山" }, { "n": "巫溪" },
|
|
137
|
+
{ "n": "石柱" }, { "n": "秀山" }, { "n": "酉阳" }, { "n": "彭水" }, { "n": "江津" }, { "n": "合川" }, { "n": "永川" }, { "n": "南川" }
|
|
138
|
+
]
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"n": "安徽",
|
|
142
|
+
"s": [
|
|
143
|
+
{ "n": "合肥" }, { "n": "安庆" }, { "n": "蚌埠" }, { "n": "亳州" }, { "n": "巢湖" }, { "n": "滁州" }, { "n": "阜阳" }, { "n": "贵池" }, { "n": "淮北" }, { "n": "淮化" }, { "n": "淮南" },
|
|
144
|
+
{ "n": "黄山" }, { "n": "九华山" }, { "n": "六安" }, { "n": "马鞍山" }, { "n": "宿州" }, { "n": "铜陵" }, { "n": "屯溪" }, { "n": "芜湖" }, { "n": "宣城" }
|
|
145
|
+
]
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"n": "福建",
|
|
149
|
+
"s": [
|
|
150
|
+
{ "n": "福州" }, { "n": "厦门" }, { "n": "泉州" }, { "n": "漳州" }, { "n": "龙岩" }, { "n": "南平" }, { "n": "宁德" }, { "n": "莆田" }, { "n": "三明" }
|
|
151
|
+
]
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"n": "甘肃",
|
|
155
|
+
"s": [
|
|
156
|
+
{ "n": "兰州" }, { "n": "白银" }, { "n": "定西" }, { "n": "敦煌" }, { "n": "甘南" }, { "n": "金昌" }, { "n": "酒泉" }, { "n": "临夏" }, { "n": "平凉" }, { "n": "天水" },
|
|
157
|
+
{ "n": "武都" }, { "n": "武威" }, { "n": "西峰" }, { "n": "张掖" }
|
|
158
|
+
]
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"n": "广西",
|
|
162
|
+
"s": [
|
|
163
|
+
{ "n": "南宁" }, { "n": "百色" }, { "n": "北海" }, { "n": "桂林" }, { "n": "防城港" }, { "n": "贵港" }, { "n": "河池" }, { "n": "贺州" }, { "n": "柳州" }, { "n": "钦州" }, { "n": "梧州" }, { "n": "玉林" }
|
|
164
|
+
]
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"n": "贵州",
|
|
168
|
+
"s": [
|
|
169
|
+
{ "n": "贵阳" }, { "n": "安顺" }, { "n": "毕节" }, { "n": "都匀" }, { "n": "凯里" }, { "n": "六盘水" }, { "n": "铜仁" }, { "n": "兴义" }, { "n": "玉屏" }, { "n": "遵义" }
|
|
170
|
+
]
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"n": "海南",
|
|
174
|
+
"s": [
|
|
175
|
+
{ "n": "海口" }, { "n": "儋县" }, { "n": "陵水" }, { "n": "琼海" }, { "n": "三亚" }, { "n": "通什" }, { "n": "万宁" }
|
|
176
|
+
]
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"n": "河北",
|
|
180
|
+
"s": [
|
|
181
|
+
{ "n": "石家庄" }, { "n": "保定" }, { "n": "北戴河" }, { "n": "沧州" }, { "n": "承德" }, { "n": "丰润" }, { "n": "邯郸" }, { "n": "衡水" }, { "n": "廊坊" }, { "n": "南戴河" }, { "n": "秦皇岛" },
|
|
182
|
+
{ "n": "唐山" }, { "n": "新城" }, { "n": "邢台" }, { "n": "张家口" }
|
|
183
|
+
]
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"n": "黑龙江",
|
|
187
|
+
"s": [
|
|
188
|
+
{ "n": "哈尔滨" }, { "n": "北安" }, { "n": "大庆" }, { "n": "大兴安岭" }, { "n": "鹤岗" }, { "n": "黑河" }, { "n": "佳木斯" }, { "n": "鸡西" }, { "n": "牡丹江" }, { "n": "齐齐哈尔" },
|
|
189
|
+
{ "n": "七台河" }, { "n": "双鸭山" }, { "n": "绥化" }, { "n": "伊春" }
|
|
190
|
+
]
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"n": "河南",
|
|
194
|
+
"s": [
|
|
195
|
+
{ "n": "郑州" }, { "n": "安阳" }, { "n": "鹤壁" }, { "n": "潢川" }, { "n": "焦作" }, { "n": "济源" }, { "n": "开封" }, { "n": "漯河" }, { "n": "洛阳" }, { "n": "南阳" }, { "n": "平顶山" },
|
|
196
|
+
{ "n": "濮阳" }, { "n": "三门峡" }, { "n": "商丘" }, { "n": "新乡" }, { "n": "信阳" }, { "n": "许昌" }, { "n": "周口" }, { "n": "驻马店" }
|
|
197
|
+
]
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"n": "湖北",
|
|
201
|
+
"s": [
|
|
202
|
+
{ "n": "武汉" }, { "n": "恩施" }, { "n": "鄂州" }, { "n": "黄冈" }, { "n": "黄石" }, { "n": "荆门" }, { "n": "荆州" }, { "n": "潜江" }, { "n": "十堰" }, { "n": "随州" }, { "n": "武穴" },
|
|
203
|
+
{ "n": "仙桃" }, { "n": "咸宁" }, { "n": "襄阳" }, { "n": "襄樊" }, { "n": "孝感" }, { "n": "宜昌" }
|
|
204
|
+
]
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"n": "湖南",
|
|
208
|
+
"s": [
|
|
209
|
+
{ "n": "长沙" }, { "n": "常德" }, { "n": "郴州" }, { "n": "衡阳" }, { "n": "怀化" }, { "n": "吉首" }, { "n": "娄底" }, { "n": "邵阳" }, { "n": "湘潭" }, { "n": "益阳" }, { "n": "岳阳" },
|
|
210
|
+
{ "n": "永州" }, { "n": "张家界" }, { "n": "株洲" }
|
|
211
|
+
]
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
"n": "江西",
|
|
215
|
+
"s": [
|
|
216
|
+
{ "n": "南昌" }, { "n": "抚州" }, { "n": "赣州" }, { "n": "吉安" }, { "n": "景德镇" }, { "n": "井冈山" }, { "n": "九江" }, { "n": "庐山" }, { "n": "萍乡" },
|
|
217
|
+
{ "n": "上饶" }, { "n": "新余" }, { "n": "宜春" }, { "n": "鹰潭" }
|
|
218
|
+
]
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"n": "吉林",
|
|
222
|
+
"s": [
|
|
223
|
+
{ "n": "长春" }, { "n": "吉林" }, { "n": "白城" }, { "n": "白山" }, { "n": "珲春" }, { "n": "辽源" }, { "n": "梅河" }, { "n": "四平" }, { "n": "松原" }, { "n": "通化" }, { "n": "延吉" }
|
|
224
|
+
]
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"n": "辽宁",
|
|
228
|
+
"s": [
|
|
229
|
+
{ "n": "沈阳" }, { "n": "鞍山" }, { "n": "本溪" }, { "n": "朝阳" }, { "n": "大连" }, { "n": "丹东" }, { "n": "抚顺" }, { "n": "阜新" }, { "n": "葫芦岛" }, { "n": "锦州" },
|
|
230
|
+
{ "n": "辽阳" }, { "n": "盘锦" }, { "n": "铁岭" }, { "n": "营口" }
|
|
231
|
+
]
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"n": "内蒙古",
|
|
235
|
+
"s": [
|
|
236
|
+
{ "n": "呼和浩特" }, { "n": "阿拉善盟" }, { "n": "包头" }, { "n": "赤峰" }, { "n": "东胜" }, { "n": "海拉尔" }, { "n": "集宁" }, { "n": "临河" }, { "n": "通辽" }, { "n": "乌海" },
|
|
237
|
+
{ "n": "乌兰浩特" }, { "n": "锡林浩特" }
|
|
238
|
+
]
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
"n": "宁夏",
|
|
242
|
+
"s": [
|
|
243
|
+
{ "n": "银川" }, { "n": "固源" }, { "n": "石嘴山" }, { "n": "吴忠" }
|
|
244
|
+
]
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"n": "青海",
|
|
248
|
+
"s": [
|
|
249
|
+
{ "n": "西宁" }, { "n": "德令哈" }, { "n": "格尔木" }, { "n": "共和" }, { "n": "海东" }, { "n": "海晏" }, { "n": "玛沁" }, { "n": "同仁" }, { "n": "玉树" }
|
|
250
|
+
]
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"n": "山东",
|
|
254
|
+
"s": [
|
|
255
|
+
{ "n": "济南" }, { "n": "滨州" }, { "n": "兖州" }, { "n": "德州" }, { "n": "东营" }, { "n": "菏泽" }, { "n": "济宁" }, { "n": "莱芜" }, { "n": "聊城" }, { "n": "临沂" },
|
|
256
|
+
{ "n": "蓬莱" }, { "n": "青岛" }, { "n": "曲阜" }, { "n": "日照" }, { "n": "泰安" }, { "n": "潍坊" }, { "n": "威海" }, { "n": "烟台" }, { "n": "枣庄" }, { "n": "淄博" }
|
|
257
|
+
]
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"n": "山西",
|
|
261
|
+
"s": [
|
|
262
|
+
{ "n": "太原" }, { "n": "长治" }, { "n": "大同" }, { "n": "候马" }, { "n": "晋城" }, { "n": "离石" }, { "n": "临汾" }, { "n": "宁武" }, { "n": "朔州" }, { "n": "忻州" },
|
|
263
|
+
{ "n": "阳泉" }, { "n": "榆次" }, { "n": "运城" }
|
|
264
|
+
]
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"n": "陕西",
|
|
268
|
+
"s": [
|
|
269
|
+
{ "n": "西安" }, { "n": "安康" }, { "n": "宝鸡" }, { "n": "汉中" }, { "n": "渭南" }, { "n": "商州" }, { "n": "绥德" }, { "n": "铜川" }, { "n": "咸阳" }, { "n": "延安" }, { "n": "榆林" }
|
|
270
|
+
]
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"n": "四川",
|
|
274
|
+
"s": [
|
|
275
|
+
{ "n": "成都" }, { "n": "巴中" }, { "n": "达川" }, { "n": "德阳" }, { "n": "都江堰" }, { "n": "峨眉山" }, { "n": "涪陵" }, { "n": "广安" }, { "n": "广元" }, { "n": "九寨沟" },
|
|
276
|
+
{ "n": "康定" }, { "n": "乐山" }, { "n": "泸州" }, { "n": "马尔康" }, { "n": "绵阳" }, { "n": "眉山" }, { "n": "南充" }, { "n": "内江" }, { "n": "攀枝花" }, { "n": "遂宁" },
|
|
277
|
+
{ "n": "汶川" }, { "n": "西昌" }, { "n": "雅安" }, { "n": "宜宾" }, { "n": "自贡" }, { "n": "资阳" }
|
|
278
|
+
]
|
|
279
|
+
},
|
|
280
|
+
{
|
|
281
|
+
"n": "天津",
|
|
282
|
+
"s": [
|
|
283
|
+
{ "n": "天津" }, { "n": "和平" }, { "n": "东丽" }, { "n": "河东" }, { "n": "西青" }, { "n": "河西" }, { "n": "津南" }, { "n": "南开" }, { "n": "北辰" }, { "n": "河北" }, { "n": "武清" }, { "n": "红挢" },
|
|
284
|
+
{ "n": "塘沽" }, { "n": "汉沽" }, { "n": "大港" }, { "n": "宁河" }, { "n": "静海" }, { "n": "宝坻" }, { "n": "蓟县" }
|
|
285
|
+
]
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"n": "新疆",
|
|
289
|
+
"s": [
|
|
290
|
+
{ "n": "乌鲁木齐" }, { "n": "阿克苏" }, { "n": "阿勒泰" }, { "n": "阿图什" }, { "n": "博乐" }, { "n": "昌吉" }, { "n": "东山" }, { "n": "哈密" }, { "n": "和田" }, { "n": "喀什" },
|
|
291
|
+
{ "n": "克拉玛依" }, { "n": "库车" }, { "n": "库尔勒" }, { "n": "奎屯" }, { "n": "石河子" }, { "n": "塔城" }, { "n": "吐鲁番" }, { "n": "伊宁" }
|
|
292
|
+
]
|
|
293
|
+
},
|
|
294
|
+
{
|
|
295
|
+
"n": "西藏",
|
|
296
|
+
"s": [
|
|
297
|
+
{ "n": "拉萨" }, { "n": "阿里" }, { "n": "昌都" }, { "n": "林芝" }, { "n": "那曲" }, { "n": "日喀则" }, { "n": "山南" }
|
|
298
|
+
]
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"n": "云南",
|
|
302
|
+
"s": [
|
|
303
|
+
{ "n": "昆明" }, { "n": "大理" }, { "n": "保山" }, { "n": "楚雄" }, { "n": "大理" }, { "n": "东川" }, { "n": "个旧" }, { "n": "景洪" }, { "n": "开远" }, { "n": "临沧" }, { "n": "丽江" },
|
|
304
|
+
{ "n": "六库" }, { "n": "潞西" }, { "n": "曲靖" }, { "n": "思茅" }, { "n": "文山" }, { "n": "西双版纳" }, { "n": "玉溪" }, { "n": "中甸" }, { "n": "昭通" }
|
|
305
|
+
]
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"n": "香港特别行政区",
|
|
309
|
+
"s": [
|
|
310
|
+
{ "n": "香港" }, { "n": "九龙" }, { "n": "新界" }
|
|
311
|
+
]
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"n": "澳门特别行政区",
|
|
315
|
+
"s": [
|
|
316
|
+
{ "n": { "n": "澳门" } }
|
|
317
|
+
]
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"n": "台湾",
|
|
321
|
+
"s": [
|
|
322
|
+
{ "n": "台北" }, { "n": "基隆" }, { "n": "台南" }, { "n": "台中" }, { "n": "高雄" }, { "n": "屏东" }, { "n": "南投" }, { "n": "云林" }, { "n": "新竹" }, { "n": "彰化" }, { "n": "苗栗" },
|
|
323
|
+
{ "n": "嘉义" }, { "n": "花莲" }, { "n": "桃园" }, { "n": "宜兰" }, { "n": "台东" }, { "n": "金门" }, { "n": "马祖" }, { "n": "澎湖" }
|
|
324
|
+
]
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"n": "海外",
|
|
328
|
+
"s": [
|
|
329
|
+
{ "n": "美国" }, { "n": "日本" }, { "n": "英国" }, { "n": "法国" }, { "n": "德国" }, { "n": "其他" }
|
|
330
|
+
]
|
|
331
|
+
}
|
|
332
|
+
]
|
|
79
333
|
|
|
80
|
-
|
|
334
|
+
// 自定义选项
|
|
335
|
+
$('#custom_data').cxSelect({
|
|
336
|
+
selects: ['province', 'city'],
|
|
337
|
+
data: dataCustom
|
|
338
|
+
});
|
|
81
339
|
//监听提交
|
|
82
340
|
form.on('submit(data-reset-btn)', function (data) {
|
|
341
|
+
data.field.province = $("#province option:selected").text(); //获取选中的项
|
|
342
|
+
data.field.city = $("#city option:selected").text(); //获取选中的项
|
|
83
343
|
console.log(data.field);
|
|
84
344
|
request.authPost("missions/customers", data.field, function (res) {
|
|
85
345
|
if (res.success === false) {
|
|
@@ -92,4 +352,421 @@
|
|
|
92
352
|
return false;
|
|
93
353
|
});
|
|
94
354
|
});
|
|
95
|
-
</script>
|
|
355
|
+
</script>
|
|
356
|
+
<script type="text/javascript" charset="utf-8">
|
|
357
|
+
/*!
|
|
358
|
+
* jQuery cxSelect
|
|
359
|
+
* @name jquery.cxselect.js
|
|
360
|
+
* @version 1.4.1
|
|
361
|
+
* @date 2016-11-02
|
|
362
|
+
* @author ciaoca
|
|
363
|
+
* @email ciaoca@gmail.com
|
|
364
|
+
* @site https://github.com/ciaoca/cxSelect
|
|
365
|
+
* @license Released under the MIT license
|
|
366
|
+
*/
|
|
367
|
+
(function(factory) {
|
|
368
|
+
if (typeof define === 'function' && define.amd) {
|
|
369
|
+
define(['jquery'], factory);
|
|
370
|
+
} else {
|
|
371
|
+
factory(window.jQuery || window.Zepto || window.$);
|
|
372
|
+
};
|
|
373
|
+
}(function($) {
|
|
374
|
+
var cxSelect = function() {
|
|
375
|
+
var self = this;
|
|
376
|
+
var dom, settings, callback;
|
|
377
|
+
|
|
378
|
+
// 分配参数
|
|
379
|
+
for (var i = 0, l = arguments.length; i < l; i++) {
|
|
380
|
+
if (cxSelect.isJquery(arguments[i]) || cxSelect.isZepto(arguments[i])) {
|
|
381
|
+
dom = arguments[i];
|
|
382
|
+
} else if (cxSelect.isElement(arguments[i])) {
|
|
383
|
+
dom = $(arguments[i]);
|
|
384
|
+
} else if (typeof arguments[i] === 'function') {
|
|
385
|
+
callback = arguments[i];
|
|
386
|
+
} else if (typeof arguments[i] === 'object') {
|
|
387
|
+
settings = arguments[i];
|
|
388
|
+
};
|
|
389
|
+
};
|
|
390
|
+
|
|
391
|
+
var api = new cxSelect.init(dom, settings);
|
|
392
|
+
|
|
393
|
+
if (typeof callback === 'function') {
|
|
394
|
+
callback(api);
|
|
395
|
+
};
|
|
396
|
+
|
|
397
|
+
return api;
|
|
398
|
+
};
|
|
399
|
+
|
|
400
|
+
cxSelect.isElement = function(o){
|
|
401
|
+
if (o && (typeof HTMLElement === 'function' || typeof HTMLElement === 'object') && o instanceof HTMLElement) {
|
|
402
|
+
return true;
|
|
403
|
+
} else {
|
|
404
|
+
return (o && o.nodeType && o.nodeType === 1) ? true : false;
|
|
405
|
+
};
|
|
406
|
+
};
|
|
407
|
+
|
|
408
|
+
cxSelect.isJquery = function(o){
|
|
409
|
+
return (o && o.length && (typeof jQuery === 'function' || typeof jQuery === 'object') && o instanceof jQuery) ? true : false;
|
|
410
|
+
};
|
|
411
|
+
|
|
412
|
+
cxSelect.isZepto = function(o){
|
|
413
|
+
return (o && o.length && (typeof Zepto === 'function' || typeof Zepto === 'object') && Zepto.zepto.isZ(o)) ? true : false;
|
|
414
|
+
};
|
|
415
|
+
|
|
416
|
+
cxSelect.getIndex = function(n, required) {
|
|
417
|
+
return required ? n : n - 1;
|
|
418
|
+
};
|
|
419
|
+
|
|
420
|
+
cxSelect.getData = function(data, space) {
|
|
421
|
+
if (typeof space === 'string' && space.length) {
|
|
422
|
+
space = space.split('.');
|
|
423
|
+
for (var i = 0, l = space.length; i < l; i++) {
|
|
424
|
+
data = data[space[i]];
|
|
425
|
+
};
|
|
426
|
+
};
|
|
427
|
+
return data;
|
|
428
|
+
};
|
|
429
|
+
|
|
430
|
+
cxSelect.init = function(dom, settings) {
|
|
431
|
+
var self = this;
|
|
432
|
+
|
|
433
|
+
if (!cxSelect.isJquery(dom) && !cxSelect.isZepto(dom)) {return};
|
|
434
|
+
|
|
435
|
+
var theSelect = {
|
|
436
|
+
dom: {
|
|
437
|
+
box: dom
|
|
438
|
+
}
|
|
439
|
+
};
|
|
440
|
+
|
|
441
|
+
self.attach = cxSelect.attach.bind(theSelect);
|
|
442
|
+
self.detach = cxSelect.detach.bind(theSelect);
|
|
443
|
+
self.setOptions = cxSelect.setOptions.bind(theSelect);
|
|
444
|
+
self.clear = cxSelect.clear.bind(theSelect);
|
|
445
|
+
|
|
446
|
+
theSelect.changeEvent = function() {
|
|
447
|
+
cxSelect.selectChange.call(theSelect, this.className);
|
|
448
|
+
};
|
|
449
|
+
|
|
450
|
+
theSelect.settings = $.extend({}, $.cxSelect.defaults, settings, {
|
|
451
|
+
url: theSelect.dom.box.data('url'),
|
|
452
|
+
emptyStyle: theSelect.dom.box.data('emptyStyle'),
|
|
453
|
+
required: theSelect.dom.box.data('required'),
|
|
454
|
+
firstTitle: theSelect.dom.box.data('firstTitle'),
|
|
455
|
+
firstValue: theSelect.dom.box.data('firstValue'),
|
|
456
|
+
jsonSpace: theSelect.dom.box.data('jsonSpace'),
|
|
457
|
+
jsonName: theSelect.dom.box.data('jsonName'),
|
|
458
|
+
jsonValue: theSelect.dom.box.data('jsonValue'),
|
|
459
|
+
jsonSub: theSelect.dom.box.data('jsonSub')
|
|
460
|
+
});
|
|
461
|
+
|
|
462
|
+
var _dataSelects = theSelect.dom.box.data('selects');
|
|
463
|
+
|
|
464
|
+
if (typeof _dataSelects === 'string' && _dataSelects.length) {
|
|
465
|
+
theSelect.settings.selects = _dataSelects.split(',');
|
|
466
|
+
};
|
|
467
|
+
|
|
468
|
+
self.setOptions();
|
|
469
|
+
self.attach();
|
|
470
|
+
|
|
471
|
+
// 使用独立接口获取数据
|
|
472
|
+
if (!theSelect.settings.url && !theSelect.settings.data) {
|
|
473
|
+
cxSelect.start.apply(theSelect);
|
|
474
|
+
|
|
475
|
+
// 设置自定义数据
|
|
476
|
+
} else if ($.isArray(theSelect.settings.data)) {
|
|
477
|
+
cxSelect.start.call(theSelect, theSelect.settings.data);
|
|
478
|
+
|
|
479
|
+
// 设置 URL，通过 Ajax 获取数据
|
|
480
|
+
} else if (typeof theSelect.settings.url === 'string' && theSelect.settings.url.length) {
|
|
481
|
+
$.getJSON(theSelect.settings.url, function(json) {
|
|
482
|
+
cxSelect.start.call(theSelect, json);
|
|
483
|
+
});
|
|
484
|
+
};
|
|
485
|
+
};
|
|
486
|
+
|
|
487
|
+
// 设置参数
|
|
488
|
+
cxSelect.setOptions = function(opts) {
|
|
489
|
+
var self = this;
|
|
490
|
+
|
|
491
|
+
if (opts) {
|
|
492
|
+
$.extend(self.settings, opts);
|
|
493
|
+
};
|
|
494
|
+
|
|
495
|
+
// 初次或重设选择器组
|
|
496
|
+
if (!$.isArray(self.selectArray) || !self.selectArray.length || (opts && opts.selects)) {
|
|
497
|
+
self.selectArray = [];
|
|
498
|
+
|
|
499
|
+
if ($.isArray(self.settings.selects) && self.settings.selects.length) {
|
|
500
|
+
var _tempSelect;
|
|
501
|
+
|
|
502
|
+
for (var i = 0, l = self.settings.selects.length; i < l; i++) {
|
|
503
|
+
_tempSelect = self.dom.box.find('select.' + self.settings.selects[i]);
|
|
504
|
+
|
|
505
|
+
if (!_tempSelect || !_tempSelect.length) {break};
|
|
506
|
+
|
|
507
|
+
self.selectArray.push(_tempSelect);
|
|
508
|
+
};
|
|
509
|
+
};
|
|
510
|
+
};
|
|
511
|
+
|
|
512
|
+
if (opts) {
|
|
513
|
+
if (!$.isArray(opts.data) && typeof opts.url === 'string' && opts.url.length) {
|
|
514
|
+
$.getJSON(self.settings.url, function(json) {
|
|
515
|
+
cxSelect.start.call(self, json);
|
|
516
|
+
});
|
|
517
|
+
|
|
518
|
+
} else {
|
|
519
|
+
cxSelect.start.call(self, opts.data);
|
|
520
|
+
};
|
|
521
|
+
};
|
|
522
|
+
};
|
|
523
|
+
|
|
524
|
+
// 绑定
|
|
525
|
+
cxSelect.attach = function() {
|
|
526
|
+
var self = this;
|
|
527
|
+
|
|
528
|
+
if (!self.attachStatus) {
|
|
529
|
+
self.dom.box.on('change', 'select', self.changeEvent);
|
|
530
|
+
};
|
|
531
|
+
|
|
532
|
+
if (typeof self.attachStatus === 'boolean') {
|
|
533
|
+
cxSelect.start.call(self);
|
|
534
|
+
};
|
|
535
|
+
|
|
536
|
+
self.attachStatus = true;
|
|
537
|
+
};
|
|
538
|
+
|
|
539
|
+
// 移除绑定
|
|
540
|
+
cxSelect.detach = function() {
|
|
541
|
+
var self = this;
|
|
542
|
+
self.dom.box.off('change', 'select', self.changeEvent);
|
|
543
|
+
self.attachStatus = false;
|
|
544
|
+
};
|
|
545
|
+
|
|
546
|
+
// 清空选项
|
|
547
|
+
cxSelect.clear = function(index) {
|
|
548
|
+
var self = this;
|
|
549
|
+
var _style = {
|
|
550
|
+
display: '',
|
|
551
|
+
visibility: ''
|
|
552
|
+
};
|
|
553
|
+
|
|
554
|
+
index = isNaN(index) ? 0 : index;
|
|
555
|
+
|
|
556
|
+
// 清空后面的 select
|
|
557
|
+
for (var i = index, l = self.selectArray.length; i < l; i++) {
|
|
558
|
+
self.selectArray[i].empty().prop('disabled', true);
|
|
559
|
+
|
|
560
|
+
if (self.settings.emptyStyle === 'none') {
|
|
561
|
+
_style.display = 'none';
|
|
562
|
+
} else if (self.settings.emptyStyle === 'hidden') {
|
|
563
|
+
_style.visibility = 'hidden';
|
|
564
|
+
};
|
|
565
|
+
|
|
566
|
+
self.selectArray[i].css(_style);
|
|
567
|
+
};
|
|
568
|
+
};
|
|
569
|
+
|
|
570
|
+
cxSelect.start = function(data) {
|
|
571
|
+
var self = this;
|
|
572
|
+
|
|
573
|
+
if ($.isArray(data)) {
|
|
574
|
+
self.settings.data = cxSelect.getData(data, self.settings.jsonSpace);
|
|
575
|
+
};
|
|
576
|
+
|
|
577
|
+
if (!self.selectArray.length) {return};
|
|
578
|
+
|
|
579
|
+
// 保存默认值
|
|
580
|
+
for (var i = 0, l = self.selectArray.length; i < l; i++) {
|
|
581
|
+
if (typeof self.selectArray[i].attr('data-value') !== 'string' && self.selectArray[i][0].options.length) {
|
|
582
|
+
self.selectArray[i].attr('data-value', self.selectArray[i].val());
|
|
583
|
+
};
|
|
584
|
+
};
|
|
585
|
+
|
|
586
|
+
if (self.settings.data || (typeof self.selectArray[0].data('url') === 'string' && self.selectArray[0].data('url').length)) {
|
|
587
|
+
cxSelect.getOptionData.call(self, 0);
|
|
588
|
+
} else {
|
|
589
|
+
self.selectArray[0].prop('disabled', false).css({
|
|
590
|
+
'display': '',
|
|
591
|
+
'visibility': ''
|
|
592
|
+
});
|
|
593
|
+
};
|
|
594
|
+
};
|
|
595
|
+
|
|
596
|
+
// 获取选项数据
|
|
597
|
+
cxSelect.getOptionData = function(index) {
|
|
598
|
+
var self = this;
|
|
599
|
+
|
|
600
|
+
if (typeof index !== 'number' || isNaN(index) || index < 0 || index >= self.selectArray.length) {return};
|
|
601
|
+
|
|
602
|
+
var _indexPrev = index - 1;
|
|
603
|
+
var _select = self.selectArray[index];
|
|
604
|
+
var _selectData;
|
|
605
|
+
var _valueIndex;
|
|
606
|
+
var _dataUrl = _select.data('url');
|
|
607
|
+
var _jsonSpace = typeof _select.data('jsonSpace') === 'undefined' ? self.settings.jsonSpace : _select.data('jsonSpace');
|
|
608
|
+
var _query = {};
|
|
609
|
+
var _queryName;
|
|
610
|
+
var _selectName;
|
|
611
|
+
var _selectValue;
|
|
612
|
+
|
|
613
|
+
cxSelect.clear.call(self, index);
|
|
614
|
+
|
|
615
|
+
// 使用独立接口
|
|
616
|
+
if (typeof _dataUrl === 'string' && _dataUrl.length) {
|
|
617
|
+
if (index > 0) {
|
|
618
|
+
for (var i = 0, j = 1; i < index; i++, j++) {
|
|
619
|
+
_queryName = self.selectArray[j].data('queryName');
|
|
620
|
+
_selectName = self.selectArray[i].attr('name');
|
|
621
|
+
_selectValue = self.selectArray[i].val();
|
|
622
|
+
|
|
623
|
+
if (typeof _queryName === 'string' && _queryName.length) {
|
|
624
|
+
_query[_queryName] = _selectValue;
|
|
625
|
+
} else if (typeof _selectName === 'string' && _selectName.length) {
|
|
626
|
+
_query[_selectName] = _selectValue;
|
|
627
|
+
};
|
|
628
|
+
};
|
|
629
|
+
};
|
|
630
|
+
|
|
631
|
+
$.getJSON(_dataUrl, _query, function(json) {
|
|
632
|
+
_selectData = cxSelect.getData(json, _jsonSpace);
|
|
633
|
+
|
|
634
|
+
cxSelect.buildOption.call(self, index, _selectData);
|
|
635
|
+
});
|
|
636
|
+
|
|
637
|
+
// 使用整合数据
|
|
638
|
+
} else if (self.settings.data && typeof self.settings.data === 'object') {
|
|
639
|
+
_selectData = self.settings.data;
|
|
640
|
+
|
|
641
|
+
for (var i = 0; i < index; i++) {
|
|
642
|
+
_valueIndex = cxSelect.getIndex(self.selectArray[i][0].selectedIndex, typeof self.selectArray[i].data('required') === 'boolean' ? self.selectArray[i].data('required') : self.settings.required);
|
|
643
|
+
|
|
644
|
+
if (typeof _selectData[_valueIndex] === 'object' && $.isArray(_selectData[_valueIndex][self.settings.jsonSub]) && _selectData[_valueIndex][self.settings.jsonSub].length) {
|
|
645
|
+
_selectData = _selectData[_valueIndex][self.settings.jsonSub];
|
|
646
|
+
} else {
|
|
647
|
+
_selectData = null;
|
|
648
|
+
break;
|
|
649
|
+
};
|
|
650
|
+
};
|
|
651
|
+
|
|
652
|
+
cxSelect.buildOption.call(self, index, _selectData);
|
|
653
|
+
};
|
|
654
|
+
};
|
|
655
|
+
|
|
656
|
+
// 构建选项列表
|
|
657
|
+
cxSelect.buildOption = function(index, data) {
|
|
658
|
+
var self = this;
|
|
659
|
+
|
|
660
|
+
var _select = self.selectArray[index];
|
|
661
|
+
var _required = typeof _select.data('required') === 'boolean' ? _select.data('required') : self.settings.required;
|
|
662
|
+
var _firstTitle = typeof _select.data('firstTitle') === 'undefined' ? self.settings.firstTitle : _select.data('firstTitle');
|
|
663
|
+
var _firstValue = typeof _select.data('firstValue') === 'undefined' ? self.settings.firstValue : _select.data('firstValue');
|
|
664
|
+
var _jsonName = typeof _select.data('jsonName') === 'undefined' ? self.settings.jsonName : _select.data('jsonName');
|
|
665
|
+
var _jsonValue = typeof _select.data('jsonValue') === 'undefined' ? self.settings.jsonValue : _select.data('jsonValue');
|
|
666
|
+
|
|
667
|
+
if (!$.isArray(data)) {return};
|
|
668
|
+
|
|
669
|
+
var _html = !_required ? '<option value="' + String(_firstValue) + '">' + String(_firstTitle) + '</option>' : '';
|
|
670
|
+
|
|
671
|
+
// 区分标题、值的数据
|
|
672
|
+
if (typeof _jsonName === 'string' && _jsonName.length) {
|
|
673
|
+
// 无值字段时使用标题作为值
|
|
674
|
+
if (typeof _jsonValue !== 'string' || !_jsonValue.length) {
|
|
675
|
+
_jsonValue = _jsonName;
|
|
676
|
+
};
|
|
677
|
+
|
|
678
|
+
for (var i = 0, l = data.length; i < l; i++) {
|
|
679
|
+
_html += '<option value="' + String(data[i][_jsonValue]) + '">' + String(data[i][_jsonName]) + '</option>';
|
|
680
|
+
};
|
|
681
|
+
|
|
682
|
+
// 数组即为值的数据
|
|
683
|
+
} else {
|
|
684
|
+
for (var i = 0, l = data.length; i < l; i++) {
|
|
685
|
+
_html += '<option value="' + String(data[i]) + '">' + String(data[i]) + '</option>';
|
|
686
|
+
};
|
|
687
|
+
};
|
|
688
|
+
|
|
689
|
+
_select.html(_html).prop('disabled', false).css({
|
|
690
|
+
'display': '',
|
|
691
|
+
'visibility': ''
|
|
692
|
+
});
|
|
693
|
+
|
|
694
|
+
// 初次加载设置默认值
|
|
695
|
+
if (typeof _select.attr('data-value') === 'string') {
|
|
696
|
+
_select.val(String(_select.attr('data-value'))).removeAttr('data-value');
|
|
697
|
+
|
|
698
|
+
if (_select[0].selectedIndex < 0) {
|
|
699
|
+
_select[0].options[0].selected = true;
|
|
700
|
+
};
|
|
701
|
+
};
|
|
702
|
+
|
|
703
|
+
if (_required || _select[0].selectedIndex > 0) {
|
|
704
|
+
_select.trigger('change');
|
|
705
|
+
};
|
|
706
|
+
|
|
707
|
+
};
|
|
708
|
+
|
|
709
|
+
// 改变选择时的处理
|
|
710
|
+
cxSelect.selectChange = function(name) {
|
|
711
|
+
var self = this;
|
|
712
|
+
|
|
713
|
+
if (typeof name !== 'string' || !name.length) {return};
|
|
714
|
+
|
|
715
|
+
var index;
|
|
716
|
+
|
|
717
|
+
name = name.replace(/\s+/g, ',');
|
|
718
|
+
name = ',' + name + ',';
|
|
719
|
+
|
|
720
|
+
// 获取当前 select 位置
|
|
721
|
+
for (var i = 0, l = self.selectArray.length; i < l; i++) {
|
|
722
|
+
if (name.indexOf(',' + self.settings.selects[i] + ',') > -1) {
|
|
723
|
+
index = i;
|
|
724
|
+
break;
|
|
725
|
+
};
|
|
726
|
+
};
|
|
727
|
+
|
|
728
|
+
if (typeof index === 'number' && index > -1) {
|
|
729
|
+
index += 1;
|
|
730
|
+
cxSelect.getOptionData.call(self, index);
|
|
731
|
+
};
|
|
732
|
+
};
|
|
733
|
+
|
|
734
|
+
$.cxSelect = function() {
|
|
735
|
+
return cxSelect.apply(this, arguments);
|
|
736
|
+
};
|
|
737
|
+
|
|
738
|
+
// 默认值
|
|
739
|
+
$.cxSelect.defaults = {
|
|
740
|
+
selects: [], // 下拉选框组
|
|
741
|
+
url: null, // 列表数据文件路径（URL）或数组数据
|
|
742
|
+
data: null, // 自定义数据
|
|
743
|
+
emptyStyle: null, // 无数据状态显示方式
|
|
744
|
+
required: false, // 是否为必选
|
|
745
|
+
firstTitle: '请选择', // 第一个选项的标题
|
|
746
|
+
firstValue: '', // 第一个选项的值
|
|
747
|
+
jsonSpace: '', // 数据命名空间
|
|
748
|
+
jsonName: 'n', // 数据标题字段名称
|
|
749
|
+
jsonValue: '', // 数据值字段名称
|
|
750
|
+
jsonSub: 's' // 子集数据字段名称
|
|
751
|
+
};
|
|
752
|
+
|
|
753
|
+
$.fn.cxSelect = function(settings, callback) {
|
|
754
|
+
this.each(function(i) {
|
|
755
|
+
$.cxSelect(this, settings, callback);
|
|
756
|
+
});
|
|
757
|
+
return this;
|
|
758
|
+
};
|
|
759
|
+
}));
|
|
760
|
+
|
|
761
|
+
</script>
|
|
762
|
+
<style>
|
|
763
|
+
.layui-form .city_input .layui-input {
|
|
764
|
+
display: none;!important;
|
|
765
|
+
}
|
|
766
|
+
.layui-form .city_input .province {
|
|
767
|
+
display: block;
|
|
768
|
+
}
|
|
769
|
+
.layui-form .city_input .city {
|
|
770
|
+
display: block;
|
|
771
|
+
}
|
|
772
|
+
</style>
|