首页配图

config/routes.js

@@ -402,7 +402,7 @@ export default [
           },
           {
             path: '/carouselFigure',
-            name: '轮播图管理',
+            name: '资源位管理',
             component: '../layouts/BlankLayout',
             routes: [
               {
@@ -427,6 +427,17 @@ export default [
                 hideInMenu: true,
                 component: './carouselFigure/editAdvertising',
               },
+              {
+                path: '/carouselFigure/customImg/list',
+                name: '其他',
+                component: './carouselFigure/customImg/list',
+              },
+              {
+                path: '/carouselFigure/customImg/edit',
+                name: '其他编辑',
+                hideInMenu: true,
+                component: './carouselFigure/customImg/edit',
+              },
             ],
           },
           {

src/pages/carouselFigure/customImg/edit.jsx

@@ -0,0 +1,118 @@
+import React, { useState, useEffect } from 'react';
+import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select, Form, Alert } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import channels from '../../channel/channelList.less';
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
+import { createForm, FieldTypes } from '../../../components/XForm';
+import Wangedit from '../../../components/Wangedit/Wangedit'
+import router from 'umi/router';
+import apis from '../../../services/apis';
+import request from '../../../utils/request'
+
+const { TextArea } = Input;
+const { Option } = Select;
+
+let activityVisible = false
+
+const setExtraData = (data) => {
+    console.log(data, 'data');
+    activityVisible = data.imgType === 'index';
+  }
+
+const handleFormValueChange = (props, changedValues, allValues) => {
+    setExtraData(allValues)
+}
+
+const XForm = createForm({ onValuesChange: handleFormValueChange })
+
+const header = props => {
+  
+  const imgId = props.location.query.imgId
+  const [ data, setData ] = useState({})
+  if(imgId){
+    useEffect(() => {
+      getData(imgId);
+    },[])
+
+  // 查询列表
+  const getData = (imgId) => {
+    request({ ...apis.carsuseFigure.getCustomImg, urlData: { id: imgId} }).then((data) => {
+        console.log(data)
+        if (data.imgType === 'index'){
+            activityVisible = true;
+        }else{
+            activityVisible = false;
+        }
+        setData(data)
+    })
+  }
+  }
+
+  const fields = [
+    {
+      label: '图片',
+      name: 'imgUrl',
+      type: FieldTypes.ImageUploader,
+      value: data.imgUrl,
+      rules: [
+        {required: true, message: '请选择图片'},
+      ]
+    },
+    {
+      label: '类型',
+      name: 'imgType',
+      type: FieldTypes.Select,
+      dict: [{
+        label: '首页分享',
+        value: 'index',
+      },
+      {
+        label: '推荐客户',
+        value: 'recommend',
+      },
+      ],
+      value: data.imgType,
+      rules: [
+        { required: true, message: '请选择类型' },
+      ],
+    },
+    {
+      label: '分享文案',
+      name: 'imgDocument',
+      hidden: () => !activityVisible,
+      type: FieldTypes.Text,
+      value: data.imgDocument,
+    },
+  ]
+
+  const handleSubmit = values => {
+    
+    if (imgId) {
+      values.imgId = imgId
+      request({ ...apis.carsuseFigure.updateCustomImg, data: values,}).then((data) => {
+        cancelPage()
+      }).catch((err) => {
+        message.info(err.msg || err.message)
+      })
+      }else{
+      request({ ...apis.carsuseFigure.addCustomImg, data: values,}).then((data) => {
+        cancelPage()
+      }).catch((err) => {
+        message.info(err.msg || err.message)
+      })
+      }
+  }
+
+  const cancelPage = () => {
+    router.push({
+        pathname: '/carouselFigure/customImg/list',
+    });
+  }
+
+  return (
+    <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+  )
+}
+
+const WrappedNormalLoginForm = Form.create({ name: 'header' })(header);
+export default WrappedNormalLoginForm

src/pages/carouselFigure/customImg/list.jsx

@@ -0,0 +1,123 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Input, Button, Icon, Select, message, Table, Divider, Tag, Pagination, Modal,Breadcrumb } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import styles from '../../style/GoodsList.less';
+import router from 'umi/router';
+import BuildSelect from '../../../components/SelectButton/BuildSelect'
+import apis from '../../../services/apis';
+import request from '../../../utils/request'
+import AuthButton from '@/components/AuthButton';
+
+const { Option } = Select;
+
+
+function header(props) {
+  // 获取初始化数据
+  const [ data, setData ] = useState({})
+
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10 });
+  },[])
+
+  // 查询列表
+  const getList = (params) => {
+    request({ ...apis.carsuseFigure.customImg, params: { ...params },}).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+  
+  // 提交事件
+  const handleSubmit = (e, props) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  const changePageNum = (pageNumber) => {
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNumber: pageNumber, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  function handleReset() {
+    props.form.resetFields();
+    getList({ pageNum: 1, pageSize: 10 });
+  }
+
+  // 跳转到编辑商品
+  const toEditCustom = (imgId) => () => {
+    router.push({
+      pathname: '/carouselFigure/customImg/edit',
+      query: {
+        imgId
+      },
+    });
+  }
+
+  /**
+   *
+   *
+   * @param {*} props
+   * @returns
+   */
+  const columns = [
+    {
+      title: '图片',
+      dataIndex: 'imgUrl',
+      key: 'imgUrl',
+      align: 'center',
+      render: (text, record) => <img src={record.imgUrl} className={styles.touxiang} />,
+    },
+    {
+      title: '类型',
+      dataIndex: 'imgType',
+      key: 'imgType',
+      align: 'center',
+      render: (text, records) => (<span>{records.imgType == 'index' ? '首页分享':'推荐客户' }</span> )
+    },
+    {
+      title: '说明',
+      dataIndex: 'imgDesc',
+      key: 'imgDesc',
+      align: 'center',
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (x, row) => (
+        <>
+          <AuthButton name="admin.taNewsType.id.put" noRight={null}>
+            <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={toEditCustom(row.imgId)}>
+              编辑<Icon type="form" className={styles.edit} />
+            </span>
+          </AuthButton>
+        </>
+      ),
+    },
+  ];
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        
+      </Form>
+      <AuthButton name="admin.taGoods.add.post" noRight={null}>
+        <Button type="danger" className={styles.addBtn} onClick={toEditCustom()}>新增</Button>
+      </AuthButton>
+      <Table rowKey="goodsList" dataSource={data.records} columns={columns} pagination={false} />
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/services/apis.js

@@ -612,6 +612,26 @@ export default {
       method: 'POST',
       action: 'admin.extendContent.post',
     },
+    customImg: {
+      url: `${prefix}/taCustomImg`,
+      method: 'GET',
+      action: 'admin.taCustomImg.get',
+    },
+    addCustomImg: {
+      url: `${prefix}/taCustomImg`,
+      method: 'POST',
+      action: 'admin.taCustomImg.post',
+    },
+    updateCustomImg: {
+      url: `${prefix}/taCustomImg`,
+      method: 'PUT',
+      action: 'admin.taCustomImg.put',
+    },
+    getCustomImg: {
+      url: `${prefix}/taCustomImg/:id`,
+      method: 'GET',
+      action: 'admin.taCustomImg.id.get',
+    },
   },
   system: {
     taPolicy: {