src/api/sys/other.ts

@@ -13,7 +13,6 @@ export function getDevices(params, mode: ErrorMessageMode = 'modal') {
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }

src/api/sys/user.ts

@@ -39,22 +39,6 @@ export function getPermCode() {
 export function doLogout() {
   return defHttp.delete({ url: Api.Logout })
 }
-
-/**
- * @description:修改密码
- */
-export function ResetPassword(data, mode: ErrorMessageMode = 'modal') {
-  return defHttp.put(
-    {
-      url: `/api/users/reset-password`,
-      data,
-    },
-    {
-      errorMessageMode: mode,
-    },
-  )
-}
-
 /**
  * @description:权限数据
  */
@@ -79,7 +63,6 @@ export function getRoles(params, mode: ErrorMessageMode = 'modal') {
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }
@@ -148,7 +131,6 @@ export function getUsers(params, mode: ErrorMessageMode = 'modal') {
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }
@@ -164,7 +146,6 @@ export function getAgriculturalBasic(mode: ErrorMessageMode = 'modal') {
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }
@@ -179,7 +160,6 @@ export function getTownAgriculturalBasic(params, mode: ErrorMessageMode = 'modal
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }
@@ -342,21 +322,6 @@ export function getcrops(params, mode: ErrorMessageMode = 'modal') {
       url: `/api/crops`,
       params,
     },
-    {
-      errorMessageMode: mode,
-      isTransformResponse: false,
-    },
-  )
-}
-
-/**
- * @description:农作物详情
- */
-export function agriculturalBasicInfo(id: string, mode: ErrorMessageMode = 'modal') {
-  return defHttp.get(
-    {
-      url: `/api/crops/${id}`,
-    },
     {
       errorMessageMode: mode,
     },
@@ -416,7 +381,6 @@ export function getShrimpPrices(params, mode: ErrorMessageMode = 'modal') {
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }
@@ -472,7 +436,6 @@ export function getShrimpIndustries(params, mode: ErrorMessageMode = 'modal') {
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }
@@ -530,7 +493,6 @@ export function getShrimpFlows(params, mode: ErrorMessageMode = 'modal') {
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }
@@ -587,7 +549,6 @@ export function getMateriels(params, mode: ErrorMessageMode = 'modal') {
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }
@@ -637,6 +598,7 @@ export function deleteMateriels(id: string, mode: ErrorMessageMode = 'modal') {
  * @description:查看农作物产量
  */
 export function getCropYields(params, mode: ErrorMessageMode = 'modal') {
+  params.isReturnNativeResponse = false
   return defHttp.get(
     {
       url: `/api/crop-yields`,
@@ -644,7 +606,6 @@ export function getCropYields(params, mode: ErrorMessageMode = 'modal') {
     },
     {
       errorMessageMode: mode,
-      isTransformResponse: false,
     },
   )
 }
@@ -692,32 +653,3 @@ export function deleteCropYields(id: string, mode: ErrorMessageMode = 'modal') {
     },
   )
 }
-
-/**
- * @description:获取指定设备下面的基地
- */
-export function getGriculturalDeviceBasic(params, mode: ErrorMessageMode = 'modal') {
-  return defHttp.get(
-    {
-      url: `/api/agricultural-device-basic`,
-      params,
-    },
-    {
-      errorMessageMode: mode,
-    },
-  )
-}
-/**
- * @description:查询设备监控点
- */
-export function getaGriculturalDevicePoint(params, mode: ErrorMessageMode = 'modal') {
-  return defHttp.get(
-    {
-      url: `/api/agricultural-device-point/${params.agricultural_basic}`,
-      params,
-    },
-    {
-      errorMessageMode: mode,
-    },
-  )
-}

src/layouts/default/header/components/lock/LockModal.vue

@@ -44,7 +44,7 @@
       const userStore = useUserStore()
       const lockStore = useLockStore()
 
-      const getRealName = computed(() => userStore.getUserInfo?.username)
+      const getRealName = computed(() => userStore.getUserInfo?.realName)
       const [register, { closeModal }] = useModalInner()
 
       const [registerForm, { validateFields, resetFields }] = useForm({

src/layouts/default/header/components/user-dropdown/index.vue

@@ -4,17 +4,13 @@
       <img :class="`${prefixCls}__header`" :src="getUserInfo.avatar" />
       <span :class="`${prefixCls}__info hidden md:block`">
         <span :class="`${prefixCls}__name  `" class="truncate">
-          {{ getUserInfo.name }}
+          {{ getUserInfo.realName }}
         </span>
       </span>
     </span>
 
     <template #overlay>
       <Menu @click="handleMenuClick">
-        <!-- 修改密码 开始 -->
-        <MenuItem key="setPassword" text="修改密码" icon="ion:settings-outline" />
-        <MenuDivider />
-        <!-- 修改密码 结束 -->
         <MenuItem
           key="doc"
           :text="t('layout.header.dropdownItemDoc')"
@@ -36,9 +32,7 @@
       </Menu>
     </template>
   </Dropdown>
-  <!-- <LockAction @register="register" /> -->
+  <LockAction @register="register" />
-  <!-- 修改密码弹窗 -->
-  <PasswordModel @register="register" @success="handleSuccessModel" />
 </template>
 <script lang="ts">
   // components
@@ -60,9 +54,8 @@
   import { openWindow } from '/@/utils'
 
   import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'
-  import PasswordModel from './passwordModel.vue'
+
-  import { message } from 'ant-design-vue'
+  type MenuEvent = 'logout' | 'doc' | 'lock'
-  type MenuEvent = 'logout' | 'setPassword' | 'lock'
 
   export default defineComponent({
     name: 'UserDropdown',
@@ -72,7 +65,6 @@
       MenuItem: createAsyncComponent(() => import('./DropMenuItem.vue')),
       MenuDivider: Menu.Divider,
       LockAction: createAsyncComponent(() => import('../lock/LockModal.vue')),
-      PasswordModel,
     },
     props: {
       theme: propTypes.oneOf(['dark', 'light']),
@@ -84,8 +76,8 @@
       const userStore = useUserStore()
 
       const getUserInfo = computed(() => {
-        const { name = '', avatar } = userStore.getUserInfo || {}
+        const { realName = '', avatar, desc } = userStore.getUserInfo || {}
-        return { name, avatar: avatar || headerImg }
+        return { realName, avatar: avatar || headerImg, desc }
       })
 
       const [register, { openModal }] = useModal()
@@ -104,16 +96,13 @@
         openWindow(DOC_URL)
       }
 
-      function handleSuccessModel() {
-        message.success('操作成功')
-      }
       function handleMenuClick(e: MenuInfo) {
         switch (e.key as MenuEvent) {
           case 'logout':
             handleLoginOut()
             break
-          case 'setPassword':
+          case 'doc':
-            openModal(true)
+            openDoc()
             break
           case 'lock':
             handleLock()
@@ -129,7 +118,6 @@
         getShowDoc,
         register,
         getUseLockPage,
-        handleSuccessModel,
       }
     },
   })

src/layouts/default/header/components/user-dropdown/passwordModel.vue

@@ -1,55 +0,0 @@
-<template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="修改密码" @ok="handleSubmit">
-    <BasicForm @register="registerForm" />
-  </BasicModal>
-</template>
-<script lang="ts" setup>
-  import { FormSchema } from '/@/components/Table'
-  import { BasicModal, useModalInner } from '/@/components/Modal'
-  import { BasicForm, useForm } from '/@/components/Form/index'
-  import { message } from 'ant-design-vue'
-  import { ResetPassword } from '/@/api/sys/user'
-  const passwordFormSchema: FormSchema[] = [
-    {
-      field: 'password',
-      label: '密码',
-      required: true,
-      component: 'InputPassword',
-    },
-    {
-      field: 'password_confirmation',
-      label: '确认密码',
-      required: true,
-      component: 'InputPassword',
-    },
-  ]
-  const emits = defineEmits(['success', 'register'])
-
-  const [registerForm, { resetFields, validate }] = useForm({
-    labelWidth: 80,
-    baseColProps: { span: 24 },
-    schemas: passwordFormSchema,
-    showActionButtonGroup: false,
-    actionColOptions: {
-      span: 23,
-    },
-  })
-
-  const [registerModal, { setModalProps, closeModal }] = useModalInner(async () => {
-    resetFields()
-    setModalProps({ confirmLoading: false })
-  })
-
-  async function handleSubmit() {
-    try {
-      const values = await validate()
-      if (values.password_confirmation !== values.password) return message.error('两次密码不一致')
-      setModalProps({ confirmLoading: true })
-      await ResetPassword(values)
-      closeModal()
-      emits('success')
-    } finally {
-      setModalProps({ confirmLoading: false })
-    }
-  }
-</script>

src/layouts/default/header/index.vue

@@ -55,31 +55,31 @@
   </Header>
 </template>
 <script lang="ts">
-  import { defineComponent, unref, computed } from 'vue'
+  import { defineComponent, unref, computed } from 'vue';
 
-  import { propTypes } from '/@/utils/propTypes'
+  import { propTypes } from '/@/utils/propTypes';
 
-  import { Layout } from 'ant-design-vue'
+  import { Layout } from 'ant-design-vue';
-  import { AppLogo } from '/@/components/Application'
+  import { AppLogo } from '/@/components/Application';
-  import LayoutMenu from '../menu/index.vue'
+  import LayoutMenu from '../menu/index.vue';
-  import LayoutTrigger from '../trigger/index.vue'
+  import LayoutTrigger from '../trigger/index.vue';
 
-  import { AppSearch } from '/@/components/Application'
+  import { AppSearch } from '/@/components/Application';
 
-  import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting'
+  import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
-  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'
+  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
-  import { useRootSetting } from '/@/hooks/setting/useRootSetting'
+  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
 
-  import { MenuModeEnum, MenuSplitTyeEnum } from '/@/enums/menuEnum'
+  import { MenuModeEnum, MenuSplitTyeEnum } from '/@/enums/menuEnum';
-  import { SettingButtonPositionEnum } from '/@/enums/appEnum'
+  import { SettingButtonPositionEnum } from '/@/enums/appEnum';
-  import { AppLocalePicker } from '/@/components/Application'
+  import { AppLocalePicker } from '/@/components/Application';
 
-  import { UserDropDown, LayoutBreadcrumb, FullScreen, Notify, ErrorAction } from './components'
+  import { UserDropDown, LayoutBreadcrumb, FullScreen, Notify, ErrorAction } from './components';
-  import { useAppInject } from '/@/hooks/web/useAppInject'
+  import { useAppInject } from '/@/hooks/web/useAppInject';
-  import { useDesign } from '/@/hooks/web/useDesign'
+  import { useDesign } from '/@/hooks/web/useDesign';
 
-  import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'
+  import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
-  import { useLocale } from '/@/locales/useLocale'
+  import { useLocale } from '/@/locales/useLocale';
 
   export default defineComponent({
     name: 'LayoutHeader',
@@ -103,7 +103,7 @@
       fixed: propTypes.bool,
     },
     setup(props) {
-      const { prefixCls } = useDesign('layout-header')
+      const { prefixCls } = useDesign('layout-header');
       const {
         getShowTopMenu,
         getShowHeaderTrigger,
@@ -111,8 +111,9 @@
         getIsMixMode,
         getMenuWidth,
         getIsMixSidebar,
-      } = useMenuSetting()
+      } = useMenuSetting();
-      const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition } = useRootSetting()
+      const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition } =
+        useRootSetting();
 
       const {
         getHeaderTheme,
@@ -123,14 +124,14 @@
         getShowHeaderLogo,
         getShowHeader,
         getShowSearch,
-      } = useHeaderSetting()
+      } = useHeaderSetting();
 
-      const { getShowLocalePicker } = useLocale()
+      const { getShowLocalePicker } = useLocale();
 
-      const { getIsMobile } = useAppInject()
+      const { getIsMobile } = useAppInject();
 
       const getHeaderClass = computed(() => {
-        const theme = unref(getHeaderTheme)
+        const theme = unref(getHeaderTheme);
         return [
           prefixCls,
           {
@@ -138,36 +139,36 @@
             [`${prefixCls}--mobile`]: unref(getIsMobile),
             [`${prefixCls}--${theme}`]: theme,
           },
-        ]
+        ];
-      })
+      });
 
       const getShowSetting = computed(() => {
         if (!unref(getShowSettingButton)) {
-          return false
+          return false;
         }
-        const settingButtonPosition = unref(getSettingButtonPosition)
+        const settingButtonPosition = unref(getSettingButtonPosition);
 
         if (settingButtonPosition === SettingButtonPositionEnum.AUTO) {
-          return unref(getShowHeader)
+          return unref(getShowHeader);
         }
-        return settingButtonPosition === SettingButtonPositionEnum.HEADER
+        return settingButtonPosition === SettingButtonPositionEnum.HEADER;
-      })
+      });
 
       const getLogoWidth = computed(() => {
         if (!unref(getIsMixMode) || unref(getIsMobile)) {
-          return {}
+          return {};
         }
-        const width = unref(getMenuWidth) < 180 ? 180 : unref(getMenuWidth)
+        const width = unref(getMenuWidth) < 180 ? 180 : unref(getMenuWidth);
-        return { width: `${width}px` }
+        return { width: `${width}px` };
-      })
+      });
 
       const getSplitType = computed(() => {
-        return unref(getSplit) ? MenuSplitTyeEnum.TOP : MenuSplitTyeEnum.NONE
+        return unref(getSplit) ? MenuSplitTyeEnum.TOP : MenuSplitTyeEnum.NONE;
-      })
+      });
 
       const getMenuMode = computed(() => {
-        return unref(getSplit) ? MenuModeEnum.HORIZONTAL : null
+        return unref(getSplit) ? MenuModeEnum.HORIZONTAL : null;
-      })
+      });
 
       return {
         prefixCls,
@@ -191,9 +192,9 @@
         getShowSettingButton,
         getShowSetting,
         getShowSearch,
-      }
+      };
     },
