apply-clients 3.3.13 → 3.3.17

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.
Files changed (25) hide show
  1. package/package.json +1 -1
  2. package/src/apply.js +2 -1
  3. package/src/components/android/Function/AppInstallFunction.vue +0 -10
  4. package/src/components/android/Process/AppExplorationUser.vue +268 -278
  5. package/src/components/android/Process/AppServiceControl.vue +711 -686
  6. package/src/components/android/Supervisory/AppProcessSupervisory.vue +0 -10
  7. package/src/components/product/ApplyCharge/ApplyChargeList.vue +0 -9
  8. package/src/components/product/Function/InstallInfoSelect.vue +4 -13
  9. package/src/components/product/Order/OrderMessage.vue +0 -4
  10. package/src/components/product/Process/ExplorationSelect.vue +3 -12
  11. package/src/components/product/Process/Processes/InstallationDetails.vue +2 -4
  12. package/src/components/product/Process/Processes/Print/img/10101.png +0 -0
  13. package/src/components/product/Process/Processes/Print/img/1010109.png +0 -0
  14. package/src/components/product/Process/Processes/Print/img/1010110.png +0 -0
  15. package/src/components/product/Process/Processes/Print/img/1010111.png +0 -0
  16. package/src/components/product/Process/Processes/Print/img/1010112.png +0 -0
  17. package/src/components/product/Process/Processes/Print/printCharge.vue +139 -0
  18. package/src/components/product/Process/Processes/Print/printRefund.vue +193 -0
  19. package/src/components/product/Process/Processes/chargeManagement.vue +164 -164
  20. package/src/components/product/Process/Processes/selectApply.vue +1 -1
  21. package/src/components/product/Process/Service/ServiceControl.vue +47 -16
  22. package/src/components/product/Stop/StopApplyList.vue +3 -13
  23. package/src/components/product/Supervisory/Service/SupervisoryServiceControl.vue +0 -5
  24. package/src/components/product/Supervisory/SupervisoryList.vue +3 -13
  25. package/src/components/product/Process/Processes/printCharge.vue +0 -130
@@ -4,12 +4,6 @@
4
4
  <criteria partial='criteria' @condition-changed='search' v-ref:cri>
5
5
  <div partial class="auto">
6
6
  <div class="row form-group app-input">
7
- <label class="">项目名称:</label>
8
- <div class="col-xs-8" >
9
- <input class="" v-model=model.f_entry_name condition="u.f_entry_name like '%{}%'" />
10
- </div>
11
- </div>
12
- <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
13
7
  <label class="">客户名称:</label>
14
8
  <div class="col-xs-8" >
15
9
  <input class="" v-model=model.f_user_name condition="u.f_user_name like '%{}%'" />
@@ -112,10 +106,6 @@
112
106
  <list :model="model" partial='list'>
113
107
  <div partial class="auto app-text panel">
114
108
  <div class="panel-body panel-self">
115
- <div class="col-xs-12">
116
- <p class="col-xs-3 text-left font"><b>项目名称:</b></p>
117
- <p class="col-xs-9 text-left input-font">{{ row.f_entry_name }}</p>
118
- </div>
119
109
  <div class="col-xs-12">
120
110
  <p class="col-xs-3 text-left font"><b>客户名称:</b></p>
121
111
  <p class="col-xs-9 text-left input-font">{{ row.f_user_name }}</p>
@@ -58,11 +58,6 @@
58
58
  v-on:keyup.enter="$parent.$parent.search()"
59
59
  condition="a.f_apply_num = '{}'">
60
60
  </div>
61
- <div class="form-group col-sm-3">
62
- <label class="font_normal_body">项目名称:</label>
63
- <input type="text" class="input_search" style="width: 60%" v-model="model.f_entry_name"
64
- v-on:keyup.enter="$parent.$parent.search()" condition="a.f_entry_name like '%{}%'" placeholder='项目名'>
65
- </div>
66
61
  <div class="form-group col-sm-3">
