Skip to content

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

fix: '地图配置界面留白优化'

parent 621d0181
Pipeline #43635 skipped with stages
          Hide whitespace changes
          Inline Side-by-side
          Showing with 138 additions and 137 deletions
          src/pages/platformCenter/gis/schemeConfig/SchemeConfig.less
          View file @ 99ec47cd
          .container{ .container {
          width: 100%; width: 100%;
          background-color: #ffffff;
          padding: 0.8rem;
          display: flex;
          .ant-table {
          min-height: 15rem !important;
          }
          .ant-table-thead tr th {
          font-weight: 600;
          color: rgba(0, 0, 0, 0.85);
          }
          overflow-y: scroll;
          .ant-input-number-input {
          background-color: #ffffff; background-color: #ffffff;
          padding: 0.8rem; color: #000000;
          display: flex; }
          .ant-table { .ant-card-body {
          min-height: 15rem !important; padding: 12px 24px 24px 25px;
          } }
          .ant-table-thead tr th { }
          font-weight: 600; .imgList {
          color: rgba(0, 0, 0, 0.85); display: flex;
          } flex-wrap: wrap;
          overflow-y: scroll; }
          .ant-input-number-input{ .imgItem {
          background-color: #ffffff; display: flex;
          color: #000000; flex-direction: column;
          } align-items: center;
          .ant-card-body { margin: 0 1rem 1rem 0;
          padding: 12px 24px 24px 25px; }
          } .tileBtn {
          } display: flex;
          .imgList{ justify-content: flex-end;
          display: flex; width: 100%;
          flex-wrap: wrap; padding: 0 0 2rem;
          } }
          .imgItem{ .schemeName {
          display: flex; margin-right: 0.8rem;
          flex-direction: column; font-weight: bold;
          align-items: center;
          margin:0 1rem 1rem 0;
          }
          .tileBtn{
          display: flex;
          justify-content: flex-end;
          width: 100%;
          padding: 0 0 2rem
          }
          .schemeName{
          margin-right: 0.8rem;
          font-weight: bold;
          } }
          .schemeItem,.schemeBtn{ .schemeItem,
          display: flex; .schemeBtn {
          align-items: center; display: flex;
          } align-items: center;
          .schemeBtn{
          width: 12rem;
          justify-content: center;
          }
          .mapItem{
          display: flex;
          border: 1px solid #ccc;
          border-radius: 4px;
          height: 2.2rem;
          align-items: center;
          margin: 0.5rem 0;
          width: 14.5rem;
          }
          .defaultTile{
          background: #ccc;
          color: white;
          cursor: pointer;
          height: 100%;
          display: flex;
          align-items: center;
          width: 3rem;
          justify-content: center;
          } }
          .mapText{ .schemeBtn {
          width: 10rem; width: 12rem;
          text-align: center; justify-content: center;
          } }
          .mapIcon{ .mapItem {
          display: flex; display: flex;
          justify-content: center; border: 1px solid #ccc;
          align-items: center; border-radius: 4px;
          cursor: pointer; height: 2.2rem;
          align-items: center;
          margin: 0.5rem 0;
          width: 14.5rem;
          } }
          .activeTile{ .defaultTile {
          background-color: #4699f4 background: #ccc;
          color: white;
          cursor: pointer;
          height: 100%;
          display: flex;
          align-items: center;
          width: 3rem;
          justify-content: center;
          }
          .mapText {
          width: 10rem;
          text-align: center;
          }
          .mapIcon {
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          }
          .activeTile {
          background-color: #4699f4;
          } }
          .dropList { .dropList {
          position: absolute; position: absolute;
          right: 2%; right: 2%;
          top: 25%; top: 25%;
          color: rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.25);
          z-index: 99; z-index: 99;
          }
          .divider{
          display: flex;
          align-items: center;
          line-height: 100%;
          padding: 0.5rem;
          .dividerIcon{
          margin-left: 0.8rem;
          color: #4699f4;
          cursor: pointer;
          }
          } }
          .divider {
          .cardsList{ display: flex;
          display: flex; align-items: center;
          flex-wrap: wrap; line-height: 100%;
          } padding: 0.5rem;
          .cardItem{ .dividerIcon {
          width: 18rem; margin-left: 0.8rem;
          height: 26rem; color: #4699f4;
          margin: 0 2rem; cursor: pointer;
          } }
          .solutionConfig{ }
          } .cardsList {
          \ No newline at end of file display: flex;
          flex-wrap: wrap;
          height: 710px;
          overflow-y: scroll;
          }
          .cardItem {
          width: 18rem;
          height: 26rem;
          margin: 0 2rem;
          }
          // .solutionConfig {
          // height: calc(100% - 30px);
          // }
          src/pages/platformCenter/gis/schemeConfig/projectMessage/projectMessage.jsx
          View file @ 99ec47cd
          ...@@ -46,7 +46,7 @@ const VectorData = props => { ...@@ -46,7 +46,7 @@ const VectorData = props => {
          return ( return (
          <> <>
          <Spin tip="loading..." spinning={treeLoading}> <Spin tip="loading..." spinning={treeLoading}>
          <div style={{ height: '780px', overflow: 'scroll' }}> <div>
          <div className={styles.tileBtn}> <div className={styles.tileBtn}>
          <Button <Button
          type="primary" type="primary"
          ......
          src/pages/platformCenter/gis/schemeConfig/solutionConfig/solutionConfig.jsx
          View file @ 99ec47cd
          ...@@ -337,7 +337,7 @@ const VectorData = props => { ...@@ -337,7 +337,7 @@ const VectorData = props => {
          setVisible(false); setVisible(false);
          setFlag(flag + 1); setFlag(flag + 1);
          }; };
          //删除web配置方案 // 删除web配置方案
          const delWebConfirm = record => { const delWebConfirm = record => {
          deleteConfig({ deleteConfig({
          schemename: record['schemename'], schemename: record['schemename'],
          ...@@ -465,36 +465,35 @@ const VectorData = props => { ...@@ -465,36 +465,35 @@ const VectorData = props => {
          return ( return (
          <> <>
          <Spin tip="loading..." spinning={checkLoading}> <Spin tip="loading..." spinning={checkLoading}>
          <div className={styles.solutionConfig}> <div>
          <div> <Divider orientation="left">
          <Divider orientation="left"> <div className={styles.divider}>
          <div className={styles.divider}> {' '}
          {' '} Web{' '}
          Web{' '} <PlusOutlined
          <PlusOutlined onClick={() => {
          onClick={() => { addType('add');
          addType('add'); }}
          }} className={styles.dividerIcon}
          className={styles.dividerIcon} />
          /> </div>
          </div> </Divider>
          </Divider> <Table
          <Table columns={columns}
          columns={columns} dataSource={webData}
          dataSource={webData} bordered
          bordered style={{ height: 'calc(100vh - 610px)' }}
          style={{ minHeight: '210px' }} pagination={{
          pagination={{ showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`,
          showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`, defaultPageSize: 8,
          defaultPageSize: 8, onChange: value => {
          onChange: value => { setWebCurrent(value - 1);
          setWebCurrent(value - 1); },
          }, }}
          }} rowKey="schemename"
          rowKey="schemename" scroll={{ y: 210 }}
          scroll={{ y: 210 }} />
          />
          </div>
          <Divider orientation="left"> <Divider orientation="left">
          <div className={styles.divider}> <div className={styles.divider}>
          手持{' '} 手持{' '}
          ...@@ -512,6 +511,7 @@ const VectorData = props => { ...@@ -512,6 +511,7 @@ const VectorData = props => {
          bordered bordered
          rowKey="schemename" rowKey="schemename"
          scroll={{ y: 210 }} scroll={{ y: 210 }}
          style={{ height: 'calc(100vh - 610px)' }}
          pagination={{ pagination={{
          showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`, showTotal: (total, range) => `第${range[0]}-${range[1]} 条/共 ${total} 条`,
          defaultPageSize: 8, defaultPageSize: 8,
          ......
          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