-  })
+  });
 </script>
 <style lang="less">
   @import './index.less';

src/router/routes/modules/about.ts

@@ -0,0 +1,31 @@
+import type { AppRouteModule } from '/@/router/types'
+
+import { LAYOUT } from '/@/router/constant'
+import { t } from '/@/hooks/web/useI18n'
+
+const about: AppRouteModule = {
+  path: '/about',
+  name: 'About',
+  component: LAYOUT,
+  redirect: '/about/index',
+  meta: {
+    hideChildrenInMenu: true,
+    icon: 'simple-icons:about-dot-me',
+    title: t('routes.dashboard.about'),
+    orderNo: 100000,
+  },
+  children: [
+    {
+      path: 'index',
+      name: 'AboutPage',
+      component: () => import('/@/views/sys/about/index.vue'),
+      meta: {
+        title: t('routes.dashboard.about'),
+        icon: 'simple-icons:about-dot-me',
+        hideMenu: true,
+      },
+    },
+  ],
+}
+
+export default about

src/router/routes/modules/base.ts

@@ -139,30 +139,30 @@ const main: AppRouteModule = {
     //     title: '农业产业结构',
     //   },
     // },
-    // {
+    {
-    //   path: 'ranking-list',
+      path: 'ranking-list',
-    //   name: 'BaseRankingList',
+      name: 'BaseRankingList',
-    //   component: () => import('/@/views/base/ranking-list/index.vue'),
+      component: () => import('/@/views/base/ranking-list/index.vue'),
-    //   meta: {
+      meta: {
-    //     title: '产量排行榜', //
+        title: '产量排行榜', //
-    //   },
+      },
-    // },
+    },
-    // {
+    {
-    //   path: 'flow-to',
+      path: 'flow-to',
-    //   name: 'BaseFlowTo',
+      name: 'BaseFlowTo',
-    //   component: () => import('/@/views/base/flow-to/index.vue'),
+      component: () => import('/@/views/base/flow-to/index.vue'),
-    //   meta: {
+      meta: {
-    //     title: '农产品流向',
+        title: '农产品流向',
-    //   },
+      },
-    // },
+    },
-    // {
+    {
-    //   path: 'trend',
+      path: 'trend',
-    //   name: 'BaseTrend',
+      name: 'BaseTrend',
-    //   component: () => import('/@/views/base/trend/index.vue'),
+      component: () => import('/@/views/base/trend/index.vue'),
-    //   meta: {
+      meta: {
-    //     title: '农产品价格走势',
+        title: '农产品价格走势',
-    //   },
+      },
-    // },
+    },
   ],
 }
 

