经销商管理-经销商列表

src/views/platform/manufacturer/index.vue

@@ -2,10 +2,10 @@
     <div class="app-container">
         <el-form :inline="true">
             <el-form-item>
-                <el-input placeholder="请输入厂商名称"></el-input>
+                <el-input :placeholder="'请输入' + (manufacturerType === 1 ? '厂商' : '经销商') + '名称'"></el-input>
             </el-form-item>
             <el-form-item>
-                <el-input placeholder="请输入厂商ID"></el-input>
+                <el-input :placeholder="'请输入' + (manufacturerType === 1 ? '厂商' : '经销商') + 'ID'"></el-input>
             </el-form-item>
             <el-form-item>
                 <el-input placeholder="请输入联系人"></el-input>
@@ -14,7 +14,7 @@
             <el-form-item>
                 <el-input placeholder="请输入电话"></el-input>
             </el-form-item>
-            <el-form-item>
+            <el-form-item v-if="manufacturerType === 1">
                 <el-select v-model="queryParams.type" placeholder="请选择类型"></el-select>
             </el-form-item>
             <el-form-item>
@@ -31,7 +31,7 @@
             </el-form-item>
             <br />
 
-            <el-form-item v-if="type === 1">
+            <el-form-item v-if="type === '1'">
                 <el-button>批量锁定</el-button>
                 <el-button>批量开启</el-button>
             </el-form-item>
@@ -47,11 +47,16 @@
             <el-table-column align="center" label="ID">
                 CS000001
             </el-table-column>
-            <el-table-column align="center" label="厂商名称">
-                联想厂商
-            </el-table-column>
-            <el-table-column align="center" label="类型">
-                电子产品
+            <template v-if="manufacturerType === 1">
+                <el-table-column align="center" label="厂商名称">
+                    联想厂商
+                </el-table-column>
+                <el-table-column align="center" label="类型">
+                    电子产品
+                </el-table-column>
+            </template>
+            <el-table-column align="center" label="经销商名称" v-else>
+                联想经销商
             </el-table-column>
             <el-table-column align="center" label="联系人">
                 张三
@@ -60,11 +65,16 @@
                 18888888888
             </el-table-column>
             <template v-if="type === '1'">
-                <el-table-column align="center" label="经销商">
-                    125
-                </el-table-column>
-                <el-table-column align="center" label="直营门店">
-                    1
+                <template v-if="manufacturerType === 1">
+                    <el-table-column align="center" label="经销商">
+                        125
+                    </el-table-column>
+                    <el-table-column align="center" label="直营门店">
+                        1
+                    </el-table-column>
+                </template>
+                <el-table-column align="center" label="门店" v-else>
+                    1125
                 </el-table-column>
                 <el-table-column align="center" label="商品数量">
                     1125
@@ -143,8 +153,13 @@ export default {
         }
     },
     computed: {
+        // 1：列表，2：审核
         type() {
             return this.$route.fullPath.split('/').at(-1)
+        },
+        // 1:厂商，2：经销商
+        manufacturerType() {
+            return this.$route.fullPath.includes('manufacturer') ? 1 : 2
         }
     }
 }