apply-clients 3.3.106 → 3.3.107-366
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.
- package/build/dev-server-app.js +84 -76
- package/build/dev-server.js +24 -5
- package/package.json +1 -1
- package/src/App.vue +20 -20
- package/src/apply.js +99 -97
- package/src/applyAndroid.js +42 -40
- package/src/components/android/AppOnetomany.vue +331 -331
- package/src/components/android/AppServiceView.vue +3 -3
- package/src/components/android/AppSign.vue +143 -158
- package/src/components/android/AppTakePic.vue +143 -145
- package/src/components/android/AreaSelect/AppResAreaMapGroup.vue +127 -0
- package/src/components/android/AreaSelect/AppResAreaSelect.vue +108 -108
- package/src/components/android/AreaSelect/AppResAreaSelectGroup.vue +142 -142
- package/src/components/android/Process/AppExplorationUser.vue +498 -495
- package/src/components/android/Process/AppServiceControl - /345/211/257/346/234/254.vue" +1421 -0
- package/src/components/android/Process/AppServiceControl.vue +12 -3
- package/src/components/android/Process/Processes/AppChargeManagement.vue +468 -468
- package/src/components/android/Process/Processes/AppDevicesManagement.vue +513 -513
- package/src/components/android/Process/Processes/AppInstallationDetails.vue +1 -1
- package/src/components/android/Supervisory/AppProcessSupervisory.vue +317 -317
- package/src/components/android/Supervisory/AppSupervisoryCart.vue +152 -152
- package/src/components/product/AreaSelect/MyAreaSelect.vue +423 -423
- package/src/components/product/AreaSelect/ResAreaSelect.vue +106 -106
- package/src/components/product/Function/InstallInfoSelect.vue +320 -320
- package/src/components/product/GaoDeMapComponents/GaoDeMap.vue +231 -0
- package/src/components/product/Material/MaterialDetailed.vue +252 -252
- package/src/components/product/Onetomany.vue +406 -406
- package/src/components/product/Print/IgnitionBill/IgnitionBill.vue +259 -259
- package/src/components/product/Print/IgnitionBill/printIgnitionBill.vue +168 -168
- package/src/components/product/Process/ExplorationSelect.vue +476 -473
- package/src/components/product/Process/Processes/InstallationDetails.vue +1 -1
- package/src/components/product/Process/Processes/chargeManagement.vue +656 -656
- package/src/components/product/Process/Service/ServiceControl - /345/211/257/346/234/254.vue" +1440 -0
- package/src/components/product/Process/Service/ServiceControl.vue +1513 -1430
- package/src/components/product/ServiceView.vue +982 -963
- package/src/components/product/Supervisory/Service/SupervisoryServiceControl.vue +863 -863
- package/src/main.js +6 -4
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
|
|
3
|
+
<list :model="model" partial='list'>
|
|
4
|
+
<div partial class="auto app-text panel">
|
|
5
|
+
<div class="panel-body panel-self">
|
|
6
|
+
<div class="row">
|
|
7
|
+
<p class="col-xs-3 text-left font"><b>经  度</b></p>
|
|
8
|
+
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_bjq_gaode_lng }}</p>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="row">
|
|
11
|
+
<p class="col-xs-3 text-left font"><b>纬  度</b></p>
|
|
12
|
+
<p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_bjq_gaode_lat }}</p>
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</list>
|
|
19
|
+
|
|
20
|
+
<div class="row text-right">
|
|
21
|
+
<button
|
|
22
|
+
type="button"
|
|
23
|
+
class="btn btn-info"
|
|
24
|
+
@click="openModalApp()"
|
|
25
|
+
>
|
|
26
|
+
选择定位
|
|
27
|
+
</button>
|
|
28
|
+
</div>
|
|
29
|
+
<modal :show.sync="mapShowApp" v-if="mapShowApp" v-ref:modal :large="true" :backdrop="fals e" title="设置坐标" width="95%" >
|
|
30
|
+
<header slot="modal-header" class="modal-header">
|
|
31
|
+
</header>
|
|
32
|
+
<article slot="modal-body" class="modal-body" >
|
|
33
|
+
<amap-location :islocationclearmark="false" dom="addboxmap" v-ref:positionInfo @getmylocation="getmylocation"></amap-location>
|
|
34
|
+
<!-- <app-onetomanymap :islocationclearmark="false" dom="addboxmap" v-ref:positionInfo @getmylocation="getmylocation"></app-onetomanymap>-->
|
|
35
|
+
</article>
|
|
36
|
+
<footer slot="modal-footer" class="modal-footer">
|
|
37
|
+
<button v-show="mapShowApp" type="button" class="btn btn-primary" @click='closeModalApp'>取消</button>
|
|
38
|
+
<button v-show="mapShowApp" type="button" class="btn btn-primary" @click='confirmLocation'>确认</button>
|
|
39
|
+
</footer>
|
|
40
|
+
</modal>
|
|
41
|
+
</template>
|
|
42
|
+
<script>
|
|
43
|
+
|
|
44
|
+
import { HttpResetClass } from 'vue-client'
|
|
45
|
+
import Vue from "vue";
|
|
46
|
+
export default {
|
|
47
|
+
title: '地图定位',
|
|
48
|
+
props: {
|
|
49
|
+
selectdata: {
|
|
50
|
+
type: Object
|
|
51
|
+
},
|
|
52
|
+
mark: {
|
|
53
|
+
type: Number,
|
|
54
|
+
default: 0
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
data () {
|
|
58
|
+
return {
|
|
59
|
+
model: {
|
|
60
|
+
rows: null
|
|
61
|
+
},
|
|
62
|
+
templng: '', // 临时经度
|
|
63
|
+
templat: '', // 临时纬度
|
|
64
|
+
userfile: null,
|
|
65
|
+
mapShowApp: false
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
ready () {
|
|
69
|
+
this.search()
|
|
70
|
+
},
|
|
71
|
+
methods:{
|
|
72
|
+
//地图调试
|
|
73
|
+
openModalApp () {
|
|
74
|
+
this.mapShowApp = true
|
|
75
|
+
},
|
|
76
|
+
closeModalApp () {
|
|
77
|
+
this.mapShowApp = false
|
|
78
|
+
},
|
|
79
|
+
getmylocation (res) {
|
|
80
|
+
this.templng = res.position.lng
|
|
81
|
+
this.templat = res.position.lat
|
|
82
|
+
},
|
|
83
|
+
async confirmLocation() {
|
|
84
|
+
let data = {
|
|
85
|
+
f_bjq_gaode_lat: this.templat,
|
|
86
|
+
f_bjq_gaode_lng: this.templng,
|
|
87
|
+
selectdata: this.selectdata,
|
|
88
|
+
userfile: this.userfile
|
|
89
|
+
|
|
90
|
+
}
|
|
91
|
+
console.log(data)
|
|
92
|
+
let res = await this.$resetpost(
|
|
93
|
+
`${this.$androidUtil.getProxyUrl()}/rs/logic/applyBjqMap`,
|
|
94
|
+
{data: data},
|
|
95
|
+
{resolveMsg: null, rejectMsg: '坐标添加失败!!!'}
|
|
96
|
+
)
|
|
97
|
+
this.mapShowApp = false
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
this.$dispatch('breakControl')
|
|
101
|
+
},
|
|
102
|
+
async search () {
|
|
103
|
+
let http = new HttpResetClass()
|
|
104
|
+
console.log('=================================')
|
|
105
|
+
let data = {
|
|
106
|
+
condition: `f_process_id = '${this.selectdata.f_process_id}'`
|
|
107
|
+
}
|
|
108
|
+
let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/getapplyBjqMap`, {data:data}, {
|
|
109
|
+
resolveMsg: null,
|
|
110
|
+
rejectMsg: '获取坐标失败!!!'
|
|
111
|
+
})
|
|
112
|
+
console.log(res)
|
|
113
|
+
|
|
114
|
+
this.model.rows = res.data
|
|
115
|
+
|
|
116
|
+
},
|
|
117
|
+
},
|
|
118
|
+
watch: {
|
|
119
|
+
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
</script>
|
|
123
|
+
<style lang="less">
|
|
124
|
+
#addboxmap {
|
|
125
|
+
height: 300px;
|
|
126
|
+
}
|
|
127
|
+
</style>
|
|
@@ -1,108 +1,108 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<!--<v-select :options='options' placeholder='请选择'-->
|
|
3
|
-
<!-- :value.sync="selectres"-->
|
|
4
|
-
<!-- :multiple="isMul"-->
|
|
5
|
-
<!-- :search="issearch"-->
|
|
6
|
-
<!-- :close-on-select="!isMul"-->
|
|
7
|
-
<!-- @change="resChange"-->
|
|
8
|
-
<!-- :value-single="true"-->
|
|
9
|
-
<!-->-->
|
|
10
|
-
<!--</v-select>-->
|
|
11
|
-
<area-select :options='options' placeholder='请选择'
|
|
12
|
-
:value.sync="selectres"
|
|
13
|
-
:multiple="!isMul"
|
|
14
|
-
:search="issearch"
|
|
15
|
-
:close-on-select="isMul"
|
|
16
|
-
@change="resChange"
|
|
17
|
-
:value-single="true"
|
|
18
|
-
>
|
|
19
|
-
</area-select>
|
|
20
|
-
</template>
|
|
21
|
-
<script>
|
|
22
|
-
import {HttpResetClass} from 'vue-client'
|
|
23
|
-
|
|
24
|
-
export default {
|
|
25
|
-
title: '资源管理',
|
|
26
|
-
props: {
|
|
27
|
-
|
|
28
|
-
//资源类型
|
|
29
|
-
restype:'',
|
|
30
|
-
//资源数据
|
|
31
|
-
resObj:{},
|
|
32
|
-
options:[],
|
|
33
|
-
isMul: {
|
|
34
|
-
type: Boolean,
|
|
35
|
-
default: true
|
|
36
|
-
},
|
|
37
|
-
issearch: {
|
|
38
|
-
type: Boolean,
|
|
39
|
-
default: true
|
|
40
|
-
},
|
|
41
|
-
//资源初始化数据 默认选中值
|
|
42
|
-
initresid: {
|
|
43
|
-
type: Array,
|
|
44
|
-
default() { return [] },
|
|
45
|
-
},
|
|
46
|
-
//父层id
|
|
47
|
-
parentresid: {
|
|
48
|
-
type: Array,
|
|
49
|
-
default() { return [] },
|
|
50
|
-
},
|
|
51
|
-
},
|
|
52
|
-
data () {
|
|
53
|
-
return {
|
|
54
|
-
//资源数据
|
|
55
|
-
resObj:{},
|
|
56
|
-
//资源数据列表
|
|
57
|
-
resoptions:[],
|
|
58
|
-
//选中资源数据
|
|
59
|
-
selectres: [],
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
ready () {
|
|
63
|
-
//获取资源列表
|
|
64
|
-
this.getResList()
|
|
65
|
-
},
|
|
66
|
-
methods:{
|
|
67
|
-
//资源改变
|
|
68
|
-
resChange(val){
|
|
69
|
-
let orgnames=[]
|
|
70
|
-
Object.keys(this.options).forEach((key) => {
|
|
71
|
-
if(this.selectres.includes(this.options[key].value))
|
|
72
|
-
orgnames.push(this.options[key].label)
|
|
73
|
-
})
|
|
74
|
-
// console.log("资源变化:",this.selectres, orgnames,this.options)
|
|
75
|
-
this.$dispatch('res-select', this.selectres, orgnames,this.options)
|
|
76
|
-
},
|
|
77
|
-
//获取资源数据
|
|
78
|
-
async getResList() {
|
|
79
|
-
this.dealdata()
|
|
80
|
-
},
|
|
81
|
-
dealdata(){
|
|
82
|
-
//赋值资源数据选中初始值
|
|
83
|
-
let arryselect=[]
|
|
84
|
-
this.options.forEach((item) => {
|
|
85
|
-
if(this.initresid.length>0){
|
|
86
|
-
this.initresid.forEach((init) => {
|
|
87
|
-
if(item.value==init){
|
|
88
|
-
arryselect.push(item.value)
|
|
89
|
-
}
|
|
90
|
-
})
|
|
91
|
-
}
|
|
92
|
-
})
|
|
93
|
-
//赋值资源选中初始值
|
|
94
|
-
this.selectres=arryselect
|
|
95
|
-
}
|
|
96
|
-
},
|
|
97
|
-
watch: {
|
|
98
|
-
//监听初始化资源id
|
|
99
|
-
'initresid.length'(){
|
|
100
|
-
this.dealdata()
|
|
101
|
-
},
|
|
102
|
-
//监听初始化资源id
|
|
103
|
-
'parentresid'(){
|
|
104
|
-
this.dealdata()
|
|
105
|
-
},
|
|
106
|
-
},
|
|
107
|
-
}
|
|
108
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<!--<v-select :options='options' placeholder='请选择'-->
|
|
3
|
+
<!-- :value.sync="selectres"-->
|
|
4
|
+
<!-- :multiple="isMul"-->
|
|
5
|
+
<!-- :search="issearch"-->
|
|
6
|
+
<!-- :close-on-select="!isMul"-->
|
|
7
|
+
<!-- @change="resChange"-->
|
|
8
|
+
<!-- :value-single="true"-->
|
|
9
|
+
<!-->-->
|
|
10
|
+
<!--</v-select>-->
|
|
11
|
+
<area-select :options='options' placeholder='请选择'
|
|
12
|
+
:value.sync="selectres"
|
|
13
|
+
:multiple="!isMul"
|
|
14
|
+
:search="issearch"
|
|
15
|
+
:close-on-select="isMul"
|
|
16
|
+
@change="resChange"
|
|
17
|
+
:value-single="true"
|
|
18
|
+
>
|
|
19
|
+
</area-select>
|
|
20
|
+
</template>
|
|
21
|
+
<script>
|
|
22
|
+
import {HttpResetClass} from 'vue-client'
|
|
23
|
+
|
|
24
|
+
export default {
|
|
25
|
+
title: '资源管理',
|
|
26
|
+
props: {
|
|
27
|
+
|
|
28
|
+
//资源类型
|
|
29
|
+
restype:'',
|
|
30
|
+
//资源数据
|
|
31
|
+
resObj:{},
|
|
32
|
+
options:[],
|
|
33
|
+
isMul: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: true
|
|
36
|
+
},
|
|
37
|
+
issearch: {
|
|
38
|
+
type: Boolean,
|
|
39
|
+
default: true
|
|
40
|
+
},
|
|
41
|
+
//资源初始化数据 默认选中值
|
|
42
|
+
initresid: {
|
|
43
|
+
type: Array,
|
|
44
|
+
default() { return [] },
|
|
45
|
+
},
|
|
46
|
+
//父层id
|
|
47
|
+
parentresid: {
|
|
48
|
+
type: Array,
|
|
49
|
+
default() { return [] },
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
data () {
|
|
53
|
+
return {
|
|
54
|
+
//资源数据
|
|
55
|
+
resObj:{},
|
|
56
|
+
//资源数据列表
|
|
57
|
+
resoptions:[],
|
|
58
|
+
//选中资源数据
|
|
59
|
+
selectres: [],
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
ready () {
|
|
63
|
+
//获取资源列表
|
|
64
|
+
this.getResList()
|
|
65
|
+
},
|
|
66
|
+
methods:{
|
|
67
|
+
//资源改变
|
|
68
|
+
resChange(val){
|
|
69
|
+
let orgnames=[]
|
|
70
|
+
Object.keys(this.options).forEach((key) => {
|
|
71
|
+
if(this.selectres.includes(this.options[key].value))
|
|
72
|
+
orgnames.push(this.options[key].label)
|
|
73
|
+
})
|
|
74
|
+
// console.log("资源变化:",this.selectres, orgnames,this.options)
|
|
75
|
+
this.$dispatch('res-select', this.selectres, orgnames,this.options)
|
|
76
|
+
},
|
|
77
|
+
//获取资源数据
|
|
78
|
+
async getResList() {
|
|
79
|
+
this.dealdata()
|
|
80
|
+
},
|
|
81
|
+
dealdata(){
|
|
82
|
+
//赋值资源数据选中初始值
|
|
83
|
+
let arryselect=[]
|
|
84
|
+
this.options.forEach((item) => {
|
|
85
|
+
if(this.initresid.length>0){
|
|
86
|
+
this.initresid.forEach((init) => {
|
|
87
|
+
if(item.value==init){
|
|
88
|
+
arryselect.push(item.value)
|
|
89
|
+
}
|
|
90
|
+
})
|
|
91
|
+
}
|
|
92
|
+
})
|
|
93
|
+
//赋值资源选中初始值
|
|
94
|
+
this.selectres=arryselect
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
watch: {
|
|
98
|
+
//监听初始化资源id
|
|
99
|
+
'initresid.length'(){
|
|
100
|
+
this.dealdata()
|
|
101
|
+
},
|
|
102
|
+
//监听初始化资源id
|
|
103
|
+
'parentresid'(){
|
|
104
|
+
this.dealdata()
|
|
105
|
+
},
|
|
106
|
+
},
|
|
107
|
+
}
|
|
108
|
+
</script>
|
|
@@ -1,142 +1,142 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div :class="style">
|
|
3
|
-
<label :class="labelstyle" :style="shijifontColors">市  县</label>
|
|
4
|
-
<app-res-area-select
|
|
5
|
-
:options = options
|
|
6
|
-
@res-select="getXian"
|
|
7
|
-
:issearch = "false"
|
|
8
|
-
>
|
|
9
|
-
</app-res-area-select>
|
|
10
|
-
</div>
|
|
11
|
-
<div :class="style">
|
|
12
|
-
<label :class="labelstyle" :style="xianfontColors">街道乡镇</label>
|
|
13
|
-
<app-res-area-select
|
|
14
|
-
:options = xian_options
|
|
15
|
-
@res-select="getjdao"
|
|
16
|
-
:issearch = "false"
|
|
17
|
-
>
|
|
18
|
-
</app-res-area-select>
|
|
19
|
-
</div>
|
|
20
|
-
<div :class="style">
|
|
21
|
-
<label :class="labelstyle" :style="shequfontColors">社  区</label>
|
|
22
|
-
<app-res-area-select
|
|
23
|
-
:options = jdao_options
|
|
24
|
-
@res-select="getshequ"
|
|
25
|
-
:issearch = "false"
|
|
26
|
-
>
|
|
27
|
-
</app-res-area-select>
|
|
28
|
-
</div>
|
|
29
|
-
</template>
|
|
30
|
-
<script>
|
|
31
|
-
|
|
32
|
-
import { HttpResetClass } from 'vue-client'
|
|
33
|
-
import Vue from "vue";
|
|
34
|
-
export default {
|
|
35
|
-
title: '区域选择分组',
|
|
36
|
-
props: {
|
|
37
|
-
style: {
|
|
38
|
-
type: String,
|
|
39
|
-
default: 'col-xs-12 form-group app-input'
|
|
40
|
-
},
|
|
41
|
-
labelstyle: {
|
|
42
|
-
type: String,
|
|
43
|
-
default: 'font_normal_title'
|
|
44
|
-
},
|
|
45
|
-
mul: {
|
|
46
|
-
type: Boolean,
|
|
47
|
-
default: true
|
|
48
|
-
},
|
|
49
|
-
//初始值 默认选中值
|
|
50
|
-
initres: {
|
|
51
|
-
type: Object,
|
|
52
|
-
default: null,
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
data () {
|
|
56
|
-
return {
|
|
57
|
-
options:[],
|
|
58
|
-
initres: [],
|
|
59
|
-
xianginitres: [],
|
|
60
|
-
jdaoinitres: [],
|
|
61
|
-
xian_options:[],
|
|
62
|
-
jdao_options:[],
|
|
63
|
-
shijifontColors:"color: #cd5c5c",//红色
|
|
64
|
-
xianfontColors:"color: #cd5c5c",//红色
|
|
65
|
-
shequfontColors:"color: #cd5c5c",//红色
|
|
66
|
-
pubColors:"color: #0c2e4d",// 黑色
|
|
67
|
-
pub2Colors:"color: #cd5c5c"// 红色
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
ready () {
|
|
71
|
-
this.getResList();
|
|
72
|
-
},
|
|
73
|
-
methods:{
|
|
74
|
-
//获取区域地址
|
|
75
|
-
async getResList() {
|
|
76
|
-
let http = new HttpResetClass()
|
|
77
|
-
// let req = await http.load('POST', '/rs/logic/resAreaSelect', {
|
|
78
|
-
let req = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/resAreaSelect`, {
|
|
79
|
-
userid: Vue.user.id,
|
|
80
|
-
orgid: Vue.user.orgid
|
|
81
|
-
}, {resolveMsg: null, rejectMsg: '获取区域地址失败'})
|
|
82
|
-
this.options = []
|
|
83
|
-
this.options = req.data
|
|
84
|
-
},
|
|
85
|
-
async getXian(value,lable,obj) {
|
|
86
|
-
this.xian_options = []
|
|
87
|
-
this.jdao_options = []
|
|
88
|
-
let newFilArr = obj.filter( (item,i) =>{
|
|
89
|
-
if(item.value == value){
|
|
90
|
-
return item
|
|
91
|
-
}
|
|
92
|
-
} )
|
|
93
|
-
if (newFilArr.length>0){
|
|
94
|
-
this.xian_options = newFilArr[0].children
|
|
95
|
-
}
|
|
96
|
-
if (value !=null && value.length!=0){
|
|
97
|
-
this.shijifontColors = this.pubColors
|
|
98
|
-
}else {
|
|
99
|
-
this.shijifontColors = this.pub2Colors
|
|
100
|
-
this.xianfontColors = this.pub2Colors
|
|
101
|
-
this.shequfontColors = this.pub2Colors
|
|
102
|
-
}
|
|
103
|
-
this.$parent.$parent.$parent.areaData.sjvalue = value
|
|
104
|
-
this.$parent.$parent.$parent.disableButton()
|
|
105
|
-
// this.$dispatch('shiji-select', value, lable)
|
|
106
|
-
},
|
|
107
|
-
async getjdao(value,lable,obj) {
|
|
108
|
-
this.jdao_options = []
|
|
109
|
-
let newFilArr = obj.filter( (item,i) =>{
|
|
110
|
-
if(item.value == value){
|
|
111
|
-
return item
|
|
112
|
-
}
|
|
113
|
-
} )
|
|
114
|
-
if (newFilArr.length>0){
|
|
115
|
-
this.jdao_options = newFilArr[0].children
|
|
116
|
-
}
|
|
117
|
-
if (value !=null && value.length!=0){
|
|
118
|
-
this.xianfontColors = this.pubColors
|
|
119
|
-
}else {
|
|
120
|
-
this.xianfontColors = this.pub2Colors
|
|
121
|
-
this.shequfontColors = this.pub2Colors
|
|
122
|
-
}
|
|
123
|
-
this.$parent.$parent.$parent.areaData.xianvalue = value
|
|
124
|
-
this.$parent.$parent.$parent.disableButton()
|
|
125
|
-
// this.$dispatch('xian-select',value, lable)
|
|
126
|
-
},
|
|
127
|
-
async getshequ(value,lable,obj) {
|
|
128
|
-
if (value !=null && value.length!=0){
|
|
129
|
-
this.shequfontColors = this.pubColors
|
|
130
|
-
}else {
|
|
131
|
-
this.shequfontColors = this.pub2Colors
|
|
132
|
-
}
|
|
133
|
-
this.$parent.$parent.$parent.areaData.sqvalue = value
|
|
134
|
-
this.$parent.$parent.$parent.disableButton()
|
|
135
|
-
// this.$dispatch('shequ-select',value, lable)
|
|
136
|
-
}
|
|
137
|
-
},
|
|
138
|
-
watch: {
|
|
139
|
-
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<div :class="style">
|
|
3
|
+
<label :class="labelstyle" :style="shijifontColors">市  县</label>
|
|
4
|
+
<app-res-area-select
|
|
5
|
+
:options = options
|
|
6
|
+
@res-select="getXian"
|
|
7
|
+
:issearch = "false"
|
|
8
|
+
>
|
|
9
|
+
</app-res-area-select>
|
|
10
|
+
</div>
|
|
11
|
+
<div :class="style">
|
|
12
|
+
<label :class="labelstyle" :style="xianfontColors">街道乡镇</label>
|
|
13
|
+
<app-res-area-select
|
|
14
|
+
:options = xian_options
|
|
15
|
+
@res-select="getjdao"
|
|
16
|
+
:issearch = "false"
|
|
17
|
+
>
|
|
18
|
+
</app-res-area-select>
|
|
19
|
+
</div>
|
|
20
|
+
<div :class="style">
|
|
21
|
+
<label :class="labelstyle" :style="shequfontColors">社  区</label>
|
|
22
|
+
<app-res-area-select
|
|
23
|
+
:options = jdao_options
|
|
24
|
+
@res-select="getshequ"
|
|
25
|
+
:issearch = "false"
|
|
26
|
+
>
|
|
27
|
+
</app-res-area-select>
|
|
28
|
+
</div>
|
|
29
|
+
</template>
|
|
30
|
+
<script>
|
|
31
|
+
|
|
32
|
+
import { HttpResetClass } from 'vue-client'
|
|
33
|
+
import Vue from "vue";
|
|
34
|
+
export default {
|
|
35
|
+
title: '区域选择分组',
|
|
36
|
+
props: {
|
|
37
|
+
style: {
|
|
38
|
+
type: String,
|
|
39
|
+
default: 'col-xs-12 form-group app-input'
|
|
40
|
+
},
|
|
41
|
+
labelstyle: {
|
|
42
|
+
type: String,
|
|
43
|
+
default: 'font_normal_title'
|
|
44
|
+
},
|
|
45
|
+
mul: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
default: true
|
|
48
|
+
},
|
|
49
|
+
//初始值 默认选中值
|
|
50
|
+
initres: {
|
|
51
|
+
type: Object,
|
|
52
|
+
default: null,
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
data () {
|
|
56
|
+
return {
|
|
57
|
+
options:[],
|
|
58
|
+
initres: [],
|
|
59
|
+
xianginitres: [],
|
|
60
|
+
jdaoinitres: [],
|
|
61
|
+
xian_options:[],
|
|
62
|
+
jdao_options:[],
|
|
63
|
+
shijifontColors:"color: #cd5c5c",//红色
|
|
64
|
+
xianfontColors:"color: #cd5c5c",//红色
|
|
65
|
+
shequfontColors:"color: #cd5c5c",//红色
|
|
66
|
+
pubColors:"color: #0c2e4d",// 黑色
|
|
67
|
+
pub2Colors:"color: #cd5c5c"// 红色
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
ready () {
|
|
71
|
+
this.getResList();
|
|
72
|
+
},
|
|
73
|
+
methods:{
|
|
74
|
+
//获取区域地址
|
|
75
|
+
async getResList() {
|
|
76
|
+
let http = new HttpResetClass()
|
|
77
|
+
// let req = await http.load('POST', '/rs/logic/resAreaSelect', {
|
|
78
|
+
let req = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/resAreaSelect`, {
|
|
79
|
+
userid: Vue.user.id,
|
|
80
|
+
orgid: Vue.user.orgid
|
|
81
|
+
}, {resolveMsg: null, rejectMsg: '获取区域地址失败'})
|
|
82
|
+
this.options = []
|
|
83
|
+
this.options = req.data
|
|
84
|
+
},
|
|
85
|
+
async getXian(value,lable,obj) {
|
|
86
|
+
this.xian_options = []
|
|
87
|
+
this.jdao_options = []
|
|
88
|
+
let newFilArr = obj.filter( (item,i) =>{
|
|
89
|
+
if(item.value == value){
|
|
90
|
+
return item
|
|
91
|
+
}
|
|
92
|
+
} )
|
|
93
|
+
if (newFilArr.length>0){
|
|
94
|
+
this.xian_options = newFilArr[0].children
|
|
95
|
+
}
|
|
96
|
+
if (value !=null && value.length!=0){
|
|
97
|
+
this.shijifontColors = this.pubColors
|
|
98
|
+
}else {
|
|
99
|
+
this.shijifontColors = this.pub2Colors
|
|
100
|
+
this.xianfontColors = this.pub2Colors
|
|
101
|
+
this.shequfontColors = this.pub2Colors
|
|
102
|
+
}
|
|
103
|
+
this.$parent.$parent.$parent.areaData.sjvalue = value
|
|
104
|
+
this.$parent.$parent.$parent.disableButton()
|
|
105
|
+
// this.$dispatch('shiji-select', value, lable)
|
|
106
|
+
},
|
|
107
|
+
async getjdao(value,lable,obj) {
|
|
108
|
+
this.jdao_options = []
|
|
109
|
+
let newFilArr = obj.filter( (item,i) =>{
|
|
110
|
+
if(item.value == value){
|
|
111
|
+
return item
|
|
112
|
+
}
|
|
113
|
+
} )
|
|
114
|
+
if (newFilArr.length>0){
|
|
115
|
+
this.jdao_options = newFilArr[0].children
|
|
116
|
+
}
|
|
117
|
+
if (value !=null && value.length!=0){
|
|
118
|
+
this.xianfontColors = this.pubColors
|
|
119
|
+
}else {
|
|
120
|
+
this.xianfontColors = this.pub2Colors
|
|
121
|
+
this.shequfontColors = this.pub2Colors
|
|
122
|
+
}
|
|
123
|
+
this.$parent.$parent.$parent.areaData.xianvalue = value
|
|
124
|
+
this.$parent.$parent.$parent.disableButton()
|
|
125
|
+
// this.$dispatch('xian-select',value, lable)
|
|
126
|
+
},
|
|
127
|
+
async getshequ(value,lable,obj) {
|
|
128
|
+
if (value !=null && value.length!=0){
|
|
129
|
+
this.shequfontColors = this.pubColors
|
|
130
|
+
}else {
|
|
131
|
+
this.shequfontColors = this.pub2Colors
|
|
132
|
+
}
|
|
133
|
+
this.$parent.$parent.$parent.areaData.sqvalue = value
|
|
134
|
+
this.$parent.$parent.$parent.disableButton()
|
|
135
|
+
// this.$dispatch('shequ-select',value, lable)
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
watch: {
|
|
139
|
+
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
</script>
|