From 1eaab450b34c4623eb5dcb61a584bd650401dd6f Mon Sep 17 00:00:00 2001
From: panqihua <panqihua@melt.icu>
Date: Tue, 17 Jan 2023 22:37:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=82=E5=95=86=E7=AE=A1=E7=90=86-=E5=8E=82?=
 =?UTF-8?q?=E5=95=86=E5=88=97=E8=A1=A8-=E5=9F=BA=E6=9C=AC=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/platform/manufacturer/detail.vue | 139 +++++++++++++++++++++
 src/views/platform/manufacturer/index.vue  |  14 ++-
 2 files changed, 151 insertions(+), 2 deletions(-)
 create mode 100644 src/views/platform/manufacturer/detail.vue

diff --git a/src/views/platform/manufacturer/detail.vue b/src/views/platform/manufacturer/detail.vue
new file mode 100644
index 0000000..d2fd7e2
--- /dev/null
+++ b/src/views/platform/manufacturer/detail.vue
@@ -0,0 +1,139 @@
+<template>
+    <el-dialog :visible="open" @close="$emit('close')" width="1000px">
+        <el-tabs :activeName="activeName" type="card">
+            <el-tab-pane label="基本信息" name="base">
+                <div class="sub-title">锁定</div>
+                <div class="h1">基本信息</div>
+                <el-form :inline="true" label-width="100px" label-position="left">
+                    <el-row>
+                        <el-col :span="18">
+                            <div class="w240">
+                                <el-form-item label="厂商名称">
+                                    <el-input v-model="form.name"></el-input>
+                                </el-form-item>
+                                <el-form-item label="厂商ID" class="ml">
+                                    <el-input v-model="form.id"></el-input>
+                                </el-form-item>
+                                <br />
+                                <el-form-item label="负责人姓名">
+                                    <el-input v-model="form.userName"></el-input>
+                                </el-form-item>
+                                <el-form-item label="负责人电话" class="ml">
+                                    <el-input v-model="form.phone"></el-input>
+                                </el-form-item>
+                                <el-form-item label="厂商类型">
+                                    <el-select v-model="form.type"></el-select>
+                                </el-form-item>
+                                <el-form-item label="技术支持时间" class="ml">
+                                    <el-date-picker v-model="form.dateRange" value-format="yyyy-MM-dd" type="daterange"
+                                        range-separator="-" start-placeholder="开始日期"
+                                        end-placeholder="结束日期"></el-date-picker>
+                                </el-form-item>
+                                <br />
+                                <el-form-item label="存储到期时间">
+                                    <el-date-picker v-model="form.saveDateRange" value-format="yyyy-MM-dd"
+                                        type="daterange" range-separator="-" start-placeholder="开始日期"
+                                        end-placeholder="结束日期"></el-date-picker>
+                                </el-form-item>
+                            </div>
+                            <el-form-item label="收货地址">
+                                <el-select v-model="form.address.province" placeholder="请选择">
+
+                                </el-select>
+                                <el-select v-model="form.address.city" placeholder="请选择">
+
+                                </el-select>
+                                <el-select v-model="form.address.area" placeholder="请选择">
+
+                                </el-select>
+                                <br />
+                                <el-input v-model="form.address.address" style="margin-top:10px"></el-input>
+                            </el-form-item>
+                            <el-form-item label="营业执照">
+                                <img src="http://www.dummyimage.com/100x100" />
+                            </el-form-item>
+                            <br />
+                            <el-form-item label="状态">
+                                <el-radio v-model="form.status" :key="item.value"
+                                    v-for="item in dict.type.manufacturer_type_1" :label="item.value">{{
+                                        item.label
+                                    }}</el-radio>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="5" :offset="1">
+                            <user-avatar :circle="false" show-bottom-label />
+                        </el-col>
+                    </el-row>
+                </el-form>
+            </el-tab-pane>
+            <el-tab-pane label="经销商（5）" name="dealer"></el-tab-pane>
+            <el-tab-pane label="直营门店（12）" name="direct_store"></el-tab-pane>
+        </el-tabs>
+    </el-dialog>
+</template>
+<script>
+
+import userAvatar from "@/views/system/user/profile/userAvatar";
+export default {
+    name: 'Detail',
+    components: { userAvatar },
+    dicts: ['manufacturer_type_1'],
+    props: {
+        open: false
+    },
+    data() {
+        return {
+            activeName: 'base',
+            form: {
+                dateRange: '',
+                saveDateRange: '',
+                name: '厂商名称',
+                id: '145454',
+                userName: '账单',
+                phone: '18888888888',
+                type: '电子产品',
+                address: {
+                    province: '河南省',
+                    city: '郑州市',
+                    area: '金水区',
+                    address: '光明路128号'
+                },
+                status: '0'
+            }
+        }
+    }
+}
+</script>
+<style scoped lang="scss">
+.w240 {
+
+    .el-input,
+    .el-select,
+    .el-date-editor {
+        width: 200px;
+    }
+
+}
+
+.h1 {
+    font-size: 16px;
+    text-align: left;
+    font-family: SourceHanSansSC-regular;
+    margin: 15px 0;
+}
+
+.ml {
+    margin-left: 5%;
+}
+
+.sub-title {
+    padding: 15px 20px;
+    background-color: #e1efff;
+
+    &>span {
+        font-size: 14px;
+        text-align: left;
+        font-family: SourceHanSansSC-regular;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/platform/manufacturer/index.vue b/src/views/platform/manufacturer/index.vue
index c020db9..1cb8392 100644
--- a/src/views/platform/manufacturer/index.vue
+++ b/src/views/platform/manufacturer/index.vue
@@ -15,7 +15,7 @@
                 <el-input placeholder="请输入电话"></el-input>
             </el-form-item>
             <el-form-item>
-                <el-select placeholder="请选择类型"></el-select>
+                <el-select v-model="queryParams.type" placeholder="请选择类型"></el-select>
             </el-form-item>
             <el-form-item>
                 <el-select v-model="queryParams.manufacturerType" placeholder="全部状态" clearable>
@@ -76,22 +76,27 @@
                 正常
             </el-table-column>
             <el-table-column align="center" label="操作">
-                <el-button type="text">详情</el-button>
+                <el-button type="text" @click="open = true">详情</el-button>
                 <el-button type="text">锁定</el-button>
 
             </el-table-column>
         </el-table>
 
+        <detail :open="open" @close="open = false" />
+
         <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
             :limit.sync="queryParams.pageSize" @pagination="getList" />
     </div>
 </template>
 <script>
+import Detail from "./detail"
 export default {
     name: "Index",
     dicts: ['manufacturer_type'],
+    components: { Detail },
     data() {
         return {
+            open: false,
             dataList: [{}],
             //总记录数
             total: 1,
@@ -102,6 +107,11 @@ export default {
                 manufacturerType: undefined
             }
         }
+    },
+    methods: {
+        getList() {
+
+        }
     }
 }
 </script>