|
@@ -920,42 +920,6 @@ const ClickParams = (val: any) => {
|
|
|
</template>
|
|
</template>
|
|
|
</VBox_Dashboard>
|
|
</VBox_Dashboard>
|
|
|
</div>
|
|
</div>
|
|
|
- <div
|
|
|
|
|
- v-else-if="
|
|
|
|
|
- item.title === 'Recent Status' && item.switchValue && RecentStatusList.length != 0
|
|
|
|
|
- "
|
|
|
|
|
- class="KPI_Pending"
|
|
|
|
|
- >
|
|
|
|
|
- <!-- Recent Status -->
|
|
|
|
|
- <VBox_Dashboard @changeCancel="changeCancel(item.id)" style="width: 100%">
|
|
|
|
|
- <template #header>
|
|
|
|
|
- <div class="Title_flex">
|
|
|
|
|
- {{ item.title }}
|
|
|
|
|
- <DashFilters
|
|
|
|
|
- :defaultData="RecentDefaulteData"
|
|
|
|
|
- @FilterSearch="getTableData"
|
|
|
|
|
- :isRecent="true"
|
|
|
|
|
- ></DashFilters>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template #content>
|
|
|
|
|
- <RecentStatus :RecentStatusList="RecentStatusList"></RecentStatus>
|
|
|
|
|
- <div class="pagination">
|
|
|
|
|
- <span>Total {{ pageInfo.total }}</span>
|
|
|
|
|
- <el-pagination
|
|
|
|
|
- v-model:current-page="pageInfo.pageNo"
|
|
|
|
|
- v-model:page-size="pageInfo.pageSize"
|
|
|
|
|
- :page-sizes="[10, 50, 100, 200]"
|
|
|
|
|
- layout="prev, pager, next"
|
|
|
|
|
- :pager-count="3"
|
|
|
|
|
- :total="pageInfo.total"
|
|
|
|
|
- @size-change="getTableData(true, RecentDefaulteData)"
|
|
|
|
|
- @current-change="getTableData(true, RecentDefaulteData)"
|
|
|
|
|
- />
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- </VBox_Dashboard>
|
|
|
|
|
- </div>
|
|
|
|
|
<!-- ETD to ETA -->
|
|
<!-- ETD to ETA -->
|
|
|
<div
|
|
<div
|
|
|
v-else-if="item.title === 'ETD to ETA (Days)' && item.switchValue"
|
|
v-else-if="item.title === 'ETD to ETA (Days)' && item.switchValue"
|
|
@@ -1125,6 +1089,42 @@ const ClickParams = (val: any) => {
|
|
|
</template>
|
|
</template>
|
|
|
</VBox_Dashboard>
|
|
</VBox_Dashboard>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div
|
|
|
|
|
+ v-else-if="
|
|
|
|
|
+ item.title === 'Recent Status' && item.switchValue && RecentStatusList.length != 0
|
|
|
|
|
+ "
|
|
|
|
|
+ class="KPI_Pending"
|
|
|
|
|
+ >
|
|
|
|
|
+ <!-- Recent Status -->
|
|
|
|
|
+ <VBox_Dashboard @changeCancel="changeCancel(item.id)" style="width: 100%">
|
|
|
|
|
+ <template #header>
|
|
|
|
|
+ <div class="Title_flex">
|
|
|
|
|
+ {{ item.title }}
|
|
|
|
|
+ <DashFilters
|
|
|
|
|
+ :defaultData="RecentDefaulteData"
|
|
|
|
|
+ @FilterSearch="getTableData"
|
|
|
|
|
+ :isRecent="true"
|
|
|
|
|
+ ></DashFilters>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #content>
|
|
|
|
|
+ <RecentStatus :RecentStatusList="RecentStatusList"></RecentStatus>
|
|
|
|
|
+ <div class="pagination">
|
|
|
|
|
+ <span>Total {{ pageInfo.total }}</span>
|
|
|
|
|
+ <el-pagination
|
|
|
|
|
+ v-model:current-page="pageInfo.pageNo"
|
|
|
|
|
+ v-model:page-size="pageInfo.pageSize"
|
|
|
|
|
+ :page-sizes="[10, 50, 100, 200]"
|
|
|
|
|
+ layout="prev, pager, next"
|
|
|
|
|
+ :pager-count="3"
|
|
|
|
|
+ :total="pageInfo.total"
|
|
|
|
|
+ @size-change="getTableData(true, RecentDefaulteData)"
|
|
|
|
|
+ @current-change="getTableData(true, RecentDefaulteData)"
|
|
|
|
|
+ />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </VBox_Dashboard>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
</VueDraggable>
|
|
</VueDraggable>
|
|
|
</div>
|
|
</div>
|