| | |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column width="200" prop="cargoType" align="center"> |
| | | <template #header> |
| | | <div class="custom-header"> |
| | | <div>柜型</div> |
| | | <div class="header-en">Container Type</div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column width="200" prop="SOC" align="center"> |
| | | <template #header> |
| | | <div class="custom-header"> |
| | | <div>SOC</div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column width="200" prop="mail" align="center"> |
| | | <template #header> |
| | | <div class="custom-header"> |
| | |
| | | <div class="custom-header"> |
| | | <div>收件人地址</div> |
| | | <div class="header-en">Consignee's Address</div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column width="200" prop="hold" align="center"> |
| | | <template #header> |
| | | <div class="custom-header"> |
| | | <div>Hold</div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column width="200" prop="cargoType" align="center"> |
| | | <template #header> |
| | | <div class="custom-header"> |
| | | <div>柜型</div> |
| | | <div class="header-en">Container Type</div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column width="200" prop="SOC" align="center"> |
| | | <template #header> |
| | | <div class="custom-header"> |
| | | <div>SOC</div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column width="200" prop="realSchedule" align="center"> |
| | | <template #header> |
| | | <div class="custom-header"> |
| | |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column width="200" prop="hold" align="center"> |
| | | <template #header> |
| | | <div class="custom-header"> |
| | | <div>Hold</div> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column width="150" prop="option" align="center" fixed="right"> |
| | | <template #header> |
| | | <div class="custom-header"> |
| | |
| | | import UserInfo from '@/component/userInfo.vue' |
| | | import Header from '@/component/Header.vue' |
| | | import NoticeComponent from '@/component/Notice.vue' |
| | | import { getList, iptOrder, exportList } from './home' |
| | | import { getList, iptOrder, exportList, getModoul } from './home' |
| | | import * as XLSX from 'xlsx' |
| | | export default { |
| | | name: "Home", |
| | |
| | | id: '已取消', |
| | | label: '已取消 | Cancelled' |
| | | }, |
| | | { |
| | | id: '预约中', |
| | | label: '预约中 | Booking' |
| | | }, |
| | | { |
| | | id: '预约完成', |
| | | label: '预约完成 | Appt Confirmed' |
| | | } |
| | | ], |
| | | tableData: [], |
| | | option1: [ |
| | |
| | | }, |
| | | methods: { |
| | | downloadTemplate() { |
| | | window.open('http://47.108.239.173/compass_template.xlsx', '_blank') |
| | | getModoul().then(res => { |
| | | window.open(res.data.url, '_blank') |
| | | }) |
| | | }, |
| | | handleClick(e, type) { |
| | | this.$router.push({ |