|
@@ -8,12 +8,20 @@
|
|
<pie2 :alldata="dataJ" :alltest="dataExponentList[0]"/>
|
|
<pie2 :alldata="dataJ" :alltest="dataExponentList[0]"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="DataDiv">
|
|
|
|
+ 获奖表单人数汇总
|
|
|
|
+ <div class="imgArea" style="display: flex;height: 100%;">
|
|
|
|
+ <barChart :alldata="chartsData"/>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
import solid from './chartList/solid.vue';
|
|
import solid from './chartList/solid.vue';
|
|
import pie2 from './chartList/pie2.vue';
|
|
import pie2 from './chartList/pie2.vue';
|
|
|
|
+import barChart from './chartList/barChart.vue';
|
|
|
|
+
|
|
import barList from '../barList.vue';
|
|
import barList from '../barList.vue';
|
|
import { API_CONFIG } from "@/common/apiConfig";
|
|
import { API_CONFIG } from "@/common/apiConfig";
|
|
|
|
|
|
@@ -30,22 +38,24 @@ export default {
|
|
components: {
|
|
components: {
|
|
solid,
|
|
solid,
|
|
pie2,
|
|
pie2,
|
|
- barList
|
|
|
|
|
|
+ barList,
|
|
|
|
+ barChart
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
dataExponentList:[],
|
|
dataExponentList:[],
|
|
dataJ:{},
|
|
dataJ:{},
|
|
- isLoadingData:false
|
|
|
|
|
|
+ isLoadingData:false,
|
|
|
|
+ chartsData:[]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- watch:{
|
|
|
|
- oid(newL){
|
|
|
|
- console.log(newL);
|
|
|
|
|
|
+ // watch:{
|
|
|
|
+ // oid(newL){
|
|
|
|
+ // console.log(newL);
|
|
|
|
|
|
- this.getData()
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
|
|
+ // this.getData()
|
|
|
|
+ // }
|
|
|
|
+ // },
|
|
mounted() {
|
|
mounted() {
|
|
this.getData()
|
|
this.getData()
|
|
},
|
|
},
|
|
@@ -98,8 +108,6 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
this.dataJ = dataJ
|
|
this.dataJ = dataJ
|
|
- console.log('dataj',dataJ);
|
|
|
|
-
|
|
|
|
let top = [
|
|
let top = [
|
|
{ label: '表单总量', value: 0 },
|
|
{ label: '表单总量', value: 0 },
|
|
{ label: '表单回收率', value: 0 },
|
|
{ label: '表单回收率', value: 0 },
|
|
@@ -112,7 +120,10 @@ export default {
|
|
|
|
|
|
this.dataExponentList = top
|
|
this.dataExponentList = top
|
|
this.isLoadingData = false;
|
|
this.isLoadingData = false;
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ this.chartsData=res.data.slice(3)
|
|
|
|
+ console.log('this.chartsData',this.chartsData);
|
|
|
|
+
|
|
|
|
|
|
})
|
|
})
|
|
.catch((err) => {
|
|
.catch((err) => {
|