地区字典获取修改,网站名称修改,echart样式修改
Showing
5 changed files
with
17 additions
and
18 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,7 +178,6 @@ export default { | ... | @@ -173,7 +178,6 @@ export default { |
| 173 | }) | 178 | }) |
| 174 | console.log(yAxis, xAxis) | 179 | console.log(yAxis, xAxis) |
| 175 | } else { | 180 | } else { |
| 176 | if (keyArray.length > 1) { | ||
| 177 | keyArray.forEach(item => { | 181 | keyArray.forEach(item => { |
| 178 | const array = Object.keys(this.optionData[item]) | 182 | const array = Object.keys(this.optionData[item]) |
| 179 | array.forEach(itemArray => { | 183 | array.forEach(itemArray => { |
| ... | @@ -181,12 +185,6 @@ export default { | ... | @@ -181,12 +185,6 @@ export default { |
| 181 | xAxis.push(this.optionData[item][itemArray]) | 185 | xAxis.push(this.optionData[item][itemArray]) |
| 182 | }) | 186 | }) |
| 183 | }) | 187 | }) |
| 184 | } else { | ||
| 185 | yAxis = Object.keys(this.optionData[keyArray[0]]) | ||
| 186 | yAxis.forEach(item => { | ||
| 187 | xAxis.push(this.optionData[keyArray[0]][item]) | ||
| 188 | }) | ||
| 189 | } | ||
| 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