From 27fb1103f54de70ac7d663849aa08471ae8a8693 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B0=B4=E8=90=BD=28YangLei=29?= <lzi.love@icloud.com>
Date: Tue, 13 Jul 2021 17:30:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=93=E4=B8=9A=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E5=8A=9F=E8=83=BD=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ranger.js                         | 11 ++++
 src/pages/ranger/basic/major/add_edit.vue | 67 ++++++++++++++++++++++
 src/pages/ranger/basic/major/index.js     |  3 +
 src/pages/ranger/basic/major/index.vue    | 68 +++++++++++++++++++++++
 src/router/config.js                      |  5 ++
 5 files changed, 154 insertions(+)
 create mode 100644 src/pages/ranger/basic/major/add_edit.vue
 create mode 100644 src/pages/ranger/basic/major/index.js
 create mode 100644 src/pages/ranger/basic/major/index.vue

diff --git a/src/api/ranger.js b/src/api/ranger.js
index 4bcc042..514670a 100644
--- a/src/api/ranger.js
+++ b/src/api/ranger.js
@@ -59,3 +59,14 @@ export function getExemptionApi(id) {
 export function updateExemptionApi(data) {
     return putReq(`/ranger/inspection/api/v1/exemptions`, data);
 }
+
+export function addMajorApi(data) {
+    return postReq(`/ranger/inspection/api/v1/specialities`, data);
+}
+export function updateMajorApi(data) {
+    return putReq('/ranger/inspection/api/v1/specialities', data);
+}
+
+export function getMajorInfoApi(id) {
+    return getReq(`/ranger/inspection/api/v1/specialities/${id}`);
+}
diff --git a/src/pages/ranger/basic/major/add_edit.vue b/src/pages/ranger/basic/major/add_edit.vue
new file mode 100644
index 0000000..5fda3a1
--- /dev/null
+++ b/src/pages/ranger/basic/major/add_edit.vue
@@ -0,0 +1,67 @@
+<template>
+    <Wraper :hidden="hidden" :onOk="submit" :refresh="refresh" :noFooter="isView">
+        <a-form-model layout="vertical" :model="form" :rules="rules" ref="form">
+            <a-form-model-item label="专业名称" prop="specialityName">
+                <a-input v-model="form.specialityName" :disabled="isView" />
+            </a-form-model-item>
+
+            <a-form-model-item label="所属地区" prop="regionId">
+                <UrlSelect
+                    url="/ranger/inspection/api/v1/region/list"
+                    v-model="form.regionId"
+                    labelFiled="regionName"
+                    valueFiled="regionId"
+                    :disabled="isView"
+                />
+            </a-form-model-item>
+
+            <a-form-model-item label="备注" prop="remark">
+                <a-textarea placeholder="Basic usage" :rows="4" v-model="form.remark" :disabled="isView" />
+            </a-form-model-item>
+        </a-form-model>
+    </Wraper>
+</template>
+
+<script>
+import Wraper from '@/components/table/wraper.vue';
+import UrlSelect from '@/components/MySelect/url_select.vue';
+import { addMajorApi, updateMajorApi, getMajorInfoApi } from '@/api';
+
+export default {
+    components: { Wraper, UrlSelect },
+    props: { hidden: Function, row: Object, type: String, refresh: Function },
+    data: () => ({
+        form: {},
+        rules: {
+            specialityName: [{ required: true }],
+            regionId: [{ required: true }],
+        },
+    }),
+
+    computed: {
+        isView() {
+            return this.type === 'view';
+        },
+        isEdit() {
+            return this.type === 'edit';
+        },
+        isAdd() {
+            return this.type === null;
+        },
+    },
+
+    async mounted() {
+        if (!this.isAdd) {
+            this.form = await getMajorInfoApi(this.row.specialityId);
+        }
+    },
+
+    methods: {
+        async submit() {
+            await this.$refs.form.validate();
+            if (this.isAdd) return addMajorApi(this.form);
+            if (this.isEdit) return updateMajorApi(this.form);
+        },
+    },
+};
+</script>
diff --git a/src/pages/ranger/basic/major/index.js b/src/pages/ranger/basic/major/index.js
new file mode 100644
index 0000000..65e6b7a
--- /dev/null
+++ b/src/pages/ranger/basic/major/index.js
@@ -0,0 +1,3 @@
+import Index from './index.vue';
+
+export default Index;
diff --git a/src/pages/ranger/basic/major/index.vue b/src/pages/ranger/basic/major/index.vue
new file mode 100644
index 0000000..d6a809f
--- /dev/null
+++ b/src/pages/ranger/basic/major/index.vue
@@ -0,0 +1,68 @@
+<template>
+    <Table
+        url="/ranger/inspection/api/v1/specialities"
+        rowKey="specialityId"
+        addBtn
+        :buttons="buttons"
+        ref="table"
+    >
+        <template #search="{ query }">
+            <MoreItem label="地区">
+                <UrlSelect
+                    url="/ranger/inspection/api/v1/region/list"
+                    v-model="query.regionId"
+                    labelFiled="regionName"
+                    valueFiled="regionId"
+                />
+            </MoreItem>
+            <MoreItem label="专业名称">
+                <a-input v-model="query.specialityName" />
+            </MoreItem>
+        </template>
+
+        <template #drawer="drawer">
+            <AddAndEdit v-bind="drawer" />
+        </template>
+
+        <a-table-column title="专业名称" data-index="specialityName" />
+        <a-table-column title="所属地区" data-index="regionName" />
+        <a-table-column title="修改人" data-index="editorName" />
+        <a-table-column title="修改时间" data-index="editTime" />
+    </Table>
+</template>
+
+<script>
+import Table from '@/components/table/table.vue';
+import UrlSelect from '@/components/MySelect/url_select.vue';
+import MoreItem from '@/components/table/more_item.vue';
+import AddAndEdit from './add_edit.vue';
+
+export default {
+    components: { Table, UrlSelect, MoreItem, AddAndEdit },
+    data() {
+        return {
+            buttons: [
+                { label: '编辑', click: this.edit },
+                { label: '详情', click: this.view },
+                { label: '人员', click: this.view },
+                {
+                    type: 'confirm',
+                    url: (row) => `/ranger/inspection/api/v1/specialities/${row.specialityId}`,
+                    after: this.refresh,
+                },
+            ],
+        };
+    },
+    methods: {
+        refresh() {
+            this.$refs.table.getData();
+        },
+        edit(row) {
+            this.$refs.table.show({ row, title: '编辑', type: 'edit' });
+        },
+        view(row) {
+            this.$refs.table.show({ row, title: '详情', type: 'view' });
+        },
+    },
+};
+</script>
diff --git a/src/router/config.js b/src/router/config.js
index 988de4c..ad5e860 100644
--- a/src/router/config.js
+++ b/src/router/config.js
@@ -80,6 +80,11 @@ const hasAuthorityRoutes = [
                                 name: '单元配置',
                                 component: () => import('@/pages/ranger/basic/unit'),
                             },
+                            {
+                                path: 'major',
+                                name: '专业配置',
+                                component: () => import('@/pages/ranger/basic/major'),
+                            },
                             {
                                 path: 'exemption',
                                 name: '免检配置',
-- 
GitLab