厂商管理-厂商列表

src/views/platform/manufacturer/index.vue

@@ -0,0 +1,107 @@
+<template>
+    <div class="app-container">
+        <el-form :inline="true">
+            <el-form-item>
+                <el-input placeholder="请输入厂商名称"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-input placeholder="请输入厂商ID"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-input placeholder="请输入联系人"></el-input>
+            </el-form-item>
+
+            <el-form-item>
+                <el-input placeholder="请输入电话"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-select placeholder="请选择类型"></el-select>
+            </el-form-item>
+            <el-form-item>
+                <el-select v-model="queryParams.manufacturerType" placeholder="全部状态" clearable>
+                    <el-option v-for="dict in dict.type.manufacturer_type" :key="dict.value" :label="dict.label"
+                        :value="dict.value"></el-option>
+                </el-select>
+            </el-form-item>
+
+
+            <el-form-item>
+                <el-button type="primary">查询</el-button>
+                <el-button>重置</el-button>
+            </el-form-item>
+            <br />
+
+            <el-form-item>
+                <el-button>批量锁定</el-button>
+                <el-button>批量开启</el-button>
+
+            </el-form-item>
+        </el-form>
+
+        <el-table :data="dataList" border>
+            <el-table-column align="center" type="selection">
+
+            </el-table-column>
+            <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="类型">
+                电子产品
+            </el-table-column>
+            <el-table-column align="center" label="联系人">
+                张三
+            </el-table-column>
+            <el-table-column align="center" label="联系电话">
+                18888888888
+            </el-table-column>
+            <el-table-column align="center" label="经销商">
+                125
+            </el-table-column>
+            <el-table-column align="center" label="直营门店">
+                1
+            </el-table-column>
+            <el-table-column align="center" label="商品数量">
+                1125
+            </el-table-column>
+            <el-table-column align="center" label="技术支持时间">
+                2022-12-31 12:31
+            </el-table-column>
+            <el-table-column align="center" label="存储到期时间">
+                2022-12-31 12:31
+            </el-table-column>
+            <el-table-column align="center" label="状态">
+                正常
+            </el-table-column>
+            <el-table-column align="center" label="操作">
+                <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: "Index",
+    dicts: ['manufacturer_type'],
+    data() {
+        return {
+            dataList: [{}],
+            //总记录数
+            total: 1,
+            //查询参数
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+                manufacturerType: undefined
+            }
+        }
+    }
+}
+</script>