案件日志接口联调

src/views/caseFiling/components/archiveDetailsDialog.vue

@@ -0,0 +1,58 @@
+<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>