合并

config/config.js

@@ -440,7 +440,7 @@ export default {
 
   proxy: {
     '/api/': {
-      target: 'http://127.0.0.1:8080/',
+      target: 'http://192.168.0.84:8080/',
       changeOrigin: true,
       // pathRewrite: { '^/server': '' },
     },

src/components/SelectButton/NewTypeSelect.jsx

@@ -29,7 +29,7 @@ const NewsTypeSelect = (props) => {
   }
 
   return (
-      <Select value={props.value} style={{ width: '180px' }} placeholder="请选择咨询类型" onChange={props.onChange}>
+      <Select value={props.value} style={{ width: '180px' }} placeholder="请选择讯类型" onChange={props.onChange}>
           {data.map(type => (
             <Option key={type.newsTypeId}>{type.newsTypeName}</Option>
           ))}

src/pages/news/list/NewsList.jsx

@@ -63,7 +63,7 @@ function body(props) {
   }
 
   // 跳转到编辑资讯列表
-  const toEditList = (id) => ()  => {
+  const toEditList = (id) => () => {
     router.push({
       pathname: '/news/list/editNewsList',
       query: {
@@ -74,153 +74,145 @@ function body(props) {
 
 
 
-/**
- *卡片
- *
- * @returns
- */
-function CartBody(props) {
-  const { data } = props
-  console.log(data);
-  const cancelPage = () =>{
-    router.push({
-      pathname: '/news/list/NewsList',
-    });
-  }
-
-  //删除资讯
-  const changeNewsListStatus = (newsId) => () => {
-    Modal.confirm({
-      title: '确认删除该资讯？',
-      okText: '确认',
-      cancelText: '取消',
-      onOk() {
-        request({
-          url: '/api/admin/taNews/' + newsId,
-          method: 'DELETE',
-          // data: { ...row },
-        }).then((data) => {
-          message.info('操作成功！')
-          getList({ pageNum: 1, pageSize: 10 });
-        })
-      }
-    });
-  }
-
-  // 跳转到编辑资讯列表
-  const toEditList = (newsId) => ()  => {
-    router.push({
-      pathname: '/news/list/editNewsList',
-      query: {
-        newsId
-      },
-    });
-  } 
+  /**
+   *卡片
+   *
+   * @returns
+   */
+  function CartBody(props) {
+    const { data } = props
+    console.log(data);
+    const cancelPage = () => {
+      router.push({
+        pathname: '/news/list/NewsList',
+      });
+    }
 
-  function cancelRelease (newsId, newsStatus, buildingId,newsTypeId) {
-    console.log("newsId" + newsId + "status" + newsStatus);
-    if (newsStatus === 1){
+    //删除资讯
+    const changeNewsListStatus = (newsId) => () => {
       Modal.confirm({
-        title: '确认取消该资讯？',
+        title: '确认删除该资讯？',
         okText: '确认',
         cancelText: '取消',
-        onOk () {
+        onOk() {
           request({
             url: '/api/admin/taNews/' + newsId,
-            method: 'PUT',
-            data: { "newsStatus": newsStatus, "buildingId":buildingId, "newsTypeId":newsTypeId },
+            method: 'DELETE',
+            // data: { ...row },
           }).then((data) => {
             message.info('操作成功！')
             getList({ pageNum: 1, pageSize: 10 });
           })
-        },
-        onCancel () {
-          console.log('Cancel');
-        },
+        }
       });
-    }else if (newsStatus === 0){
-      Modal.confirm({
-        title: '确认发布该资讯？',
-        okText: '确认',
-        cancelText: '取消',
-        onOk () {
-          request({
-            url: '/api/admin/taNews/' + newsId,
-            method: 'PUT',
-            data: { "newsStatus": newsStatus, "buildingId":buildingId, "newsTypeId":newsTypeId },
-          }).then((data) => {
-            message.info('操作成功！')
-            getList({ pageNum: 1, pageSize: 10 });
-          })
-        },
-        onCancel () {
-          console.log('Cancel');
+    }
+
+    // 跳转到编辑资讯列表
+    const toEditList = (newsId) => () => {
+      router.push({
+        pathname: '/news/list/editNewsList',
+        query: {
+          newsId
         },
       });
-    }  
-  }
+    }
 
-  return (
-          <Card
-            hoverable
-            style={{ minWidth: '400px', borderRadius: '12px', margin: '10px', boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)' }}
-            cover={<img alt="example" src={ data.newsImg } style={{ borderRadius: '12px 12px 0 0', width: '100%', height: '14vw' }}></img>}
-            bodyStyle={{ padding: '10px 20px' }}
-          >
-            <p className={Styles.cardText}>
-              <span className={Styles.title}>资讯类型</span>
-              <span >：{ data.newsType.newsTypeName }</span>
-              <span className={Styles.ediText} onClick={toEditList(data.newsId)}>
-                编辑
+    function cancelRelease(newsId, newsStatus, buildingId, newsTypeId) {
+      console.log("newsId" + newsId + "status" + newsStatus);
+      if (newsStatus === 1) {
+        Modal.confirm({
+          title: '确认取消该资讯？',
+          okText: '确认',
+          cancelText: '取消',
+          onOk() {
+            request({
+              url: '/api/admin/taNews/' + newsId,
+              method: 'PUT',
+              data: { "newsStatus": newsStatus, "buildingId": buildingId, "newsTypeId": newsTypeId },
+            }).then((data) => {
+              message.info('操作成功！')
+              getList({ pageNum: 1, pageSize: 10 });
+            })
+          },
+          onCancel() {
+            console.log('Cancel');
+          },
+        });
+      } else if (newsStatus === 0) {
+        Modal.confirm({
+          title: '确认发布该资讯？',
+          okText: '确认',
+          cancelText: '取消',
+          onOk() {
+            request({
+              url: '/api/admin/taNews/' + newsId,
+              method: 'PUT',
+              data: { "newsStatus": newsStatus, "buildingId": buildingId, "newsTypeId": newsTypeId },
+            }).then((data) => {
+              message.info('操作成功！')
+              getList({ pageNum: 1, pageSize: 10 });
+            })
+          },
+          onCancel() {
+            console.log('Cancel');
+          },
+        });
+      }
+    }
+
+    return (
+      <Card
+        hoverable
+        style={{ height: '255px', minWidth: '640px', borderRadius: '12px', margin: '10px', boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)', position: 'relative' }}
+        cover={<img alt="example" src={data.newsImg} style={{ borderRadius: '12px 0 0 12px', width: '260px', height: '253px' }}></img>}
+        bodyStyle={{ padding: '10px 20px' }}
+      >
+        <span style={{ position: 'absolute', right: '20px', top: '20px', fontSize: '18px', color: '#FF7E48' }} onClick={toEditList(data.newsId)}>
+          编辑
                 <Icon type="form" style={{ color: '#C0C4CC', marginLeft: '10px' }} />
-              </span>
-            </p>
-            <p className={Styles.cardText}>
-              <span className={Styles.title}>状态</span>
-              <span >：{ data.newsStatus == 0 ? "已发布" : "未发布" }</span>
-            </p>
-            <p className={Styles.cardItem}>
-              <span className={Styles.title}>阅读数量</span>
-              <span > ：{ data.pvNum }</span>
-            </p>
-            <p className={Styles.cardItem}>
-              <span className={Styles.title}>转发数量</span>
-              <span>：{ data.shareNum }</span>
-            </p>
-            <p className={Styles.cardItem}>
-              <span className={Styles.title}>点赞数量</span>     
-              <span >：{ data.favorNum }</span>         
-            </p>
-            <p className={Styles.cardItem}>
-              <span className={Styles.title}>收藏数量</span>
-              <span >：{ data.saveNum }</span>
-            </p>
-            <p className={Styles.cardItem}>
-              <span className={Styles.title}>录入时间</span>
-              <span >：{ data.createDate }</span>
-            </p>
-            <p style={{ margin: '15px 0', position: 'relative', fontSize: '18px' }}>
-              {data.newsStatus === 0 ? 
-              <span style={{ color: '#1990FF' }} onClick={cancelRelease.bind(this,data.newsId, 1, data.buildingId, data.newsType.newsTypeId)}>
-              取消发布
+        </span>
+        {data.newsStatus === 0 ?
+          <span style={{ position: 'absolute', left: '280px', bottom: '18px', fontSize: '18px', color: '#FF7E48' }} onClick={cancelRelease.bind(this, data.newsId, 1, data.buildingId, data.newsType.newsTypeId)}>
+            取消发布
               <Icon type="close-circle" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
-              </span>:
-              <span style={{ color: '#1990FF' }} onClick={cancelRelease.bind(this,data.newsId, 0, data.buildingId, data.newsType.newsTypeId)}>
-              发布
+          </span> :
+          <span style={{ position: 'absolute', left: '280px', bottom: '18px', fontSize: '18px', color: '#FF7E48' }} onClick={cancelRelease.bind(this, data.newsId, 0, data.buildingId, data.newsType.newsTypeId)}>
+            发布
               <Icon type="close-circle" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
-              </span>
-              }
-              
-              <span style={{
-                color: '#FF4A4A', position: 'absolute', right: '0',
-              }} onClick={changeNewsListStatus(data.newsId)}>
-                删除
+          </span>
+        }
+
+        <span style={{ position: 'absolute', right: '20px', bottom: '18px', fontSize: '18px', color: '#FF7E48' }} onClick={changeNewsListStatus(data.newsId)}>
+          删除
                 <Icon type="rest" style={{ color: '#C0C4CC', marginLeft: '8px' }} />
-              </span>
-            </p>
-          </Card>
-  )
-}
+        </span>
+        <div style={{ position: 'absolute', left: '260px', top: '0px', padding: '20px' }}>
+          <p style={{
+            fontSize: '18px', color: '#333', fontWeight: '600', marginBottom: '10px', overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            width: '300px',
+          }}>{data.newsName}</p>
+          <p style={{ fontSize: '18px', color: '#555', marginBottom: '10px' }}>
+            <span style={{ display: 'inline-block', width: '190px' }}>咨询类型：{data.newsType.newsTypeName}</span>
+            <span>状态：{data.newsStatus == 0 ? "已发布" : "未发布"}</span>
+          </p>
+
+          <p style={{ fontSize: '18px', color: '#555', marginBottom: '10px' }}>
+            <span style={{ display: 'inline-block', width: '190px' }}>阅读数量：{data.pvNum}</span>
+            <span>转发数量：{data.shareNum}</span>
+          </p>
+
+          <p style={{ fontSize: '18px', color: '#555', marginBottom: '10px' }}>
+            <span style={{ display: 'inline-block', width: '190px' }}>点赞数量：{data.favorNum}</span>
+            <span>收藏数量：{data.saveNum}</span>
+          </p>
+
+          <p style={{ fontSize: '18px', color: '#999', marginBottom: '10px' }}>发布时间：{data.createDate}</p>
+        </div>
+      </Card>
+    )
+  }
 
 
   // Change 事件
@@ -232,7 +224,7 @@ function CartBody(props) {
   // 分页
   function onChange(pageNumber) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-      getList({ pageNum: pageNumber, pageSize: 6 })
+    getList({ pageNum: pageNumber, pageSize: 6 })
   }
 
   function getDate(value, dateString) {
@@ -246,27 +238,27 @@ function CartBody(props) {
 
         <Form.Item>
           {getFieldDecorator('cityId')(
-            <SelectCity />,  
+            <SelectCity />,
           )}
         </Form.Item>
         <Form.Item>
           {getFieldDecorator('buildingId')(
-              <BuildSelect />,
-            )}
+            <BuildSelect />,
+          )}
         </Form.Item>
-        <Form.Item>
+        {/* <Form.Item>
           {getFieldDecorator('title')(
             <Input
               prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
               placeholder="请输入标题"
             />,
           )}
-        </Form.Item>
+        </Form.Item> */}
         <Form.Item>
           {getFieldDecorator('newsTypeId')(
             <NewsTypeSelect />,
           )}
-        </Form.Item>       
+        </Form.Item>
         <Form.Item>
           {getFieldDecorator('newsStatus')(
             <Select style={{ width: '180px' }} placeholder="状态">
@@ -276,12 +268,12 @@ function CartBody(props) {
           )}
         </Form.Item>
         <Form.Item>
-          <Button type="primary" htmlType="submit" className={Styles.SubmitButton}>
+          <Button type="primary" htmlType="submit" >
             搜索
           </Button>
         </Form.Item>
       </Form>
-      <Button type="primary" className={Styles.addButton} onClick={toEditList()}>
+      <Button type="danger" style={{ padding: '0 40px', margin: '20px 0' }} onClick={toEditList()}>
         新增
       </Button>
 
@@ -289,10 +281,10 @@ function CartBody(props) {
       <Row style={{ padding: ' 0 10px' }}>
         {
           dataSource.records.map((item, index) => (
-              <Col span={8}>
-                <CartBody data={item} key={item.buildingId}/>
-              </Col>
-            ))
+            <Col span={12}>
+              <CartBody data={item} key={item.buildingId} />
+            </Col>
+          ))
         }
       </Row>
       {/* 分页 */}

src/pages/staff/list/editRole.jsx

@@ -1,8 +1,15 @@
-import React from 'react';
-import { Form, Input, Button, Icon, Select } from 'antd';
+import React, { useState } from 'react';
+
+import { Checkbox, Row, Col, Input, Menu, Dropdown, Button, Icon, message, Table, Tooltip, Tabs, Radio, Divider, Tag, DatePicker, Select, Form, Alert, Card } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import styles from '../../style/GoodsList.less';
+import XForm, { FieldTypes } from '../../../components/XForm';
+import Wangedit from '../../../components/Wangedit/Wangedit'
+import channels from './channelList.less';
+
+import Tagss from '../components/Tagss.jsx';
 
+const { TextArea } = Input;
 
 
 /**
@@ -11,17 +18,226 @@ import styles from '../../style/GoodsList.less';
  * @param {*} props
  * @returns
  */
+const Edit = (props) => {
+
+
+
+  // const [tab, changeTab] = useState('basic')
+
+  const Permission = [
+    '项目管理',
+    '员工管理',
+    '客户管理',
+    '系统管理',
+    '渠道管理',
+    '轮播图管理',
+    '资讯管理',
+    '活动管理',
+    '积分商城',
+    '首页数据',
+  ]
+
+  // const Basic = (props) => {
+
+  //   const dataSource = [
+
+
+  //     {
+  //       name: '员工管理',
+  //       per: [
+  //         '111111',
+  //         '22222',
+  //         '33333',
+  //       ]
+  //     },
+  //     {
+  //       name: '角色管理',
+  //       per: [
+  //         '444',
+  //         '555',
+  //         '666',
+  //       ]
+  //     },
+  //   ];
+
+  //   const columns = [
+  //     // {
+  //     //   title: '商品图片',
+  //     //   dataIndex: 'img',
+  //     //   key: 'img',
+  //     //   align: 'center',
+
+  //     //   render: (text, record) => <img src={record.img} className={channels.touxiang} />,
+  //     // },
+  //     {
+  //       title: '员工管理',
+  //       dataIndex: 'name',
+  //       key: 'name',
+  //       align: 'left',
+  //       render: text => <a>{text}</a>,
+  //     },
+
+  //     {
+  //       // title: '操作  ',
+  //       dataIndex: 'status',
+  //       key: 'per',
+  //       align: 'left',
+  //       render: () => <>
+  //         {/* {pre.map((item,index)=>(
+  //       <Checkbox>{item[index]}</Checkbox>
+
+
+  //               ))} */}
+  //       </>,
+  //     },
+  //   ];
+  //   return <Table dataSource={dataSource} columns={columns} />
+
+
+
+
+  // }
+  // const [Card] = useState('Poster')
+
+  const Poster = (props) => {
+
+    const dataSource = [
+
+
+      {
+        name: '员工管理',
+        per: [
+          '111111',
+          '22222',
+          '33333',
+        ]
+      },
+      {
+        name: '角色管理',
+        per: [
+          '444',
+          '555',
+          '666',
+        ]
+      },
+    ];
+
+
+    const gridStyle1 = {
+      width: '20%',
+      textAlign: 'left',
+    };
+    const gridStyle2 = {
+      width: '80%',
+      textAlign: 'left',
+    };
 
+{/* <Checkbox>{Permission[index]}</Checkbox> */}
+    return <>
+      <div style={{}}>
 
-function header(props) {
-  const { getFieldDecorator } = props.form
-  return (
+        {Permission.map((item, index) => (
 
-    <>
-     <div>编辑角色</div>
+
+          <Card title={<Checkbox>{Permission[index]}</Checkbox>} bordered={true} style={{ width: '100%' }}>
+            
+              {dataSource.map((items, indexs) => (
+              <>
+                <Card.Grid style={gridStyle1}><Checkbox>{items.name}</Checkbox></Card.Grid>
+                
+                <Card.Grid style={gridStyle2}>
+                {items.per.map((itemss,indexss) =>(
+                  <Checkbox>{items.per[indexss]}</Checkbox>
+                ))}
+                </Card.Grid>
+                </>
+            ))}
+            
+          </Card>
+
+
+
+        ))}
+      </div>
     </>
-  )
+  }
+
+  const Share = (props) => {
+    return <div>Share</div>
+  }
+
+
+
+
+  const fields = [
+    {
+      label: '角色名称',
+      name: 'roleName',
+      type: FieldTypes.Text,
+      // placeholder: '名称',
+      value: ''
+    },
+
+
+
+    {
+      label: '简介',
+      name: 'roleIntroduction',
+      render: <TextArea className={channels.inpuitTxt} ></TextArea>,
+      value: ''
+
+    },
+
+    {
+      label: '菜单权限',
+      name: 'rolePermission',
+      render:
+        <>
+          <div>
+
+            <Poster />
+
+            {/* <Radio.Group value={tab} defaultValue="1" buttonStyle="solid">
+             
+        <Checkbox>Checkbox</Checkbox>
+                {Permission.map((item,index)=>(
+                  <Radio.Button style={BottonStyle} value="{index}">{Permission[index]}</Radio.Button>
+                 
+                ))}
+            </Radio.Group>
+          
+          </div>
+          <div>
+             
+          <Table dataSource={Permission[index]} columns={columns} />
+           
+             */}
+          </div>
+        </>,
+
+    }
+    // {
+    //   label: '状态',
+    //   name: 'roleState',
+    //   render: <Radio.Group>
+    //     <Radio.Button style={{background:'#f0f0f0'}} value="a">禁用</Radio.Button>
+    //     <Radio.Button style={{background:'#f0f0f0',color:'#ff7e48'}} value="b">启用</Radio.Button>
+    //   </Radio.Group>,
+    //   value: 'b'
+    // },
+
+  ]
+
+  const handleSubmit = val => {
+    window.console.log('submit data --->', val)
+  }
+  return <XForm onSubmit={handleSubmit} fields={fields}></XForm>
+
+
+
+
 }
-const WrappedHeader = Form.create({ name: 'header' })(header);
 
-export default WrappedHeader
+
+
+export default Edit

src/pages/staff/list/editStaff.jsx

@@ -21,6 +21,13 @@ const { TextArea } = Input;
 const Edit = (props) => {
 
   const fields = [
+    {
+      label: '名称',
+      name: 'staffName',
+      type: FieldTypes.Text,
+      // placeholder: '名称',
+      value: ''
+    },
     {
       label: '公司',
       name: 'staffCompany',
@@ -114,7 +121,7 @@ const Edit = (props) => {
   const handleSubmit = val => {
     window.console.log('submit data --->', val)
   }
-  return <XForm onSubmit={handleSubmit} fields={fields} offset={8}></XForm>
+  return <XForm onSubmit={handleSubmit} fields={fields} push={8}></XForm>