Skip to content

C
CivManage
Commit efc0a225 authored by 皮倩雯's avatar 皮倩雯
Browse files
Options

fix: '优化消息平台图标库样式'

parent 4f245ab1
Pipeline #64664 passed with stages
          Hide whitespace changes
          Inline Side-by-side
          Showing with 149 additions and 142 deletions
          src/pages/platformCenter/messageManage/schemeDetail/PreviewModal.less
          View file @ efc0a225
          ......@@ -10,13 +10,13 @@
          border-radius: 5px;
          display: inline-block;
          margin-left: 10px;
          background-color: #2881a1;
          background-color: #bfbfbf;
          }
          .imgHidden {
          margin-left: 10px;
          border: none;
          display: inline-block;
          background-color: #2881a1;
          background-color: #bfbfbf;
          }
          .imgHidden:hover {
          margin-left: 10px;
          ......
          src/pages/platformCenter/messageManage/schemeDetail/schemeDetail.jsx
          View file @ efc0a225
          ......@@ -810,6 +810,151 @@ const EditModal = props => {
          )}
          <div className={styles.push_trench}>
          <Row>
          <Col xxl={8} xl={12} sm={24} xs={40}>
          {
          <div className={styles.trench_card}>
          <div className={styles.card_title}>
          <div className={styles.lable}>WEB</div>
          <Switchs
          onChange={e => onTypeChange(e, 'isWEBShow')}
          checked={currentTrench.isWEBShow}
          />
          </div>
          <div className={styles.card_body}>
          <Item label="模板" name="web_template" labelCol={{ span: 6 }}>
          <Select style={{ width: '97%' }} disabled={!currentTrench.isWEBShow}>
          {WEB_ITEMS.map((item, idx) => (
          <Select.Option value={item.Id} key={idx}>
          {item.LikeName}
          </Select.Option>
          ))}
          </Select>
          </Item>
          <Row>
          <Col span={16}>
          <Item label="标题" name="webTitile" labelCol={{ span: 9 }}>
          <Input
          placeholder="请输入标题"
          style={{ width: '97%' }}
          disabled={!currentTrench.isWEBShow}
          />
          </Item>
          </Col>
          <Col span={8}>
          <Item
          label="图标"
          name="WebIcon"
          style={{ height: '112px' }}
          labelCol={{ span: 6 }}
          >
          {imageUrl ? (
          <div
          style={{
          width: '104px',
          height: '104px',
          border: '1px solid #d9d9d9',
          borderRadius: '2px',
          padding: '8px',
          position: 'relative',
          }}
          onMouseEnter={() => setShow('visible')}
          onMouseLeave={() => setShow('hidden')}
          >
          <img
          src={imageUrl}
          alt="singleFile"
          style={{
          width: '100%',
          backgroundColor: '#bfbfbf',
          }}
          />
          {show == 'visible' && currentTrench.isWEBShow ? (
          <>
          <div className={styles.imgg} />
          <DeleteOutlined
          onClick={() => {
          setImageUrl('');
          setIm('');
          setKeepImgeUrl('');
          form.setFieldsValue({ webIcon: '' });
          }}
          style={{
          position: 'absolute',
          fontSize: '18px',
          left: '24px',
          top: '45px',
          color: 'white',
          zIndex: '999',
          }}
          />
          <PictureOutlined
          onClick={pictruePreview}
          style={{
          position: 'absolute',
          fontSize: '18px',
          left: '54px',
          top: '45px',
          color: 'white',
          zIndex: '999',
          }}
          />
          </>
          ) : (
          <></>
          )}
          </div>
          ) : (
          <Image
          width="104px"
          // height={100}
          src="error"
          onClick={
          currentTrench.isWEBShow
          ? () => {
          pictruePreview();
          }
          : ''
          }
          fallback="data:image/png;base64,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"
          />
          )}
          </Item>
          </Col>
          </Row>
          <Item label="功能路径" name="web_path" labelCol={{ span: 6 }}>
          {/* <TextArea
          rows={1}
          style={{ width: '97%' }}
          disabled={!currentTrench.isWEBShow}
          placeholder="请输入功能路径"
          /> */}
          <TreeSelect
          showSearch
          treeNodeFilterProp="title"
          // filterTreeNode={filterTreeNode11}
          style={{ width: '97%' }}
          value={treeSelectValue}
          disabled={!currentTrench.isWEBShow}
          dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
          placeholder="请选择功能路径"
          allowClear
          treeDefaultExpandAll
          treeIcon
          onChange={treeSelectOnchange}
          onSearch={onSearchWeb}
          >
          {menuWebList ? (
          menuWebList.map(i => mapTree(i))
          ) : (
          <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
          )}
          </TreeSelect>
          </Item>
          </div>
          </div>
          }
          </Col>
          <Col xxl={8} xl={12} sm={24} xs={24}>
          {
          <div className={styles.trench_card}>
          ......@@ -900,145 +1045,7 @@ const EditModal = props => {
          </div>
          }
          </Col>
          <Col xxl={8} xl={12} sm={24} xs={40}>
          {
          <div className={styles.trench_card}>
          <div className={styles.card_title}>
          <div className={styles.lable}>WEB</div>
          <Switchs
          onChange={e => onTypeChange(e, 'isWEBShow')}
          checked={currentTrench.isWEBShow}
          />
          </div>
          <div className={styles.card_body}>
          <Item label="模板" name="web_template" labelCol={{ span: 6 }}>
          <Select style={{ width: '97%' }} disabled={!currentTrench.isWEBShow}>
          {WEB_ITEMS.map((item, idx) => (
          <Select.Option value={item.Id} key={idx}>
          {item.LikeName}
          </Select.Option>
          ))}
          </Select>
          </Item>
          <Item label="标题" name="webTitile" labelCol={{ span: 6 }}>
          <Input
          placeholder="请输入标题"
          style={{ width: '97%' }}
          disabled={!currentTrench.isWEBShow}
          />
          </Item>
          <Item
          label="图标"
          name="WebIcon"
          style={{ height: '112px' }}
          labelCol={{ span: 6 }}
          >
          {imageUrl ? (
          <div
          style={{
          width: '104px',
          height: '104px',
          border: '1px solid #d9d9d9',
          borderRadius: '2px',
          padding: '8px',
          position: 'relative',
          }}
          onMouseEnter={() => setShow('visible')}
          onMouseLeave={() => setShow('hidden')}
          >
          <img
          src={imageUrl}
          alt="singleFile"
          style={{
          width: '100%',
          backgroundColor: '#2881a1',
          }}
          />
          {show == 'visible' && currentTrench.isWEBShow ? (
          <>
          <div className={styles.imgg} />
          <DeleteOutlined
          onClick={() => {
          setImageUrl('');
          setIm('');
          setKeepImgeUrl('');
          form.setFieldsValue({ webIcon: '' });
          }}
          style={{
          position: 'absolute',
          fontSize: '18px',
          left: '24px',
          top: '45px',
          color: 'white',
          zIndex: '999',
          }}
          />
          <PictureOutlined
          onClick={pictruePreview}
          style={{
          position: 'absolute',
          fontSize: '18px',
          left: '54px',
          top: '45px',
          color: 'white',
          zIndex: '999',
          }}
          />
          </>
          ) : (
          <></>
          )}
          </div>
          ) : (
          <Image
          width="104px"
          // height={100}
          src="error"
          onClick={
          currentTrench.isWEBShow
          ? () => {
          pictruePreview();
          }
          : ''
          }
          fallback="data:image/png;base64,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"
          />
          )}
          </Item>
          <Item label="功能路径" name="web_path" labelCol={{ span: 6 }}>
          {/* <TextArea
          rows={1}
          style={{ width: '97%' }}
          disabled={!currentTrench.isWEBShow}
          placeholder="请输入功能路径"
          /> */}
          <TreeSelect
          showSearch
          treeNodeFilterProp="title"
          // filterTreeNode={filterTreeNode11}
          style={{ width: '97%' }}
          value={treeSelectValue}
          disabled={!currentTrench.isWEBShow}
          dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
          placeholder="请选择功能路径"
          allowClear
          treeDefaultExpandAll
          treeIcon
          onChange={treeSelectOnchange}
          onSearch={onSearchWeb}
          >
          {menuWebList ? (
          menuWebList.map(i => mapTree(i))
          ) : (
          <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
          )}
          </TreeSelect>
          </Item>
          </div>
          </div>
          }
          </Col>
          <Col xxl={8} xl={12} sm={24} xs={24}>
          {
          <div className={styles.trench_card}>
          ......
          src/pages/platformCenter/messageManage/schemeDetail/schemeDetail.less
          View file @ efc0a225
          ......@@ -65,10 +65,10 @@
          margin-top: 10px;
          width: 100%;
          padding: 10px;
          height: 13rem;
          height: 16rem;
          display: flex;
          flex-direction: column;
          overflow: scroll;
          overflow: hidden;
          }
          .ant-switch {
          margin-right: 0.5rem;
          ......
          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