From 0da4bf5b22d566b55f91d3cc1155d4e984681454 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=B5=A9=E7=8E=AE?= <chen.haowei@iwhalecloud.com>
Date: Tue, 13 Jul 2021 15:02:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js                              |  2 +-
 src/api/{xunjian.js => ranger.js}             | 16 ++++
 src/components/table/table.vue                |  4 +-
 src/pages/ranger/basic/place/add_edit.vue     | 74 ++++++++++++++++
 src/pages/ranger/basic/place/exempt.vue       | 43 +++++++++
 src/pages/ranger/basic/place/index.vue        | 88 ++++++++++++++++++-
 .../ranger/task_managment/center/index.vue    |  6 +-
 7 files changed, 225 insertions(+), 8 deletions(-)
 rename src/api/{xunjian.js => ranger.js} (60%)
 create mode 100644 src/pages/ranger/basic/place/add_edit.vue
 create mode 100644 src/pages/ranger/basic/place/exempt.vue

diff --git a/src/api/index.js b/src/api/index.js
index f46d324..b151e1c 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -3,7 +3,7 @@ import Lang from '@/utils/langUtils';
 export * from './menu';
 export * from './system';
 export * from './task';
-export * from './xunjian';
+export * from './ranger';
 
 export function getUserDetailInfoApi() {
     return request('/api/v1/detail', METHOD.GET);
diff --git a/src/api/xunjian.js b/src/api/ranger.js
similarity index 60%
rename from src/api/xunjian.js
rename to src/api/ranger.js
index 5bd1e19..26a2ca2 100644
--- a/src/api/xunjian.js
+++ b/src/api/ranger.js
@@ -19,3 +19,19 @@ export function addRegionApi(data) {
 export function editRegionApi(data) {
     return putReq(`ranger/inspection/api/v1/region`, data);
 }
+
+export function getPlaceInfoApi(id) {
+    return getReq(`/ranger/inspection/api/v1/place/${id}`);
+}
+
+export function addPlaceApi(data) {
+    return postReq('/ranger/inspection/api/v1/place', data);
+}
+
+export function editPlaceApi(data) {
+    return putReq('/ranger/inspection/api/v1/place', data);
+}
+
+export function getExemptionsListApi(data) {
+    return getReq(`/ranger/inspection/api/v1/exemptions/valid`, data);
+}
diff --git a/src/components/table/table.vue b/src/components/table/table.vue
index 10b222b..44f1340 100644
--- a/src/components/table/table.vue
+++ b/src/components/table/table.vue
@@ -90,7 +90,7 @@ export default {
         noPage: Boolean,
         formatData: Function,
         rowKey: [String, Function],
-        selected: Array,
+        selected: Object,
         drawerWidth: {
             type: Number,
             default: 600,
@@ -154,7 +154,7 @@ export default {
         rowSelection() {
             return {
                 onChange: (selectedRowKeys, selectedRows) => {
-                    this.$emit('update:selected', [selectedRowKeys, selectedRows]);
+                    this.$emit('update:selected', { keys: selectedRowKeys, rows: selectedRows });
                 },
             };
         },
diff --git a/src/pages/ranger/basic/place/add_edit.vue b/src/pages/ranger/basic/place/add_edit.vue
new file mode 100644
index 0000000..d26ff53
--- /dev/null
+++ b/src/pages/ranger/basic/place/add_edit.vue
@@ -0,0 +1,74 @@
+<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="placeName">
+                <a-input v-model="form.placeName" :disabled="isView" />
+            </a-form-model-item>
+
+            <a-form-model-item label="所属组织" prop="regionId">
+                <UrlSelect
+                    v-model="form.regionId"
+                    url="/ranger/inspection/api/v1/region/list"
+                    labelFiled="regionName"
+                    valueFiled="regionId"
+                    :disabled="isView"
+                />
+            </a-form-model-item>
+            <a-form-model-item label="二维码" prop="qrCode">
+                <a-input v-model="form.qrCode" :disabled="isView" />
+            </a-form-model-item>
+            <a-form-model-item label="二维码" prop="electronicTag">
+                <a-input v-model="form.electronicTag" :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 { addPlaceApi, editPlaceApi, getPlaceInfoApi } from '@/api';
+
+export default {
+    components: { Wraper, UrlSelect },
+    props: { hidden: Function, row: Object, type: String, refresh: Function },
+    data: () => ({
+        form: {},
+        rules: {
+            placeName: [{ required: true }],
+            regionId: [{ required: true }],
+            qrCode: [{ required: true }],
+            electronicTag: [{ 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 getPlaceInfoApi(this.row.placeId);
+        }
+    },
+
+    methods: {
+        async submit() {
+            await this.$refs.form.validate();
+            if (this.isAdd) return addPlaceApi(this.form);
+            if (this.isEdit) return editPlaceApi(this.form);
+        },
+    },
+};
+</script>
diff --git a/src/pages/ranger/basic/place/exempt.vue b/src/pages/ranger/basic/place/exempt.vue
new file mode 100644
index 0000000..84db6d3
--- /dev/null
+++ b/src/pages/ranger/basic/place/exempt.vue
@@ -0,0 +1,43 @@
+<template>
+    <Wraper :hidden="hidden" noFooter>
+        <a-list :data-source="data" :grid="{ gutter: 16, xs: 1, sm: 1, md: 1, lg: 1, xl: 1, xxl: 1 }">
+            <a-list-item slot="renderItem" slot-scope="item">
+                <a-card>
+                    <template #title>
+                        <a-tag v-if="item.exemptionState === 'EFFECTIVE'" color="#87d068"> 有效 </a-tag>
+                        <a-tag v-else color="#f50"> 无效 </a-tag>
+                        {{ `${item.startTime} 至 ${item.endTime}` }}
+                    </template>
+                    {{ item.exemptionReason }}
+                </a-card>
+            </a-list-item>
+        </a-list>
+    </Wraper>
+</template>
+
+<script>
+import Wraper from '@/components/table/wraper.vue';
+import { getExemptionsListApi } from '@/api';
+export default {
+    components: { Wraper },
+    props: { hidden: Function, row: Object },
+    data() {
+        return {
+            data: [],
+            loading: false,
+        };
+    },
+    mounted() {
+        this.getList();
+    },
+    methods: {
+        async getList() {
+            const { placeId, regionId } = this.row;
+            this.loading = true;
+            const data = await getExemptionsListApi({ placeId, regionId, exemptionType: 'PLACE' });
+            this.data = data;
+            this.loading = false;
+        },
+    },
+};
+</script>
diff --git a/src/pages/ranger/basic/place/index.vue b/src/pages/ranger/basic/place/index.vue
index 2b7d3c4..ee89014 100644
--- a/src/pages/ranger/basic/place/index.vue
+++ b/src/pages/ranger/basic/place/index.vue
@@ -1,7 +1,91 @@
 <template>
-    <div>place</div>
+    <Table
+        url="/ranger/inspection/api/v1/place/page"
+        rowKey="placeId"
+        :selected.sync="selected"
+        addBtn
+        :buttons="buttons"
+        ref="table"
+    >
+        <template #search="{ query }">
+            <MoreItem label="地区">
+                <UrlSelect
+                    v-model="query.regionId"
+                    url="/ranger/inspection/api/v1/region/list"
+                    labelFiled="regionName"
+                    valueFiled="regionId"
+                    placeholder="选择地区"
+                />
+            </MoreItem>
+            <MoreItem label="搜索">
+                <a-input v-model="query.inputValue" placeholder="请输入地点名称/二维码/电子标签" />
+            </MoreItem>
+        </template>
+
+        <template #operation>
+            <a-button @click="download">导出</a-button>
+        </template>
+
+        <template #drawer="drawer">
+            <AddAndEdit v-if="drawer.type !== 'exempt'" v-bind="drawer" />
+            <Exempt v-else v-bind="drawer" />
+        </template>
+
+        <a-table-column title="地点名称" data-index="placeName" />
+        <a-table-column title="所属地区" data-index="regionName" />
+        <a-table-column title="二维码" data-index="qrCode" />
+        <a-table-column title="电子标签" data-index="electronicTag" />
+        <a-table-column title="修改人" data-index="editorName" />
+        <a-table-column title="修改时间" data-index="editTime" />
+    </Table>
 </template>
 
 <script>
-export default {};
+import Table from '@/components/table/table.vue';
+import UrlSelect from '@/components/MySelect/url_select.vue';
+import MoreItem from '@/components/table/more_item.vue';
+import { downloadFileByUrl } from '@/utils';
+import AddAndEdit from './add_edit.vue';
+import Exempt from './exempt.vue';
+
+export default {
+    components: { Table, UrlSelect, MoreItem, AddAndEdit, Exempt },
+    data() {
+        return {
+            buttons: [
+                { label: '编辑', click: this.edit },
+                { label: '详情', click: this.view },
+                { label: '免检', click: this.exempt },
+                {
+                    type: 'confirm',
+                    url: (row) => `/ranger/inspection/api/v1/place/${row.placeId}`,
+                    after: this.refresh,
+                },
+            ],
+            selected: {},
+        };
+    },
+    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' });
+        },
+        exempt(row) {
+            this.$refs.table.show({ row, title: '免检', type: 'exempt' });
+        },
+        download() {
+            if (!this.selected?.keys?.length) return this.$message.error('请选择需要导出的数据');
+            downloadFileByUrl(
+                `/ranger/inspection/api/v1/place/exportQrCodeData?placeIdList=${this.selected.keys.join(
+                    ',',
+                )}`,
+            );
+        },
+    },
+};
 </script>
diff --git a/src/pages/ranger/task_managment/center/index.vue b/src/pages/ranger/task_managment/center/index.vue
index 2f3dee8..cc76888 100644
--- a/src/pages/ranger/task_managment/center/index.vue
+++ b/src/pages/ranger/task_managment/center/index.vue
@@ -187,13 +187,13 @@ export default {
                     after: this.refresh,
                 },
             ],
-            selected: [],
+            selected: {},
         };
     },
     methods: {
         async download() {
-            if (!this.selected.length) return this.$message.error('请选择需要导出的数据');
-            const url = await getXunJianDownloadUrlApi(this.selected[0]);
+            if (!this.selected?.keys?.length) return this.$message.error('请选择需要导出的数据');
+            const url = await getXunJianDownloadUrlApi(this.selected.keys);
             downloadFileByUrl(`${this.$fileUrl}${url}`);
         },
         refresh() {
-- 
GitLab