67
62
  <label class="font_normal_body">合同编号:</label>
68
63
  <input type="text" style="width: 60%" class="input_search" placeholder='合同编号' v-model="model.f_contract_number"
@@ -125,7 +120,6 @@
125
120
  <tr>
126
121
  <th>序号</th>
127
122
  <th>工程编号</th>
128
- <th>项目名称</th>
129
123
  <th>合同编号</th>
130
124
  <th>报建类型</th>
131
125
  <th>缴费编码</th>
@@ -145,9 +139,6 @@
145
139
  <td style="text-align: center;">
146
140
  <nobr><font>{{row.f_apply_num}}</font></nobr>
147
141
  </td>
148
- <td style="text-align: center;">
149
- <nobr><font>{{row.f_entry_name}}</font></nobr>
150
- </td>
151
142
  <td style="text-align: center;">
152
143
  <nobr><font>{{row.f_contract_number}}</font></nobr>
153
144
  </td>
@@ -20,9 +20,9 @@
20
20
  condition="f_apply_num = '{}'">
21
21
  </div>
22
22
  <div class="form-group col-sm-3">
23
- <label class="font_normal_body">项目名称:</label>
24
- <input type="text" style="width:60%" class="input_search" v-model="model.f_entry_name"
25
- v-on:keyup.enter="$parent.$parent.search()" condition="f_entry_name like '%{}%'" placeholder='项目名称'>
23
+ <label class="font_normal_body">客户名称:</label>
24
+ <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name"
25
+ v-on:keyup.enter="$parent.$parent.search()" condition="f_user_name like '%{}%'" placeholder='客户名称'>
26
26
  </div>
27
27
  <div class="form-group col-sm-3 button-range">
28
28
  <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
@@ -36,11 +36,6 @@
36
36
  </div>
37
37
  </div>
38
38
  <div class="row" v-show="$parent.$parent.criteriaShow">
39
- <div class="form-group col-sm-3">
40
- <label class="font_normal_body">客户名称:</label>
41
- <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name"
42
- v-on:keyup.enter="$parent.$parent.search()" condition="f_user_name like '%{}%'" placeholder='客户名称'>
43
- </div>
44
39
  <div class="form-group col-sm-3">
45
40
  <label class="font_normal_body">联系电话:</label>
46
41
  <input type="text" style="width:60%" class="input_search" placeholder='联系电话' v-model="model.f_phone"
@@ -113,8 +108,7 @@
113
108
  <template partial='head'>
114
109
  <tr class="title">
115
110
  <th style="white-space: nowrap;">序号</th>
116
- <th style="white-space: nowrap;">报建编号</th>
117
- <th style="white-space: nowrap;">项目名称</th>
111
+ <th style="white-space: nowrap;">工程编号</th>
118
112
  <th style="white-space: nowrap;">客户名称</th>
119
113
  <th style="white-space: nowrap;">合同编号</th>
120
114
  <th style="white-space: nowrap;">电话</th>
@@ -134,9 +128,6 @@
134
128
  <td style="text-align: center;">
135
129
  <nobr>{{row.f_apply_num}}</nobr>
136
130
  </td>
137
- <td style="text-align: center;">
138
- <nobr>{{row.f_entry_name}}</nobr>
139
- </td>
140
131
  <td style="text-align: center;">
141
132
  <nobr>{{row.f_user_name}}</nobr>
142
133
  </td>
@@ -87,10 +87,6 @@
87
87
  <!-- 项目信息 -->
88
88
  <div class="auto" v-if="selectdata.f_ordertype !== '预约点火' && (type === 'process' || selectdata.f_orderstate === '预约成功')">
89
89
  <div class="col-sm-12 text-center bg-info pt-8">项目信息</div>
