third

config/routes.js

@@ -363,6 +363,24 @@ export default [
               },
             ],
           },
+          {
+            path: '/third',
+            name: '第三方管理',
+            component: '../layouts/BlankLayout',
+            routes: [
+              {
+                path: '/third/thirdList',
+                name: '第三方公司',
+                component: './third/thirdList',
+              },
+              {
+                path: '/third/editThirdParty',
+                name: '编辑活动',
+                hideInMenu: true,
+                component: './third/editThirdParty',
+              },
+            ],
+          },
           {
             component: './404',
           },

src/pages/third/editThirdParty.jsx

@@ -0,0 +1,109 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker, message, Upload } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import apis from '../../services/apis';
+import moment from 'moment';
+import router from 'umi/router';
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+import XForm, { FieldTypes } from '../../components/XForm';
+import Wangedit from '../../components/Wangedit/Wangedit'
+import request from '../../utils/request'
+import yinhao from '../../assets/yinhao.png'
+import ImageUploader from '../../components/XForm/ImageUpload';
+import logo from '../../assets/logo.png';
+import touxiang from '../../assets/touxiang.jpg';
+import poster1 from '../../assets/poster1.png';
+import poster2 from '../../assets/poster2.png';
+import xiaochengxu from '../../assets/xiaochengxu.png'
+
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+const { TextArea } = Input;
+
+/**
+ *
+ *
+ * @param {*} props
+ * @returns
+ */
+const third = (props) => {
+  const configId = props.location.query.configId
+  const [thirdData, setThirdData] = useState({})
+  if (configId) {
+    useEffect(() => {
+      getThirdData(configId);
+    }, [])
+
+    // 查询列表
+    const getThirdData = (configId) => {
+      request({ ...apis.third.details, urlData: { id: configId } }).then((data) => {
+        console.log(data)
+        setThirdData(data)
+      })
+    }
+  }
+
+  const cancelPage = () => {
+    router.push({
+      pathname: '/third/thirdList',
+    });
+  }
+ 
+  const fields = [
+    {
+      label: 'appid',
+      name: 'appid',
+      type: FieldTypes.Text,
+      value: thirdData.appid,
+      rules: [
+        { required: true, message: '请输入appid' },
+      ]
+    },
+    {
+      label: 'appSecret',
+      name: 'appSecret',
+      type: FieldTypes.Text,
+      value: thirdData.appSecret,
+      rules: [
+        { required: true, message: '请输入appSecret' },
+      ]
+    },
+    {
+      label: '过期时间',
+      name: 'expirationDate',
+      type: FieldTypes.DatePicker,
+      value: thirdData.expirationDate != null ? moment(thirdData.expirationDate, 'YYYY-MM-DD HH:mm') : null,
+      rules: [
+        { required: true, message: '请选择时间' },
+      ]
+    },
+  ]
+
+  const handleSubmit = val => {
+    console.log('submit data --->', val)
+    if (configId) {
+      val.configId = configId
+      request({ ...apis.third.update, data: val }).then((data) => {
+        message.info("保存成功")
+        cancelPage()
+      }).catch((err) => {
+        message.info(err.msg || err.message)
+      })
+    } else {
+      request({ ...apis.third.add, data: val }).then((data) => {
+        message.info("保存成功")
+        cancelPage()
+      }).catch((err) => {
+        message.info(err.msg || err.message)
+      })
+    }
+  }
+
+  return (
+    <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+  );
+}
+
+
+
+export default third

src/pages/third/thirdList.jsx

@@ -0,0 +1,103 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal, DatePicker } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../style/GoodsList.less';
+import router from 'umi/router';
+import moment from 'moment';
+import SelectCity from '../../components/SelectButton/CitySelect'
+import BuildSelect from '../../components/SelectButton/BuildSelect'
+import apis from '../../services/apis';
+import request from '../../utils/request';
+import AuthButton from '@/components/AuthButton';
+
+const { Option } = Select;
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+const header = (props) => {
+  const [ data, setData ] = useState({})
+//   const [page, changePage] = useState({})
+
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10 });
+  },[])
+
+  // 查询列表
+  const getList = (params) => {
+    request({ ...apis.third.thirdPartyMiniapp, params: { ...params },}).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+
+  //重置搜索
+  const handleReset = () => {
+    props.form.resetFields();
+  }
+
+  const toEditThirdParty =  (configId) => () => {
+    router.push({
+      pathname: '/third/editThirdParty',
+      query: {
+        configId
+      },
+    });
+  }
+
+  const columns = [
+    {
+      title: 'appid',
+      dataIndex: 'appid',
+      key: 'appid',
+      align: 'center',
+    },
+    {
+      title: 'appSecret',
+      dataIndex: 'appSecret',
+      key: 'appSecret',
+      align: 'center',
+    },
+    {
+      title: '过期时间',
+      dataIndex: 'expirationDate',
+      key: 'expirationDate',
+      align: 'center',
+      render: (x, row) => <><span>{moment(row.expirationDate).format('YYYY-MM-DD')}</span></>
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (x,row) => (
+        <>
+          <AuthButton name="admin.buildingDynamic.update.put" noRight={null}>
+            <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={toEditThirdParty(row.configId)}>编辑<Icon type="form" className={styles.edit} /></span>
+          </AuthButton>
+        </>
+      )
+    },
+  ];
+   
+  
+  const changePageNum = (pageNumber) => {
+      getList({ pageNum: pageNumber, pageSize: 10 })
+  }
+ 
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      <AuthButton name="admin.buildingDynamic.add.post" noRight={null}>
+        <Button type="danger" className={styles.addBtn} onClick={toEditThirdParty()}>新增</Button>
+      </AuthButton>
+      <Table rowKey="messageList" dataSource={data.records} columns={columns} pagination={false}/>
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/services/apis.js

@@ -678,4 +678,26 @@ export default {
     action: 'admin.updateAuthMenu.post',
   },
  },
+ third: {
+  thirdPartyMiniapp: {
+    url: `${prefix}/thirdPartyMiniapp`,
+    method: 'GET',
+    action: 'admin.thirdPartyMiniapp.get',
+  },
+  update: {
+    url: `${prefix}/thirdPartyMiniapp/update`,
+    method: 'PUT',
+    action: 'admin.thirdPartyMiniapp.update.put',
+  },
+  add: {
+    url: `${prefix}/thirdPartyMiniapp/add`,
+    method: 'POST',
+    action: 'admin.thirdPartyMiniapp.add.post',
+  },
+  details: {
+    url: `${prefix}/thirdPartyMiniapp/:id`,
+    method: 'GET',
+    action: 'admin.thirdPartyMiniapp.id.get',
+  }
+ }
 }