|
|
@@ -354,6 +354,65 @@ const DestinationObj = reactive({
|
|
|
interval: 0,
|
|
|
download_name: ''
|
|
|
})
|
|
|
+const RevenueObj = reactive({
|
|
|
+ bar_title: 'Total: 0',
|
|
|
+ barList: [
|
|
|
+ 'DEC,23',
|
|
|
+ 'JAN,24',
|
|
|
+ 'FEB,24',
|
|
|
+ 'MAR,24',
|
|
|
+ 'APR,24',
|
|
|
+ 'MAY,24',
|
|
|
+ 'JUN,24',
|
|
|
+ 'JUL,24',
|
|
|
+ 'AUG,24',
|
|
|
+ 'SEP,24',
|
|
|
+ 'OCT,24',
|
|
|
+ 'NOV,24'
|
|
|
+ ],
|
|
|
+ barSeries: [
|
|
|
+ {
|
|
|
+ name: 'USD',
|
|
|
+ type: 'bar',
|
|
|
+ data: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
|
|
|
+ emphasis: {
|
|
|
+ focus: 'none'
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FF7500',
|
|
|
+ borderRadius: 6
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'THB',
|
|
|
+ type: 'bar',
|
|
|
+ data: [2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2],
|
|
|
+ emphasis: {
|
|
|
+ focus: 'none'
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFAC66',
|
|
|
+ borderRadius: 6
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'SGD',
|
|
|
+ type: 'bar',
|
|
|
+ data: [3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3],
|
|
|
+ emphasis: {
|
|
|
+ focus: 'none'
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ color: '#FFE3CC',
|
|
|
+ borderRadius: 6
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ Max: 5,
|
|
|
+ interval: 1,
|
|
|
+ download_name: 'Rvenue',
|
|
|
+ isShowTooltips: true
|
|
|
+})
|
|
|
const DestinationLoading = ref(true)
|
|
|
const GetCo2DestinationEcharts = (val: any) => {
|
|
|
dashboardObj.DestinationCo2Top10faultData = val
|
|
|
@@ -1089,6 +1148,11 @@ const ClickParams = (val: any) => {
|
|
|
</template>
|
|
|
</VBox_Dashboard>
|
|
|
</div>
|
|
|
+ <!-- Revenue -->
|
|
|
+ <!-- <div
|
|
|
+ v-else-if="item.title === 'Revenue' && item.switchValue"
|
|
|
+ class="KPI_Pending"
|
|
|
+ > -->
|
|
|
<div
|
|
|
v-else-if="
|
|
|
item.title === 'Recent Status' && item.switchValue && RecentStatusList.length != 0
|
|
|
@@ -1125,6 +1189,29 @@ const ClickParams = (val: any) => {
|
|
|
</template>
|
|
|
</VBox_Dashboard>
|
|
|
</div>
|
|
|
+ <!-- <div class="KPI_Pending">
|
|
|
+ <VBox_Dashboard @changeCancel="changeCancel(item.id)" style="width: 100%">
|
|
|
+ <template #header>
|
|
|
+ <div class="Title_flex">
|
|
|
+ Revenue Spent
|
|
|
+ <DashFilters
|
|
|
+ :defaultData="Co2DestinationDefaultData"
|
|
|
+ @FilterSearch="GetCo2DestinationEcharts"
|
|
|
+ ></DashFilters>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template #content>
|
|
|
+ <BarChart
|
|
|
+ ref="seller_chart_CO2_destination"
|
|
|
+ :BarData="RevenueObj"
|
|
|
+ v-vloading="DestinationLoading"
|
|
|
+ style="height: 300px"
|
|
|
+ @clickParams="ClickParams(item.title)"
|
|
|
+ :barHeight="{ height: '300px' }"
|
|
|
+ ></BarChart>
|
|
|
+ </template>
|
|
|
+ </VBox_Dashboard>
|
|
|
+ </div> -->
|
|
|
</template>
|
|
|
</VueDraggable>
|
|
|
</div>
|