厂商管理-厂商列表-详情

src/views/platform/manufacturer/detail.vue

@@ -66,17 +66,22 @@
                     </el-row>
                 </el-form>
             </el-tab-pane>
-            <el-tab-pane label="经销商（5）" name="dealer"></el-tab-pane>
+            <el-tab-pane label="经销商（5）" name="dealer">
-            <el-tab-pane label="直营门店（12）" name="direct_store"></el-tab-pane>
+                <detail-table :type="1" />
+            </el-tab-pane>
+            <el-tab-pane label="直营门店（12）" name="direct_store">
+                <detail-table :type="2" />
+            </el-tab-pane>
         </el-tabs>
     </el-dialog>
 </template>
 <script>
 
 import userAvatar from "@/views/system/user/profile/userAvatar";
+import DetailTable from "./detail_table"
 export default {
     name: 'Detail',
-    components: { userAvatar },
+    components: { userAvatar, DetailTable },
     dicts: ['manufacturer_type_1'],
     props: {
         open: false

src/views/platform/manufacturer/detail_table.vue

@@ -0,0 +1,55 @@
+<template>
+    <div>
+        <el-button>批量锁定</el-button>
+        <el-button>批量开启</el-button>
+        <el-table :data="dataList" class="table">
+            <el-table-column type="selection" align="center"></el-table-column>
+            <el-table-column label="ID" align="center">CS000001</el-table-column>
+            <el-table-column label="经销商名称" align="center" v-if="type === 1">联想经销商</el-table-column>
+            <template v-else>
+                <el-table-column label="门店名称" align="center">门店名称</el-table-column>
+                <el-table-column label="门店类型" align="center">直营门店</el-table-column>
+            </template>
+            <el-table-column label="联系人" align="center">张三</el-table-column>
+            <el-table-column label="联系电话" align="center">188888888888</el-table-column>
+            <el-table-column label="经销商品" align="center">1125</el-table-column>
+            <el-table-column label="授权时间" align="center">2022-12-31 12:31</el-table-column>
+            <el-table-column label="状态" align="center">正常</el-table-column>
+            <el-table-column label="操作" align="center">
+                <el-button type="text">详情</el-button>
+                <el-button type="text">锁定</el-button>
+            </el-table-column>
+        </el-table>
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getList" />
+    </div>
+</template>
+<script>
+export default {
+    name: 'DetailTable',
+    props: {
+        type: Number
+    },
+    data() {
+        return {
+            dataList: [{}],
+            total: 1,
+            //查询参数
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10
+            }
+        }
+    },
+    methods: {
+        getList() {
+
+        }
+    }
+}
+</script>
+<style scoped lang="scss">
+.table {
+    margin-top: 10px;
+}
+</style>