manage-client 3.2.143 → 3.2.146

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "manage-client",
3
- "version": "3.2.143",
3
+ "version": "3.2.146",
4
4
  "description": "经营管控模块前台组件",
5
5
  "main": "src/index.js",
6
6
  "directories": {
@@ -8,20 +8,20 @@
8
8
  <div class="row">
9
9
  <div class="col-sm-2 form-group">
10
10
 
11
- <label for="startDate1" class="font_normal_body" title="归属日期">开始日期</label>
12
- <datepicker id="startDate1" placeholder="开始日期" style="width:60%"
13
- v-model="model.startDate1"
14
- :value.sync="model.startDate1"
11
+ <label for="startDate" class="font_normal_body" title="归属日期">开始日期</label>
12
+ <datepicker id="startDate" placeholder="开始日期" style="width:60%"
13
+ v-model="model.startDate"
14
+ :value.sync="model.startDate"
15
15
  :format="'yyyy-MM-dd HH:mm:ss'"
16
16
  :show-reset-button="true"
17
17
  >
18
18
  </datepicker>
19
19
  </div>
20
20
  <div class="col-sm-2 form-group">
21
- <label for="endDate1" class="font_normal_body" title="归属日期">结束日期</label>
22
- <datepicker id="endDate1" placeholder="结束日期" style="width:60%"
23
- v-model="model.endDate1"
24
- :value.sync="model.endDate1"
21
+ <label for="endDate" class="font_normal_body" title="归属日期">结束日期</label>
22
+ <datepicker id="endDate" placeholder="结束日期" style="width:60%"
23
+ v-model="model.endDate"
24
+ :value.sync="model.endDate"
25
25
  :format="'yyyy-MM-dd HH:mm:ss'"
26
26
  :show-reset-button="true"
27
27
  >
@@ -55,7 +55,7 @@
55
55
  <div class="col-sm-2">
56
56
  <label class="font_normal_body">客户地址</label>
57
57
  <input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_address" placeholder='客户地址'
58
- condition="u.f_address like '%{}%'" v-next-el='userid' v-el:username>
58
+ condition="s.f_address like '%{}%'" v-next-el='userid' v-el:username>
59
59
  </div>
60
60
  <div class="col-sm-2 form-group">
61
61
  <label class="font_normal_body">客户类型</label>
@@ -0,0 +1,146 @@
1
+ <template lang="html">
2
+ <div id="charts">
3
+ <div id="bm" :style="{width:'100%',height:'100%'}"></div>
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ import * as Util from '../../../../Util'
9
+ import co from 'co'
10
+ import echarts from 'echarts'
11
+ import {HttpResetClass } from 'vue-client'
12
+
13
+ let getData = function * (self) {
14
+ let load = new HttpResetClass()
15
+ load.load('POST', 'rs/sql/userfilesvalues',
16
+ {data: {startDate: self.startdate, endDate: self.enddate, f_orgid: self.orgid}},
17
+ {resolveMsg: null, rejectMsg: null})
18
+ .then((res) => {
19
+ self.texttile = '用户类型'
20
+ // let arrparams = []
21
+ console.log('获取数据。。', res.data)
22
+ let org = []
23
+ //let name = []
24
+ let minyongvalue=[]
25
+ let feiminyongvalue=[]
26
+ for (var i = 0; i < res.data.length; i++) {
27
+ if (!org.includes(res.data[i].org)) {
28
+ org.push(res.data[i].org)
29
+ }
30
+ if (res.data[i].name === '民用') {
31
+ minyongvalue[org.indexOf(res.data[i].org)] = res.data[i].number
32
+ }else{
33
+ feiminyongvalue[org.indexOf(res.data[i].org)]= res.data[i].number
34
+ }
35
+ }
36
+ self.set(org,minyongvalue,feiminyongvalue)
37
+ })
38
+ }
39
+ export default {
40
+ props: {
41
+ startdate: {
42
+ type: String,
43
+ default: Util.toStandardDateString()
44
+ },
45
+ enddate: {
46
+ type: String,
47
+ default: Util.toStandardDateString()
48
+ },
49
+ orgid: {
50
+ type: String
51
+ }
52
+ },
53
+ data () {
54
+ title: '银行管理'
55
+ return {
56
+ texttile: '',
57
+ xc: '',
58
+
59
+ minyongvalue: [],
60
+ feiminyongvalue: []
61
+ }
62
+ },
63
+ methods: {
64
+ set (org,minyongvalue,feiminyongvalue) {
65
+ this.xc = echarts.init(document.getElementById('bm'))
66
+ this.xc.setOption({
67
+ title : {
68
+ text: '新增汇总',
69
+ subtext: '数据查询来源',
70
+ x: 'left'
71
+ },
72
+ tooltip : {
73
+ trigger: 'axis'
74
+ },
75
+ legend: {
76
+ x: 'left',
77
+ y: 'bottom',
78
+ data: ['民用','非民用']
79
+ },
80
+ toolbox: {
81
+ show : true,
82
+ feature : {
83
+ dataView : {show: true, readOnly: false},
84
+ magicType : {show: true, type: ['line', 'bar']},
85
+ restore : {show: true},
86
+ saveAsImage : {show: true}
87
+ }
88
+ },
89
+ calculable : true,
90
+ xAxis : [
91
+ {
92
+ type : 'category',
93
+ data : org
94
+ }
95
+ ],
96
+ yAxis : [
97
+ {
98
+ type : 'value'
99
+ }
100
+ ],
101
+ series : [
102
+ {
103
+ name:'民用',
104
+ type:'bar',
105
+ data:minyongvalue,
106
+ markLine : {
107
+ data : [
108
+ {type : 'average', name: '平均值'}
109
+ ]
110
+ }
111
+ },
112
+ {
113
+ name:'非民用',
114
+ type:'bar',
115
+ data:feiminyongvalue,
116
+ markLine : {
117
+ data : [
118
+ {type : 'average', name : '平均值'}
119
+ ]
120
+ }
121
+ }
122
+ ]
123
+ })
124
+ },
125
+ searchdata () {
126
+ let getGen =getData(this)
127
+ co(getGen)
128
+ }
129
+ },
130
+ ready () {
131
+ this.searchdata()
132
+ },
133
+ watch: {
134
+ 'startdate' (val) {
135
+ this.searchdata()
136
+ },
137
+ 'enddate' (val) {
138
+ this.searchdata()
139
+ },
140
+ 'orgid' (val) {
141
+ this.searchdata()
142
+ }
143
+ }
144
+
145
+ }
146
+ </script>
@@ -0,0 +1,147 @@
1
+ <template lang="html">
2
+ <div id="charts">
3
+ <div id="gph" :style="{width:'100%',height:'100%'}"></div>
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ import * as Util from '../../../../Util'
9
+ import co from 'co'
10
+ import echarts from 'echarts'
11
+ import {HttpResetClass } from 'vue-client'
12
+
13
+ let getData = function * (self) {
14
+ let load = new HttpResetClass()
15
+ load.load('POST','rs/sql/sellinggasvalue',
16
+ {data: {startDate: self.startdate, endDate: self.enddate,key: 'f_depname',f_orgid: self.orgid}},
17
+ {resolveMsg: null, rejectMsg: null})
18
+ .then((res) => {
19
+ self.texttile = '用户类型'
20
+ let arrparams = []
21
+ let numdata = []
22
+ let gasdata = []
23
+ let pricedata = []
24
+ for (var i = 0; i < res.data.length; i++) {
25
+ arrparams[i] = res.data[i].name
26
+ numdata[i] = res.data[i].num_value
27
+ gasdata[i] = res.data[i].gas_value
28
+ pricedata[i] = res.data[i].money_value
29
+ }
30
+ self.set(arrparams,numdata,gasdata,pricedata)
31
+ })
32
+ }
33
+ export default {
34
+ props: {
35
+ startdate: {
36
+ type: String,
37
+ default: Util.toStandardDateString()
38
+ },
39
+ enddate: {
40
+ type: String,
41
+ default: Util.toStandardDateString()
42
+ },
43
+ orgid: {
44
+ type: String
45
+ }
46
+ },
47
+ data () {
48
+ title: '站点管理'
49
+ return {
50
+ texttile: '',
51
+ xc: ''
52
+ }
53
+ },
54
+ methods: {
55
+ set (arrparams,numdata,gasdata,pricedata) {
56
+ this.xc = echarts.init(document.getElementById('gph'))
57
+ this.xc.setOption({
58
+ title : {
59
+ text: '营收汇总',
60
+ subtext: '数据查询来源',
61
+ x: 'left'
62
+ },
63
+ tooltip : {
64
+ trigger: 'axis'
65
+ },
66
+ legend: {
67
+ x: 'left',
68
+ y: 'bottom',
69
+ data: ['数量','气量','金额']
70
+ },
71
+ toolbox: {
72
+ show : true,
73
+ feature : {
74
+ dataView : {show: true, readOnly: false},
75
+ magicType : {show: true, type: ['line', 'bar']},
76
+ restore : {show: true},
77
+ saveAsImage : {show: true}
78
+ }
79
+ },
80
+ calculable : true,
81
+ xAxis : [
82
+ {
83
+ type : 'category',
84
+ data : arrparams
85
+ }
86
+ ],
87
+ yAxis : [
88
+ {
89
+ type : 'value'
90
+ }
91
+ ],
92
+ series : [
93
+ {
94
+ name:'数量',
95
+ type:'bar',
96
+ data:numdata,
97
+ markLine : {
98
+ data : [
99
+ {type : 'average', name: '平均值'}
100
+ ]
101
+ }
102
+ },
103
+ {
104
+ name:'气量',
105
+ type:'bar',
106
+ data:gasdata,
107
+ markLine : {
108
+ data : [
109
+ {type : 'average', name: '平均值'}
110
+ ]
111
+ }
112
+ },
113
+ {
114
+ name:'金额',
115
+ type:'bar',
116
+ data:pricedata,
117
+ markLine : {
118
+ data : [
119
+ {type : 'average', name : '平均值'}
120
+ ]
121
+ }
122
+ }
123
+ ]
124
+ })
125
+ },
126
+ searchdata () {
127
+ let getGen =getData(this)
128
+ co(getGen)
129
+ }
130
+ },
131
+ ready () {
132
+ this.searchdata()
133
+ },
134
+ watch: {
135
+ 'startdate' (val) {
136
+ this.searchdata()
137
+ },
138
+ 'enddate' (val) {
139
+ this.searchdata()
140
+ },
141
+ 'orgid' (val) {
142
+ this.searchdata()
143
+ }
144
+ }
145
+
146
+ }
147
+ </script>
@@ -0,0 +1,137 @@
1
+ <template lang="html">
2
+ <div id="charts">
3
+ <div id="sm" :style="{width:'100%',height:'98%'}"></div>
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ /* eslint-disable indent,key-spacing,no-labels */
9
+
10
+ import * as Util from '../../../../Util'
11
+ import co from 'co'
12
+ import echarts from 'echarts'
13
+ import {HttpResetClass } from 'vue-client'
14
+
15
+ let getData = function * (self) {
16
+ let load = new HttpResetClass()
17
+ load.load('POST','rs/sql/BusinessType',
18
+ {data: {startDate: self.startdate, endDate: self.enddate,f_orgid: self.orgid}},
19
+ {resolveMsg: null, rejectMsg: null})
20
+ .then((res) => {
21
+ self.texttile = '用户类型'
22
+ let arrparams = []
23
+ let numdata = []
24
+ let pricedata = []
25
+ for (var i = 0; i < res.data.length; i++) {
26
+ arrparams[i] = res.data[i].name
27
+ numdata[i] = res.data[i].num
28
+ pricedata[i] = res.data[i].money
29
+ }
30
+ self.set(arrparams,numdata,pricedata)
31
+ })
32
+ }
33
+ export default {
34
+ props: {
35
+ startdate: {
36
+ type: String,
37
+ default: Util.toStandardDateString()
38
+ },
39
+ enddate: {
40
+ type: String,
41
+ default: Util.toStandardDateString()
42
+ },
43
+ orgid: {
44
+ type: String
45
+ }
46
+ },
47
+ data () {
48
+ title: '业务类型'
49
+ return {
50
+ texttile: '',
51
+ xc: ''
52
+ }
53
+ },
54
+ methods: {
55
+ set (arrparams,numdata,pricedata) {
56
+ this.xc = echarts.init(document.getElementById('sm'))
57
+ this.xc.setOption({
58
+ title : {
59
+ text: '非气体营收汇总',
60
+ subtext: '数据查询来源',
61
+ x: 'left'
62
+ },
63
+ tooltip:{
64
+ trigger:'axis'
65
+ },
66
+ legend: {
67
+ x: 'left',
68
+ y: 'bottom',
69
+ data: ['数量','金额']
70
+ },
71
+ toolbox: {
72
+ show : true,
73
+ feature : {
74
+ dataView : {show: true, readOnly: false},
75
+ magicType : {show: true, type: ['line', 'bar']},
76
+ restore : {show: true},
77
+ saveAsImage : {show: true}
78
+ }
79
+ },
80
+ calculable : true,
81
+ xAxis : [
82
+ {
83
+ type : 'category',
84
+ data : arrparams
85
+ }
86
+ ],
87
+ yAxis : [
88
+ {
89
+ type : 'value'
90
+ }
91
+ ],
92
+ series : [
93
+ {
94
+ name:'数量',
95
+ type:'bar',
96
+ data:numdata,
97
+ markLine : {
98
+ data : [
99
+ {type : 'average', name: '平均值'}
100
+ ]
101
+ }
102
+ },
103
+ {
104
+ name:'金额',
105
+ type:'bar',
106
+ data:pricedata,
107
+ markLine : {
108
+ data : [
109
+ {type : 'average', name : '平均值'}
110
+ ]
111
+ }
112
+ }
113
+ ]
114
+ })
115
+ },
116
+ searchdata () {
117
+ let getGen = getData(this)
118
+ co(getGen)
119
+ }
120
+ },
121
+ ready () {
122
+ this.searchdata()
123
+ },
124
+ watch: {
125
+ 'startdate' (val) {
126
+ this.searchdata()
127
+ },
128
+ 'enddate' (val) {
129
+ this.searchdata()
130
+ },
131
+ 'orgid' (val) {
132
+ this.searchdata()
133
+ }
134
+ }
135
+
136
+ }
137
+ </script>
@@ -0,0 +1,157 @@
1
+ <template lang="html">
2
+ <div id="charts">
3
+ <div id="pp" :style="{width:'100%',height:'98%'}"></div>
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ import * as Util from '../../../../Util'
9
+ import co from 'co'
10
+ import echarts from 'echarts'
11
+ import { HttpResetClass } from 'vue-client'
12
+
13
+ let getData = function * (self) {
14
+ let load = new HttpResetClass()
15
+
16
+ load.load('POST','rs/sql/sellinggasvalue',
17
+ {data: {startDate: self.startdate, endDate: self.enddate,key:'f_payment',f_orgid:self.orgid}},
18
+ {resolveMsg: null, rejectMsg: null})
19
+ .then((res) => {
20
+ let arrparams = []
21
+ let moneydata = []
22
+ let gasdata = []
23
+ for (var i = 0; i < res.data.length; i++) {
24
+ let item = {}
25
+ let item1={}
26
+ arrparams[i] = res.data[i].name
27
+ item.name = res.data[i].name
28
+ item.value = res.data[i].gas_value
29
+ gasdata.push(item)
30
+ item1.name = res.data[i].name
31
+ item1.value = res.data[i].money_value
32
+ moneydata.push(item1)
33
+ }
34
+ console.log("加载echars组件")
35
+ console.log(arrparams,gasdata)
36
+ self.set(arrparams,gasdata,moneydata)
37
+ })
38
+ }
39
+ export default {
40
+ props: {
41
+ startdate: {
42
+ type: String,
43
+ default: Util.toStandardDateString()
44
+ },
45
+ enddate: {
46
+ type: String,
47
+ default: Util.toStandardDateString()
48
+ },
49
+ orgid: {
50
+ type: String
51
+ }
52
+ },
53
+ data () {
54
+ return {
55
+ xc: ''
56
+ }
57
+ },
58
+ methods: {
59
+
60
+ set (arrparams,gasdata,moneydata) {
61
+ console.log("进入组件")
62
+ this.xc = echarts.init(document.getElementById('pp'))
63
+ this.xc.setOption({
64
+ title: [
65
+ {
66
+ text: '收费渠道汇总',
67
+ x: '0%',
68
+ y: '0%',
69
+ textStyle: {
70
+ color: '#010606',
71
+ fontSize: 18,
72
+ }
73
+ }, {
74
+ text: '气量分布',
75
+ x: '18%',
76
+ y: '18%',
77
+ textStyle: {
78
+ color: '#010606',
79
+ fontSize: 16,
80
+ }
81
+ },{
82
+ text: '金额分布',
83
+ x: '58%',
84
+ y: '18%',
85
+ textStyle: {
86
+ color: '#010606',
87
+ fontSize: 16,
88
+ }
89
+ }],
90
+ tooltip: {
91
+ trigger: 'item',
92
+ formatter: '{a} <br/>{b}: {c} ({d}%)'
93
+ },
94
+ legend: {
95
+ orient: 'horizontal',
96
+ icon: 'circle',
97
+ x: 'center',
98
+ y: '80%',
99
+
100
+ textStyle: {
101
+ padding: [0, 0, 0, 4],
102
+ color: '#010606'
103
+ },
104
+ data: arrparams
105
+ },
106
+ series : [
107
+ {
108
+ name: '',
109
+ type: 'pie',
110
+ radius: ['0%', '40%'],
111
+ center: ['25%', '50%'],
112
+ hoverAnimation: true,
113
+ minAngle: 15,//最小角度
114
+ startAngle: 60, //起始角度
115
+ label: {normal: {show:true,}},
116
+ labelLine: { normal: {show:true,}},
117
+ data: gasdata
118
+ },
119
+ {
120
+ name: '笔数',
121
+ type: 'pie',
122
+ radius: ['0%', '40%'],
123
+ center: ['65%', '50%'],
124
+ hoverAnimation: true,
125
+ minAngle: 15,//最小角度
126
+ startAngle: 60, //起始角度
127
+ label: {normal: {show:true,}},
128
+ labelLine: { normal: {show:true,}},
129
+ data: moneydata
130
+ }
131
+ ]
132
+
133
+ },true)
134
+
135
+ },
136
+ searchdata () {
137
+ let getGen =getData(this);
138
+ co(getGen);
139
+ }
140
+ },
141
+ ready () {
142
+ this.searchdata()
143
+ },
144
+ watch: {
145
+ 'startdate' (val) {
146
+ this.searchdata()
147
+ },
148
+ 'enddate' (val) {
149
+ this.searchdata()
150
+ },
151
+ 'orgid' (val) {
152
+ this.searchdata()
153
+ }
154
+ }
155
+
156
+ }
157
+ </script>
@@ -0,0 +1,21 @@
1
+ // 分公司特殊组件页面注册
2
+ import Vue from 'vue'
3
+
4
+ let specialComp = {
5
+ // 各管理站气量金额散列图
6
+ 'site-manager': (resolve) => {
7
+ require(['./components/SellReport/SiteManager'], resolve)
8
+ },
9
+ // 银行代售气量金额散列图
10
+ 'bank-manager': (resolve) => {
11
+ require(['./components/SellReport/BankManager'], resolve)
12
+ },
13
+ // 付款方式饼图
14
+ 'paymentpie': (resolve) => {
15
+ require(['./components/WebReport/Paymentpie'], resolve)
16
+ },
17
+ 'bussiness-type': (resolve) => {
18
+ require(['./components/WebReport/BussinessType'], resolve)
19
+ }
20
+ }
21
+ exports.specialComp = specialComp