|
@@ -2,127 +2,156 @@
|
|
|
<div class="home-container">
|
|
|
<el-card class="home-container__card" >
|
|
|
<div class="title">
|
|
|
- <span>
|
|
|
- 审核数据
|
|
|
- </span>
|
|
|
- <span>
|
|
|
- <i
|
|
|
- class="el-icon-refresh-right"
|
|
|
- style="cursor: pointer;font-size:20px"
|
|
|
- @click="refresh"
|
|
|
- ></i>
|
|
|
+ <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" @click="refresh"></i>
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="content" v-loading="loading">
|
|
|
- <div class="content-item">
|
|
|
- <div class="card" >
|
|
|
+ <div class="content-item" v-show="menuAll.includes('1716630436370812929') || menuAll.includes('1735108169878765570')" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1716630436370812929')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.HYCK }}</span>
|
|
|
<span class="card-content-text">海运出口</span>
|
|
|
+ <span class="card-content-num">{{ form.HYCK }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1735108169878765570')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.SEA }}</span>
|
|
|
<span class="card-content-text">SEAMEND</span>
|
|
|
+ <span class="card-content-num">{{ form.SEA }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card" >
|
|
|
+ <div class="content-item" v-show="menuAll.includes('1747468109108850690') || menuAll.includes('1747811377529073665')" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1747468109108850690')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.HYJK }}</span>
|
|
|
<span class="card-content-text">海运进口</span>
|
|
|
+ <span class="card-content-num">{{ form.HYJK }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1747811377529073665')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.SIA }}</span>
|
|
|
<span class="card-content-text">SIAMEND</span>
|
|
|
+ <span class="card-content-num">{{ form.SIA }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card" >
|
|
|
+ <div class="content-item" v-show="menuAll.includes('1747861296998625282') || menuAll.includes('1747867221473996801')" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1747861296998625282')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.KYCK }}</span>
|
|
|
<span class="card-content-text">空运出口</span>
|
|
|
+ <span class="card-content-num">{{ form.KYCK }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1747867221473996801')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.AEA }}</span>
|
|
|
<span class="card-content-text">AEAMEND</span>
|
|
|
+ <span class="card-content-num">{{ form.AEA }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card" >
|
|
|
+ <div class="content-item" v-show="menuAll.includes('1749275140287397890') || menuAll.includes('1747883193052278785')" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1749275140287397890')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.KYJK }}</span>
|
|
|
<span class="card-content-text">空运进口</span>
|
|
|
+ <span class="card-content-num">{{ form.KYJK }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1747883193052278785')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.AIA }}</span>
|
|
|
<span class="card-content-text">AIAMEND</span>
|
|
|
+ <span class="card-content-num">{{ form.AIA }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card" >
|
|
|
+ <div class="content-item" v-show="menuAll.includes('1752211642130698241') || menuAll.includes('1752212157493219330')" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1752211642130698241')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.BGSE }}</span>
|
|
|
<span class="card-content-text">海运出口报关</span>
|
|
|
+ <span class="card-content-num">{{ form.BGSE }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1752212157493219330')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.BGSI }}</span>
|
|
|
<span class="card-content-text">海运进口报关</span>
|
|
|
+ <span class="card-content-num">{{ form.BGSI }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card" >
|
|
|
+ <div class="content-item" v-show="menuAll.includes('1752212392634290177') || menuAll.includes('1752212609395920897')" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1752212392634290177')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.BGAE }}</span>
|
|
|
<span class="card-content-text">空运出口报关</span>
|
|
|
+ <span class="card-content-num">{{ form.BGAE }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1752212609395920897')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.BGAI }}</span>
|
|
|
<span class="card-content-text">空运进口报关</span>
|
|
|
+ <span class="card-content-num">{{ form.BGAI }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="content-item">
|
|
|
- <div class="card" >
|
|
|
+ <div class="content-item" v-show="menuAll.includes('1725386630748975106') || menuAll.includes('1731517351142129665')" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1725386630748975106')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.FFSQ }}</span>
|
|
|
<span class="card-content-text">付费申请</span>
|
|
|
+ <span class="card-content-num">{{ form.FFSQ }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card" >
|
|
|
+ <div class="card" v-show="menuAll.includes('1731517351142129665')" >
|
|
|
<i class="el-icon-s-order" style="font-size:30px;color:#409EFF"></i>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ form.FPSQ }}</span>
|
|
|
<span class="card-content-text">发票申请</span>
|
|
|
+ <span class="card-content-num">{{ form.FPSQ }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -137,32 +166,60 @@ import {
|
|
|
shipCheckDate,
|
|
|
financeCheck, approvalData
|
|
|
} from "@/api/wel";
|
|
|
+import {defaultDate2, defaultDate3} from "@/util/date";
|
|
|
export default {
|
|
|
name: "basicContainer",
|
|
|
props: {
|
|
|
- sysType: Number
|
|
|
+ sysType: Number,
|
|
|
+ menuAll:{
|
|
|
+ type:Array,
|
|
|
+ default:[]
|
|
|
+ }
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
loading: false,
|
|
|
form:{}, // 获取到的数据
|
|
|
+ isActive: 1,
|
|
|
+ realDate:[],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
+ this.realDate = defaultDate2();
|
|
|
},
|
|
|
mounted() {
|
|
|
this.init();
|
|
|
},
|
|
|
methods: {
|
|
|
init() {
|
|
|
+ if (this.realDate == null) {
|
|
|
+ return this.$message.error("请选择日期");
|
|
|
+ }
|
|
|
this.approvalDatafun()
|
|
|
},
|
|
|
// 获取数据
|
|
|
approvalDatafun(){
|
|
|
- approvalData().then(res=>{
|
|
|
+ approvalData({
|
|
|
+ dateStart:this.realDate[0],
|
|
|
+ dateEnd:this.realDate[1],
|
|
|
+ }).then(res=>{
|
|
|
this.form = res.data.data
|
|
|
})
|
|
|
},
|
|
|
+ inDay() {
|
|
|
+ this.isActive = 1;
|
|
|
+ this.realDate = defaultDate2();
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
+ inMoon() {
|
|
|
+ this.isActive = 2;
|
|
|
+ this.realDate = defaultDate3();
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
+ search() {
|
|
|
+ this.isActive = 3;
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
// 刷新
|
|
|
refresh() {
|
|
|
this.approvalDatafun()
|
|
@@ -187,6 +244,34 @@ export default {
|
|
|
.title {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+ .right {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ &_but {
|
|
|
+ margin-right: 10px;
|
|
|
+ border: 1px solid #409eff;
|
|
|
+ width: 80px;
|
|
|
+ border-radius: 3px;
|
|
|
+ display: flex;
|
|
|
+ &_left {
|
|
|
+ width: 40px;
|
|
|
+ text-align: center;
|
|
|
+ color: #409eff;
|
|
|
+ border-right: 1px solid #409eff;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ &_right {
|
|
|
+ width: 40px;
|
|
|
+ text-align: center;
|
|
|
+ color: #409eff;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ &_active {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #409eff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.content {
|
|
@@ -199,9 +284,12 @@ export default {
|
|
|
margin-top: 0.5vh;
|
|
|
margin-right: 0.5vw;
|
|
|
height: 13vh;
|
|
|
- width: 15vw;
|
|
|
+ width: 12vw;
|
|
|
//display: flex;
|
|
|
//align-items: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
padding: 0 1.5vw;
|
|
|
.card {
|
|
|
display: flex;
|
|
@@ -222,7 +310,8 @@ export default {
|
|
|
}
|
|
|
&-text {
|
|
|
color: #909399;
|
|
|
- margin-left: 10px;
|
|
|
+ margin-right: 10px;
|
|
|
+ width: 85px;
|
|
|
}
|
|
|
}
|
|
|
}
|