销售漏斗调整

src/views/mediaStatistics/modules/futureTwelveMonths.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <boxBorder title="未来12月项目预计签约金额/预计成交金额分析" class1="20px 20px" height="282px" :titleTip="true">
+    <boxBorder title="未来12月项目预计签约金额/预计成交金额分析" class1="20px 20px" :height="height + 'px'" :titleTip="true">
       <template slot="select">
         <div>
           <label class="search__label">{{$t(`项目阶段`)}}：</label>
-          <el-select v-model="stagename" multiple :placeholder="$t(`请选择`)" size="small" @focus="getStage" @change="selectStage" filterable style="width: 370px">
+          <el-select ref="selectRef" v-model="stagename" multiple :placeholder="$t(`请选择`)"  size="small" @focus="getStage" @change="selectStage"  filterable >
             <el-option
                 v-for="item in stagenameList"
                 :key="item.stagename"
@@ -35,7 +35,9 @@ export default {
       chartMap:[],
       chartMapData:[],
       stagename:[],
-      stagenameList:[]
+      stagenameList:[],
+      selectHeight:null,
+      height:282
     }
   },
   methods:{
@@ -46,13 +48,13 @@ export default {
         if (num == index){
           this.chartMapData[indexNew] = {
             "signdate_due":item.signdate_due,
-            "value":Math.round(this.tool.unitConversion(item.signamount_due,10000) * 100)/100,
+            "value":Math.round(this.tool.unitConversion(item.signamount_due,10000)),
             "name":this.$t('预计签约金额')+ this.$t('(万)')
           }
           indexNew = indexNew + 1
           this.chartMapData[indexNew] = {
             "signdate_due":item.signdate_due,
-            "value":Math.round(this.tool.unitConversion(item.dealamount_due,10000) * 100)/100,
+            "value":Math.round(this.tool.unitConversion(item.dealamount_due,10000)),
             "name":this.$t('预计成交金额') + this.$t('(万)')
           }
           indexNew = indexNew + 1
@@ -60,6 +62,9 @@ export default {
         }
       })
       console.log(this.chartMapData,'chartMapData')
+      console.log(this.$refs.selectRef.$el.clientHeight,'高度&&&&&&&高度')
+      this.height = 282
+      this.height = this.height + (this.$refs.selectRef.$el.clientHeight -32)
       if (init){
         this.chartMap = new Column(this.$refs.chartRef,{
           color:['#3874F6','#F29C37'],
@@ -87,14 +92,14 @@ export default {
               fontSize:12
             },
             formatter: (datum) =>{
-              return '¥' + this.tool.formatAmount(datum.value,2)
+              return '¥' + this.tool.formatAmount(datum.value,0)
             }
           },
           tooltip: {
             formatter: (datum) => {
               return {
                 name:datum.name,
-                value:'¥' + this.tool.formatAmount(datum.value,2)
+                value:'¥' + this.tool.formatAmount(datum.value,0)
               }
             }
           }
@@ -125,8 +130,9 @@ export default {
     selectStage(){
       console.log(this.stagename,'阶段名称')
       this.$emit('selectStage',this.stagename)
-    }
-  }
+
+    },
+  },
 }
 </script>