新增标签供应商

src/api/TagProviderDetailApi.js

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

src/entries/TagProviderDetail.js

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

src/router/index.js

@@ -99,6 +99,14 @@ export default new Router({
           permission: 'isAuthenticated'
         },
         component: () => import('@@/views/PrintQueue.vue')
+      }, {
+        path: '/page-in-src/tag-provider-detail',
+        name: 'TagProviderDetail',
+        meta: {
+          title: '标签供应商',
+          permission: 'isAuthenticated'
+        },
+        component: () => import('@@/views/TagProviderDetail.vue')
       }]
     }
   ]

src/views/ProviderDetail.vue

@@ -81,7 +81,7 @@
               <el-table-column
                 label="联系电话"
                 prop="phone"
-                min-width="80"
+                min-width="100"
                 header-align="center"
                 align="center"
               ></el-table-column>

src/views/TagProviderDetail.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="100"
+                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 TagProviderDetail from '@@/entries/TagProviderDetail'
+
+export default {
+  name: 'TagProviderDetail',
+  extends: BaseCurdList(TagProviderDetail)
+}
+</script>
+
+<style lang="scss" scoped></style>