新增供应商信息页面

src/api/ProviderDetailApi.js

@@ -0,0 +1,9 @@
+import BaseCurdApi from './BaseCurdApi'
+
+class ProviderDetailApi extends BaseCurdApi {
+  constructor () {
+    super('/provider')
+  }
+}
+
+export default new ProviderDetailApi()

src/entries/ProviderDetail.js

@@ -0,0 +1,28 @@
+import BaseCurdEntry from './BaseCurdEntry'
+
+import providerDetailApiApi from '@@/api/ProviderDetailApi'
+
+export default class ProviderDetail extends BaseCurdEntry {
+  id
+
+  name
+
+  code
+
+  abbr
+
+  liaison
+
+  phone
+
+  mail
+
+  address
+  static get $$api () {
+    return providerDetailApiApi
+  }
+
+  static $$getQuery = () => ({
+    name: ''
+  })
+}

src/router/index.js

@@ -59,6 +59,14 @@ export default new Router({
           permission: 'isAuthenticated'
         },
         component: () => import('@@/views/MessageCenter.vue')
+      }, {
+        path: '/page-in-src/provider-detail',
+        name: 'ProviderDetail',
+        meta: {
+          title: '供应商信息',
+          permission: 'isAuthenticated'
+        },
+        component: () => import('@@/views/ProviderDetail.vue')
       }]
     }
   ]

src/views/ProviderDetail.vue

@@ -0,0 +1,125 @@
+<template>
+    <div class="wrapper flex column layout-gap">
+      <el-card shadow="hover" class="filter-card">
+        <el-form label-width="80px">
+          <el-row :gutter="$$Constant.LAYOUT_GAP">
+            <el-col :span="8">
+              <el-form-item label="供应商">
+                <el-input v-model="query.name"
+                    placeholder="输入供应商全名或缩写"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="16" class="text-right">
+              <el-button
+                plain
+                class="filter-button"
+                @click="onResetBtnClick"
+              >重置</el-button>
+              <el-button
+                type="primary"
+                class="filter-button"
+                @click="onSearchBtnClick"
+              >查询</el-button>
+            </el-col>
+          </el-row>
+        </el-form>
+      </el-card>
+
+      <el-card
+        shadow="hover"
+        class="z-card flex column flex-1 fit-size"
+      >
+        <div class="wrapper flex column layout-gap">
+
+          <div class="flex-1 fit-size">
+            <el-table
+              ref="table"
+              :data="list"
+              stripe
+              border
+              highlight-current-row
+              height="100%"
+              size="small"
+              class="custom-el-table-style"
+            >
+              <el-table-column
+                type="index"
+                label="序号"
+                width="60"
+                align="center"
+                fixed
+              ></el-table-column>
+              <el-table-column
+                label="供应商编码"
+                prop="code"
+                align="center"
+                min-width="80"
+                header-align="center"
+                fixed
+              ></el-table-column>
+              <el-table-column
+                label="供应商名称"
+                prop="name"
+                min-width="150"
+                header-align="center"
+                align="left"
+              ></el-table-column>
+              <el-table-column
+                label="供应商名称缩写"
+                prop="abbr"
+                min-width="100"
+                header-align="center"
+                align="left"
+              ></el-table-column>
+              <el-table-column
+                label="联系人"
+                prop="liaison"
+                min-width="80"
+                header-align="center"
+                align="center"
+              ></el-table-column>
+              <el-table-column
+                label="联系电话"
+                prop="phone"
+                min-width="80"
+                header-align="center"
+                align="center"
+              ></el-table-column>
+              <el-table-column
+                label="邮箱"
+                prop="mail"
+                min-width="100"
+                header-align="center"
+                align="left"
+              ></el-table-column>
+              <el-table-column
+                label="地址"
+                prop="address"
+                align="left"
+                min-width="200"
+                header-align="center"
+              ></el-table-column>
+            </el-table>
+          </div>
+
+          <my-pagination
+            :total="total"
+            :pagination="pagination"
+            @current-change="currentPageNoChange"
+          />
+        </div>
+      </el-card>
+    </div>
+  </template>
+
+<script>
+import BaseCurdList from '@@/utils/BaseCurdList'
+import ProviderDetail from '@@/entries/ProviderDetail'
+
+export default {
+  name: 'ProviderDetail',
+  extends: BaseCurdList(ProviderDetail)
+}
+</script>
+
+<style lang="scss" scoped></style>