src/router/routes/modules/dashboard.ts

@@ -7,22 +7,22 @@ const dashboard: AppRouteModule = {
   path: '/dashboard',
   name: 'Dashboard',
   component: LAYOUT,
-  redirect: '/dashboard/workbench',
+  redirect: '/dashboard/analysis',
   meta: {
     orderNo: 10,
     icon: 'ion:grid-outline',
     title: t('routes.dashboard.dashboard'),
   },
   children: [
-    // {
+    {
-    //   path: 'analysis',
+      path: 'analysis',
-    //   name: 'Analysis',
+      name: 'Analysis',
-    //   component: () => import('/@/views/dashboard/analysis/index.vue'),
+      component: () => import('/@/views/dashboard/analysis/index.vue'),
-    //   meta: {
+      meta: {
-    //     // affix: true,
+        // affix: true,
-    //     title: t('routes.dashboard.analysis'),
+        title: t('routes.dashboard.analysis'),
-    //   },
+      },
-    // },
+    },
     {
       path: 'workbench',
       name: 'Workbench',

src/settings/localeSetting.ts

@@ -7,7 +7,7 @@ export const LOCALE: { [key: string]: LocaleType } = {
 }
 
 export const localeSetting: LocaleSetting = {
-  showPicker: false,
+  showPicker: true,
   // Locale
   locale: LOCALE.ZH_CN,
   // Default locale

src/settings/projectSetting.ts

@@ -66,11 +66,11 @@ const setting: ProjectConfig = {
     // Whether to show the full screen button
     showFullScreen: true,
     // Whether to show the document button
-    showDoc: false,
+    showDoc: true,
     // Whether to show the notification button
-    showNotice: false,
+    showNotice: true,
     // Whether to display the menu search
-    showSearch: false,
+    showSearch: true,
   },
 
   // Menu configuration

src/store/modules/user.ts

@@ -163,7 +163,7 @@ export const useUserStore = defineStore({
       const { t } = useI18n()
       createConfirm({
         iconType: 'warning',
-        title: () => h('span', t('sys.app.Tip')),
+        title: () => h('span', t('sys.app.logoutTip')),
         content: () => h('span', t('sys.app.logoutMessage')),
         onOk: async () => {
           await this.logout(true)

src/views/base/base-data/base.data.ts

@@ -93,7 +93,7 @@ export const accountFormSchema: FormSchema[] = [
     componentProps: {
       api: async () => {
         const res = await getTownAgriculturalBasic({ type: 2 })
-        return res.data
+        return res.items
       },
       labelField: 'name',
       valueField: 'id',
@@ -107,7 +107,7 @@ export const accountFormSchema: FormSchema[] = [
     componentProps: {
       api: async () => {
         const res = await getcrops({ type: 'all', crop_type: 1 })
-        return res.data.map((e) => {
+        return res.items.map((e) => {
           return {
             ...e,
             disabled: e.is_end === 0,

src/views/base/base-data/index.vue

@@ -48,11 +48,8 @@
   const [registerTable, { reload }] = useTable({
     title: '基地列表',
     api: async (e) => {
-      const { data, meta } = await getTownAgriculturalBasic({ type: 1, ...e })
+      const res = await getTownAgriculturalBasic({ type: 1, ...e })
-      return {
+      return res
-        items: data,
-        total: meta?.total,
-      }
     },
     rowKey: 'id',
     columns,

src/views/base/city-data/index.vue

@@ -70,11 +70,8 @@
       const [registerDrawer, { openDrawer }] = useDrawer()
       const [registerTable, { reload }] = useTable({
         api: async () => {
-          const { data, meta } = await getTownAgriculturalBasic({ type: 2 })
+          const res = await getTownAgriculturalBasic({ type: 2 })
-          return {
+          return res
-            items: data,
-            total: meta?.total,
-          }
         },
         columns,
         useSearchForm: false,
@@ -104,7 +101,7 @@
       }
       onMounted(async () => {
         let res = await getCitydataStatistics()
-        CityDate.value = res
+        CityDate.value = res.items
       })
       return {
         CityDate,

src/views/base/crop-yields/base-yields/BaseDrawer.vue

@@ -43,7 +43,7 @@
     setDrawerProps({ confirmLoading: false })
     if (unref(treeData).length === 0) {
       const res = await getcrops({ type: 'all', crop_type: 1 })
-      treeData.value = getTreeData(res.data, 0, 'parent_id', 'id', 'children', 'key')
+      treeData.value = getTreeData(res.items, 0, 'parent_id', 'id', 'children', 'key')
     }
     isUpdate.value = data?.isUpdate
     if (unref(isUpdate)) {

src/views/base/crop-yields/base-yields/base.data.ts

@@ -126,8 +126,8 @@ export const accountFormSchema: FormSchema[] = [
     required: true,
     componentProps: {
       api: async () => {
-        const { data } = await getTownAgriculturalBasic({ type: 1, page: 1, per_page: 99999 })
+        const res = await getTownAgriculturalBasic({ type: 1, page: 1, per_page: 99999 })
-        return data
+        return res.items
       },
       labelField: 'name',
       valueField: 'id',

src/views/base/crop-yields/base-yields/index.vue

@@ -40,11 +40,8 @@
   const [registerTable, { reload }] = useTable({
     api: async (e) => {
       if (e.year) e.year = dayjs(e.year).format('YYYY')
-      const { data, meta } = await getCropYields({ ...e, type: 1 })
+      const res = await getCropYields({ ...e, type: 1 })
-      return {
+      return res
-        items: data,
-        total: meta?.total,
-      }
     },
     rowKey: 'id',
     columns,

src/views/base/crop-yields/town-yields/TownDrawer.vue

@@ -43,7 +43,7 @@
     setDrawerProps({ confirmLoading: false })
     if (unref(treeData).length === 0) {
       const res = await getcrops({ type: 'all', crop_type: 2 })
-      treeData.value = getTreeData(res.data, 0, 'parent_id', 'id', 'children', 'key')
+      treeData.value = getTreeData(res.items, 0, 'parent_id', 'id', 'children', 'key')
     }
     isUpdate.value = data?.isUpdate
     if (unref(isUpdate)) {

src/views/base/crop-yields/town-yields/index.vue

@@ -40,11 +40,8 @@
   const [registerTable, { reload }] = useTable({
     api: async (e) => {
       if (e.year) e.year = dayjs(e.year).format('YYYY')
-      const { data, meta } = await getCropYields({ ...e, type: 2 })
+      const res = await getCropYields({ ...e, type: 2 })
-      return {
+      return res
-        items: data,
-        total: meta?.total,
-      }
     },
     rowKey: 'id',
     columns,

src/views/base/crop-yields/town-yields/town.data.ts

@@ -127,7 +127,7 @@ export const accountFormSchema: FormSchema[] = [
     componentProps: {
       api: async () => {
         const res = await getTownAgriculturalBasic({ type: 2, page: 1, per_page: 99999 })
-        return res.data
+        return res.items
       },
       labelField: 'name',
       valueField: 'id',

src/views/base/crops/base-crops/BaseDrawer.vue

@@ -7,20 +7,74 @@
     width="500px"
     @ok="handleSubmit"
   >
-    <BasicForm @register="registerForm">
+    <!-- <BasicForm @register="registerForm"> </BasicForm> -->
-      <template #parent="{ model, field }">
+    <Form class="w-full" :label-col="{ span: 4 }" ref="formRef" :model="modelRef">
-        <TreeSelect
+      <FormItem
-          v-model:value="model[field]"
+        label="产业"
-          :tree-data="treeData"
+        name="category_id"
+        :rules="{
+          required: true,
+          message: '请选择产业',
+          trigger: 'change',
+        }"
+      >
+        <Select
+          v-model:value="modelRef.category_id"
+          placeholder="请选择产业"
+          class="w-full"
+          :options="categoryDate"
+          :fieldNames="{ label: 'name', value: 'id' }"
+        ></Select>
+      </FormItem>
+      <FormItem
+        label="名称"
+        name="name"
+        :rules="{
+          required: true,
+          message: '请输入名称',
+          trigger: 'change',
+        }"
+      >
+        <Input v-model:value="modelRef.name" placeholder="请输入" class="w-full"></Input>
+      </FormItem>
+      <FormItem label="上级">
+        <Select
+          :options="parentDate"
+          :fieldNames="{ label: 'name', value: 'id' }"
+          v-model:value="modelRef.parent_id"
           placeholder="请选择"
-          allowClear
+          class="w-full"
-          :fieldNames="{ children: 'children', label: 'name', value: 'id' }"
+        ></Select>
-        ></TreeSelect>
+      </FormItem>
-      </template>
+      <FormItem
+        label="单位"
+        name="unit"
+        :rules="{
+          required: true,
+          message: '请输入单位',
+          trigger: 'change',
+        }"
+      >
+        <Input v-model:value="modelRef.unit" placeholder="请输入" class="w-full"></Input>
+      </FormItem>
+      <FormItem
+        label="排序"
+        name="sort"
+        :rules="{
+          required: true,
+          message: '请输入排序',
+          trigger: 'change',
+        }"
+      >
+        <Input v-model:value="modelRef.sort" placeholder="请输入" class="w-full"></Input>
+      </FormItem>
+      <FormItem label="是否是结点" name="is_end">
+        <Switch v-model:checked="modelRef.is_end" placeholder="请选择"></Switch>
+      </FormItem>
       <!--  -->
-      <template #extends="{ model, field }">
+      <template v-if="modelRef.is_end">
         <Space
-          v-for="(sight, index) in model[field]"
+          v-for="(sight, index) in modelRef.extends"
           :key="index"
           style="display: flex; margin-bottom: 8px"
           align="baseline"
@@ -33,7 +87,7 @@
               message: '请输入名称',
               trigger: 'change',
             }"
-            :label-col="{ span: 10 }"
+            :label-col="{ span: 8 }"
           >
             <Input v-model:value="sight.name" placeholder="请输入" class="w-full"></Input>
           </FormItem>
@@ -45,81 +99,113 @@
               message: '请输入单位',
               trigger: 'change',
             }"
-            :label-col="{ span: 10 }"
+            :label-col="{ span: 8 }"
           >
             <Input v-model:value="sight.unit" placeholder="请输入" class="w-full"></Input>
           </FormItem>
           <MinusCircleOutlined
-            @click="removeSight(sight, model[field])"
+            @click="removeSight(sight)"
-            v-if="model[field].length > 1"
+            v-if="modelRef.extends.length > 1"
-            :disabled="model[field].length === 1"
+            :disabled="modelRef.extends.length === 1"
           />
         </Space>
         <FormItem>
           <div class="flex items-center justify-center w-full px-80px">
-            <Button type="dashed" block @click="addSight(model[field])">
+            <Button type="dashed" block @click="addSight">
               <PlusOutlined />
               添加
             </Button>
           </div>
         </FormItem>
       </template>
-    </BasicForm>
+    </Form>
   </BasicDrawer>
 </template>
 <script lang="ts" setup>
-  import { getTreeData } from '/@/utils/index'
   import { ref, computed, unref } from 'vue'
-  import { BasicForm, useForm } from '/@/components/Form/index'
-  import { accountFormSchema } from './base.data'
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer'
-  import { TreeSelect, Space, FormItem, Input, Button } from 'ant-design-vue'
+  import { Form, Select, FormItem, Input, Switch, Button, Space } from 'ant-design-vue'
-  import { addcrops, editcrops, getcrops, agriculturalBasicInfo } from '/@/api/sys/user'
   import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons-vue'
+  import { getCropCate, addcrops, getcrops, editcrops } from '/@/api/sys/user'
+  import type { FormInstance } from 'ant-design-vue'
+  const formRef = ref<FormInstance>()
+  const categoryDate = ref([])
+  const parentDate = ref([])
+  const modelRef = ref({
+    id: null,
+    category_id: undefined, //产业ID
+    name: '', //名称
+    parent_id: undefined, //上级
+    unit: '', //单位
+    is_end: false, //是否是结点
+    extends: [{ name: '', unit: '' }],
+    sort: '', //排序
+  })
+
+  const addSight = () => {
+    modelRef?.value.extends.push({
+      name: '',
+      unit: '',
+    })
+  }
+  const removeSight = (item: any) => {
+    let index = modelRef.value.extends.indexOf(item)
+    if (index !== -1) {
+      modelRef.value.extends.splice(index, 1)
+    }
+  }
   const emits = defineEmits(['success', 'register'])
   const isUpdate = ref(false)
-  const treeData = ref([])
   const getTitle = computed(() => (!isUpdate.value ? '新增农作物' : '编辑农作物'))
-  const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-    labelWidth: 100,
-    baseColProps: { span: 24 },
-    schemas: accountFormSchema,
-    showActionButtonGroup: false,
-  })
   const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
-    resetFields()
+    formRef.value?.resetFields()
+    // 获取产业
+    const res = await getCropCate()
+    categoryDate.value = res
+    //获取上级数据
+    const resDate = await getcrops({ page: 1, per_page: 99999, crop_type: 1, type: 'all' })
+    parentDate.value = resDate.filter((e) => !e.is_end)
     setDrawerProps({ confirmLoading: false })
-    if (unref(treeData).length === 0) {
-      const res = await getcrops({ type: 'all', crop_type: 1 })
-      treeData.value = getTreeData(res.data, 0, 'parent_id', 'id', 'children', 'key')
-    }
     isUpdate.value = data?.isUpdate
     if (unref(isUpdate)) {
-      const res = await agriculturalBasicInfo(data.id)
+      modelRef.value = {
-      await setFieldsValue({
+        category_id: data.category_id,
-        ...res,
+        name: data.name,
-        is_end: res.is_end === 1 ? true : false,
+        parent_id: data.parent_id == 0 ? undefined : data.parent_id,
-        extends: res.extends.length ? res.extends : [{ name: '', unit: '' }],
+        unit: data.unit,
-        category_id: res?.category?.id,
+        is_end: data.is_end == 1 ? true : false,
-        parent_id: res.parent_id > 0 ? res.parent_id : undefined,
+        extends: data.extends.length ? JSON.parse(data.extends) : [],
-      })
+        sort: data.sort,
+        id: data.id,
+      }
     } else {
-      setFieldsValue({
+      modelRef.value = {
+        id: null,
+        category_id: undefined, //产业ID
+        name: '', //名称
+        parent_id: undefined, //上级
+        unit: '', //单位
+        is_end: false, //是否是结点
         extends: [{ name: '', unit: '' }],
-      })
+        sort: '', //排序
+      }
     }
   })
+
   const handleSubmit = async () => {
     try {
-      const values = await validate()
+      const values = await formRef.value?.validate()
-      values.crop_type = 1
+      const params = {
-      values.is_end = values.is_end ? true : false
+        crop_type: 1,
-      if (values.id) {
+        ...values,
+      }
+      setDrawerProps({ confirmLoading: true })
+      if (modelRef.value.id) {
         // 修改
-        await editcrops(values.id, values)
+        await editcrops(modelRef.value.id, params)
       } else {
         // 新增
-        await addcrops(values)
+        await addcrops(params)
       }
       closeDrawer()
       emits('success')
@@ -127,18 +213,4 @@
       setDrawerProps({ confirmLoading: false })
     }
   }
-  //添加
-  const addSight = (e: any) => {
-    e.push({
-      name: '',
-      unit: '',
-    })
-  }
-  // 删除
-  const removeSight = (item: any, e: any) => {
-    let index = e.indexOf(item)
-    if (index !== -1) {
-      e.splice(index, 1)
-    }
-  }
 </script>

src/views/base/crops/base-crops/base.data.ts

@@ -1,6 +1,5 @@
 import { BasicColumn } from '/@/components/Table'
 import { FormSchema } from '/@/components/Table'
-import { getCropCate } from '/@/api/sys/user'
 export const columns: BasicColumn[] = [
   {
     title: '名称',
@@ -28,69 +27,4 @@ export const columns: BasicColumn[] = [
 
 export const searchFormSchema: FormSchema[] = []
 
-export const accountFormSchema: FormSchema[] = [
+export const accountFormSchema: FormSchema[] = []
-  {
-    field: 'id',
-    label: 'ID',
-    required: false,
-    dynamicDisabled: true,
-    component: 'Input',
-    ifShow: ({ values }) => {
-      return !!values.id
-    },
-  },
-  {
-    field: 'category_id',
-    label: '产业',
-    required: true,
-    component: 'ApiSelect',
-    componentProps: {
-      api: async () => {
-        const res = await getCropCate()
-        return res
-      },
-      labelField: 'name',
-      valueField: 'id',
-    },
-  },
-  {
-    field: 'name',
-    label: '名称',
-    required: true,
-    component: 'Input',
-  },
-  {
-    field: 'parent_id',
-    label: '上级',
-    component: 'TreeSelect',
-    slot: 'parent',
-  },
-  {
-    field: 'unit',
-    label: '单位',
-    required: true,
-    component: 'Input',
-  },
-  // {
-  //   field: 'sort',
-  //   label: '排序',
-  //   required: true,
-  //   component: 'Input',
-  // },
-  {
-    field: 'is_end',
-    label: '是否是结点',
-    required: false,
-    component: 'Switch',
-  },
-  {
-    field: 'extends',
-    label: '',
-    required: false,
-    component: 'Input',
-    slot: 'extends',
-    ifShow: ({ values }) => {
-      return values.is_end === true
-    },
-  },
-]

src/views/base/crops/base-crops/index.vue

@@ -33,7 +33,7 @@
         </template>
       </template>
     </BasicTable>
-    <BaseDrawer @register="registerDrawer" @success="handleSuccess" />
+    <TownDrawer @register="registerDrawer" @success="handleSuccess" />
   </div>
 </template>
 <script lang="ts" setup>
@@ -41,18 +41,15 @@
   import { deleteCrops, getcrops } from '/@/api/sys/user'
   import { message } from 'ant-design-vue'
   import { useDrawer } from '/@/components/Drawer'
-  import BaseDrawer from './BaseDrawer.vue'
+  import TownDrawer from './BaseDrawer.vue'
   import { Button } from 'ant-design-vue'
   import { columns, searchFormSchema } from './base.data'
   const [registerDrawer, { openDrawer }] = useDrawer()
   const [registerTable, { reload }] = useTable({
     title: '基地农作物列表',
     api: async (e) => {
-      const { data, meta } = await getcrops({ type: 'all', ...e, crop_type: 1 })
+      const res = await getcrops({ type: 'all', ...e, crop_type: 1 })
-      return {
+      return res
-        items: data,
-        total: meta?.total,
-      }
     },
     rowKey: 'id',
     columns,

src/views/base/crops/town-crops/TownDrawer.vue

@@ -7,19 +7,74 @@
     width="500px"
     @ok="handleSubmit"
   >
-    <BasicForm @register="registerForm">
+    <!-- <BasicForm @register="registerForm"> </BasicForm> -->
-      <template #parent="{ model, field }">
+    <Form class="w-full" :label-col="{ span: 4 }" ref="formRef" :model="modelRef">
+      <FormItem
+        label="产业"
+        name="category_id"
+        :rules="{
+          required: true,
+          message: '请选择产业',
+          trigger: 'change',
+        }"
+      >
+        <Select
+          v-model:value="modelRef.category_id"
+          placeholder="请选择产业"
+          class="w-full"
+          :options="categoryDate"
+          :fieldNames="{ label: 'name', value: 'id' }"
+        ></Select>
+      </FormItem>
+      <FormItem
+        label="名称"
+        name="name"
+        :rules="{
+          required: true,
+          message: '请输入名称',
+          trigger: 'change',
+        }"
+      >
+        <Input v-model:value="modelRef.name" placeholder="请输入" class="w-full"></Input>
+      </FormItem>
+      <FormItem label="上级">
         <TreeSelect
-          v-model:value="model[field]"
+          :tree-data="parentDate"
-          :tree-data="treeData"
-          placeholder="请选择"
           :fieldNames="{ children: 'children', label: 'name', value: 'id' }"
+          v-model:value="modelRef.parent_id"
+          placeholder="请选择"
+          class="w-full"
         ></TreeSelect>
-      </template>
+      </FormItem>
+      <FormItem
+        label="单位"
+        name="unit"
+        :rules="{
+          required: true,
+          message: '请输入单位',
+          trigger: 'change',
+        }"
+      >
+        <Input v-model:value="modelRef.unit" placeholder="请输入" class="w-full"></Input>
+      </FormItem>
+      <FormItem
+        label="排序"
+        name="sort"
+        :rules="{
+          required: true,
+          message: '请输入排序',
+          trigger: 'change',
+        }"
+      >
+        <Input v-model:value="modelRef.sort" placeholder="请输入" class="w-full"></Input>
+      </FormItem>
+      <FormItem label="是否是结点" name="is_end">
+        <Switch v-model:checked="modelRef.is_end" placeholder="请选择"></Switch>
+      </FormItem>
       <!--  -->
-      <template #extends="{ model, field }">
+      <template v-if="modelRef.is_end">
         <Space
-          v-for="(sight, index) in model[field]"
+          v-for="(sight, index) in modelRef.extends"
           :key="index"
           style="display: flex; margin-bottom: 8px"
           align="baseline"
@@ -32,7 +87,7 @@
               message: '请输入名称',
               trigger: 'change',
             }"
-            :label-col="{ span: 10 }"
+            :label-col="{ span: 8 }"
           >
             <Input v-model:value="sight.name" placeholder="请输入" class="w-full"></Input>
           </FormItem>
@@ -44,81 +99,120 @@
               message: '请输入单位',
               trigger: 'change',
             }"
-            :label-col="{ span: 10 }"
+            :label-col="{ span: 8 }"
           >
             <Input v-model:value="sight.unit" placeholder="请输入" class="w-full"></Input>
           </FormItem>
           <MinusCircleOutlined
-            @click="removeSight(sight, model[field])"
+            @click="removeSight(sight)"
-            v-if="model[field].length > 1"
+            v-if="modelRef.extends.length > 1"
-            :disabled="model[field].length === 1"
+            :disabled="modelRef.extends.length === 1"
           />
         </Space>
         <FormItem>
           <div class="flex items-center justify-center w-full px-80px">
-            <Button type="dashed" block @click="addSight(model[field])">
+            <Button type="dashed" block @click="addSight">
               <PlusOutlined />
               添加
             </Button>
           </div>
         </FormItem>
       </template>
-    </BasicForm>
+    </Form>
   </BasicDrawer>
 </template>
 <script lang="ts" setup>
   import { getTreeData } from '/@/utils/index'
   import { ref, computed, unref } from 'vue'
-  import { BasicForm, useForm } from '/@/components/Form/index'
-  import { accountFormSchema } from './town.data'
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer'
-  import { TreeSelect, Space, FormItem, Input, Button } from 'ant-design-vue'
+  import { Form, Select, FormItem, Input, Switch, Button, Space, TreeSelect } from 'ant-design-vue'
-  import { addcrops, editcrops, getcrops, agriculturalBasicInfo } from '/@/api/sys/user'
   import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons-vue'
+  import { getCropCate, addcrops, getcrops, editcrops } from '/@/api/sys/user'
+  import type { FormInstance } from 'ant-design-vue'
+  const formRef = ref<FormInstance>()
+  const categoryDate = ref([])
+  const parentDate = ref([])
+  const modelRef = ref({
+    id: null,
+    category_id: undefined, //产业ID
+    name: '', //名称
+    parent_id: undefined, //上级
+    unit: '', //单位
+    is_end: false, //是否是结点
+    extends: [{ name: '', unit: '' }],
+    sort: '', //排序
+  })
+
+  const addSight = () => {
+    modelRef?.value.extends.push({
+      name: '',
+      unit: '',
+    })
+  }
+  const removeSight = (item: any) => {
+    let index = modelRef.value.extends.indexOf(item)
+    if (index !== -1) {
+      modelRef.value.extends.splice(index, 1)
+    }
+  }
   const emits = defineEmits(['success', 'register'])
   const isUpdate = ref(false)
-  const treeData = ref([])
   const getTitle = computed(() => (!isUpdate.value ? '新增农作物' : '编辑农作物'))
-  const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
-    labelWidth: 100,
-    baseColProps: { span: 24 },
-    schemas: accountFormSchema,
-    showActionButtonGroup: false,
-  })
   const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
-    resetFields()
+    formRef.value?.resetFields()
-    setDrawerProps({ confirmLoading: false })
+    // 获取产业
-    if (unref(treeData).length === 0) {
+    if (unref(categoryDate).length === 0) {
-      const res = await getcrops({ type: 'all', crop_type: 2 })
+      const res = await getCropCate()
-      treeData.value = getTreeData(res.data, 0, 'parent_id', 'id', 'children', 'key')
+      categoryDate.value = res.items
     }
+
+    //获取上级数据
+    if (unref(parentDate).length === 0) {
+      const resDate = await getcrops({ page: 1, per_page: 99999, crop_type: 2, type: 'all' })
+      parentDate.value = getTreeData(resDate.items, 0, 'parent_id', 'id', 'children', 'key')
+    }
+
+    setDrawerProps({ confirmLoading: false })
     isUpdate.value = data?.isUpdate
     if (unref(isUpdate)) {
-      const res = await agriculturalBasicInfo(data.id)
+      modelRef.value = {
-      await setFieldsValue({
+        category_id: data.category_id,
-        ...res,
+        name: data.name,
-        is_end: res.is_end === 1 ? true : false,
+        parent_id: data.parent_id == 0 ? undefined : data.parent_id,
-        extends: res.extends.length ? res.extends : [{ name: '', unit: '' }],
+        unit: data.unit,
-        category_id: res?.category?.id,
+        is_end: data.is_end ? true : false,
-        parent_id: res.parent_id > 0 ? res.parent_id : undefined,
+        extends: data.extends.length ? JSON.parse(data.extends) : [],
-      })
+        sort: data.sort,
+        id: data.id,
+      }
     } else {
-      setFieldsValue({
+      modelRef.value = {
+        id: null,
+        category_id: undefined, //产业ID
+        name: '', //名称
+        parent_id: undefined, //上级
+        unit: '', //单位
+        is_end: false, //是否是结点
         extends: [{ name: '', unit: '' }],
-      })
+        sort: '', //排序
+      }
     }
   })
+
   const handleSubmit = async () => {
     try {
-      const values = await validate()
+      const values = await formRef.value?.validate()
-      values.crop_type = 2
+      const params = {
-      values.is_end = values.is_end ? true : false
+        crop_type: 2,
-      if (values.id) {
+        ...values,
+      }
+      setDrawerProps({ confirmLoading: true })
+      if (modelRef.value.id) {
         // 修改
-        await editcrops(values.id, values)
+        await editcrops(modelRef.value.id, params)
       } else {
         // 新增
-        await addcrops(values)
+        await addcrops(params)
       }
       closeDrawer()
       emits('success')
@@ -126,18 +220,4 @@
       setDrawerProps({ confirmLoading: false })
     }
   }
-  //添加
-  const addSight = (e: any) => {
-    e.push({
-      name: '',
-      unit: '',
-    })
-  }
-  // 删除
-  const removeSight = (item: any, e: any) => {
-    let index = e.indexOf(item)
-    if (index !== -1) {
-      e.splice(index, 1)
-    }
-  }
 </script>

src/views/base/crops/town-crops/index.vue

@@ -48,11 +48,8 @@
   const [registerTable, { reload }] = useTable({
     title: '城镇农作物列表',
     api: async (e) => {
-      const { data, meta } = await getcrops({ type: 'all', ...e, crop_type: 2 })
+      const res = await getcrops({ type: 'all', ...e, crop_type: 2 })
-      return {
+      return res
-        items: data,
-        total: meta?.total,
-      }
     },
     rowKey: 'id',
     columns,

src/views/base/crops/town-crops/town.data.ts

@@ -1,6 +1,5 @@
 import { BasicColumn } from '/@/components/Table'
 import { FormSchema } from '/@/components/Table'
-import { getCropCate } from '/@/api/sys/user'
 export const columns: BasicColumn[] = [
   {
     title: '名称',
@@ -28,69 +27,4 @@ export const columns: BasicColumn[] = [
 
 export const searchFormSchema: FormSchema[] = []
 
-export const accountFormSchema: FormSchema[] = [
+export const accountFormSchema: FormSchema[] = []
-  {
-    field: 'id',
-    label: 'ID',
-    required: false,
-    dynamicDisabled: true,
-    component: 'Input',
-    ifShow: ({ values }) => {
-      return !!values.id
-    },
-  },
-  {
-    field: 'category_id',
-    label: '产业',
-    required: true,
-    component: 'ApiSelect',
-    componentProps: {
-      api: async () => {
-        const res = await getCropCate()
-        return res
-      },
-      labelField: 'name',
-      valueField: 'id',
-    },
-  },
-  {
-    field: 'name',
-    label: '名称',
-    required: true,
-    component: 'Input',
-  },
-  {
-    field: 'parent_id',
-    label: '上级',
-    component: 'TreeSelect',
-    slot: 'parent',
-  },
-  {
-    field: 'unit',
-    label: '单位',
-    required: true,
-    component: 'Input',
-  },
-  // {
-  //   field: 'sort',
-  //   label: '排序',
-  //   required: true,
-  //   component: 'Input',
-  // },
-  {
-    field: 'is_end',
-    label: '是否是结点',
-    required: false,
-    component: 'Switch',
-  },
-  {
-    field: 'extends',
-    label: '',
-    required: false,
-    component: 'Input',
-    slot: 'extends',
-    ifShow: ({ values }) => {
-      return values.is_end === true
-    },
-  },
-]

src/views/base/estate/materiels/index.vue

@@ -40,11 +40,9 @@
     title: '大宗物资 - 列表',
     api: async (e) => {
       if (e.year) e.year = dayjs(e.year).format('YYYY')
-      const { data, meta } = await getMateriels({ ...e })
+      const res = await getMateriels({ ...e })
-      return {
+      console.log(res)
-        items: data,
+      return res
-        total: meta?.total,
-      }
     },
     rowKey: 'id',
     columns,

src/views/base/estate/shrim-price/index.vue

@@ -40,11 +40,8 @@
     title: '稻虾价格 - 列表',
     api: async (e) => {
       if (e.year) e.year = dayjs(e.year).format('YYYY')
-      const { data, meta } = await getShrimpPrices({ ...e })
+      const res = await getShrimpPrices({ ...e })
-      return {
+      return res
-        items: data,
-        total: meta?.total,
-      }
     },
     rowKey: 'id',
     columns,

src/views/base/estate/shrimp-flows/index.vue

@@ -40,11 +40,8 @@
     title: '稻虾流向 - 列表',
     api: async (e) => {
       if (e.year) e.year = dayjs(e.year).format('YYYY')
-      const { data, meta } = await getShrimpFlows({ ...e })
+      const res = await getShrimpFlows({ ...e })
-      return {
+      return res
-        items: data,
-        total: meta?.total,
-      }
     },
     rowKey: 'id',
     columns,

src/views/base/estate/shrimp-industries/index.vue

@@ -40,11 +40,8 @@
     title: '稻虾产业 - 列表',
     api: async (e) => {
       if (e.year) e.year = dayjs(e.year).format('YYYY')
-      const { data, meta } = await getShrimpIndustries({ ...e })
+      const res = await getShrimpIndustries({ ...e })
-      return {
+      return res
-        items: data,
-        total: meta?.total,
-      }
     },
     rowKey: 'id',
     columns,

src/views/dashboard/workbench/components/WorkbenchHeader.vue

@@ -2,11 +2,11 @@
   <div class="lg:flex">
     <Avatar :src="userinfo.avatar || headerImg" :size="72" class="!mx-auto !block" />
     <div class="md:ml-6 flex flex-col justify-center md:mt-0 mt-2">
-      <h1 class="md:text-lg text-md"> {{ userinfo.name }}, 开始您一天的工作吧！</h1>
+      <h1 class="md:text-lg text-md">早安, {{ userinfo.realName }}, 开始您一天的工作吧！</h1>
-      <span class="text-secondary"> </span>
+      <span class="text-secondary"> 今日晴，20℃ - 32℃！ </span>
     </div>
     <div class="flex flex-1 justify-end md:mt-0 mt-4">
-      <!-- <div class="flex flex-col justify-center text-right">
+      <div class="flex flex-col justify-center text-right">
         <span class="text-secondary"> 待办 </span>
         <span class="text-2xl">2/10</span>
       </div>
@@ -18,16 +18,16 @@
       <div class="flex flex-col justify-center text-right md:mr-10 mr-4">
         <span class="text-secondary"> 团队 </span>
         <span class="text-2xl">300</span>
-      </div> -->
+      </div>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue'
+  import { computed } from 'vue';
-  import { Avatar } from 'ant-design-vue'
+  import { Avatar } from 'ant-design-vue';
-  import { useUserStore } from '/@/store/modules/user'
+  import { useUserStore } from '/@/store/modules/user';
-  import headerImg from '/@/assets/images/header.jpg'
+  import headerImg from '/@/assets/images/header.jpg';
 
-  const userStore = useUserStore()
+  const userStore = useUserStore();
-  const userinfo = computed(() => userStore.getUserInfo)
+  const userinfo = computed(() => userStore.getUserInfo);
 </script>

src/views/dashboard/workbench/index.vue

@@ -1,7 +1,7 @@
 <template>
   <PageWrapper>
     <template #headerContent> <WorkbenchHeader /> </template>
-    <!-- <div class="lg:flex">
+    <div class="lg:flex">
       <div class="lg:w-7/10 w-full !mr-4 enter-y">
         <ProjectCard :loading="loading" class="enter-y" />
         <DynamicInfo :loading="loading" class="!my-4 enter-y" />
@@ -15,22 +15,22 @@
 
         <SaleRadar :loading="loading" class="enter-y" />
       </div>
-    </div> -->
+    </div>
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-  import { ref } from 'vue'
+  import { ref } from 'vue';
-  // import { Card } from 'ant-design-vue'
+  import { Card } from 'ant-design-vue';
-  import { PageWrapper } from '/@/components/Page'
+  import { PageWrapper } from '/@/components/Page';
-  import WorkbenchHeader from './components/WorkbenchHeader.vue'
+  import WorkbenchHeader from './components/WorkbenchHeader.vue';
-  // import ProjectCard from './components/ProjectCard.vue'
+  import ProjectCard from './components/ProjectCard.vue';
-  // import QuickNav from './components/QuickNav.vue'
+  import QuickNav from './components/QuickNav.vue';
-  // import DynamicInfo from './components/DynamicInfo.vue'
+  import DynamicInfo from './components/DynamicInfo.vue';
-  // import SaleRadar from './components/SaleRadar.vue'
+  import SaleRadar from './components/SaleRadar.vue';
 
-  const loading = ref(true)
+  const loading = ref(true);
 
   setTimeout(() => {
-    loading.value = false
+    loading.value = false;
-  }, 1500)
+  }, 1500);
 </script>

src/views/device/management/index.vue

@@ -37,13 +37,7 @@
   const [registerDrawer, { openDrawer }] = useDrawer()
   const [registerTable, { reload }] = useTable({
     title: '设备列表',
-    api: async (e) => {
+    api: getDevices,
-      const { data, meta } = await getDevices({ ...e })
-      return {
-        items: data,
-        total: meta?.total,
-      }
-    },
     rowKey: 'id',
     columns,
     formConfig: {

src/views/device/management/management.data.ts

@@ -81,8 +81,9 @@ export const searchFormSchema: FormSchema[] = [
     component: 'ApiSelect',
     componentProps: {
       api: async () => {
-        const { data } = await getAgriculturalBasic()
+        const res = await getAgriculturalBasic()
-        return data
+        console.log(res)
+        return res.items
       },
       labelField: 'name',
       valueField: 'id',
@@ -96,7 +97,7 @@ export const searchFormSchema: FormSchema[] = [
     componentProps: {
       api: async () => {
         const res = await getDeviceTypes()
-        return formatDataByObject(res)
+        return formatDataByObject(res.items)
       },
     },
     colProps: { span: 6 },
@@ -142,7 +143,7 @@ export const accountFormSchema: FormSchema[] = [
     componentProps: {
       api: async () => {
         const res = await getDeviceTypes()
-        return formatDataByObject(res)
+        return formatDataByObject(res.items)
       },
     },
   },
@@ -153,8 +154,9 @@ export const accountFormSchema: FormSchema[] = [
     component: 'ApiSelect',
     componentProps: {
       api: async () => {
-        const { data } = await getAgriculturalBasic()
+        const res = await getAgriculturalBasic()
-        return data
+        console.log(res)
+        return res.items
       },
       labelField: 'name',
       valueField: 'id',

src/views/main/meteorological/index.vue

@@ -1,74 +1,13 @@
 <template>
   <PageWrapper>
-    <Card>
+    <a-card>
-      <Form ref="formRef" :model="formState">
+      <BasicForm
-        <Row :gutter="[16, 16]">
-          <Col
-            :xs="{ span: 24 }"
-            :sm="{ span: 12 }"
-            :md="{ span: 8 }"
-            :lg="{ span: 6 }"
-            :xl="{ span: 6 }"
-            :xxl="{ span: 4 }"
-          >
-            <FormItem label="基地">
-              <Select
-                :fieldNames="{ label: 'name', value: 'id' }"
-                :options="baseDate"
-                v-model:value="formState.base_id"
-                placeholder="请选择基地"
-              ></Select>
-            </FormItem>
-          </Col>
-          <Col
-            :xs="{ span: 24 }"
-            :sm="{ span: 12 }"
-            :md="{ span: 8 }"
-            :lg="{ span: 6 }"
-            :xl="{ span: 6 }"
-            :xxl="{ span: 4 }"
-          >
-            <FormItem label="检测点">
-              <Select v-model:value="formState.device_id"></Select>
-            </FormItem>
-          </Col>
-          <Col
-            :xs="{ span: 24 }"
-            :sm="{ span: 12 }"
-            :md="{ span: 8 }"
-            :lg="{ span: 6 }"
-            :xl="{ span: 6 }"
-            :xxl="{ span: 4 }"
-          >
-            <FormItem label="日期">
-              <RangePicker v-model:value="formState.time"></RangePicker>
-            </FormItem>
-          </Col>
-          <Col
-            :xs="{ span: 24 }"
-            :sm="{ span: 12 }"
-            :md="{ span: 8 }"
-            :lg="{ span: 6 }"
-            :xl="{ span: 6 }"
-            :xxl="{ span: 4 }"
-          >
-            <FormItem>
-              <RadioGroup button-style="solid" v-model:value="formState.time_interval">
-                <RadioButton value="a">今天</RadioButton>
-                <RadioButton value="B">近一周</RadioButton>
-                <RadioButton value="C">近一个月</RadioButton>
-              </RadioGroup>
-            </FormItem>
-          </Col>
-        </Row>
-      </Form>
-      <!-- <BasicForm
         autoFocusFirstItem
         :labelWidth="0"
         :schemas="schemas"
         :rowProps="{ gutter: [16, 0] }"
         :showActionButtonGroup="false"
-      /> -->
+      />
       <div class="md:flex enter-y flex-wrap -mr-4">
         <AirTemperature class="md:w-386px w-full !mr-4 !mb-4" :loading="false" />
         <AirHumidity class="md:w-386px w-full !mr-4 !mb-4" :loading="false" />
@@ -81,61 +20,130 @@
         <PM10 class="md:w-386px w-full !mr-4 !mb-4" :loading="false" />
         <PM25 class="md:w-386px w-full !mr-4 !mb-4" :loading="false" />
       </div>
-    </Card>
+    </a-card>
   </PageWrapper>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts">
-  import { PageWrapper } from '/@/components/Page'
+  import { PageWrapper } from '/@/components/Page';
-  import { ref, reactive, onMounted } from 'vue'
+  import { Card, Row, Col, Select } from 'ant-design-vue';
-  import {
+  import { defineComponent, ref } from 'vue';
-    Card,
+  import { BasicForm, FormSchema } from '/@/components/Form/index';
-    Form,
+  import { ColEx } from '/@/components/Form/src/types';
-    FormItem,
+  import AirTemperature from './components/AirTemperature.vue';
-    Select,
+  import AirHumidity from './components/AirHumidity.vue';
-    Row,
+  import LightIntensity from './components/LightIntensity.vue';
-    Col,
+  import Rainfall from './components/Rainfall.vue';
-    RadioGroup,
+  import WindSpeed from './components/WindSpeed.vue';
-    RadioButton,
+  import Pressure from './components/Pressure.vue';
-    RangePicker,
+  import WindDirection from './components/WindDirection.vue';
-  } from 'ant-design-vue'
+  import Noise from './components/Noise.vue';
-  import type { FormInstance } from 'ant-design-vue'
+  import PM10 from './components/Noise.vue';
-  import AirTemperature from './components/AirTemperature.vue'
+  import PM25 from './components/PM25.vue';
-  import AirHumidity from './components/AirHumidity.vue'
+  const valueSelectA = ref<string[]>([]);
-  import LightIntensity from './components/LightIntensity.vue'
+  const colProps: Partial<ColEx> = {
-  import Rainfall from './components/Rainfall.vue'
+    xs: 24,
-  import WindSpeed from './components/WindSpeed.vue'
+    sm: 12,
-  import Pressure from './components/Pressure.vue'
+    md: 8,
-  import WindDirection from './components/WindDirection.vue'
+    lg: 6,
-  import Noise from './components/Noise.vue'
+    xl: 6,
-  import PM10 from './components/Noise.vue'
+    xxl: 4,
-  import PM25 from './components/PM25.vue'
+  };
-  import { getGriculturalDeviceBasic, getaGriculturalDevicePoint } from '/@/api/sys/user'
+  const schemas: FormSchema[] = [
-  const formRef = ref<FormInstance>()
+    {
-  const formState = reactive({
+      field: 'field1',
-    base_id: undefined, //基地
+      component: 'Select',
-    device_id: undefined, //监控点
+      label: '',
-    checkNick: false,
+      colProps,
-    time: undefined, //时间
+      componentProps: {
-    time_interval: '',
+        placeholder: '基地',
-  })
+        options: [
-  const baseDate = ref([])
+          {
-  // 获取基地数据
+            label: '选项2',
-  const getBase = async () => {
+            value: '1',
-    const res = await getGriculturalDeviceBasic({ device_type: 4 })
+            key: '1',
-    baseDate.value = res
+          },
-    formState.base_id = res?.[0]?.id ?? undefined
+        ],
-    getPoint()
+        onChange: (e: any) => {
-  }
+          console.log(e);
-  // 获取监控到数据
+        },
-  const getPoint = async () => {
+      },
-    const res = await getaGriculturalDevicePoint({
+    },
-      device_type: 4,
+    {
-      agricultural_basic: formState.base_id,
+      field: 'field1',
-    })
+      component: 'Select',
-    console.log(res)
+      label: '',
-  }
+      colProps,
-  onMounted(() => {
+      componentProps: {
-    getBase()
+        placeholder: '检测点',
-  })
+        options: [
+          {
+            label: '选项2',
+            value: '1',
+            key: '1',
+          },
+        ],
+        onChange: (e: any) => {
+          console.log(e);
+        },
+      },
+    },
+    {
+      field: 'time',
+      component: 'RangePicker',
+      label: '',
+      colProps,
+      componentProps: {
+        placeholder: ['开始日期', '结束日期'],
+      },
+    },
+    {
+      field: 'disclosure',
+      component: 'RadioButtonGroup',
+      label: '',
+      colProps: colProps,
+      componentProps: {
+        options: [
+          {
+            label: '今天',
+            value: '1',
+          },
+          {
+            label: '近一周',
+            value: '2',
+          },
+          {
+            label: '近一个月',
+            value: '3',
+          },
+        ],
+      },
+    },
+  ];
+  export default defineComponent({
+    components: {
+      [Card.name]: Card,
+      [Row.name]: Row,
+      [Col.name]: Col,
+      [Select.name]: Select,
+      BasicForm,
+      PageWrapper,
+      AirTemperature,
+      AirHumidity,
+      LightIntensity,
+      Rainfall,
+      WindSpeed,
+      Pressure,
+      WindDirection,
+      Noise,
+      PM10,
+      PM25,
+    },
+    setup() {
+      return {
+        valueSelectA,
+        schemas,
+      };
+    },
+  });
 </script>

src/views/system/account/account.data.ts

@@ -142,8 +142,8 @@ export const accountFormSchema: FormSchema[] = [
     component: 'ApiSelect',
     componentProps: {
       api: async () => {
-        const { data } = await getRoles({})
+        const res = await getRoles({})
-        return data
+        return res.items
       },
       labelField: 'name',
       valueField: 'id',
@@ -209,8 +209,8 @@ export const accountFormSchema: FormSchema[] = [
     component: 'ApiSelect',
     componentProps: {
       api: async () => {
-        const { data } = await getAgriculturalBasic()
+        const res = await getAgriculturalBasic()
-        return data
+        return res.items
       },
       labelField: 'name',
       valueField: 'id',

src/views/system/account/index.vue

@@ -43,13 +43,7 @@
   const [registerDrawer, { openDrawer }] = useDrawer()
   const [registerTable, { reload }] = useTable({
     title: '账号列表',
-    api: async (e) => {
+    api: getUsers,
-      const { data, meta } = await getUsers({ ...e })
-      return {
-        items: data,
-        total: meta?.total,
-      }
-    },
     rowKey: 'id',
     columns,
     formConfig: {

src/views/system/role/RoleDrawer.vue

@@ -46,7 +46,7 @@
     if (unref(treeData).length === 0) {
       // treeData.value = (await getPermissions()) as any as TreeItem[]
       const res = await getPermissions()
-      treeData.value = res
+      treeData.value = res.items
     }
     isUpdate.value = data?.isUpdate
     if (unref(isUpdate)) {

src/views/system/role/index.vue

@@ -37,14 +37,7 @@
   const [registerDrawer, { openDrawer }] = useDrawer()
   const [registerTable, { reload }] = useTable({
     title: '角色列表',
-    api: async () => {
+    api: getRoles,
-      const { data, meta } = await getRoles({})
-      return {
-        items: data,
-        total: meta?.total,
-      }
-    },
-
     columns,
     formConfig: {
       labelWidth: 120,