|
@@ -1,133 +1,167 @@
|
|
|
<template>
|
|
|
- <div class="home-container">
|
|
|
- <el-card class="home-container__card">
|
|
|
- <div class="title">
|
|
|
- <span>
|
|
|
- 实时数据
|
|
|
- </span>
|
|
|
- <span class="right">
|
|
|
- <div class="right_but">
|
|
|
- <div class="right_but_left" :class="{ right_but_active: isActive == 1 }" @click="inDay">
|
|
|
- 本日
|
|
|
- </div>
|
|
|
- <div class="right_but_right" :class="{ right_but_active: isActive == 2 }" @click="inMoon">
|
|
|
- 本月
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-date-picker v-model="realDate" type="daterange" size="mini" start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期" value-format="yyyy-MM-dd" style="margin-right:10px;width:240px" :clearable="false">
|
|
|
- </el-date-picker>
|
|
|
- <el-button type="primary" size="mini" icon="el-icon-search" style="margin-right:10px;" @click="search"
|
|
|
- circle></el-button>
|
|
|
- <i class="el-icon-refresh-right" style="cursor: pointer;font-size:20px;line-height: 15px;"
|
|
|
- @click="refresh"></i>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div style="display: flex;justify-content: center;">
|
|
|
- <div class="content" v-loading="loading">
|
|
|
- <div class="content-item">
|
|
|
- <div class="card" @click.stop="dialogVisible = true">
|
|
|
- <div class="card-title card-title3">
|
|
|
- <span>
|
|
|
- 港
|
|
|
- </span>
|
|
|
+ <div class="container-losrealtime">
|
|
|
+ <div class="home-container" style="padding: 0px 5px 5px 5px;">
|
|
|
+ <el-card class="home-container__card">
|
|
|
+ <div class="title">
|
|
|
+ <span>
|
|
|
+ 业务提醒
|
|
|
+ </span>
|
|
|
+ <span class="right">
|
|
|
+ <!-- <div class="right_but">
|
|
|
+ <div class="right_but_left" :class="{ right_but_active: isActive == 1 }" @click="inDay">
|
|
|
+ 本日
|
|
|
</div>
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num">{{ DGTX.arrivalReminder }}</span>
|
|
|
- <span class="card-content-text">到港提醒</span>
|
|
|
+ <div class="right_but_right" :class="{ right_but_active: isActive == 2 }" @click="inMoon">
|
|
|
+ 本月
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="divider" />
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <div class="card-title card-title1">
|
|
|
- <span>
|
|
|
- 海
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num">{{ data.HYCK }}</span>
|
|
|
- <span class="card-content-text">海运出口</span>
|
|
|
+ <el-date-picker v-model="realDate" type="daterange" size="mini" start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期" value-format="yyyy-MM-dd" style="margin-right:10px;width:240px" :clearable="false">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-button type="primary" size="mini" icon="el-icon-search" style="margin-right:10px;" @click="search"
|
|
|
+ circle></el-button> -->
|
|
|
+ <i class="el-icon-refresh-right" style="cursor: pointer;font-size:20px;line-height: 15px;"
|
|
|
+ @click="refresh"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div class="content" v-loading="loading">
|
|
|
+ <div class="content-item">
|
|
|
+ <div class="card" @click.stop="dialogVisible = true">
|
|
|
+ <div class="card-title card-title1">
|
|
|
+ <span>
|
|
|
+ 港
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num">{{ DGTX.arrivalReminder }}</span>
|
|
|
+ <span class="card-content-text">到港提醒</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="divider" />
|
|
|
- <div class="content-item">
|
|
|
- <div class="card">
|
|
|
- <div class="card-title card-title2">
|
|
|
- <span>
|
|
|
- 海
|
|
|
- </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-card>
|
|
|
+ <el-dialog title="到港提醒" :visible.sync="dialogVisible" width="50%" append-to-body>
|
|
|
+ <span v-if="dialogVisible">
|
|
|
+ <avue-crud :table-loading="loading" :option="option" :data="dataList" @on-load="onLoad" :page.sync="page"
|
|
|
+ @current-change="currentChange" @size-change="sizeChange">
|
|
|
+ <template slot="shortName" slot-scope="{ row }">
|
|
|
+ <span style="color: #1e9fff;cursor: pointer;" @click="rowEdit(row)">{{ row.shortName }}</span>
|
|
|
+ </template>
|
|
|
+ <template slot="mblno" slot-scope="{ row }">
|
|
|
+ <span style="color: #1e9fff;cursor: pointer;" @click="rowEdit(row)">{{ row.mblno }}</span>
|
|
|
+ </template>
|
|
|
+ </avue-crud>
|
|
|
+ </span>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible = false" size="mini">关 闭</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+ <div class="home-container" style="padding: 0px 5px 5px 0px;">
|
|
|
+ <el-card class="home-container__card">
|
|
|
+ <div class="title">
|
|
|
+ <span>
|
|
|
+ 实时数据
|
|
|
+ </span>
|
|
|
+ <span class="right">
|
|
|
+ <div class="right_but">
|
|
|
+ <div class="right_but_left" :class="{ right_but_active: isActive == 1 }" @click="inDay">
|
|
|
+ 本日
|
|
|
</div>
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num">{{ data.HYJK }}</span>
|
|
|
- <span class="card-content-text">海运进口</span>
|
|
|
+ <div class="right_but_right" :class="{ right_but_active: isActive == 2 }" @click="inMoon">
|
|
|
+ 本月
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="divider" v-if="saberTenantId != '263057'" />
|
|
|
- <div class="content-item" v-if="saberTenantId != '263057'">
|
|
|
- <div class="card">
|
|
|
- <div class="card-title card-title3">
|
|
|
- <span>
|
|
|
- 空
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num">{{ data.KYCK }}</span>
|
|
|
- <span class="card-content-text">空运出口</span>
|
|
|
+ <el-date-picker v-model="realDate" type="daterange" size="mini" start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期" value-format="yyyy-MM-dd" style="margin-right:10px;width:240px" :clearable="false">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-button type="primary" size="mini" icon="el-icon-search" style="margin-right:10px;" @click="search"
|
|
|
+ circle></el-button>
|
|
|
+ <i class="el-icon-refresh-right" style="cursor: pointer;font-size:20px;line-height: 15px;"
|
|
|
+ @click="refresh"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div class="content" v-loading="loading">
|
|
|
+ <div class="content-item">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-title card-title1">
|
|
|
+ <span>
|
|
|
+ 海
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num">{{ data.HYCK }}</span>
|
|
|
+ <span class="card-content-text">海运出口</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="divider" v-if="saberTenantId != '263057'" />
|
|
|
- <div class="content-item" v-if="saberTenantId != '263057'">
|
|
|
- <div class="card">
|
|
|
- <div class="card-title card-title4">
|
|
|
- <span>
|
|
|
- 空
|
|
|
- </span>
|
|
|
+ <div class="divider" />
|
|
|
+ <div class="content-item">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-title card-title2">
|
|
|
+ <span>
|
|
|
+ 海
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num">{{ data.HYJK }}</span>
|
|
|
+ <span class="card-content-text">海运进口</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num">{{ data.KYJK }}</span>
|
|
|
- <span class="card-content-text">空运进口</span>
|
|
|
+ </div>
|
|
|
+ <div class="divider" v-if="saberTenantId != '263057'" />
|
|
|
+ <div class="content-item" v-if="saberTenantId != '263057'">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-title card-title3">
|
|
|
+ <span>
|
|
|
+ 空
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num">{{ data.KYCK }}</span>
|
|
|
+ <span class="card-content-text">空运出口</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="divider" v-if="saberTenantId == '263057'" />
|
|
|
- <div class="content-item" v-if="saberTenantId == '263057'">
|
|
|
- <div class="card">
|
|
|
- <div class="card-title card-title3">
|
|
|
- <span>
|
|
|
- 贸
|
|
|
- </span>
|
|
|
+ <div class="divider" v-if="saberTenantId != '263057'" />
|
|
|
+ <div class="content-item" v-if="saberTenantId != '263057'">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-title card-title4">
|
|
|
+ <span>
|
|
|
+ 空
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num">{{ data.KYJK }}</span>
|
|
|
+ <span class="card-content-text">空运进口</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="card-content">
|
|
|
- <span class="card-content-num">{{ data.MYDL }}</span>
|
|
|
- <span class="card-content-text">贸易代理</span>
|
|
|
+ </div>
|
|
|
+ <div class="divider" v-if="saberTenantId == '263057'" />
|
|
|
+ <div class="content-item" v-if="saberTenantId == '263057'">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card-title card-title3">
|
|
|
+ <span>
|
|
|
+ 贸
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="card-content">
|
|
|
+ <span class="card-content-num">{{ data.MYDL }}</span>
|
|
|
+ <span class="card-content-text">贸易代理</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-dialog title="到港提醒" :visible.sync="dialogVisible" width="50%" append-to-body>
|
|
|
- <span v-if="dialogVisible">
|
|
|
- <avue-crud :table-loading="loading" :option="option" :data="dataList" @on-load="onLoad" :page.sync="page"
|
|
|
- @current-change="currentChange" @size-change="sizeChange">
|
|
|
- <template slot="shortName" slot-scope="{ row }">
|
|
|
- <span style="color: #1e9fff;cursor: pointer;" @click="rowEdit(row)">{{ row.shortName }}</span>
|
|
|
- </template>
|
|
|
- <template slot="mblno" slot-scope="{ row }">
|
|
|
- <span style="color: #1e9fff;cursor: pointer;" @click="rowEdit(row)">{{ row.mblno }}</span>
|
|
|
- </template>
|
|
|
- </avue-crud>
|
|
|
- </span>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible = false" size="mini">关 闭</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
+
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -216,7 +250,7 @@ export default {
|
|
|
id: row.id
|
|
|
}
|
|
|
})
|
|
|
- this.dialogVisible=false
|
|
|
+ this.dialogVisible = false
|
|
|
}
|
|
|
}
|
|
|
if (row.businessType == 'SI') {
|
|
@@ -234,7 +268,7 @@ export default {
|
|
|
id: row.id
|
|
|
}
|
|
|
})
|
|
|
- this.dialogVisible=false
|
|
|
+ this.dialogVisible = false
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -297,9 +331,10 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.home-container {
|
|
|
- padding: 0px 5px 5px 5px;
|
|
|
+
|
|
|
box-sizing: border-box;
|
|
|
height: 100%;
|
|
|
+ width: 100%;
|
|
|
|
|
|
::v-deep .el-card__body {
|
|
|
padding: 10px 15px;
|
|
@@ -352,10 +387,10 @@ export default {
|
|
|
|
|
|
.content {
|
|
|
display: flex;
|
|
|
- justify-content: center;
|
|
|
+ //justify-content: center;
|
|
|
align-items: center;
|
|
|
height: 15vh;
|
|
|
- width: 80vw;
|
|
|
+ width: 100%;
|
|
|
|
|
|
.divider {
|
|
|
display: block;
|
|
@@ -425,4 +460,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.container-losrealtime {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
</style>
|