feats

config/routes.js

@@ -704,72 +704,77 @@ export default [
             ],
           },
           
-          // {
-          //   path: '/system',
-          //   name: '系统管理',
-          //   component: '../layouts/BlankLayout',
-          //   routes: [
-          //     {
-          //       path: '/system/person-level-setting',
-          //       name: '用户等级',
-          //       component: './system/personLevelSetting'
-          //     },
-          //     {
-          //       path: '/system/person-level-setting/detail',
-          //       name: '等级详情',
-          //       component: './system/personLevelSetting/detail',
-          //       hideInMenu: true,
-          //     },
-          //     {
-          //       path: '/system/messageList',
-          //       name: '客户留言',
-          //       component: './system/messageList',
-          //     },
-          //     {
-          //       path: '/system/report',
-          //       name: '报表数据',
-          //       component: './system/report',
-          //     },
-          //     {
-          //       path: '/system/intention',
-          //       name: '意向值',
-          //       component: './system/intention',
-          //     },
-          //     {
-          //       path: '/system/housingPolicy',
-          //       name: '购房须知',
-          //       component: './system/housingPolicy',
-          //     },
-          //     {
-          //       path: '/system/editPolicy',
-          //       name: '购房政策编辑',
-          //       hideInMenu: true,
-          //       component: './system/editPolicy',
-          //     },
-          //     {
-          //       path: '/system/document/list',
-          //       name: '客户资料',
-          //       component: './system/document/list',
-          //     },
-          //     {
-          //       path: '/system/document/audit',
-          //       name: '客户资料审核',
-          //       hideInMenu: true,
-          //       component: './system/document/audit',
-          //     },
-          //     // {
-          //     //   path: '/system/MiniappTheme',
-          //     //   name: '小程序主题',
-          //     //   component: './system/MiniappTheme',
-          //     // },
-          //     // {
-          //     //   path: '/system/MiniappTheme/Detail',
-          //     //   name: '小程序主题编辑',
-          //     //   component: './system/MiniappTheme/Detail',
-          //     //   hideInMenu: true,
-          //     // },
-          //   ],
-          // },
+          {
+            path: '/system',
+            name: '系统管理',
+            component: '../layouts/BlankLayout',
+            routes: [
+              {
+                path: 'mp-setting',
+                name: '公众号设置',
+                component: './mpSetting'
+              },
+              // {
+              //   path: '/system/person-level-setting',
+              //   name: '用户等级',
+              //   component: './system/personLevelSetting'
+              // },
+              // {
+              //   path: '/system/person-level-setting/detail',
+              //   name: '等级详情',
+              //   component: './system/personLevelSetting/detail',
+              //   hideInMenu: true,
+              // },
+              // {
+              //   path: '/system/messageList',
+              //   name: '客户留言',
+              //   component: './system/messageList',
+              // },
+              // {
+              //   path: '/system/report',
+              //   name: '报表数据',
+              //   component: './system/report',
+              // },
+              // {
+              //   path: '/system/intention',
+              //   name: '意向值',
+              //   component: './system/intention',
+              // },
+              // {
+              //   path: '/system/housingPolicy',
+              //   name: '购房须知',
+              //   component: './system/housingPolicy',
+              // },
+              // {
+              //   path: '/system/editPolicy',
+              //   name: '购房政策编辑',
+              //   hideInMenu: true,
+              //   component: './system/editPolicy',
+              // },
+              // {
+              //   path: '/system/document/list',
+              //   name: '客户资料',
+              //   component: './system/document/list',
+              // },
+              // {
+              //   path: '/system/document/audit',
+              //   name: '客户资料审核',
+              //   hideInMenu: true,
+              //   component: './system/document/audit',
+              // },
+              // {
+              //   path: '/system/MiniappTheme',
+              //   name: '小程序主题',
+              //   component: './system/MiniappTheme',
+              // },
+              // {
+              //   path: '/system/MiniappTheme/Detail',
+              //   name: '小程序主题编辑',
+              //   component: './system/MiniappTheme/Detail',
+              //   hideInMenu: true,
+              // },
+            ],
+          },
           {
             path: '/record',
             name: '数据记录',

src/pages/mpSetting/components/MiniAppMedia.jsx

@@ -0,0 +1,73 @@
+import React, { useEffect, useMemo, useState, useCallback } from 'react'
+import { Icon, Upload, Modal } from 'antd'
+import { fetch, apis } from '@/utils/request'
+
+const postMiniApp = fetch(apis.mp.miniapp)
+
+export default props => {
+  const [previewVisible, setPreviewVisible] = useState(false)
+  const [previewImage, setPreviewImage] = useState()
+  const [imageUrl, setImageUrl] = useState()
+  const [fileList, setFileList] = useState([])
+
+  const uploadButton = useMemo(() => {
+    return (
+      <div>
+        <Icon type="plus" />
+        <div>Upload</div>
+      </div>
+    )
+  }, [])
+  
+  const customRequest = useCallback(({file, onError, onSuccess}) => {
+    const data = new FormData()
+    data.append('file', file)
+
+    postMiniApp({ data }).then((res) => {
+      setImageUrl(res.url)
+      setFileList([{
+        uid: '-1',
+        name: 'image.png',
+        status: 'done',
+        url: res.url,
+      }])
+      props.onChange(res)
+      onSuccess(res.url, file)
+    }).catch(onError)
+
+    return {
+      abort() {
+        console.log('upload progress is aborted.');
+      },
+    }
+  }, [])
+
+  useEffect(() => {
+    if (props.value) {
+      setFileList([{
+        uid: '-1',
+        name: 'image.png',
+        status: 'done',
+        url: props.value,
+      }])
+    }
+  }, [props.value])
+
+  return (
+    <div>
+      <Upload
+        name="file"
+        accept=".png, .jpg, .jpeg, .gif"
+        listType="picture-card"
+        fileList={fileList}
+        customRequest={customRequest}
+        onPreview={() => setPreviewVisible(true)}
+      >
+        {fileList.length >= 1 ? null : uploadButton}
+      </Upload>
+      <Modal visible={previewVisible} footer={null} onCancel={() => setPreviewVisible(false)}>
+        <img alt="" style={{ width: '100%' }} src={previewImage} />
+      </Modal>
+    </div>
+  )
+}

src/pages/mpSetting/index.jsx

@@ -0,0 +1,85 @@
+import React, { useEffect, useState } from 'react'
+import { Form, Modal, Button, Input, InputNumber, Select, Radio, PageHeader } from 'antd'
+import { fetch, apis } from '@/utils/request'
+import MiniAppMedia from './components/MiniAppMedia'
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 6 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 12 },
+  },
+}
+
+const tailFormItemLayout = {
+  wrapperCol: {
+    xs: {
+      span: 24,
+      offset: 0,
+    },
+    sm: {
+      span: 16,
+      offset: 6,
+    },
+  },
+}
+
+const mpDetail = fetch(apis.mp.detail)
+
+export default Form.create()(props => {
+  const [detailData, setDetailData] = useState({})
+
+  const handleMiniAppChange = vals => {
+    setDetailData({
+      ...detailData,
+      miniappMedia: vals.mediaId,
+      miniappUrl: vals.url
+    })
+  }
+
+  useEffect(() => {
+    mpDetail().then(res => {
+      setDetailData(res)
+      props.form.setFieldsValue(res)
+    })
+  }, [])
+
+  return (
+    <div>
+      <PageHeader title="公众号设置" backIcon={false} />
+      <Form {...formItemLayout}>
+        {/* <Form.Item label="名称">
+          {
+            props.form.getFieldDecorator('name')(<Input placeholder="请填写名称" readOnly />)
+          }
+        </Form.Item> */}
+        <Form.Item label="APPID">
+          {
+            props.form.getFieldDecorator('appid')(<Input placeholder="请填写 APPID" readOnly />)
+          }
+        </Form.Item>
+        <Form.Item label="SECRET">
+          {
+            props.form.getFieldDecorator('secret')(<Input placeholder="请填写 SECRET" readOnly />)
+          }
+        </Form.Item>
+        <Form.Item label="TOKEN">
+          {
+            props.form.getFieldDecorator('token')(<Input placeholder="请填写 TOKEN" readOnly />)
+          }
+        </Form.Item>
+        <Form.Item label="AES_KEY">
+          {
+            props.form.getFieldDecorator('aesKey')(<Input placeholder="请填写 AES_KEY" readOnly />)
+          }
+        </Form.Item>
+        <Form.Item label="小程序封面">
+          <MiniAppMedia onChange={handleMiniAppChange} value={detailData.miniapp_url} />
+        </Form.Item>
+      </Form>
+    </div>
+  )
+})

src/services/apis.js

@@ -19,6 +19,18 @@ export default {
   announcement: announcement(prefix),
   ticket: ticket(prefix),
   propNews: propNews(prefix),
+  mp: {
+    detail: {
+      url: `${prefix}/mp/taMpInfo`,
+      method: 'GET',
+      action: 'admin.taMpInfo.get',
+    },
+    miniapp: {
+      url: `${prefix}/mp/material/miniapp`,
+      method: 'POST',
+      action: 'admin.mp-material.miniapp',
+    }
+  },
   person: {
     getPersonList: {
       url: `${prefix}/person-list`,

src/utils/request.js

@@ -110,7 +110,7 @@ request.interceptors.response.use(async (response, options) => {
         }
       }
 
-      if (data && data.token) {
+      if (data && data.token && data.token.split('.').length === 3) {
         window.localStorage.setItem('test-foobar', mixStr(data.token))
       }