@zgfe/modules-settings 2.0.0-zhongyuan.4 → 2.0.0-zhongyuan.41

package/es/modules/createDemand/styles/index.less

@@ -1,277 +1,397 @@
-.system-setting-create-demand {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  padding: 0 16px 16px;
-  background: #fafafb;
-  .setting-point-map-page-content-img-select {
-    position: relative;
-  }
-  .ant-image {
-    position: static;
-  }
-  .ant-image .ant-image-mask {
-    color: #fff;
-    font-size: 24px;
-    background: rgba(2, 20, 41, 0.5) !important;
-  }
-  &-row {
-    display: flex;
-    flex: 1;
-    flex-direction: row;
-    overflow-y: auto;
-  }
-  &-right {
-    position: relative;
-    display: flex;
-    flex: 288;
-    overflow: hidden;
-    background: #f2f3f4;
-    border: 1px solid #e6e7ea;
-    border-bottom: 0;
-    border-top-right-radius: 8px;
-    // border-bottom-right-radius: 8px;
-    .setting-graph-panel {
-      right: 14px;
-      left: auto;
-      transform: none;
-    }
-    &-end {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-    }
-    &-title {
-      position: absolute;
-      top: 16px;
-      left: 16px;
-      color: var(--io-N-, #021429);
-      font-weight: 400;
-      font-size: 14px;
-      font-family: 'PingFang SC';
-      font-style: normal;
-      line-height: 22px; /* 157.143% */
-      text-align: right;
-    }
-  }
-  &-header {
-    display: flex;
-    flex-direction: row;
-    gap: 16px;
-    align-items: center;
-    padding: 12px 0;
-    color: var(--io-N6-, #67727f);
-    font-weight: 400;
-    font-size: 14px;
-    &-back {
-      cursor: pointer;
-    }
-  }
-  &-footer {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-    padding: 18px 24px;
-    background: #fff;
-    border-top: 1px solid var(--io-N1-, #e6e7ea);
-    border-bottom-right-radius: 8px;
-    border-bottom-left-radius: 8px;
-    .button:not(.disabled) {
-      color: #1454e5;
-      border: 1px solid #1454e5;
-    }
-  }
-  &-info {
-    display: flex;
-    flex: 912;
-    flex-direction: column;
-    gap: 24px;
-    align-items: flex-start;
-    padding: 0 0 24px;
-    overflow: hidden;
-    overflow-y: auto;
-    background: #fff;
-    border-top-left-radius: 8px;
-    // border-bottom-left-radius: 8px;
-    &-img {
-      display: flex;
-      flex-direction: column;
-      gap: 24px;
-      align-items: flex-start;
-      width: 100%;
-      padding: 24px 24px 0;
-      background: #fff;
-    }
-    &-item {
-      display: flex;
-      flex-direction: row;
-      // align-items: center;
-      gap: 12px;
-      width: 100%;
-      &-yasuobao {
-        width: 24px;
-        height: 24px;
-        background: url('./../images/yasuobao.png') no-repeat;
-        background-size: contain;
-        &-txt:hover {
-          text-decoration: underline;
-        }
-      }
-      &-txt {
-        width: 96px;
-        margin-top: 6px;
-        color: var(----3, #5f6085);
-        font-weight: 400;
-        font-size: 14px;
-        text-align: right;
-        span {
-          margin-right: 4px;
-          color: var(--io-Error-E-, #fb5547);
-          font-weight: 400;
-          font-size: 14px;
-        }
-      }
-      &-content {
-        position: relative;
-        flex: 1;
-        width: calc(100% - 108px);
-        input,
-        textarea {
-          border-color: #fafafb;
-        }
-        &-input-num {
-          position: absolute;
-          right: 12px;
-          bottom: 6px;
-          color: var(--io-N4-, #9aa1a9);
-          font-weight: 400;
-          font-size: 14px;
-        }
-        &-picker {
-          width: 100%;
-          background-color: #fafafb;
-        }
-        .ant-upload-disabled .system-setting-create-demand-info-item-content-btn {
-          color: #ccd0d4;
-        }
-        &-btn {
-          display: flex;
-          gap: 8px;
-          align-items: center;
-          height: 32px;
-          padding: 10px 16px;
-          color: var(--io-N-, #021429);
-          font-weight: 400;
-          font-size: 14px;
-          font-family: 'PingFang SC';
-          font-style: normal;
-          line-height: normal;
-          background: var(--io-n-05, #f2f3f4);
-          border: 1px dashed var(--io-N1-, #e6e7ea);
-          border-radius: 4px;
-        }
-        &-tip {
-          color: var(--io-N4-, #9aa1a9);
-          font-weight: 400;
-          font-size: 14px;
-          font-family: 'PingFang SC';
-          font-style: normal;
-          line-height: normal;
-        }
-        &-row {
-          display: flex;
-          flex-direction: row;
-          gap: 12px;
-          align-items: center;
-          height: 34px;
-          .qingchu {
-            font-size: 16px;
-            cursor: pointer;
-          }
-          .icon-yasuobao {
-            font-size: 24px;
-          }
-        }
-        &-tab {
-          display: flex;
-          flex: 1 0 0;
-          gap: 24px;
-          align-items: flex-start;
-          padding: 12px 24px 0px 24px;
-          background: var(--io-n-02, #fafafb);
-          border-bottom: 1px solid var(--io-N1-, #e6e7ea);
-          &-item {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            padding-bottom: 10px;
-            color: #021429;
-            font-size: 16px;
-            line-height: 20px; /* 125% */
-            border-bottom: 2px solid transparent;
-            cursor: pointer;
-          }
-          &-item-select {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-start;
-            padding-bottom: 10px;
-            color: #165dff;
-            font-size: 16px;
-            line-height: 20px; /* 125% */
-            border-bottom: 2px solid #165dff;
-            cursor: pointer;
-          }
-        }
-        &-filter {
-          display: flex;
-          flex-direction: row;
-          gap: 16px;
-          padding: 1px 0 16px;
-          .button:not(.disabled) {
-            color: #1454e5;
-            border: 1px solid #1454e5;
-          }
-        }
-      }
-    }
-  }
-  &-drawer {
-    .ant-drawer-header-title .ant-drawer-close {
-      position: absolute;
-      right: 6px;
-    }
-  }
-
-  &-content-img-select {
-    position: relative;
-    display: flex;
-    align-items: center;
-    align-self: stretch;
-    justify-content: center;
-    width: 80px;
-    height: 80px;
-    background: var(--io-n-05, #f2f3f4);
-    border: 1px solid var(--io-N1-, #e6e7ea);
-    border-radius: 4px;
-    img {
-      max-width: 78px;
-      max-height: 78px;
-    }
-  }
-}
-#system-setting-demand {
-  position: fixed;
-  z-index: -1000;
-  width: 100%;
-  height: 100vh;
-  margin: 50px;
-  .x6-graph-background,
-  .x6-graph-grid,
-  .x6-graph-svg {
-    position: relative;
-    width: 100%;
-    height: 100vh;
-  }
-}
+.system-setting-create-demand {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 0 16px 16px;
+  background: #fafafb;
+  .forbiddenColor {
+    background-color: #f2f3f4;
+  }
+  .setting-point-map-page-content-img-select {
+    position: relative;
+  }
+  .ant-image {
+    position: static;
+  }
+  .ant-image .ant-image-mask {
+    color: #fff;
+    font-size: 24px;
+    background: rgba(2, 20, 41, 0.5) !important;
+  }
+  &-row {
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    overflow-y: auto;
+  }
+  &-right {
+    position: relative;
+    display: flex;
+    flex: 288;
+    overflow: hidden;
+    background: #f2f3f4;
+    border: 1px solid #e6e7ea;
+    border-bottom: 0;
+    border-top-right-radius: 8px;
+    // border-bottom-right-radius: 8px;
+    .setting-graph-panel {
+      right: 14px;
+      left: auto;
+      transform: none;
+    }
+    &-end {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+    }
+    &-title {
+      position: absolute;
+      top: 16px;
+      left: 16px;
+      color: var(--io-N-, #021429);
+      font-weight: 400;
+      font-size: 14px;
+      font-family: 'PingFang SC';
+      font-style: normal;
+      line-height: 22px; /* 157.143% */
+      text-align: right;
+    }
+  }
+  &-header {
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    align-items: center;
+    padding: 12px 0;
+    color: var(--io-N6-, #67727f);
+    font-weight: 400;
+    font-size: 14px;
+    &-back {
+      cursor: pointer;
+    }
+  }
+  &-footer {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+    padding: 18px 24px;
+    background: #fff;
+    border-top: 1px solid var(--io-N1-, #e6e7ea);
+    border-bottom-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+    .button:not(.disabled) {
+      color: #1454e5;
+      border: 1px solid #1454e5;
+    }
+    &-btnRight {
+      display: flex;
+      align-items: center;
+      margin-right: 310px;
+      margin-left: auto;
+      .commentBtn {
+        margin-left: 10px;
+      }
+    }
+  }
+  &-info {
+    display: flex;
+    flex: 912;
+    flex-direction: column;
+    gap: 24px;
+    align-items: flex-start;
+    padding: 0 0 24px;
+    overflow: hidden;
+    overflow-y: auto;
+    background: #fff;
+    border-top-left-radius: 8px;
+    // border-bottom-left-radius: 8px;
+    &-img {
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+      align-items: flex-start;
+      width: 100%;
+      padding: 24px 24px 0;
+      background: #fff;
+    }
+    &-item {
+      display: flex;
+      flex-direction: row;
+      // align-items: center;
+      gap: 12px;
+      width: 100%;
+      &-yasuobao {
+        width: 24px;
+        height: 24px;
+        background: url('./../images/yasuobao.png') no-repeat;
+        background-size: contain;
+        &-txt:hover {
+          text-decoration: underline;
+        }
+      }
+      &-txt {
+        width: 96px;
+        margin-top: 6px;
+        color: var(----3, #5f6085);
+        font-weight: 400;
+        font-size: 14px;
+        text-align: right;
+        span {
+          margin-right: 4px;
+          color: var(--io-Error-E-, #fb5547);
+          font-weight: 400;
+          font-size: 14px;
+        }
+      }
+      &-content {
+        position: relative;
+        flex: 1;
+        width: calc(100% - 108px);
+        input,
+        textarea {
+          border-color: #fafafb;
+        }
+        &-input-num {
+          position: absolute;
+          right: 12px;
+          bottom: 6px;
+          color: var(--io-N4-, #9aa1a9);
+          font-weight: 400;
+          font-size: 14px;
+        }
+        &-picker {
+          width: 100%;
+          background-color: #fafafb;
+        }
+        .ant-upload-disabled .system-setting-create-demand-info-item-content-btn {
+          color: #ccd0d4;
+        }
+        &-btn {
+          display: flex;
+          gap: 8px;
+          align-items: center;
+          height: 32px;
+          padding: 10px 16px;
+          color: var(--io-N-, #021429);
+          font-weight: 400;
+          font-size: 14px;
+          font-family: 'PingFang SC';
+          font-style: normal;
+          line-height: normal;
+          background: var(--io-n-05, #f2f3f4);
+          border: 1px dashed var(--io-N1-, #e6e7ea);
+          border-radius: 4px;
+        }
+        &-tip {
+          color: var(--io-N4-, #9aa1a9);
+          font-weight: 400;
+          font-size: 14px;
+          font-family: 'PingFang SC';
+          font-style: normal;
+          line-height: normal;
+        }
+        &-ptxt {
+          display: block;
+          transform: translateY(6px);
+        }
+        &-row {
+          display: flex;
+          flex-direction: row;
+          gap: 12px;
+          align-items: center;
+          height: 34px;
+          .qingchu {
+            font-size: 16px;
+            cursor: pointer;
+          }
+          .icon-yasuobao {
+            font-size: 24px;
+          }
+        }
+        &-tab {
+          display: flex;
+          flex: 1 0 0;
+          gap: 24px;
+          align-items: flex-start;
+          padding: 12px 24px 0px 24px;
+          background: var(--io-n-02, #fafafb);
+          border-bottom: 1px solid var(--io-N1-, #e6e7ea);
+          &-item {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            padding-bottom: 10px;
+            color: #021429;
+            font-size: 16px;
+            line-height: 20px; /* 125% */
+            border-bottom: 2px solid transparent;
+            cursor: pointer;
+          }
+          &-item-select {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            padding-bottom: 10px;
+            color: #165dff;
+            font-size: 16px;
+            line-height: 20px; /* 125% */
+            border-bottom: 2px solid #165dff;
+            cursor: pointer;
+          }
+        }
+        &-filter {
+          display: flex;
+          flex-direction: row;
+          gap: 16px;
+          padding: 1px 0 16px;
+          .button:not(.disabled) {
+            color: #1454e5;
+            border: 1px solid #1454e5;
+          }
+        }
+        &-content {
+          min-height: 300px;
+        }
+      }
+    }
+    &-right {
+      margin-left: auto;
+      &-button {
+        margin-left: 10px;
+      }
+    }
+    &-tabList {
+      display: flex;
+      align-items: center;
+      color: #9aa1a9;
+      border-radius: 5px;
+      // outline: 1px solid #9aa1a9;
+      &-item {
+        box-sizing: border-box;
+        width: 90px;
+        height: 32px;
+        line-height: 32px;
+        text-align: center;
+        cursor: pointer;
+      }
+      &-item:nth-child(1) {
+        border-top: 1px solid #9aa1a9;
+        border-bottom: 1px solid #9aa1a9;
+        border-left: 1px solid #9aa1a9;
+        border-radius: 2px 0 0 2px;
+      }
+      &-item:nth-child(2) {
+        border-top: 1px solid #9aa1a9;
+        border-right: 1px solid #9aa1a9;
+        border-bottom: 1px solid #9aa1a9;
+        border-radius: 0 2px 2px 0;
+      }
+      &-active {
+        color: #fff;
+        background-color: #165dff;
+        border: none !important;
+      }
+    }
+  }
+  &-drawer {
+    .ant-drawer-header-title .ant-drawer-close {
+      position: absolute;
+      right: 6px;
+    }
+  }
+  &-content-img-select {
+    position: relative;
+    display: flex;
+    align-items: center;
+    align-self: stretch;
+    justify-content: center;
+    width: 80px;
+    height: 80px;
+    background: var(--io-n-05, #f2f3f4);
+    border: 1px solid var(--io-N1-, #e6e7ea);
+    border-radius: 4px;
+    img {
+      max-width: 78px;
+      max-height: 78px;
+    }
+  }
+  &-comment {
+    width: 100%;
+    margin-top: 20px;
+    &-tab {
+      display: flex;
+      align-items: center;
+      margin: 0 10px 0 20px;
+      padding-bottom: 10px;
+      font-size: 16px;
+      border-bottom: 1px solid #e6e7ea;
+
+      &-btn {
+        color: #9aa1a9;
+        font-size: 16px;
+        cursor: pointer;
+      }
+      &-btnActive {
+        color: #116acc;
+        font-weight: bold;
+      }
+      &-btn + &-btn::before {
+        display: inline-block;
+        margin: 0 10px;
+        color: #9aa1a9;
+        font-weight: bold;
+        transform: translateY(-2px);
+        content: '|';
+      }
+    }
+    &-empty {
+      min-height: 200px;
+      color: #9aa1a9;
+      font-size: 16px;
+      line-height: 200px;
+      text-align: center;
+    }
+    &-list {
+      margin: 0 10px 0 20px;
+      padding: 10px 0;
+      border-bottom: 1px solid #e6e7ea;
+      &-time {
+        margin-left: 10px;
+        color: #9aa1a9;
+        font-size: 12px;
+      }
+      &-text {
+        margin-top: 5px;
+        color: #9aa1a9;
+        font-size: 12px;
+      }
+    }
+  }
+  &-history {
+    &-list {
+      margin: 0 10px 0 20px;
+      padding: 10px 0;
+      border-bottom: 1px solid #e6e7ea;
+      span {
+        margin: 0 5px;
+        color: #116acc;
+      }
+    }
+  }
+}
+
+#system-setting-demand {
+  position: fixed;
+  z-index: -1000;
+  width: 100%;
+  height: 100vh;
+  margin: 50px;
+  .x6-graph-background,
+  .x6-graph-grid,
+  .x6-graph-svg {
+    position: relative;
+    width: 100%;
+    height: 100vh;
+  }
+}