90
- <div class="col-sm-6 form-group" :class="[$v.f_entry_name.required ? 'has-error' : '']">
91
- <label class="font_normal_body">工程名称</label>
92
- <input type="text" class="input_search" style="width: 60%" v-model="apply.f_entry_name" v-validate:f_entry_name = "['required']" :readonly="selectdata.f_orderstate === '预约成功'" />
93
- </div>
94
90
  <div class="col-sm-6 form-group" v-if="selectdata.f_ordertype === '预约报装'" :class="[$v.f_apply_type.required ? 'has-error' : '']">
95
91
  <label class="font_normal_body">报建类型</label>
96
92
  <input type="text" v-show="false" v-validate:f_apply_type = "['required']" v-model="apply.f_apply_type">
@@ -20,9 +20,9 @@
20
20
  condition="f_apply_num = '{}'">
21
21
  </div>
22
22
  <div class="form-group col-sm-3">
23
- <label class="font_normal_body">项目名称:</label>
24
- <input type="text" style="width:60%" class="input_search" v-model="model.f_entry_name"
25
- v-on:keyup.enter="$parent.$parent.search()" condition="f_entry_name like '%{}%'" placeholder='项目名称'>
23
+ <label class="font_normal_body">客户名称:</label>
24
+ <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name"
25
+ v-on:keyup.enter="$parent.$parent.search()" condition="f_user_name like '%{}%'" placeholder='客户名称'>
26
26
  </div>
27
27
  <div class="form-group col-sm-3 button-range">
28
28
  <button class="button_new button_spacing" style="width: max-content"
@@ -38,11 +38,6 @@
38
38
  </div>
39
39
  </div>
40
40
  <div class="row" v-show="$parent.$parent.criteriaShow">
41
- <div class="form-group col-sm-3">
42
- <label class="font_normal_body">客户名称:</label>
43
- <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name"
44
- v-on:keyup.enter="$parent.$parent.search()" condition="f_user_name like '%{}%'" placeholder='客户名称'>
45
- </div>
46
41
  <div class="form-group col-sm-3">
47
42
  <label class="font_normal_body">联系电话:</label>
48
43
  <input type="text" style="width:60%" class="input_search" placeholder='联系电话' v-model="model.f_phone"
@@ -116,7 +111,6 @@
116
111
  <tr>
117
112
  <th style="white-space: nowrap;">序号</th>
118
113
  <th style="white-space: nowrap;">工程编号</th>
119
- <th style="white-space: nowrap;">项目名称</th>
120
114
  <th style="white-space: nowrap;">客户名称</th>
121
115
  <th style="white-space: nowrap;">合同编号</th>
122
116
  <th style="white-space: nowrap;">电话</th>
@@ -137,9 +131,6 @@
137
131
  <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':'' ]" style="text-align: center;">
138
132
  <nobr><font>{{row.f_apply_num}}</font></nobr>
139
133
  </td>
140
- <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':'' ]" style="text-align: center;">
141
- <nobr><font>{{row.f_entry_name}}</font></nobr>
142
- </td>
143
134
  <td @click="$parent.$parent.$parent.click(row)" :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':'' ]" style="text-align: center;">
144
135
  <nobr><font>{{row.f_user_name}}</font></nobr>
145
136
  </td>
@@ -22,7 +22,7 @@
22
22
  href="/apply/download/excel/安装明细.xlsx" download>模板下载</a>
23
23
  <export-excel :data="$parent.$parent.$parent.getCondition"
24
24
  :field="$parent.$parent.$parent.getfield"
25
- sqlurl="rs/logic/applyExportfile"
25
+ sqlurl="rs/logic/exportfile"
26
26
  sql-name="getInstallableAddress"
27
27
  template-name='可安装地址'
28
28
  btn-name="导出可安装"
@@ -296,9 +296,7 @@ export default {
296
296
  'f_meter_base': '表读数',
297
297
  'f_initial_base': '初始底数',
298
298
  'f_aroundmeter': '表向',
299
- 'f_position': '安装位置',
300
- 'f_install_person': '安装人',
301
- 'f_install_date': '安装日期'
299
+ 'f_position': '安装位置'
302
300
  }
