!6 优化

Merge pull request !6 from 白书科技/fix/0906

src/compenents/tree-category/index.tsx

@@ -102,7 +102,7 @@ export const TreeCategory = (props: PropInterface) => {
           selectedKeys={selectKey}
           onExpand={onExpand}
           treeData={treeData}
-          defaultExpandAll={true}
+          // defaultExpandAll={true}
           switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
         />
       )}

src/compenents/tree-department/index.tsx

@@ -165,7 +165,7 @@ export const TreeDepartment = (props: PropInterface) => {
           onSelect={onSelect}
           onExpand={onExpand}
           treeData={treeData}
-          defaultExpandAll={true}
+          // defaultExpandAll={true}
           switcherIcon={<i className="iconfont icon-icon-fold c-gray" />}
         />
       )}

src/pages/course/compenents/create.tsx

@@ -695,7 +695,7 @@ export const CourseCreate: React.FC<PropInterface> = ({
                           form.setFieldsValue({ thumb: url });
                         }}
                       ></UploadImageButton>
-                      <span className="helper-text ml-16">
+                      <span className="helper-text ml-8">
                         （推荐尺寸:400x300px）
                       </span>
                     </div>

src/pages/course/compenents/update.tsx

@@ -96,8 +96,8 @@ export const CourseUpdate: React.FC<PropInterface> = ({
         type: type,
         short_desc: res.data.course.short_desc,
         hasChapter: chapterType,
-        published_at: res.data.published_at
+        published_at: res.data.course.published_at
-          ? dayjs(res.data.published_at, "YYYY-MM-DD HH:mm:ss")
+          ? dayjs(res.data.course.published_at, "YYYY-MM-DD HH:mm:ss")
           : "",
       });
       setType(type);
