fix

src/app.config.js

@@ -27,6 +27,7 @@ export default defineAppConfig({
     "pages/feedback/issue/index",
     "pages/feedback/issuelist/index",
     "pages/user/list/index",
+    "pages/user/add/index",
   ],
   subpackages: [
     {

src/pages/user/add/index.jsx

@@ -0,0 +1,112 @@
+import React from "react";
+import Taro from "@tarojs/taro";
+import { View } from "@tarojs/components";
+import Page from "@/layouts/index";
+import {
+  Button,
+  Field,
+  Cell,
+  CellGroup,
+  CheckboxGroup,
+  Checkbox,
+} from "@antmjs/vantui";
+import { ROLE_ORG_MANAGER, ROLE_ORG_USER } from "@/utils/user";
+
+import { warn } from "@/utils/message";
+import { postSysUser } from "@/services/sysuser";
+
+export default (props) => {
+  const [loading, setLoading] = React.useState(false);
+  const [identity, setIdentity] = React.useState([]);
+  const [formData, setFormData] = React.useState({});
+
+  const setField = (name, value) => {
+    setFormData((data) => ({
+      ...data,
+      [name]: value,
+    }));
+  };
+  const onSubmit = () => {
+    try {
+      warn(!formData.name, "请填写姓名");
+      warn(!formData.phone, "请填写手机号");
+      warn(identity.length < 1, "请选择身份");
+    } catch (e) {
+      return;
+    }
+
+    setLoading(true);
+    postSysUser({ ...formData, dutyList: identity })
+      .then(() => {
+        setLoading(false);
+        Taro.navigateBack({
+          delta: 1,
+          fail: () => {
+            Taro.reLaunch({
+              url: "/pages/user/list/index",
+            });
+          },
+        });
+      })
+      .catch(() => {
+        setLoading(false);
+      });
+  };
+
+  return (
+    <Page>
+      <CellGroup>
+        <Field
+          required
+          label="姓名"
+          placeholder="请输入姓名"
+          value={formData.name}
+          onChange={(e) => setField("name", e.detail)}
+        />
+        <Field
+          required
+          label="手机号"
+          placeholder="请输入手机号"
+          value={formData.phone}
+          onChange={(e) => setField("phone", e.detail)}
+        />
+        <Cell
+          title="身份"
+          required
+          titleWidth="100px"
+          titleStyle={{
+            maxWidth: "6.2em",
+            minWidth: "6.2em",
+            marginRight: "12px",
+          }}
+        >
+          <View style={{ display: "flex" }}>
+            <CheckboxGroup
+              direction="horizontal"
+              value={identity}
+              onChange={(e) => {
+                console.info(e);
+                setIdentity([...e.detail]);
+              }}
+            >
+              <Checkbox name={ROLE_ORG_USER}>单位人员</Checkbox>
+              <Checkbox name={ROLE_ORG_MANAGER}>单位管理员</Checkbox>
+            </CheckboxGroup>
+          </View>
+        </Cell>
+
+        {/* // 单位人员
+export const ROLE_ORG_USER = 'org_user';
+
+// 单位管理员
+export const ROLE_ORG_MANAGER = 'org_manager'; */}
+      </CellGroup>
+
+      <View style={{ padding: "var(--main-space)", background: "#fff" }}>
+        <Button block type="primary" loading={loading} onClick={onSubmit}>
+          提交
+        </Button>
+      </View>
+    </Page>
+  );
+};

src/pages/user/list/index.jsx

@@ -1,48 +1,82 @@
-import React from 'react';
-import Taro from '@tarojs/taro';
-import { View } from '@tarojs/components';
-import { Cell, Button, Dialog } from '@antmjs/vantui';
-import Page from '@/layouts/index';
-import PowerList from '@/components/PowerList';
-import { getSysUser, deleteSysUser } from '@/services/sysuser';
+import React from "react";
+import Taro from "@tarojs/taro";
+import { View } from "@tarojs/components";
+import { Cell, Button, Dialog } from "@antmjs/vantui";
+import Page from "@/layouts/index";
+import PowerList from "@/components/PowerList";
+import { getSysUser, deleteSysUser } from "@/services/sysuser";
+import styles from "./index.module.less";
 
 export default (props) => {
-
   const [loading, setLoading] = React.useState(false);
   const listRef = React.useRef();
 
+  const onAdd = () => {
+    Taro.navigateTo({
+      url: "/pages/user/add/index",
+    });
+  };
+
   const onDelete = (user) => {
     Dialog.confirm({
-      title: '确认删除用户?',      
+      title: "确认删除用户?",
     }).then((e) => {
       const { action } = e.detail;
-      if (action === 'confirm') {
+      if (action === "confirm") {
         setLoading(true);
-        deleteSysUser(user.id).then(() => {
-          setLoading(false);
+        deleteSysUser(user.id)
+          .then(() => {
+            setLoading(false);
 
-          // 刷新列表
-          listRef.current.refresh();
-        }).catch(() => {
-          setLoading(false);
-        })
+            // 刷新列表
+            listRef.current.refresh();
+          })
+          .catch(() => {
+            setLoading(false);
+          });
       }
-    })
-  }
-  
+    });
+  };
+
   return (
     <Page loading={loading}>
-      <PowerList
-        ref={listRef}
-        request={getSysUser}
-        onLoadingChange={setLoading}
-        renderItem={(item) => (
-          <Cell key={item.userId} title={item.name} label={item.createDate.substring(0, 10)}>
-            <Button plain type="danger" size="small" onClick={() => onDelete(item)}>删除</Button>
-          </Cell>
-        )}
-      />
+      <view className={styles["user-warpper"]}>
+        <view className={styles["user-warpper-list"]}>
+          <PowerList
+            ref={listRef}
+            request={getSysUser}
+            onLoadingChange={setLoading}
+            renderItem={(item) => (
+              <Cell
+                key={item.userId}
+                title={item.name}
+                label={item.createDate.substring(0, 10)}
+              >
+                <Button
+                  plain
+                  type="danger"
+                  size="small"
+                  onClick={() => onDelete(item)}
+                >
+                  删除
+                </Button>
+              </Cell>
+            )}
+          />
+        </view>
 
+        <Button
+          type="primary"
+          size="large"
+          onClick={() => onAdd()}
+          style={{
+            margin: "var(--main-space)",
+            width: "calc(100% - var(--main-space) * 2)",
+          }}
+        >
+          添加
+        </Button>
+      </view>
     </Page>
-  )
-}
+  );
+};

src/pages/user/list/index.module.less

@@ -0,0 +1,12 @@
+// height: calc(100% - env(safe-area-inset-bottom));
+.user-warpper {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .user-warpper-list {
+    height: calc(100% - 78px);
+  }
+  .user-warpper-btn {
+    width: 100%;
+  }
+}