Skip to content

C
CivManage
Commit 5946debb authored by 邓超's avatar 邓超
Browse files
Options

fix: 修改web配置界面

parent aef5a577
Pipeline #52505 passed with stages
          Hide whitespace changes
          Inline Side-by-side
          Showing with 122 additions and 88 deletions
          src/pages/productCenter/webConfig/components/siteConfigDrawer.js
          View file @ 5946debb
          ...@@ -15,6 +15,7 @@ import { ...@@ -15,6 +15,7 @@ import {
          Divider, Divider,
          Row, Row,
          Col, Col,
          Switch,
          } from 'antd'; } from 'antd';
          import { PlusOutlined, InfoCircleOutlined } from '@ant-design/icons'; import { PlusOutlined, InfoCircleOutlined } from '@ant-design/icons';
          import WebConfigForm from './webConfigForm'; import WebConfigForm from './webConfigForm';
          ...@@ -44,6 +45,7 @@ export default props => { ...@@ -44,6 +45,7 @@ export default props => {
          const [displayColorPicker, setDisplayColorPicker] = useState(false); const [displayColorPicker, setDisplayColorPicker] = useState(false);
          const [color, setColor] = useState(''); const [color, setColor] = useState('');
          const CheckboxGroup = Checkbox.Group; const CheckboxGroup = Checkbox.Group;
          const [showAdvanced, setShowAdvanced] = useState(false); // 是否显示高级设置
          useEffect(() => { useEffect(() => {
          onGetLoginPages(); onGetLoginPages();
          console.log(isEdit); console.log(isEdit);
          ...@@ -57,7 +59,7 @@ export default props => { ...@@ -57,7 +59,7 @@ export default props => {
          } else { } else {
          setIndeterminate( setIndeterminate(
          !!config.topMenu.split(',').length && !!config.topMenu.split(',').length &&
          config.topMenu.split(',').length < plainOptions.length, config.topMenu.split(',').length < plainOptions.length,
          ); );
          } }
          ...@@ -86,6 +88,7 @@ export default props => { ...@@ -86,6 +88,7 @@ export default props => {
          }); });
          setColor(config.headerPrimaryColor ? config.headerPrimaryColor : '#1890FF'); setColor(config.headerPrimaryColor ? config.headerPrimaryColor : '#1890FF');
          } else { } else {
          setColor('#1890FF');
          form.setFieldsValue({ form.setFieldsValue({
          messageMarking: 'All', messageMarking: 'All',
          messageVoice: true, messageVoice: true,
          ...@@ -97,6 +100,7 @@ export default props => { ...@@ -97,6 +100,7 @@ export default props => {
          }); });
          } }
          } else { } else {
          setShowAdvanced(false);
          form.resetFields(); form.resetFields();
          } }
          }, [visible]); }, [visible]);
          ...@@ -238,35 +242,34 @@ export default props => { ...@@ -238,35 +242,34 @@ export default props => {
          > >
          <Input autoComplete="off" disabled={isEdit} /> <Input autoComplete="off" disabled={isEdit} />
          </Form.Item> </Form.Item>
          <Form.Item name="topMenu" label="顶部功能"> <Form.Item label="登录模板" name="loginTemplate">
          <Checkbox <Select placeholder="请选择登录模板">
          indeterminate={indeterminate} {loginPages.map(item => (
          onChange={onCheckAllChange} <Option value={item.value} key={item.value}>
          checked={checkAll} {item.value}
          style={{ marginTop: '5px', display: 'none' }}
          >
          全选
          </Checkbox>
          {/* <br />
          <br /> */}
          <CheckboxGroup options={plainOptions} value={checkedList} onChange={onChange} />
          </Form.Item>
          <Form.Item name="primaryColor" label="内容主题">
          <Select placeholder="请选择颜色">
          {colorList.map(item => (
          <Option value={item.color} key={item.color}>
          {`${item.key}（${item.color}）`}
          </Option> </Option>
          ))} ))}
          </Select> </Select>
          </Form.Item> </Form.Item>
          <Form.Item label="侧边导航主题" name="navTheme"> <Divider orientation="left" style={{ borderTopColor: '#99bbe8' }}>
          <Select placeholder="请选择功能标签"> 主页配置
          <Option value="light">亮</Option> </Divider>
          <Option value="dark">暗</Option> <Form.Item label="产品类型" name="productType">
          <Select placeholder="请选择主页产品类型">
          {productList.map(item => (
          <Option value={item.PackageName} key={item.PackageName}>
          {`${item.ProductName}（${item.PackageName}）`}
          </Option>
          ))}
          </Select> </Select>
          </Form.Item> </Form.Item>
          <Form.Item name="headerPrimaryColor" label="顶部导航主题"> <Form.Item label="主页Url" name="homePage">
          <Input placeholder="请输入主页路径" autoComplete="off" />
          </Form.Item>
          <Divider orientation="left" style={{ borderTopColor: '#99bbe8' }}>
          主题配置
          </Divider>
          <Form.Item name="headerPrimaryColor" label="顶部">
          <div className={styles.colorBox}> <div className={styles.colorBox}>
          <div <div
          className={styles.colorSwatch} className={styles.colorSwatch}
          ...@@ -303,77 +306,108 @@ export default props => { ...@@ -303,77 +306,108 @@ export default props => {
          ) : null} ) : null}
          </div> </div>
          </Form.Item> </Form.Item>
          <Form.Item label="产品类型" name="productType"> <Form.Item name="navTheme" label="菜单">
          <Select placeholder="请选择主页产品类型"> <Select placeholder="请选择功能标签">
          {productList.map(item => ( <Option value="light">亮</Option>
          <Option value={item.PackageName} key={item.PackageName}> <Option value="dark">暗</Option>
          {`${item.ProductName}（${item.PackageName}）`}
          </Option>
          ))}
          </Select> </Select>
          </Form.Item> </Form.Item>
          <Form.Item label="主页Url" name="homePage"> <Form.Item name="primaryColor" label="基础">
          <Input placeholder="请输入主页路径" autoComplete="off" /> <Select placeholder="请选择颜色">
          </Form.Item> {colorList.map(item => (
          <Form.Item label="登录模板" name="loginTemplate"> <Option value={item.color} key={item.color}>
          <Select placeholder="请选择登录模板"> <div style={{ display: 'flex', alignItems: 'center' }}>
          {loginPages.map(item => ( <div
          <Option value={item.value} key={item.value}> style={{
          {item.value} height: '10px',
          width: '10px',
          background: item.color,
          marginRight: '5px',
          }}
          />
          {`${item.key}（${item.color}）`}
          </div>
          </Option> </Option>
          ))} ))}
          </Select> </Select>
          </Form.Item> </Form.Item>
          <Form.Item label="功能标签" name="mdi">
          <Select placeholder="请选择功能标签"> <Form.Item>
          <Option value="MDI" key="0"> <Switch
          多标签模式 checked={showAdvanced}
          </Option> checkedChildren="高级设置"
          <Option value="SDI" key="1"> unCheckedChildren="高级设置"
          单标签模式 onChange={() => setShowAdvanced(!showAdvanced)}
          </Option> />
          </Select>
          </Form.Item>
          <Form.Item label="二维码地址" name="qrcode">
          <Input placeholder="请输入二维码地址" autoComplete="off" />
          </Form.Item>
          <Form.Item label="Web4地图" name="hideMap">
          <Radio.Group>
          <Radio value={false}>开启</Radio>
          <Radio value={true}>关闭</Radio>
          </Radio.Group>
          </Form.Item>
          <Form.Item
          label={
          <div className={styles.formData_label}>
          <Tooltip
          title={
          <span>
          多人(默认)：标记自己的消息，不影响他人接收
          <br />
          单人：标记已读，消息不再提醒其他人，主要解决报警过多，通知范围过大的情况
          </span>
          }
          overlayStyle={{ maxWidth: 350 }}
          >
          <InfoCircleOutlined style={{ color: '#40a9ff', padding: '2px 2px 0 0' }} />
          </Tooltip>
          <span>消息标记</span>
          </div>
          }
          name="messageMarking"
          >
          <Radio.Group>
          <Radio value="All">多人</Radio>
          <Radio value="One">单人</Radio>
          </Radio.Group>
          </Form.Item>
          <Form.Item label="语音播报" name="messageVoice">
          <Radio.Group>
          <Radio value={true}>开启</Radio>
          <Radio value={false}>关闭</Radio>
          </Radio.Group>
          </Form.Item> </Form.Item>
          <div style={{ display: showAdvanced ? 'block' : 'none' }}>
          <Form.Item name="topMenu" label="顶部功能">
          <Checkbox
          indeterminate={indeterminate}
          onChange={onCheckAllChange}
          checked={checkAll}
          style={{ marginTop: '5px', display: 'none' }}
          >
          全选
          </Checkbox>
          <CheckboxGroup
          options={plainOptions}
          value={checkedList}
          checked={showAdvanced}
          onChange={onChange}
          />
          </Form.Item>
          <Form.Item label="功能标签" name="mdi">
          <Select placeholder="请选择功能标签">
          <Option value="MDI" key="0">
          多标签模式
          </Option>
          <Option value="SDI" key="1">
          单标签模式
          </Option>
          </Select>
          </Form.Item>
          <Form.Item label="二维码地址" name="qrcode">
          <Input placeholder="请输入二维码地址" autoComplete="off" />
          </Form.Item>
          <Form.Item label="Web4地图" name="hideMap">
          <Radio.Group>
          <Radio value={false}>开启</Radio>
          <Radio value={true}>关闭</Radio>
          </Radio.Group>
          </Form.Item>
          <Form.Item
          label={
          <div className={styles.formData_label}>
          <Tooltip
          title={
          <span>
          多人(默认)：标记自己的消息，不影响他人接收
          <br />
          单人：标记已读，消息不再提醒其他人，主要解决报警过多，通知范围过大的情况
          </span>
          }
          overlayStyle={{ maxWidth: 350 }}
          >
          <InfoCircleOutlined style={{ color: '#40a9ff', padding: '2px 2px 0 0' }} />
          </Tooltip>
          <span>消息标记</span>
          </div>
          }
          name="messageMarking"
          >
          <Radio.Group>
          <Radio value="All">多人</Radio>
          <Radio value="One">单人</Radio>
          </Radio.Group>
          </Form.Item>
          <Form.Item label="语音播报" name="messageVoice">
          <Radio.Group>
          <Radio value={true}>开启</Radio>
          <Radio value={false}>关闭</Radio>
          </Radio.Group>
          </Form.Item>
          </div>
          </Form> </Form>
          </Drawer> </Drawer>
          ); );
          ......
          Markdown is supported
          0% or
          You are about to add 0 people to the discussion. Proceed with caution.
          Finish editing this message first!
          Please register or to comment