58 lines
1.2 KiB
Vue
58 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-dialog
|
||
|
|
title="归档详情"
|
||
|
|
:visible="showarchiveDetails"
|
||
|
|
@close="cancel"
|
||
|
|
:destroy-on-close="true"
|
||
|
|
center
|
||
|
|
>
|
||
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||
|
|
<el-tab-pane label="案件信息" name="first">
|
||
|
|
<caseInfo></caseInfo>
|
||
|
|
</el-tab-pane>
|
||
|
|
<el-tab-pane label="案件日志" name="second">案件日志</el-tab-pane>
|
||
|
|
<el-tab-pane label="快递信息" name="third">快递信息</el-tab-pane>
|
||
|
|
</el-tabs>
|
||
|
|
<div slot="footer" class="dialog-footer">
|
||
|
|
<el-button @click="cancel">取 消</el-button>
|
||
|
|
</div>
|
||
|
|
</el-dialog>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import caseInfo from "./caseInfo.vue";
|
||
|
|
export default {
|
||
|
|
props: ["showarchiveDetails"],
|
||
|
|
components: {
|
||
|
|
caseInfo,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
// key: value
|
||
|
|
activeName: "first",
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleClick(tab, event) {
|
||
|
|
console.log(tab, event);
|
||
|
|
},
|
||
|
|
cancel() {
|
||
|
|
this.$emit("cancelpaymentdetails");
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
::v-deep .el-dialog {
|
||
|
|
width: 1000px;
|
||
|
|
background: #ffffff;
|
||
|
|
border-radius: 20px;
|
||
|
|
}
|
||
|
|
::v-deep .el-dialog__body {
|
||
|
|
height: 700px !important;
|
||
|
|
overflow: auto !important;
|
||
|
|
}
|
||
|
|
</style>
|