地区字典获取修改,网站名称修改,echart样式修改
Showing
5 changed files
with
23 additions
and
24 deletions
... | @@ -20,22 +20,23 @@ | ... | @@ -20,22 +20,23 @@ |
20 | :value="item.value" | 20 | :value="item.value" |
21 | /> | 21 | /> |
22 | </el-select> | 22 | </el-select> |
23 | <el-select v-model="searchObj.channel" filterable class="filter-item" clearable size="mini" placeholder="请选择渠道"> | 23 | <!-- <el-select v-model="searchObj.channel" filterable class="filter-item" clearable size="mini" placeholder="请选择渠道"> |
24 | <el-option | 24 | <el-option |
25 | v-for="item in dictMap.channel" | 25 | v-for="item in dictMap.channel" |
26 | :key="item.value" | 26 | :key="item.value" |
27 | :label="item.label" | 27 | :label="item.label" |
28 | :value="item.value" | 28 | :value="item.value" |
29 | /> | 29 | /> |
30 | </el-select> | 30 | </el-select> --> |
31 | <el-select v-model="searchObj.region" filterable class="filter-item" clearable size="mini" placeholder="请选择地区"> | 31 | <el-select v-model="searchObj.region" filterable class="filter-item" clearable size="mini" placeholder="请选择地区"> |
32 | <el-option | 32 | <el-option |
33 | v-for="item in dictMap.origin" | 33 | v-for="item in dictMap['region']" |
34 | :key="item.value" | 34 | :key="item.value" |
35 | :label="item.label" | 35 | :label="item.label" |
36 | :value="item.value" | 36 | :value="item.value" |
37 | /> | 37 | /> |
38 | </el-select> | 38 | </el-select> |
39 | <el-input v-model="searchObj.channel" clearable size="small" placeholder="请输入渠道" style="width: 200px;" class="filter-item" /> | ||
39 | <el-input v-model="searchObj.cardNum" clearable size="small" placeholder="请输入卡号" style="width: 200px;" class="filter-item" /> | 40 | <el-input v-model="searchObj.cardNum" clearable size="small" placeholder="请输入卡号" style="width: 200px;" class="filter-item" /> |
40 | <el-input v-model="searchObj.batch" clearable size="small" placeholder="请输入批次(数字)" style="width: 200px;" class="filter-item" /> | 41 | <el-input v-model="searchObj.batch" clearable size="small" placeholder="请输入批次(数字)" style="width: 200px;" class="filter-item" /> |
41 | <el-input v-model="searchObj.rcvMobile" clearable size="small" placeholder="请输入手机号" style="width: 200px;" class="filter-item" /> | 42 | <el-input v-model="searchObj.rcvMobile" clearable size="small" placeholder="请输入手机号" style="width: 200px;" class="filter-item" /> |
... | @@ -108,7 +109,7 @@ export default { | ... | @@ -108,7 +109,7 @@ export default { |
108 | vipTypeList: [{ label: '爱奇艺包月', value: '1' }, { label: '爱奇艺包年', value: '4' }], | 109 | vipTypeList: [{ label: '爱奇艺包月', value: '1' }, { label: '爱奇艺包年', value: '4' }], |
109 | statusList: [{ label: '未兑换', value: '0' }, { label: '已兑换', value: '1' }, { label: '兑换失败', value: '2' }, { label: '已失效', value: '3' }], | 110 | statusList: [{ label: '未兑换', value: '0' }, { label: '已兑换', value: '1' }, { label: '兑换失败', value: '2' }, { label: '已失效', value: '3' }], |
110 | total: 0, | 111 | total: 0, |
111 | tableHeight: '', | 112 | tableHeight: 800, |
112 | searchObj: { | 113 | searchObj: { |
113 | page: 0, | 114 | page: 0, |
114 | size: 20, | 115 | size: 20, |
... | @@ -127,13 +128,13 @@ export default { | ... | @@ -127,13 +128,13 @@ export default { |
127 | }, | 128 | }, |
128 | created() { | 129 | created() { |
129 | this.$nextTick(() => { | 130 | this.$nextTick(() => { |
130 | this.getDictMap('channel,origin') | 131 | this.getDictMap('region') |
131 | this.getSmallSellList() | 132 | this.getSmallSellList() |
132 | }) | 133 | }) |
133 | }, | 134 | }, |
134 | mounted() { | 135 | mounted() { |
135 | this.$nextTick(() => { | 136 | this.$nextTick(() => { |
136 | this.tableHeight = window.innerHeight - (window.innerWidth < 1530 ? 300 : 280) | 137 | this.tableHeight = window.innerHeight - (window.innerWidth < 1200 ? 280 : 260) |
137 | }) | 138 | }) |
138 | }, | 139 | }, |
139 | methods: { | 140 | methods: { | ... | ... |
... | @@ -143,6 +143,11 @@ export default { | ... | @@ -143,6 +143,11 @@ export default { |
143 | name: '标签人数分布', | 143 | name: '标签人数分布', |
144 | type: 'bar', | 144 | type: 'bar', |
145 | data: [], | 145 | data: [], |
146 | barWidth: 60, | ||
147 | label: { | ||
148 | show: true, | ||
149 | position: 'insideLeft' | ||
150 | }, | ||
146 | itemStyle: { | 151 | itemStyle: { |
147 | color: (params) => { | 152 | color: (params) => { |
148 | return this.colorList[params.dataIndex] | 153 | return this.colorList[params.dataIndex] |
... | @@ -164,7 +169,7 @@ export default { | ... | @@ -164,7 +169,7 @@ export default { |
164 | console.log(123) | 169 | console.log(123) |
165 | console.log(this.optionData) | 170 | console.log(this.optionData) |
166 | const keyArray = Object.keys(this.optionData) | 171 | const keyArray = Object.keys(this.optionData) |
167 | let yAxis = [] | 172 | const yAxis = [] |
168 | const xAxis = [] | 173 | const xAxis = [] |
169 | if (typeof this.optionData[keyArray[0]] !== 'object') { | 174 | if (typeof this.optionData[keyArray[0]] !== 'object') { |
170 | keyArray.forEach(item => { | 175 | keyArray.forEach(item => { |
... | @@ -173,20 +178,13 @@ export default { | ... | @@ -173,20 +178,13 @@ export default { |
173 | }) | 178 | }) |
174 | console.log(yAxis, xAxis) | 179 | console.log(yAxis, xAxis) |
175 | } else { | 180 | } else { |
176 | if (keyArray.length > 1) { | 181 | keyArray.forEach(item => { |
177 | keyArray.forEach(item => { | 182 | const array = Object.keys(this.optionData[item]) |
178 | const array = Object.keys(this.optionData[item]) | 183 | array.forEach(itemArray => { |
179 | array.forEach(itemArray => { | 184 | yAxis.push(item + ':' + itemArray) |
180 | yAxis.push(item + ':' + itemArray) | 185 | xAxis.push(this.optionData[item][itemArray]) |
181 | xAxis.push(this.optionData[item][itemArray]) | ||
182 | }) | ||
183 | }) | ||
184 | } else { | ||
185 | yAxis = Object.keys(this.optionData[keyArray[0]]) | ||
186 | yAxis.forEach(item => { | ||
187 | xAxis.push(this.optionData[keyArray[0]][item]) | ||
188 | }) | 186 | }) |
189 | } | 187 | }) |
190 | } | 188 | } |
191 | const option = { | 189 | const option = { |
192 | yAxis: { | 190 | yAxis: { | ... | ... |
... | @@ -3,7 +3,7 @@ | ... | @@ -3,7 +3,7 @@ |
3 | <index-bg /> | 3 | <index-bg /> |
4 | <div class="loginBox"> | 4 | <div class="loginBox"> |
5 | <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form"> | 5 | <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form"> |
6 | <h3 class="title" style="position: relative">基础框架<span style="color: #fff;z-index: 999;font-size: 12px;position: absolute;top: 4px;right: 10px" /></h3> | 6 | <h3 class="title" style="position: relative">爱奇艺小卡<span style="color: #fff;z-index: 999;font-size: 12px;position: absolute;top: 4px;right: 10px" /></h3> |
7 | <el-form-item prop="username"> | 7 | <el-form-item prop="username"> |
8 | <el-input v-model="loginForm.username" :validate-event="false" class="login-input" type="text" size="mini" placeholder="账号" style="width: 400px;"> | 8 | <el-input v-model="loginForm.username" :validate-event="false" class="login-input" type="text" size="mini" placeholder="账号" style="width: 400px;"> |
9 | <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> | 9 | <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> | ... | ... |
-
Please register or sign in to post a comment