upp

houtai/src/pages/B2Goods/GoodsBarrage/index.css

@@ -1,23 +0,0 @@
-.GoodsBarrage .ant-modal-close {
-  display: none;
-}
-.GoodsBarrage .main {
-  border-top: 1px solid #999999;
-  padding-top: 15px;
-  width: 100%;
-}
-.GoodsBarrage .main .rowTit {
-  margin-top: 5px;
-  position: relative;
-  opacity: 0;
-  transition: top 0.2s;
-  color: #ff4d4f;
-  top: -10px;
-}
-.GoodsBarrage .main .rowTitAc {
-  top: 0;
-  opacity: 1;
-}
-.GoodsBarrage .button {
-  text-align: center;
-}

houtai/src/pages/B2Goods/GoodsBarrage/index.less

@@ -1,29 +0,0 @@
-.GoodsBarrage {
-  .ant-modal-close {
-    display: none;
-  }
-
-  .main {
-    border-top: 1px solid #999999;
-    padding-top: 15px;
-    width: 100%;
-
-    .rowTit {
-      margin-top: 5px;
-      position: relative;
-      opacity: 0;
-      transition: top .2s;
-      color: #ff4d4f;
-      top: -10px;
-    }
-
-    .rowTitAc {
-      top: 0;
-      opacity: 1;
-    }
-  }
-
-  .button {
-    text-align: center;
-  }
-}

houtai/src/pages/B2Goods/GoodsBarrage/index.module.scss

@@ -0,0 +1,33 @@
+.GoodsBarrage {
+
+  :global {
+
+    .ant-modal-close {
+      display: none;
+    }
+
+    .main {
+      border-top: 1px solid #999999;
+      padding-top: 15px;
+      width: 100%;
+
+      .rowTit {
+        margin-top: 5px;
+        position: relative;
+        opacity: 0;
+        transition: top .2s;
+        color: #ff4d4f;
+        top: -10px;
+      }
+
+      .rowTitAc {
+        top: 0;
+        opacity: 1;
+      }
+    }
+
+    .button {
+      text-align: center;
+    }
+  }
+}

houtai/src/pages/B2Goods/GoodsBarrage/index.tsx

@@ -1,9 +1,9 @@
 import { Button, Modal, Popconfirm, Radio } from "antd";
 import React, { useCallback, useState } from "react";
 import classNames from "classnames";
-import "./index.css";
 import { goodsBarrageAllAPI } from "@/store/action/B2Goods";
 import { MessageFu } from "@/utils/message";
