From 27c1c2365777f69ea2db5b897b67ae782831ccea Mon Sep 17 00:00:00 2001
From: evoxwht <442384644@qq.com>
Date: Thu, 9 Nov 2023 16:48:38 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=A8=8B=E5=BA=8F=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E3=80=91=E6=9B=B4=E6=96=B0v5.2.1=E7=89=88=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../order/orderList/orderListDetails.vue      | 92 +++++++++++++++++++
 1 file changed, 92 insertions(+)
 create mode 100644 template/admin/src/pages/order/orderList/orderListDetails.vue

diff --git a/template/admin/src/pages/order/orderList/orderListDetails.vue b/template/admin/src/pages/order/orderList/orderListDetails.vue
new file mode 100644
index 000000000..0ae3a649e
--- /dev/null
+++ b/template/admin/src/pages/order/orderList/orderListDetails.vue
@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <el-card :bordered="false" shadow="never" :body-style="{padding:0}">
+      <table-form @getList="getData" />
+    </el-card>
+    <el-card :bordered="false" shadow="never" class="mt16" :body-style="{ padding: '0 20px 20px' }">
+      <table-list ref="table" @on-changeCards="getCards" @changeGetTabs="changeGetTabs" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import cardsData from '../../../components/cards/cards';
+import tableForm from './components/tableFrom';
+import tableList from './components/tableList';
+export default {
+  name: 'orderListDetails',
+  components: {
+    tableForm,
+    tableList,
+    cardsData,
+  },
+  data() {
+    return {
+      currentTab: '',
+      cardLists: [],
+    };
+  },
+  methods: {
+    changeGetTabs() {
+      this.$parent.getTabs();
+    },
+    // 列表数据
+    getData(res) {
+      this.$refs.table.getList(res);
+    },
+    // 模块数据
+    getCards(list) {
+      this.cardLists = list;
+    },
+    handleResize() {
+      this.$refs.ellipsis.forEach((item) => item.init());
+    },
+  },
+  mounted() {},
+};
+</script>
+
+<style scoped lang="stylus">
+.card_cent ::v-deep .ivu-card-body {
+  width: 100%;
+  height: 100%;
+}
+
+.card_box {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 25px;
+  box-sizing: border-box;
+  border-radius: 4px;
+
+  .card_box_img {
+    width: 48px;
+    height: 48px;
+    border-radius: 50%;
+    overflow: hidden;
+    margin-right: 20px;
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  .card_box_txt {
+    .sp1 {
+      display: block;
+      color: #252631;
+      font-size: 24px;
+    }
+
+    .sp2 {
+      display: block;
+      color: #98A9BC;
+      font-size: 12px;
+    }
+  }
+}
+</style>