Skip to content

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

fix: '消息平台编辑界面样式重构'

parent cf0ce85a
Pipeline #43019 skipped with stages
          Expand all Hide whitespace changes
          Inline Side-by-side
          Showing with 89 additions and 103 deletions
          src/pages/platformCenter/messageManage/projectManage/ProjectManage.jsx
          View file @ dcd38827
          ...@@ -85,9 +85,7 @@ const ProjectManage = props => { ...@@ -85,9 +85,7 @@ const ProjectManage = props => {
          ) : ( ) : (
          <div style={{ display: 'flex', alignItems: 'center' }}> <div style={{ display: 'flex', alignItems: 'center' }}>
          <Tooltip title={text}> <Tooltip title={text}>
          <AlertTwoTone <AlertTwoTone style={{ fontSize: '16px', marginRight: '0.1rem' }} />
          style={{ fontSize: '16px', marginRight: '0.1rem' }}
          />
          </Tooltip> </Tooltip>
          {searchStyle(text)} {searchStyle(text)}
          </div> </div>
          ...@@ -140,24 +138,20 @@ const ProjectManage = props => { ...@@ -140,24 +138,20 @@ const ProjectManage = props => {
          /> />
          </Tooltip> </Tooltip>
          {record.name != '通用报警' && {record.name != '通用报警' && record.name != '工单提醒' && record.name != '系统通知' && (
          record.name != '工单提醒' && <div onClick={e => e.stopPropagation()}>
          record.name != '系统通知' && ( <Popconfirm
          <div onClick={e => e.stopPropagation()}> title="是否删除方案？"
          <Popconfirm okText="确认"
          title="是否删除方案？" cancelText="取消"
          okText="确认" onConfirm={() => {
          cancelText="取消" DeleteProject(record);
          onConfirm={() => { }}
          DeleteProject(record); >
          }} <DeleteOutlined style={{ fontSize: '16px', color: '#e86060' }} />
          > </Popconfirm>
          <DeleteOutlined </div>
          style={{ fontSize: '16px', color: '#e86060' }} )}
          />
          </Popconfirm>
          </div>
          )}
          </Space> </Space>
          ), ),
          }, },
          ...@@ -167,10 +161,7 @@ const ProjectManage = props => { ...@@ -167,10 +161,7 @@ const ProjectManage = props => {
          const searchStyle = val => { const searchStyle = val => {
          let n; let n;
          if (showSearchStyle) { if (showSearchStyle) {
          n = val.replace( n = val.replace(new RegExp(value, 'g'), `<span style='color:red'>${value}</span>`);
          new RegExp(value, 'g'),
          `<span style='color:red'>${value}</span>`,
          );
          } else { } else {
          n = val; n = val;
          } }
          ......
          src/pages/platformCenter/messageManage/schemeDetail/schemeDetail.less
          View file @ dcd38827
          .editModal_container{ .editModal_container {
          width: 100%; width: 100%;
          overflow-y: hidden; overflow-y: hidden;
          height: calc(100% - 20px); height: calc(100% - 20px);
          display: flex;
          flex-direction: column;
          button[ant-click-animating-without-extra-node]:after {
          border: 0 none;
          opacity: 0;
          animation: none 0 ease 0 1 normal;
          }
          .content {
          height: calc(100vh - 140px);
          overflow-y: scroll;
          }
          .cardList {
          display: flex; display: flex;
          flex-direction: column; flex-wrap: wrap;
          button[ant-click-animating-without-extra-node]:after { .cardListItem {
          border: 0 none; width: 50%;
          margin-bottom: 1rem;
          opacity: 0;
          animation:none 0 ease 0 1 normal;
          }
          .content{
          height: calc(100vh - 140px);
          overflow-y: scroll;
          } }
          .cardList{ }
          .ant-card-bordered {
          border-right: none;
          }
          .push_trench {
          width: 100%;
          height: fit-content;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start;
          .trench_card {
          margin-top: 1rem;
          margin-right: 0.5rem;
          min-width: 400px;
          border-width: 1px;
          border-color: #eeeeee;
          border-style: solid;
          border-radius: 5px;
          display: flex;
          flex-direction: column;
          align-items: center;
          background-color: #ffffff;
          .card_title {
          border-bottom-style: solid;
          border-bottom-width: 1px;
          border-bottom-color: #f6f7f9;
          height: 50px;
          width: 100%;
          display: flex; display: flex;
          flex-wrap: wrap; flex-direction: row;
          .cardListItem{ justify-content: space-between;
          width: 50%; padding: 0 24px;
          margin-bottom: 1rem; align-items: center;
          .lable {
          font-size: large;
          margin-left: 10px;
          } }
          }
          } .card_body {
          .ant-card-bordered { margin-top: 10px;
          border-right: none;
          }
          .push_trench{
          width: 100%; width: 100%;
          height: fit-content; padding: 10px;
          height: 12rem;
          display: flex; display: flex;
          flex-direction:row; flex-direction: column;
          flex-wrap: wrap; }
          justify-content: flex-start; .ant-switch {
          .trench_card{ margin-right: 0.5rem;
          margin-top: 1rem; }
          margin-right: 0.5rem; .ant-form-item {
          width: 32%; margin-left: 1.3rem;
          border-width: 1px; }
          border-color: #EEEEEE;
          border-style: solid;
          border-radius: 5px;
          display: flex;
          flex-direction: column;
          align-items: center;
          background-color: #ffffff;
          .card_title{
          border-bottom-style: solid;
          border-bottom-width: 1px;
          border-bottom-color:#F6F7F9;
          height:50px;
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content:space-between;
          padding: 0 24px;
          align-items: center;
          .lable{
          font-size: large;
          margin-left: 10px;
          }
          }
          .card_body{
          margin-top: 10px;
          width: 100%;
          padding: 10px;
          height: 12rem;
          display: flex;
          flex-direction: column;
          }
          .ant-switch{
          margin-right: 0.5rem;
          }
          .ant-form-item{
          margin-left: 1.3rem;
          }
          }
          } }
          } }
          \ No newline at end of file }
          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