@@ -188,6 +188,10 @@ export const CourseUpdate: React.FC<PropInterface> = ({
     setType(e.target.value);
   };
 
+  const disabledDate = (current: any) => {
+    return current && current >= moment().add(0, "days"); // 选择时间要大于等于当前天。若今天不能被选择，去掉等号即可。
+  };
+
   return (
     <>
       {open ? (
@@ -388,7 +392,7 @@ export const CourseUpdate: React.FC<PropInterface> = ({
                           form.setFieldsValue({ thumb: url });
                         }}
                       ></UploadImageButton>
-                      <span className="helper-text ml-16">
+                      <span className="helper-text ml-8">
                         （推荐尺寸:400x300px）
                       </span>
                     </div>
@@ -403,22 +407,19 @@ export const CourseUpdate: React.FC<PropInterface> = ({
                   maxLength={200}
                 />
               </Form.Item>
-              <Form.Item label="上架时间" required={true}>
+              <Form.Item label="上架时间">
                 <Space align="baseline" style={{ height: 32 }}>
-                  <Form.Item
+                  <Form.Item name="published_at">
-                    name="published_at"
-                    rules={[{ required: true, message: "请选择上架时间!" }]}
-                  >
                     <DatePicker
+                    disabledDate={disabledDate}
                       format="YYYY-MM-DD HH:mm:ss"
                       style={{ width: 240 }}
                       showTime
                       placeholder="请选择上架时间"
                     />
                   </Form.Item>
-
+                  <div className="helper-text">
-                  <div className="helper-text ml-24">
+                    （上架时间越晚，排序越靠前）
-                    上架时间越晚，排序越靠前
                   </div>
                 </Space>
               </Form.Item>

src/pages/course/index.tsx

@@ -200,8 +200,8 @@ const CoursePage = () => {
       ),
     },
     {
-      title: "创建时间",
+      title: "上架时间",
-      dataIndex: "created_at",
+      dataIndex: "published_at",
       render: (text: string) => <span>{dateFormat(text)}</span>,
     },
     {

src/pages/member/compenents/create.tsx

@@ -161,6 +161,7 @@ export const MemberCreate: React.FC<PropInterface> = ({
                 rules={[{ required: true, message: "请输入登录邮箱!" }]}
               >
                 <Input
+                  autoComplete="off"
                   allowClear
                   style={{ width: 274 }}
                   placeholder="请输入学员登录邮箱"
@@ -172,6 +173,7 @@ export const MemberCreate: React.FC<PropInterface> = ({
                 rules={[{ required: true, message: "请输入登录密码!" }]}
               >
                 <Input.Password
+                  autoComplete="off"
                   allowClear
                   style={{ width: 274 }}
                   placeholder="请输入登录密码"

src/pages/member/compenents/update.tsx

@@ -202,6 +202,7 @@ export const MemberUpdate: React.FC<PropInterface> = ({
                 rules={[{ required: true, message: "请输入登录邮箱!" }]}
               >
                 <Input
+                  autoComplete="off"
                   style={{ width: 274 }}
                   allowClear
                   placeholder="请输入学员登录邮箱"
@@ -209,6 +210,7 @@ export const MemberUpdate: React.FC<PropInterface> = ({
               </Form.Item>
               <Form.Item label="登录密码" name="password">
                 <Input.Password
+                  autoComplete="off"
                   style={{ width: 274 }}
                   allowClear
                   placeholder="请输入登录密码"

src/pages/system/config/index.tsx

@@ -287,7 +287,7 @@ const SystemConfigPage = () => {
                     }}
                   ></UploadImageButton>
                 </div>
-                <div className="helper-text ml-24">
+                <div className="helper-text ml-8">
                   （推荐尺寸:240x80px，支持JPG、PNG）
                 </div>
               </div>
@@ -309,7 +309,7 @@ const SystemConfigPage = () => {
                     }}
                   ></UploadImageButton>
                 </div>
-                <div className="helper-text ml-24">
+                <div className="helper-text ml-8">
                   （推荐尺寸:240x80px，支持JPG、PNG）
                 </div>
               </div>
@@ -388,7 +388,7 @@ const SystemConfigPage = () => {
               <Form.Item name="player.disabled_drag" valuePropName="checked">
                 <Switch onChange={onDragChange} />
               </Form.Item>
-              <div className="helper-text ml-24">
+              <div className="helper-text">
                 （打开后禁止学员在首次学习中拖动进度条，以防刷课）
               </div>
             </Space>
@@ -401,7 +401,7 @@ const SystemConfigPage = () => {
               >
                 <Switch onChange={onSwitchChange} />
               </Form.Item>
-              <div className="helper-text ml-24">
+              <div className="helper-text">
                 （打开后播放器会随机出现跑马灯水印，以防录屏传播）
               </div>
             </Space>
@@ -482,7 +482,7 @@ const SystemConfigPage = () => {
                       form.setFieldsValue({ "player.poster": url });
                     }}
                   ></UploadImageButton>
-                  <div className="helper-text ml-24">
+                  <div className="helper-text ml-8">
                     （推荐尺寸:1920x1080px，视频播放未开始时展示）
                   </div>
                 </div>
@@ -504,7 +504,7 @@ const SystemConfigPage = () => {
                       form.setFieldsValue({ "player.poster": url });
                     }}
                   ></UploadImageButton>
-                  <div className="helper-text ml-24">
+                  <div className="helper-text ml-8">
                     （推荐尺寸:1920x1080px，视频播放未开始时展示）
                   </div>
                 </div>
@@ -559,7 +559,7 @@ const SystemConfigPage = () => {
                       form.setFieldsValue({ "member.default_avatar": url });
                     }}
                   ></UploadImageButton>
-                  <div className="helper-text ml-24">（新学员的默认头像）</div>
+                  <div className="helper-text ml-8">（新学员的默认头像）</div>
                 </div>
               </div>
             </Form.Item>
@@ -579,7 +579,7 @@ const SystemConfigPage = () => {
                       form.setFieldsValue({ "member.default_avatar": url });
                     }}
                   ></UploadImageButton>
-                  <div className="helper-text ml-24">（新学员的默认头像）</div>
+                  <div className="helper-text ml-8">（新学员的默认头像）</div>
                 </div>
               </div>
             </Form.Item>
@@ -706,8 +706,8 @@ const SystemConfigPage = () => {
                   placeholder="请填写服务地址"
                 />
               </Form.Item>
-              <div className="helper-text ml-24">
+              <div className="helper-text">
-                LDAP的对外服务地址。例如：ldap.example.com
+                （LDAP的对外服务地址。例如：ldap.example.com）
               </div>
             </Space>
           </Form.Item>
@@ -720,8 +720,8 @@ const SystemConfigPage = () => {
                   placeholder="请填写用户名"
                 />
               </Form.Item>
-              <div className="helper-text ml-24">
+              <div className="helper-text">
-                用户登录到LDAP。例子：cn=admin,dc=playedu,dc=xyz
+                （用户登录到LDAP。例子：cn=admin,dc=playedu,dc=xyz）
               </div>
             </Space>
           </Form.Item>
@@ -741,7 +741,7 @@ const SystemConfigPage = () => {
                   placeholder="请填写基本DN"
                 />
               </Form.Item>
-              <div className="helper-text ml-24">从LDAP根节点搜索用户</div>
+              <div className="helper-text">（从LDAP根节点搜索用户）</div>
             </Space>
           </Form.Item>
           <Form.Item style={{ marginBottom: 30 }} label="附件用户DN">
@@ -753,8 +753,8 @@ const SystemConfigPage = () => {
                   placeholder="请填写基本DN"
                 />
               </Form.Item>
-              <div className="helper-text ml-24">
+              <div className="helper-text">
-                搜索用户时，基于基础DN的搜索范围限制
+                （搜索用户时，基于基础DN的搜索范围限制）
               </div>
             </Space>
           </Form.Item>