厂商管理-厂商类型-新增厂商类型

src/views/platform/manufacturer/type.vue

@@ -16,12 +16,12 @@
             </el-form-item>
             <br />
             <el-form-item>
-                <el-button type="primary">新增</el-button>
+                <el-button type="primary" @click="open = true">新增</el-button>
                 <el-button>批量删除</el-button>
             </el-form-item>
         </el-form>
         <el-table :data="dataList" border>
-            <el-table-column label="排序" type="index" align="center"></el-table-column>
+            <el-table-column label="排序" align="center">1</el-table-column>
             <el-table-column label="类型名称" align="center">电子产品</el-table-column>
             <el-table-column label="厂商" align="center">45</el-table-column>
             <el-table-column label="更新时间" align="center">2022-12-31 12:31</el-table-column>
@@ -32,6 +32,28 @@
             </el-table-column>
         </el-table>
 
+        <el-dialog :visible.sync="open" title="新增厂商类型">
+            <el-form :inline="true" label-width="100px" label-position="left">
+                <el-form-item label="类型名称">
+                    <el-input v-model="form.name" placeholder="请输入类型名称"></el-input>
+                </el-form-item>
+                <el-form-item label="排序" style="margin-left:20px">
+                    <el-input v-model="form.sort" placeholder="数字越小排名越高"></el-input>
+                </el-form-item>
+                <el-form-item label="状态">
+                    <el-radio v-model="form.status" :key="item.value" v-for="item in dict.type.sys_normal_disable"
+                        :label="item.value">{{
+                            item.label
+                        }}</el-radio>
+                </el-form-item>
+            </el-form>
+            <div style="text-align:center">
+                <el-button type="primary" @click="$modal.msgSuccess('保存成功'); open = false">保存</el-button>
+                <el-button @click="reset">重置</el-button>
+
+            </div>
+        </el-dialog>
+
         <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
             :limit.sync="queryParams.pageSize" @pagination="getList" />
     </div>
@@ -42,16 +64,27 @@ export default {
     dicts: ['sys_normal_disable'],
     data() {
         return {
+            open: false,
             total: 1,
             dataList: [{}],
             queryParams: {
                 pageNum: 1,
                 pageSize: 10,
                 status: undefined
+            },
+            form: {
+                name: undefined,
+                status: undefined,
+                sort: undefined
             }
         }
     },
     methods: {
+        reset() {
+            this.form.name = undefined
+            this.form.status = undefined
+            this.form.sort = undefined
+        },
         getList() {
 
         }