+import styles from "./index.module.scss";
 
 type Props = {
   closeMoalFu: () => void;
@@ -33,7 +33,7 @@ function GoodsBarrage({ closeMoalFu, editListFu }: Props) {
 
   return (
     <Modal
-      wrapClassName="GoodsBarrage"
+      wrapClassName={styles.GoodsBarrage}
       destroyOnClose
       open={true}
       title="弹幕开关批量设置"

houtai/src/pages/B2Goods/GoogsDown/index.css

@@ -1,54 +0,0 @@
-.GoogsDown .ant-modal-close {
-  display: none;
-}
-.GoogsDown .main {
-  border-top: 1px solid #999999;
-  padding-top: 15px;
-  width: 100%;
-}
-.GoogsDown .imgRowBox {
-  display: flex;
-  flex-wrap: wrap;
-}
-.GoogsDown .imgRowBox .imgRow {
-  width: calc(33.33% - 6px);
-  margin-right: 9px;
-  margin-bottom: 9px;
-  position: relative;
-}
-.GoogsDown .imgRowBox .imgRow:nth-of-type(3n) {
-  margin-right: 0;
-}
-.GoogsDown .imgRowBox .imgRow .incoSelect {
-  z-index: 10;
-  cursor: pointer;
-  top: 0px;
-  right: 0px;
-  position: absolute;
-  width: 40px;
-  height: 40px;
-  padding: 6px;
-}
-.GoogsDown .imgRowBox .imgRow .incoSelect > div {
-  border-radius: 50%;
-  background-color: #999;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 16px;
-  color: #fff;
-}
-.GoogsDown .imgRowBox .imgRow .incoSelectActive > div {
-  background-color: green;
-}
-.GoogsDown .radioBox {
-  margin-top: 10px;
-  display: flex;
-  justify-content: space-between;
-}
-.GoogsDown .button {
-  margin-top: 20px;
-  text-align: center;
-}

houtai/src/pages/B2Goods/GoogsDown/index.less

@@ -1,60 +0,0 @@
-.GoogsDown {
-  .ant-modal-close {
-    display: none;
-  }
-
-  .main {
-    border-top: 1px solid #999999;
-    padding-top: 15px;
-    width: 100%;
-  }
-  .imgRowBox{
-    display: flex;
-    flex-wrap: wrap;
-    .imgRow{
-      width: calc(33.33% - 6px);
-      margin-right: 9px;
-      margin-bottom: 9px;
-      position: relative;
-      &:nth-of-type(3n){
-        margin-right: 0;
-      }
-      .incoSelect{
-        z-index: 10;
-        cursor: pointer;
-        top: 0px;
-        right: 0px;
-        position: absolute;
-        width: 40px;
-        height: 40px;
-        padding: 6px;
-        &>div{
-          border-radius: 50%;
-          background-color: #999;
-          width: 100%;
-          height: 100%;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          font-size: 16px;
-          color: #fff;
-        }
-      }
-      .incoSelectActive{
-        &>div{
-          background-color: green;
-        }
-      }
-    }
-  }
-  .radioBox{
-    margin-top: 10px;
-    display: flex;
-    justify-content: space-between;
-
-  }
-  .button{
-    margin-top: 20px;
-    text-align: center;
-  }
-}

houtai/src/pages/B2Goods/GoogsDown/index.module.scss

@@ -0,0 +1,72 @@
+.GoogsDown {
+
+  :global {
+    .ant-modal-close {
+      display: none;
+    }
+
+    .main {
+      border-top: 1px solid #999999;
+      padding-top: 15px;
+      width: 100%;
+    }
+
+    .imgRowBox {
+      display: flex;
+      flex-wrap: wrap;
+
+      .imgRow {
+        width: calc(33.33% - 6px);
+        margin-right: 9px;
+        margin-bottom: 9px;
+        position: relative;
+
+        &:nth-of-type(3n) {
+          margin-right: 0;
+        }
+
+        .incoSelect {
+          z-index: 10;
+          cursor: pointer;
+          top: 0px;
+          right: 0px;
+          position: absolute;
+          width: 40px;
+          height: 40px;
+          padding: 6px;
+
+          &>div {
+            border-radius: 50%;
+            background-color: #999;
+            width: 100%;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 16px;
+            color: #fff;
+          }
+        }
+
+        .incoSelectActive {
+          &>div {
+            background-color: green;
+          }
+        }
+      }
+    }
+
+    .radioBox {
+      margin-top: 10px;
+      display: flex;
+      justify-content: space-between;
+
+    }
+
+    .button {
+      margin-top: 20px;
+      text-align: center;
+    }
+
+  }
+}

houtai/src/pages/B2Goods/GoogsDown/index.tsx

@@ -3,11 +3,11 @@ import { Button, Modal, Radio } from "antd";
 import React, { useCallback, useEffect, useState } from "react";
 import { CheckOutlined } from "@ant-design/icons";
 import classNames from "classnames";
-import "./index.css";
 import { baseURL } from "@/utils/http";
 import { getDownImgAPI, getGoodsInfoByIdAPI } from "@/store/action/B2Goods";
 import { FileListType } from "@/types";
 import { MessageFu } from "@/utils/message";
+import styles from "./index.module.scss";
 
 type Props = {
   id: number;
@@ -81,7 +81,7 @@ function GoogsDown({ id, closeMoalFu }: Props) {
 
   return (
     <Modal
-      wrapClassName="GoogsDown"
+      wrapClassName={styles.GoogsDown}
       destroyOnClose
       open={true}
       title="清“乾隆”款珐琅蓝彩十三行通景画瓷碗"

houtai/src/pages/B3Wall/WallLook/index.css

@@ -1,23 +0,0 @@
-.WallLook .ant-modal-close {
-  display: none;
-}
-.WallLook .main {
-  border-top: 1px solid #999999;
-  padding-top: 15px;
-  width: 100%;
-}
-.WallLook .main .imgListBox {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-}
-.WallLook .main .imgListBox .imgListRow {
-  width: 200px;
-  height: 200px;
-}
-.WallLook .main .imgListBox .imgListRow img {
-  object-fit: contain;
-}
-.WallLook .button {
-  text-align: center;
-}

houtai/src/pages/B3Wall/WallLook/index.less

@@ -1,26 +0,0 @@
-.WallLook {
-  .ant-modal-close {
-    display: none;
-  }
-
-  .main {
-    border-top: 1px solid #999999;
-    padding-top: 15px;
-    width: 100%;
-    .imgListBox{
-      width: 100%;
-      display: flex;
-      justify-content: center;
-      .imgListRow{
-        width: 200px;
-        height: 200px;
-        img{
-          object-fit: contain;
-        }
-      }
-    }
-  }
-  .button{
-    text-align: center;
-  }
-}

houtai/src/pages/B3Wall/WallLook/index.module.scss

@@ -0,0 +1,32 @@
+.WallLook {
+  :global {
+    .ant-modal-close {
+      display: none;
+    }
+
+    .main {
+      border-top: 1px solid #999999;
+      padding-top: 15px;
+      width: 100%;
+
+      .imgListBox {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+
+        .imgListRow {
+          width: 200px;
+          height: 200px;
+
+          img {
+            object-fit: contain;
+          }
+        }
+      }
+    }
+
+    .button {
+      text-align: center;
+    }
+  }
+}

houtai/src/pages/B3Wall/WallLook/index.tsx

@@ -3,7 +3,7 @@ import { getWallDetailAPI } from "@/store/action/B3Wall";
 import { ImgListType } from "@/types";
 import { Button, Modal } from "antd";
 import React, { useCallback, useEffect, useState } from "react";
-import "./index.css";
+import styles from "./index.module.scss";
 
 type Props = {
   id?: number;
@@ -34,7 +34,7 @@ function WallLook({ id, imgList, closeMoalFu }: Props) {
 
   return (
     <Modal
-      wrapClassName="WallLook"
+      wrapClassName={styles.WallLook}
       destroyOnClose
       open={true}
       title="预览效果"

houtai/src/pages/B4Barrage/BarrageSet/index.css

@@ -1,21 +0,0 @@
-.BarrageSet .ant-modal-close {
-  display: none;
-}
-.BarrageSet .main {
-  border-top: 1px solid #999999;
-  padding-top: 15px;
-  width: 100%;
-}
-.BarrageSet .main .row {
-  display: flex;
-  align-items: center;
-  height: 40px;
-}
-.BarrageSet .main .row .txtTit {
-  padding-left: 20px;
-  font-size: 12px;
-  color: #999999;
-}
-.BarrageSet .button {
-  text-align: center;
-}

houtai/src/pages/B4Barrage/BarrageSet/index.less

@@ -1,25 +0,0 @@
-.BarrageSet {
-  .ant-modal-close {
-    display: none;
-  }
-
-  .main {
-    border-top: 1px solid #999999;
-    padding-top: 15px;
-    width: 100%;
-    .row{
-      display: flex;
-      align-items: center;
-      height: 40px;
-      .txtTit{
-        padding-left: 20px;
-        font-size: 12px;
-        color: #999999;
-      }
-    }
-  }
-
-  .button {
-    text-align: center;
-  }
-}

houtai/src/pages/B4Barrage/BarrageSet/index.module.scss

@@ -0,0 +1,29 @@
+.BarrageSet {
+  :global {
+    .ant-modal-close {
+      display: none;
+    }
+
+    .main {
+      border-top: 1px solid #999999;
+      padding-top: 15px;
+      width: 100%;
+
+      .row {
+        display: flex;
+        align-items: center;
+        height: 40px;
+
+        .txtTit {
+          padding-left: 20px;
+          font-size: 12px;
+          color: #999999;
+        }
+      }
+    }
+
+    .button {
+      text-align: center;
+    }
+  }
+}

houtai/src/pages/B4Barrage/BarrageSet/index.tsx

@@ -2,7 +2,7 @@ import { barrageSetConfigAPI } from "@/store/action/B4Barrage";
 import { MessageFu } from "@/utils/message";
 import { Button, Modal, Switch } from "antd";
 import React, { useCallback, useEffect, useState } from "react";
-import "./index.css";
+import styles from "./index.module.scss";
 
 type Props = {
   closeMoalFu: () => void;
@@ -35,7 +35,7 @@ function BarrageSet({ closeMoalFu, barrageValue, upBarrageFu }: Props) {
 
   return (
     <Modal
-      wrapClassName="BarrageSet"
+      wrapClassName={styles.BarrageSet}
       destroyOnClose
       open={true}
       title="弹幕功能设置"

houtai/src/pages/B6Smart/SmartAutoAdd/index.css

@@ -1,24 +0,0 @@
-.SmartAutoAdd .ant-modal-close {
-  display: none;
-}
-.SmartAutoAdd .ant-modal {
-  width: 1000px !important;
-}
-.SmartAutoAdd .main {
-  border-top: 1px solid #999999;
-  padding-top: 15px;
-  width: 100%;
-}
-.SmartAutoAdd .main .row {
-  display: flex;
-  align-items: center;
-  height: 40px;
-}
-.SmartAutoAdd .main .row .txtTit {
-  padding-left: 20px;
-  font-size: 12px;
-  color: #999999;
-}
-.SmartAutoAdd .button {
-  text-align: center;
-}

houtai/src/pages/B6Smart/SmartAutoAdd/index.less

@@ -1,31 +0,0 @@
-.SmartAutoAdd {
-  .ant-modal-close {
-    display: none;
-  }
-
-  .ant-modal {
-    width: 1000px !important;
-  }
-
-  .main {
-    border-top: 1px solid #999999;
-    padding-top: 15px;
-    width: 100%;
-
-    .row {
-      display: flex;
-      align-items: center;
-      height: 40px;
-
-      .txtTit {
-        padding-left: 20px;
-        font-size: 12px;
-        color: #999999;
-      }
-    }
-  }
-
-  .button {
-    text-align: center;
-  }
-}

houtai/src/pages/B6Smart/SmartAutoAdd/index.module.scss

@@ -0,0 +1,33 @@
+.SmartAutoAdd {
+  :global {
+    .ant-modal-close {
+      display: none;
+    }
+
+    .ant-modal {
+      width: 1000px !important;
+    }
+
+    .main {
+      border-top: 1px solid #999999;
+      padding-top: 15px;
+      width: 100%;
+
+      .row {
+        display: flex;
+        align-items: center;
+        height: 40px;
+
+        .txtTit {
+          padding-left: 20px;
+          font-size: 12px;
+          color: #999999;
+        }
+      }
+    }
+
+    .button {
+      text-align: center;
+    }
+  }
+}

houtai/src/pages/B6Smart/SmartAutoAdd/index.tsx

@@ -1,10 +1,10 @@
 import { Button, Form, Input, Modal, Popconfirm } from "antd";
 import React, { useCallback, useEffect, useRef } from "react";
 import TextArea from "antd/es/input/TextArea";
-import "./index.css";
 import { getSmartDetailAPI, smartSaveAPI } from "@/store/action/B6Smart";
 import { MessageFu } from "@/utils/message";
 import { SmartSaveDataType } from "@/types";
+import styles from "./index.module.scss";
 
 type Props = {
   id: number;
@@ -53,7 +53,7 @@ function SmartAutoAdd({ id, closeMoalFu, addTableFu, editTableFu }: Props) {
 
   return (
     <Modal
-      wrapClassName="SmartAutoAdd"
+      wrapClassName={styles.SmartAutoAdd}
       destroyOnClose
       open={true}
       title={id > 0 ? "编辑播报" : "新增播报"}

houtai/src/pages/C1User/UserAdd/index.css

@@ -1,13 +0,0 @@
-.userAdd .ant-modal-close {
-  display: none;
-}
-.userAdd .userAddMain {
-  border-top: 1px solid #999999;
-  padding-top: 15px;
-  width: 100%;
-}
-.userAdd .userAddMain .passTit {
-  color: #ff4d4f;
-  font-size: 14px;
-  padding-left: 98px;
-}

houtai/src/pages/C1User/UserAdd/index.less

@@ -1,17 +0,0 @@
-.userAdd {
-  .ant-modal-close {
-    display: none;
-  }
-
-  .userAddMain {
-    border-top: 1px solid #999999;
-    padding-top: 15px;
-    width: 100%;
-
-    .passTit {
-      color: #ff4d4f;
-      font-size: 14px;
-      padding-left: 98px;
-    }
-  }
-}

houtai/src/pages/C1User/UserAdd/index.module.scss

@@ -0,0 +1,19 @@
+.userAdd {
+  :global {
+    .ant-modal-close {
+      display: none;
+    }
+
+    .userAddMain {
+      border-top: 1px solid #999999;
+      padding-top: 15px;
+      width: 100%;
+
+      .passTit {
+        color: #ff4d4f;
+        font-size: 14px;
+        padding-left: 98px;
+      }
+    }
+  }
+}

houtai/src/pages/C1User/UserAdd/index.tsx

@@ -5,7 +5,7 @@ import { MessageFu } from "@/utils/message";
 import { Button, Form, Input, Modal, Popconfirm, Select } from "antd";
 import React, { useCallback, useEffect, useRef } from "react";
 import { useSelector } from "react-redux";
-import "./index.css";
+import styles from "./index.module.scss";
 
 type Props = {
   id: any;
@@ -65,7 +65,7 @@ function UserAdd({ id, closePage, upTableList, addTableList }: Props) {
 
   return (
     <Modal
-      wrapClassName="userAdd"
+      wrapClassName={styles.userAdd}
       destroyOnClose
       open={true}
       title={id ? "编辑用户" : "新增用户"}

houtai/src/pages/C2Role/RoleAdd/index.css

@@ -1,51 +0,0 @@
-.roleAdd .ant-modal-close {
-  display: none;
-}
-.roleAdd .roleAddMain {
-  border-top: 1px solid #999999;
-  padding-top: 15px;
-  width: 100%;
-}
-.roleAdd .roleAddMain .row {
-  margin-bottom: 20px;
-  position: relative;
-  display: flex;
-  padding: 0 24px 0 0px;
-  text-align: right;
-}
-.roleAdd .roleAddMain .row .rowSpan {
-  display: inline-block;
-  width: 80px;
-  line-height: 32px;
-}
-.roleAdd .roleAddMain .row .rowSpan > span {
-  position: relative;
-  top: 2px;
-  color: #ff4d4f;
-}
-.roleAdd .roleAddMain .row .bs::before {
-  content: '*';
-  position: absolute;
-  top: 2px;
-  left: 1px;
-  z-index: 10;
-  color: #ff4d4f;
-}
-.roleAdd .roleAddMain .row .inputBox {
-  width: calc(100% - 90px);
-}
-.roleAdd .roleAddMain .row .inputBoxCheck {
-  width: 155px;
-}
-.roleAdd .roleAddMain .row .inputBoxCheck .rowCheck {
-  display: block;
-  display: flex;
-  margin-left: 4px;
-  margin-top: 5px;
-}
-.roleAdd .roleAddMain .roleAddButton {
-  text-align: center;
-}
-.roleAdd .lookRole .row {
-  pointer-events: none;
-}

houtai/src/pages/C2Role/RoleAdd/index.less

@@ -1,67 +0,0 @@
-.roleAdd {
-  .ant-modal-close {
-    display: none;
-  }
-
-  .roleAddMain {
-    border-top: 1px solid #999999;
-    padding-top: 15px;
-    width: 100%;
-
-    .row {
-      margin-bottom: 20px;
-      position: relative;
-      display: flex;
-      padding: 0 24px 0 0px;
-      text-align: right;
-
-      .rowSpan {
-        display: inline-block;
-        width: 80px;
-        line-height: 32px;
-        &>span{
-          position: relative;
-          top: 2px;
-          color: #ff4d4f;
-        }
-      }
-
-      .bs {
-        &::before {
-          content: '*';
-          position: absolute;
-          top: 2px;
-          left: 1px;
-          z-index: 10;
-          color: #ff4d4f;
-        }
-      }
-
-      .inputBox {
-        width: calc(100% - 90px);
-
-      }
-
-      .inputBoxCheck {
-        width: 155px;
-
-        .rowCheck {
-          display: block;
-          display: flex;
-          margin-left: 4px;
-          margin-top: 5px;
-        }
-      }
-    }
-
-    .roleAddButton {
-      text-align: center;
-    }
-  }
-
-  .lookRole {
-    .row {
-      pointer-events: none;
-    }
-  }
-}

houtai/src/pages/C2Role/RoleAdd/index.module.scss

@@ -0,0 +1,70 @@
+.roleAdd {
+  :global {
+    .ant-modal-close {
+      display: none;
+    }
+
+    .roleAddMain {
+      border-top: 1px solid #999999;
+      padding-top: 15px;
+      width: 100%;
+
+      .row {
+        margin-bottom: 20px;
+        position: relative;
+        display: flex;
+        padding: 0 24px 0 0px;
+        text-align: right;
+
+        .rowSpan {
+          display: inline-block;
+          width: 80px;
+          line-height: 32px;
+
+          &>span {
+            position: relative;
+            top: 2px;
+            color: #ff4d4f;
+          }
+        }
+
+        .bs {
+          &::before {
+            content: '*';
+            position: absolute;
+            top: 2px;
+            left: 1px;
+            z-index: 10;
+            color: #ff4d4f;
+          }
+        }
+
+        .inputBox {
+          width: calc(100% - 90px);
+
+        }
+
+        .inputBoxCheck {
+          width: 155px;
+
+          .rowCheck {
+            display: block;
+            display: flex;
+            margin-left: 4px;
+            margin-top: 5px;
+          }
+        }
+      }
+
+      .roleAddButton {
+        text-align: center;
+      }
+    }
+
+    .lookRole {
+      .row {
+        pointer-events: none;
+      }
+    }
+  }
+}

houtai/src/pages/C2Role/RoleAdd/index.tsx

@@ -3,7 +3,7 @@ import { getRoleInfoByIdAPI, roleSaveAPI } from "@/store/action/C2Role";
 import { Button, Checkbox, Input, Modal, Popconfirm } from "antd";
 import React, { useCallback, useEffect, useState } from "react";
 import classNames from "classnames";
-import "./index.css";
+import styles from "./index.module.scss";
 import { AddRoleType, PermissionsAPIType, RoleTableType } from "@/types";
 import { MessageFu } from "@/utils/message";
 const { TextArea } = Input;
@@ -109,7 +109,7 @@ function RoleAdd({ id, closePage, upTableList, addTableList }: Props) {
 
   return (
     <Modal
-      wrapClassName="roleAdd"
+      wrapClassName={styles.roleAdd}
       destroyOnClose
       open={true}
       title={id ? (id === 1 ? "查看角色" : "编辑角色") : "新增角色"}