From ca1ade1b2e7d059f4f972ad736b762e9edf3c4c0 Mon Sep 17 00:00:00 2001
From: panqihua <panqihua@melt.icu>
Date: Wed, 18 Jan 2023 02:51:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=8E=82=E5=95=86/=E7=BB=8F?=
 =?UTF-8?q?=E9=94=80=E5=95=86=E7=AE=A1=E7=90=86-=E8=AF=A6=E6=83=85-?=
 =?UTF-8?q?=E5=9F=BA=E6=9C=AC=E4=BF=A1=E6=81=AF=20=E5=BE=85=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/platform/manufacturer/base.vue      | 180 ++++++++++++++++++
 src/views/platform/manufacturer/detail.vue    | 158 +++------------
 .../platform/manufacturer/detail_table.vue    |   2 +-
 3 files changed, 205 insertions(+), 135 deletions(-)
 create mode 100644 src/views/platform/manufacturer/base.vue

diff --git a/src/views/platform/manufacturer/base.vue b/src/views/platform/manufacturer/base.vue
new file mode 100644
index 0000000..3e9c5d5
--- /dev/null
+++ b/src/views/platform/manufacturer/base.vue
@@ -0,0 +1,180 @@
+<template>
+    <div>
+        <div class="sub-title">锁定</div>
+        <div class="h1">基本信息</div>
+        <el-form :inline="true" :label-width="width + 'px'" 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>
+                    <br />
+                    <template v-if="type === '2'">
+                        <el-form-item label="审核">
+                            <el-radio v-model="form.audit" :key="item.value" v-for="item in dict.type.audit_status"
+                                :label="item.value">{{
+                                    item.label
+                                }}</el-radio>
+                        </el-form-item>
+                        <br />
+                        <el-form-item :style="{
+                            marginLeft: `${width}px`
+                        }">
+                            <el-input :autosize="{ minRows: 5 }" type="textarea" placeholder="拒绝原因"
+                                :minRow="5"></el-input>
+                        </el-form-item>
+
+                        <template v-if="manufacturerType === 2">
+                            <div class="h1">授权厂商</div>
+                            <el-form-item label="厂商名称">
+                                <el-input v-model="authorized.name"></el-input>
+                            </el-form-item>
+                            <br />
+                            <el-form-item label="选择品牌">
+                                <el-checkbox-group v-model="authorized.brands">
+                                    <el-checkbox v-for="item in 4" :label="item" :key="item">品牌{{ item }}</el-checkbox>
+                                </el-checkbox-group>
+                            </el-form-item>
+                            <br />
+                            <el-form-item label="授权书">
+                                <img src="http://www.dummyimage.com/100x100" />
+                            </el-form-item>
+                        </template>
+                    </template>
+                </el-col>
+                <el-col :span="5" :offset="1">
+                    <user-avatar :circle="false" show-bottom-label />
+                </el-col>
+            </el-row>
+            <div v-if="type === '2'" style="text-align:center">
+                <el-button type="primary" @click="$modal.msgSuccess('保存成功'); $emit('close')">保存</el-button>
+                <el-button @click="$emit('close')">关闭</el-button>
+            </div>
+        </el-form>
+    </div>
+</template>
+<script>
+import userAvatar from "@/views/system/user/profile/userAvatar";
+export default {
+    name: 'Base',
+    components: { userAvatar },
+    dicts: ['manufacturer_type_1', 'audit_status'],
+    data() {
+        return {
+            width: 100,
+            form: {
+                dateRange: '',
+                saveDateRange: '',
+                name: '厂商名称',
+                id: '145454',
+                userName: '账单',
+                phone: '18888888888',
+                type: '电子产品',
+                address: {
+                    province: '河南省',
+                    city: '郑州市',
+                    area: '金水区',
+                    address: '光明路128号'
+                },
+                status: '0',
+                audit: undefined
+            },
+            authorized: {
+                name: '厂商名称',
+                brands: []
+
+            }
+        }
+    },
+    computed: {
+        // 1：列表，2：审核
+        type() {
+            return this.$route.fullPath.split('/').at(-1)
+        },
+        // 1:厂商，2：经销商
+        manufacturerType() {
+            return this.$route.fullPath.includes('manufacturer') ? 1 : 2
+        }
+    }
+}
+</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/detail.vue b/src/views/platform/manufacturer/detail.vue
index 7c5c30a..de4a8de 100644
--- a/src/views/platform/manufacturer/detail.vue
+++ b/src/views/platform/manufacturer/detail.vue
@@ -1,153 +1,43 @@
 <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="width + 'px'" 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>
-                            <br />
-                            <el-form-item :style="{
-                                marginLeft: `${width}px`
-                            }" v-if="type === '2'">
-                                <el-input :autosize="{ minRows: 5 }" type="textarea" placeholder="拒绝原因"
-                                    :minRow="5"></el-input>
-                            </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">
-                <detail-table :type="1" />
-            </el-tab-pane>
-            <el-tab-pane label="直营门店（12）" name="direct_store">
-                <detail-table :type="2" />
-            </el-tab-pane>
-        </el-tabs>
+        <template v-if="type === '1'">
+            <el-tabs :activeName="activeName" type="card">
+                <el-tab-pane label="基本信息" name="base">
+                    <base-info @close="$emit('close')" />
+                </el-tab-pane>
+                <el-tab-pane label="经销商（5）" name="dealer">
+                    <detail-table :type="1" />
+                </el-tab-pane>
+                <el-tab-pane label="直营门店（12）" name="direct_store">
+                    <detail-table :type="2" />
+                </el-tab-pane>
+            </el-tabs>
+        </template>
+        <base-info @close="$emit('close')" v-else />
     </el-dialog>
 </template>
 <script>
-
-import userAvatar from "@/views/system/user/profile/userAvatar";
+import BaseInfo from "./base"
 import DetailTable from "./detail_table"
 export default {
     name: 'Detail',
-    components: { userAvatar, DetailTable },
-    dicts: ['manufacturer_type_1'],
+    components: { DetailTable, BaseInfo },
     props: {
-        open: false,
-        type: String
+        open: false
     },
     data() {
         return {
-            width: 100,
-            activeName: 'base',
-            form: {
-                dateRange: '',
-                saveDateRange: '',
-                name: '厂商名称',
-                id: '145454',
-                userName: '账单',
-                phone: '18888888888',
-                type: '电子产品',
-                address: {
-                    province: '河南省',
-                    city: '郑州市',
-                    area: '金水区',
-                    address: '光明路128号'
-                },
-                status: '0'
-            }
+            activeName: 'base'
+        }
+    },
+    computed: {
+        // 1：列表，2：审核
+        type() {
+            return this.$route.fullPath.split('/').at(-1)
         }
     }
 }
 </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/detail_table.vue b/src/views/platform/manufacturer/detail_table.vue
index 0c9c510..8ae18ff 100644
--- a/src/views/platform/manufacturer/detail_table.vue
+++ b/src/views/platform/manufacturer/detail_table.vue
@@ -28,7 +28,7 @@
 export default {
     name: 'DetailTable',
     props: {
-        type: String
+        type: Number
     },
     data() {
         return {