From cfc3b0641abd34497ee5fec903d7a0d81bbfb1de Mon Sep 17 00:00:00 2001
From: TimSpan <cat20201314@163.com>
Date: Tue, 10 Sep 2024 11:06:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E5=AE=89=20=E9=80=80=E5=87=BA?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E3=80=81=E4=BC=98=E5=8C=96=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E7=BC=93=E5=AD=98=E3=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .DS_Store                                     | Bin 8196 -> 8196 bytes
 policeManagement/components.d.ts              |   1 +
 .../components/layout/header/LayoutHeader.vue |  46 ++++-
 .../src/components/layout/layout.vue          |   2 +-
 .../src/components/login/TelephoneLogin.vue   |   2 +
 policeManagement/src/router/staticRouters.ts  |  20 +-
 .../src/views/query/publicUnit.vue            |  28 +--
 .../src/views/user/user-weapp.vue             | 188 +++++++++++++++++-
 8 files changed, 257 insertions(+), 30 deletions(-)

diff --git a/.DS_Store b/.DS_Store
index ba064f90087374bfd70760eb9248466c979f871c..43e446128ab8b5e84c5acdef7a90ef1197c06346 100644
GIT binary patch
delta 169
zcmZp1XmQw}CQyHB0s{jB3xgg*IzuKyNp8N2OHxjL5>Sj|(!QFa68B?{sPZXz<qI+l
zgOl@f3xIkU7_7k*E70srh7^WWhQyq7Bv}TY-#|4oNYcob|K|(JE!lifz?mNaLIo*o

delta 169
zcmZp1XmQw}CQyIam4ShQg+Y%YogtH<Bsbs1B`GIA2`I+V;VYDo<$lZ&RXzo;d_jg`
zaB_Zb0Z<PEgS7*QWCfa?$&kX3%8;0ojwH*#F9np9L6SzcTxaD(*R0J41)TW-^6(|!

diff --git a/policeManagement/components.d.ts b/policeManagement/components.d.ts
index 4c56a83..d995202 100644
--- a/policeManagement/components.d.ts
+++ b/policeManagement/components.d.ts
@@ -18,6 +18,7 @@ declare module 'vue' {
     ADatePicker: typeof import('ant-design-vue/es')['DatePicker']
     ADivider: typeof import('ant-design-vue/es')['Divider']
     ADrawer: typeof import('ant-design-vue/es')['Drawer']
+    ADropdown: typeof import('ant-design-vue/es')['Dropdown']
     AForm: typeof import('ant-design-vue/es')['Form']
     AFormItem: typeof import('ant-design-vue/es')['FormItem']
     AInput: typeof import('ant-design-vue/es')['Input']
diff --git a/policeManagement/src/components/layout/header/LayoutHeader.vue b/policeManagement/src/components/layout/header/LayoutHeader.vue
index 3f087d7..9faea1d 100644
--- a/policeManagement/src/components/layout/header/LayoutHeader.vue
+++ b/policeManagement/src/components/layout/header/LayoutHeader.vue
@@ -1,20 +1,58 @@
 <template>
   <div class="flex-justify-between h-f">
     <div class="flex-center">
-      <menu-unfold-outlined v-if="collapsed" class="trigger" @click="() => (collapsed = !collapsed)" />
-      <menu-fold-outlined v-else class="trigger" @click="() => (collapsed = !collapsed)" />
+      <menu-unfold-outlined v-if="collapsed" class="trigger" @click="() => (collapsed = !collapsed)"/>
+      <menu-fold-outlined v-else class="trigger" @click="() => (collapsed = !collapsed)"/>
     </div>
     <div class="margin-right flex-center">
-      <a-avatar />
+
+      <a-dropdown :trigger="['click']">
+        <a-avatar @click.prevent/>
+
+        <template #overlay>
+          <a-menu>
+            <a-menu-item key="3" @click="showConfirm">退出登录</a-menu-item>
+          </a-menu>
+        </template>
+      </a-dropdown>
+
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
+
 // import { staticRouter } from '@/router/staticRouters.ts'
-import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue'
+import {MenuFoldOutlined, MenuUnfoldOutlined} from '@ant-design/icons-vue'
+import {useUserStore} from "@/stores/modules/userStore.ts";
 
 const collapsed = defineModel<boolean>('collapsed')
+import {Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import {createVNode} from 'vue';
+import router from "@/router";
+
+const showConfirm = () => {
+  Modal.confirm({
+    title: '确定要退出登录么？',
+    icon: createVNode(ExclamationCircleOutlined),
+    // content: createVNode('div', {style: 'color:red;'}, 'Some descriptions'),
+    async onOk() {
+      console.log('OK');
+
+      //清除登录信息
+      await useUserStore().resetUserInfo();
+      //跳转登录页
+      await router.push({
+        path: '/login'
+      })
+    },
+    onCancel() {
+      console.log('Cancel');
+    },
+    class: 'test',
+  });
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/policeManagement/src/components/layout/layout.vue b/policeManagement/src/components/layout/layout.vue
index d729689..60aad97 100644
--- a/policeManagement/src/components/layout/layout.vue
+++ b/policeManagement/src/components/layout/layout.vue
@@ -2,7 +2,7 @@
   <a-layout class="main-content">
     <a-layout-sider :collapsed="collapsed" theme="light" :trigger="null" collapsible>
       <div v-if="!collapsed" class="title flex-center">
-        <div>超级后台</div>
+        <div>公安后台</div>
       </div>
       <div v-else class="logo flex-center">
         <img src="@/assets/vue.svg" title="超级后台" alt="xx" />
diff --git a/policeManagement/src/components/login/TelephoneLogin.vue b/policeManagement/src/components/login/TelephoneLogin.vue
index 6817742..0c2d865 100644
--- a/policeManagement/src/components/login/TelephoneLogin.vue
+++ b/policeManagement/src/components/login/TelephoneLogin.vue
@@ -72,6 +72,8 @@ const login = async () => {
   })
   //保存token
   userStore.saveTokenInfo(resp.data as TokenInfo)
+  localStorage.setItem("openKeys", []);
+  localStorage.setItem("selectedKeys", []);
   //跳转页面
   router.push('/index').then(() => {
     notification.success({
diff --git a/policeManagement/src/router/staticRouters.ts b/policeManagement/src/router/staticRouters.ts
index b891f2d..6319e39 100644
--- a/policeManagement/src/router/staticRouters.ts
+++ b/policeManagement/src/router/staticRouters.ts
@@ -81,16 +81,16 @@ export const staticRouter: RouteRecordRaw[] =
                     },
                     component: () => import('@/views/query/publicUnit.vue')
                 },
-                {
-                    path: 'weapp-user',  // 这里使用相对路径而不是 '/register'
-                    name: 'weapp-user',
-                    meta: {
-
-                        title: '微信小程序用户',
-                        keepalive: true
-                    },
-                    component: () => import('@/views/query/weappUser.vue')
-                },
+                // {
+                //     path: 'weapp-user',  // 这里使用相对路径而不是 '/register'
+                //     name: 'weapp-user',
+                //     meta: {
+                //
+                //         title: '微信小程序用户',
+                //         keepalive: true
+                //     },
+                //     component: () => import('@/views/query/weappUser.vue')
+                // },
             ]
         },
         {
diff --git a/policeManagement/src/views/query/publicUnit.vue b/policeManagement/src/views/query/publicUnit.vue
index 9be2fe4..6ab443f 100644
--- a/policeManagement/src/views/query/publicUnit.vue
+++ b/policeManagement/src/views/query/publicUnit.vue
@@ -1,7 +1,8 @@
 <template>
   <div>
     <!-- 企事业单位 -->
-    <TableProMax ref="tableRef" :request-api="reqApi" :columns="columns" :searchFormOptions="searchFormOptions" :scroll="{ x }">
+    <TableProMax ref="tableRef" :request-api="reqApi" :columns="columns" :searchFormOptions="searchFormOptions"
+                 :scroll="{ x }">
       <!-- <template #tableHeader>
         <a-space>
           <a-button type="primary" @click="addUserManagement">新增用户</a-button>
@@ -15,18 +16,19 @@
 </template>
 
 <script setup lang="tsx">
-import { openDB, storeTreeData, loadTreeFromCache } from '@/utils/DB.ts'
+import {storeTreeData, loadTreeFromCache} from '@/utils/DB.ts'
 import api from '@/axios'
-import { ref, reactive } from 'vue'
+import {ref, reactive} from 'vue'
 import TableProMax from '@/components/table/TableProMax.vue'
-import { TableProMaxProps } from '@/types/components/table/index.ts'
-import { ComponentExposed } from 'vue-component-type-helpers'
-import { dictSelectNodes } from '@/config/dict.ts'
-import { publicUnitPagerQueryParams, FromItem } from '@/types/views/publicUnit.ts'
+import {TableProMaxProps} from '@/types/components/table/index.ts'
+import {ComponentExposed} from 'vue-component-type-helpers'
+import {dictSelectNodes} from '@/config/dict.ts'
+import {publicUnitPagerQueryParams, FromItem} from '@/types/views/publicUnit.ts'
 // import FormProMax from '@/components/form/FormProMax.vue'
-import { FormProMaxItemOptions } from '@/types/components/form//index.ts'
-import { FormExpose } from 'ant-design-vue/es/form/Form'
-import { message } from 'ant-design-vue'
+import {FormProMaxItemOptions} from '@/types/components/form//index.ts'
+import {FormExpose} from 'ant-design-vue/es/form/Form'
+import {message} from 'ant-design-vue'
+
 const formRef = ref<FormExpose>(null)
 type TableProps = TableProMaxProps<publicUnitPagerQueryParams>
 const tableRef = ref<ComponentExposed<typeof TableProMax>>(null!)
@@ -44,7 +46,7 @@ const columns: TableProps['columns'] = [
   {
     dataIndex: 'provinceName',
     title: '行政区划',
-    customRender: ({ record }) => {
+    customRender: ({record}) => {
       return `${record?.provinceName}/${record?.cityName}/${record?.districtsName}/${record?.streetName}`
     },
   },
@@ -70,14 +72,14 @@ const columns: TableProps['columns'] = [
   {
     dataIndex: 'contactPersonInfo',
     title: '联系人姓名',
-    customRender: ({ record }) => {
+    customRender: ({record}) => {
       return record?.contactPersonInfo?.name
     },
   },
   {
     dataIndex: 'contactPersonInfo',
     title: '联系人手机号',
-    customRender: ({ record }) => {
+    customRender: ({record}) => {
       return record?.contactPersonInfo?.telephone
     },
   },
diff --git a/policeManagement/src/views/user/user-weapp.vue b/policeManagement/src/views/user/user-weapp.vue
index eb7f79a..2d5ce26 100644
--- a/policeManagement/src/views/user/user-weapp.vue
+++ b/policeManagement/src/views/user/user-weapp.vue
@@ -1,8 +1,192 @@
 <template>
   <div>
     <!-- 小程序用户 -->
-    小程序用户
+    <TableProMax ref="tableRef" :request-api="reqApi" :columns="columns" :searchFormOptions="searchFormOptions"
+                 :scroll="{ x }">
+
+    </TableProMax>
+    <a-modal v-model:open="visible" :title="title" @ok="submit" @cancel="closeModal">
+
+    </a-modal>
   </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="tsx">
+import {storeTreeData, loadTreeFromCache} from '@/utils/DB.ts'
+import api from '@/axios'
+import {ref, reactive} from 'vue'
+import TableProMax from '@/components/table/TableProMax.vue'
+import {TableProMaxProps} from '@/types/components/table/index.ts'
+import {ComponentExposed} from 'vue-component-type-helpers'
+import {dictSelectNodes} from '@/config/dict.ts'
+import {publicUnitPagerQueryParams, FromItem} from '@/types/views/publicUnit.ts'
+import {FormProMaxItemOptions} from '@/types/components/form//index.ts'
+import {FormExpose} from 'ant-design-vue/es/form/Form'
+import {message} from 'ant-design-vue'
+
+const formRef = ref<FormExpose>(null)
+type TableProps = TableProMaxProps<publicUnitPagerQueryParams>
+const tableRef = ref<ComponentExposed<typeof TableProMax>>(null!)
+const reqApi: TableProps['requestApi'] = (params) => api.post('/management/miniProgramUserPager', params) //分页
+
+const columns: TableProps['columns'] = [
+  {
+    dataIndex: 'name',
+    title: '单位名称',
+  },
+  // {
+  //   dataIndex: 'code',
+  //   title: '单位代码',
+  // },
+  {
+    dataIndex: 'provinceName',
+    title: '行政区划',
+    customRender: ({record}) => {
+      return `${record?.provinceName}/${record?.cityName}/${record?.districtsName}/${record?.streetName}`
+    },
+  },
+
+  // {
+  //   dataIndex: 'isEnable',
+  //   title: '是否启用',
+  //   customRender: ({ text }) => <a-tag color={text?.extData?.color}>{text?.label}</a-tag>,
+  //   width: 150,
+  // },
+  // {
+  //   dataIndex: 'checkStatus',
+  //   title: '是否审核',
+  //   customRender: ({ record }) => {
+  //     return record.checkStatus?.extData?.color === 'success' ? <a-tag color='green'>{record?.checkStatus?.label}</a-tag> : <a-tag color='#f50'>{record?.checkStatus?.label}</a-tag>
+  //   },
+  // },
+  {
+    dataIndex: 'address',
+    title: '详细地址',
+  },
+
+  {
+    dataIndex: 'contactPersonInfo',
+    title: '联系人姓名',
+    customRender: ({record}) => {
+      return record?.contactPersonInfo?.name
+    },
+  },
+  {
+    dataIndex: 'contactPersonInfo',
+    title: '联系人手机号',
+    customRender: ({record}) => {
+      return record?.contactPersonInfo?.telephone
+    },
+  },
+  {
+    dataIndex: 'createTime',
+    title: '创建时间',
+  },
+  {
+    dataIndex: 'remark',
+    title: '备注',
+  },
+]
+const x: number = columns.reduce((a, b) => a + (b.width as number), 0)
+const visible = ref(false)
+const title = ref('新增用户')
+const addUserManagement = () => {
+  visible.value = true
+  title.value = ''
+}
+
+const getTree = async () => {
+  // 先尝试从缓存中加载数据
+  const cachedData = await loadTreeFromCache()
+  if (cachedData) {
+    console.log('未发请求')
+    // 如果缓存存在，直接使用缓存数据
+    return cachedData
+  } else {
+    console.log('发起了请求')
+    // 如果缓存不存在，发起 API 请求
+    const res = await api.get<any>('/common/administrativeDivisionTree')
+    await storeTreeData(res.data)
+    return res.data
+  }
+}
+const loadOptions = async () => {
+  const treeData = await getTree()
+  searchFormOptions.treeSelect.options = treeData
+}
+loadOptions()
+const searchFormOptions = reactive<TableProps['searchFormOptions']>({
+  name: {
+    type: 'input',
+    label: '名称',
+  },
+  treeSelect: {
+    type: 'cascader',
+    label: '行政区划',
+  },
+  telephone: {
+    type: 'input',
+    label: '手机号',
+  },
+  // isEnable: {
+  //   type: 'select',
+  //   label: '是否启用',
+  //   options: [
+  //     {
+  //       value: null,
+  //       label: '全部',
+  //     },
+  //     ...dictSelectNodes('IsEnable'),
+  //   ],
+  // },
+})
+
+const formParams = ref<{
+  snowFlakeId?: string
+  name: string
+  sex: number
+  telephone: string
+  isEnable: any
+  remark?: string
+}>({
+  name: '',
+  sex: 0,
+  telephone: '',
+  isEnable: 0,
+})
+
+const submit = async () => {
+  // await formRef.value.validate()
+}
+const closeModal = () => {
+  visible.value = false
+}
+const formItemOptions = ref<FormProMaxItemOptions<FromItem>>({
+  name: {
+    type: 'input',
+    label: '姓名',
+    required: true,
+  },
+  sex: {
+    type: 'radioGroup',
+    label: '性别',
+    options: dictSelectNodes('Sex'),
+    required: true,
+  },
+  telephone: {
+    type: 'input',
+    label: '手机号',
+    required: true,
+  },
+  isEnable: {
+    type: 'radioGroup',
+    label: '启用状态',
+    options: dictSelectNodes('IsEnable'),
+    required: true,
+  },
+  remark: {
+    type: 'inputTextArea',
+    label: '备注',
+  },
+})
+</script>