303
301
  }
304
302
  },
@@ -0,0 +1,139 @@
1
+ <template>
2
+ <style id="style">
3
+ td{
4
+ height: 30px;
5
+ width: 100px;
6
+ text-align: center;
7
+ }
8
+ table{
9
+ margin: auto;
10
+ width: 100%;
11
+ border-collapse:collapse;
12
+ border: 1px solid black;
13
+ }
14
+ h1,h2,h3,h4,h5,h6 {
15
+ text-align: center;
16
+ }
17
+ .orgs {
18
+ border-bottom: 2px solid;
19
+ padding: 5px;
20
+ }
21
+ .date {
22
+ float: left;
23
+ padding-left: 10px;
24
+ }
25
+ .status {
26
+ float: right;
27
+ padding-right: 10px;
28
+ }
29
+ .seal {
30
+ position: absolute;
31
+ right: 100px;
32
+ top: 120px;
33
+ width: 150px;
34
+ height: 150px;
35
+ /*opacity: 0.5;*/
36
+ /*z-index: -1;*/
37
+ }
38
+ </style>
39
+ <div id="print">
40
+ <h4>
41
+ <span class="orgs">
42
+ {{orgs}}统一收据
43
+ </span>
44
+ </h4>
45
+ <table border="1">
46
+ <tr>
47
+ <td colspan="6">
48
+ <span class="date">开票日期:{{ new Date().Format('yyyy年MM月dd日') }}</span>
49
+ <span>收据编码:{{ charge.f_charge_number }}</span>
50
+ <span class="status">状态:{{ charge.f_charge_status }}</span>
51
+ </td>
52
+ </tr>
53
+ <tr>
54
+ <td style="width: 17%">用户姓名</td>
55
+ <td colspan="2" style="width: 33%">{{ charge.f_user_name }}</td>
56
+ <td style="width: 17%">用户编号</td>
57
+ <td colspan="2" style="width: 33%">{{ selectdata.f_userinfo_code }}</td>
58
+ </tr>
59
+ <tr>
60
+ <td>用户地址</td>
61
+ <td colspan="5">{{ selectdata.f_address }}</td>
62
+ </tr>
63
+ <tr>
64
+ <td>收款项目</td>
65
+ <td colspan="2">{{ charge.f_payment_term }}</td>
66
+ <td>收款方式</td>
67
+ <td colspan="2">{{ charge.f_payment_method }}</td>
68
+ </tr>
69
+ <tr>
70
+ <td>金额</td>
71
+ <td colspan="2">{{ charge.f_charge_money }}</td>
72
+ <td>金额大写</td>
73
+ <td colspan="2">{{ charge.f_amount_words }}</td>
74
+ </tr>
75
+ <tr>
76
+ <td>收款人</td>
77
+ <td colspan="2">{{ charge.f_charge_collectors }}</td>
78
+ <td>销售方(章)</td>
79
+ <td colspan="2"></td>
80
+ </tr>
81
+ <tr>
82
+ <td>备&emsp;&emsp;注</td>
83
+ <td colspan="5">{{ selectdata.f_entry_name }}</td>
84
+ </tr>
85
+ <tr>
86
+ <td colspan="6">
87
+ 请持此收据到{{orgs}}营业厅换取发票
88
+ </td>
89
+ </tr>
90
+ </table>
91
+ <img class="seal" border="0" :src="src" transcolor="#FFFFFF" alt="">
92
+ </div>
93
+
94
+ <print-element v-show="false" v-ref:print id='print' styleid='style'
95
+ top='40' left='60' width='100%' height='100%'>
96
+ </print-element>
97
+ </template>
98
+
99
+ <script>
100
+ import { isEmpty } from '../../../../Util'
101
+ Date.prototype.Format = function (fmt) {
102
+ var o = {
103
+ "M+": this.getMonth() + 1, //月份
104
+ "d+": this.getDate(), //日
105
+ "H+": this.getHours(), //小时
106
+ "m+": this.getMinutes(), //分
107
+ "s+": this.getSeconds(), //秒
108
+ "q+": Math.floor((this.getMonth() + 3) / 3), //季度
109
+ "S": this.getMilliseconds() //毫秒
110
+ };
111
+ if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
112
+ for (var k in o)
113
+ if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
114
+ return fmt;
115
+ }
116
+ export default {
117
+ title: '打印收费票据',
118
+ props: ['selectdata', 'charge'],
119
+ data () {
120
+ return {}
121
+ },
122
+ ready () {
123
+ },
124
+ methods: {
125
+ },
126
+ computed: {
127
+ orgs () {
128
+ return this.$login.f.orgs
129
+ },
130
+ src () {
131
+ return require(`./img/${this.$login.f.number}.png`)
132
+ }
133
+ }
134
+ }
135
+ </script>
136
+
137
+ <style scoped>
138
+
139
+ </style>
@@ -0,0 +1,193 @@
1
+ <template>
2
+ <div style="margin-bottom: 20px" class="form-group select-overspread">
3
+ <label class="control-label-justify control-label col-sm-3">打印退费单</label>
4
+ <div class="col-sm-10">
5
+ <button class="button_search button_spacing" type="button" style="width: max-content;position: absolute" @click="showPrint = !showPrint">预览</button>
6
+ </div>
7
+ </div>
8
+
9
+ <modal :show.sync="showPrint" v-ref:modal :large="true" :backdrop="false" title="打印预览">
10
+ <header slot="modal-header" class="modal-header">
11
+ <button type="button" class="close" @click="showPrint = !showPrint"><span>&times;</span></button>
12
+ <h4 class="modal-title">打印预览</h4>
13
+ </header>
14
+ <article slot="modal-body" class="modal-body clearfix">
15
+ <style id="style">
16
+ td{
17
+ height: 30px;
18
+ width: 100px;
19
+ text-align: center;
20
+ }
21
+ table{
22
+ margin: auto;
23
+ width: 100%;
24
+ border-collapse:collapse;
25
+ border: 1px solid black;
26
+ }
27
+ h1,h2,h3,h4,h5,h6 {
28
+ text-align: center;
29
+ }
30
+ .orgs {
31
+ border-bottom: 2px solid;
32
+ padding: 5px;
33
+ }
34
+ .date {
35
+ float: left;
36
+ padding-left: 10px;
37
+ }
38
+ .status {
39
+ float: right;
40
+ padding-right: 10px;
41
+ }
42
+ </style>
43
+ <div id="print">
44
+ <h4>
45
+ <span class="orgs">
46
+ {{selectdata.f_refund_item}}退款收到条
47
+ </span>
48
+ </h4>
49
+ <table border="1">
50
+ <tr>
51
+ <td colspan="6">
52
+ <span class="date">开票日期:{{ new Date().Format('yyyy年MM月dd日') }}</span>
53
+ <span>工程编号:{{ selectdata.f_parent_apply_num }}</span>
54
+ <span class="status">经办人:{{ username }}</span>
55
+ </td>
56
+ </tr>
57
+ <tr>
58
+ <td style="width: 17%">用户姓名</td>
59
+ <td colspan="2" style="width: 33%">{{ selectdata.f_user_name }}</td>
60
+ <td style="width: 17%">联系方式</td>
61
+ <td colspan="2" style="width: 33%">{{ selectdata.f_phone }}</td>
62
+ </tr>
63
+ <tr>
64
+ <td>地址</td>
65
+ <td colspan="5">{{ selectdata.f_address }}</td>
66
+ </tr>
67
+ <tr>
68
+ <td>金额</td>
69
+ <td colspan="2">{{ selectdata.f_refund_money }}</td>
70
+ <td>金额大写</td>
71
+ <td colspan="2">{{ smalltoBIG(selectdata.f_refund_money) }}</td>
72
+ </tr>
73
+ <tr>
74
+ <td>收到人</td>
75
+ <td colspan="2"></td>
76
+ <td>代收人</td>
77
+ <td colspan="2"></td>
78
+ </tr>
79
+ <tr>
80
+ <td>备&emsp;&emsp;注</td>
81
+ <td colspan="5" style="text-align: left">
82
+ <p>1、退款收到人姓名必须为天然气开户姓名。</p>
83
+ <p>2、退款收到人办理退款时,必须携带身份证或身份证复印件进行办理,并填写退款收到条方可退款。</p>
84
+ <p>3、若退款收到人因特殊原因无法到达现场时需代办人办理退款时,必须现场联系退款用户,核实各项信息确认为代办后,代办人提供退款用户身份证复印件及本人身份证复印件方可办理退款。</p>
85
+ </td>
86
+ </tr>
87
+ </table>
88
+ </div>
89
+ </article>
90
+ <footer slot="modal-footer" class="modal-footer">
91
+ <button type="button" class="btn btn-primary" @click="print()">打印</button>
92
+ </footer>
93
+ </modal>
94
+
95
+ <print-element v-show="false" v-ref:print id='print' styleid='style'
96
+ top='40' left='60' width='100%' height='100%'>
97
+ </print-element>
98
+ </template>
99
+
100
+ <script>
101
+ import { isEmpty } from '../../../../Util'
102
+ Date.prototype.Format = function (fmt) {
103
+ var o = {
104
+ "M+": this.getMonth() + 1, //月份
105
+ "d+": this.getDate(), //日
106
+ "H+": this.getHours(), //小时
107
+ "m+": this.getMinutes(), //分
108
+ "s+": this.getSeconds(), //秒
109
+ "q+": Math.floor((this.getMonth() + 3) / 3), //季度
110
+ "S": this.getMilliseconds() //毫秒
111
+ };
112
+ if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
113
+ for (var k in o)
114
+ if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
115
+ return fmt;
116
+ }
117
+ export default {
118
+ title: '打印退费票据',
119
+ props: {
120
+ selectdata: {
121
+ type: Object
122
+ },
123
+ mark: {
124
+ type: Number,
125
+ default: 0
126
+ }
127
+ },
128
+ data () {
129
+ return {
130
+ showPrint: false
131
+ }
132
+ },
133
+ ready () {
134
+ },
135
+ methods: {
136
+ print () {
137
+ this.$refs.print.PrintTable()
138
+ },
139
+ // 金额转大写
140
+ smalltoBIG (n) {
141
+ let fraction = ['角', '分']
142
+ let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
143
+ let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']]
144
+ let head = n < 0 ? '欠' : ''
145
+ n = Math.abs(n)
146
+
147
+ let s = ''
148
+
149
+ for (var i = 0; i < fraction.length; i++) {
150
+ s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '')
151
+ }
152
+ s = s || '整'
153
+ n = Math.floor(n)
154
+
155
+ for (var i = 0; i < unit[0].length && n > 0; i++) {
156
+ let p = ''
157
+ for (var j = 0; j < unit[1].length && n > 0; j++) {
158
+ p = digit[n % 10] + unit[1][j] + p
159
+ n = Math.floor(n / 10)
160
+ }
161
+ s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s
162
+ }
163
+ return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
164
+ }
165
+ },
166
+ computed: {
167
+ orgs () {
168
+ return this.$login.f.orgs
169
+ },
170
+ username () {
171
+ return this.$login.f.name
172
+ }
173
+ }
174
+ }
175
+ </script>
176
+
177
+ <style scoped>
178
+ .control-label-justify {
179
+ display: inline-block;
180
+ vertical-align: top;
181
+ width: 110px;
182
+ text-align: justify;
183
+ font-family: PingFang-SC-Bold;
184
+ }
185
+
186
+ .control-label-justify::after {
187
+ content: "";
188
+ display: inline-block;
189
+ width: 100%;
190
+ overflow: hidden;
191
+ height: 0;
192
+ }
193
+ </style>