upp

src/pages/A4store/A3Edit/index.tsx

@@ -27,7 +27,6 @@ function A3Edit({ editInfo, closeFu, upTableFu, addTableFu }: Props) {
   // 表单的ref
   const FormBoxRef = useRef<FormInstance>(null);
 
-
   // 封面图的ref
   const ZupOneRef1 = useRef<any>(null);
   // 富文本的ref
@@ -40,7 +39,6 @@ function A3Edit({ editInfo, closeFu, upTableFu, addTableFu }: Props) {
 
       ZRichTextRef.current?.ritxtShowFu(data.rtf);
 
-
       FormBoxRef.current?.setFieldsValue({
         ...data,
         myTime: dayjs(data.releaseDate),
@@ -186,7 +184,7 @@ function A3Edit({ editInfo, closeFu, upTableFu, addTableFu }: Props) {
                 isLook={false}
                 fileCheck={fileCheck}
                 size={2}
-                dirCode='storeThumb'
+                dirCode="storeThumb"
                 myUrl="cms/prize/upload"
                 format={["image/jpeg", "image/png"]}
                 formatTxt="png、jpg和jpeg"
@@ -206,7 +204,7 @@ function A3Edit({ editInfo, closeFu, upTableFu, addTableFu }: Props) {
             <div className="formRight">
               <ZRichText
                 check={false}
-                dirCode='storeText'
+                dirCode="storeText"
                 isLook={false}
                 ref={ZRichTextRef}
                 myUrl="cms/prize/upload"

src/pages/Login/index.module.scss

@@ -1,20 +1,25 @@
 .Login {
   width: 100%;
   height: 100%;
-  display: flex;
   background-image: url("../../assets/img/loginBac.jpg");
   background-size: 100% 100%;
 
   :global {
+    .loginLogo {
+      position: absolute;
+      top: 100px;
+      left: 100px;
+    }
 
 
     .mainRight {
       position: absolute;
-      right: 240px;
+      left: 50%;
       top: 50%;
-      transform: translateY(-50%);
+      transform: translate(-50%, -50%);
       width: 530px;
-      background-color: rgba(166, 71, 53, 0.80);
+      background-color: rgba(255, 255, 255, 0.50);
+      backdrop-filter: blur(10px);
       display: flex;
       justify-content: center;
       align-items: center;
@@ -26,9 +31,13 @@
         text-align: center;
         padding: 0 100px 70px;
 
-        .loginLogo {
-          margin-top: 40px;
-          width: 240px;
+        .loginTit {
+          margin-top: 15px;
+          letter-spacing: 3px;
+          font-weight: 700;
+          font-size: 26px;
+          color: var(--themeColor);
+          text-align: center;
         }
 
         .inputBox {
@@ -36,22 +45,22 @@
 
           input::-webkit-input-placeholder {
             /* WebKit browsers */
-            color: rgba(255, 255, 255, .5);
+            color: rgba(0, 0, 0, .5);
           }
 
           input:-moz-placeholder {
             /* Mozilla Firefox 4 to 18 */
-            color: rgba(255, 255, 255, .5);
+            color: rgba(0, 0, 0, .5);
           }
 
           input::-moz-placeholder {
             /* Mozilla Firefox 19+ */
-            color: rgba(255, 255, 255, .5);
+            color: rgba(0, 0, 0, .5);
           }
 
           input:-ms-input-placeholder {
             /* Internet Explorer 10+ */
-            color: rgba(255, 255, 255, .5);
+            color: rgba(0, 0, 0, .5);
           }
 
 
@@ -60,7 +69,7 @@
             margin: 30px auto;
 
             .ant-input-suffix .ant-input-password-icon {
-              color: var(--themeColor2);
+              color: var(--themeColor);
               font-size: 22px;
             }
           }
@@ -103,7 +112,7 @@
 
           input:-webkit-autofill {
             font-size: 18px !important;
-            -webkit-text-fill-color: #fff !important;
+            -webkit-text-fill-color: black !important;
             background-image: none;
             -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; //填充阴影，可以用来遮住背景色
             background-color: transparent;
@@ -117,15 +126,15 @@
             width: 100%;
             height: 60px;
             border: none;
-            border-bottom: 1px solid var(--themeColor2);
+            border-bottom: 1px solid var(--themeColor);
             border-radius: 0;
-            color: var(--themeColor2);
+            color: var(--themeColor);
 
             .ant-input {
               background-color: transparent;
               width: 100%;
               height: 60px;
-              color: #fff;
+              color: black;
             }
           }
 
@@ -138,7 +147,7 @@
 
           .ant-btn {
             color: black;
-            background-color: #f0d99c;
+            background-color: var(--themeColor2);
             border-radius: 25px;
             font-size: 24px;
             width: 375px;

src/pages/Login/index.tsx

@@ -73,9 +73,12 @@ export default function Login() {
 
   return (
     <div className={styles.Login}>
+      <img className="loginLogo" src={loginLogoImg} alt="" />
       <div className="mainRight">
         <div className="rightMain">
-          <img className="loginLogo" src={loginLogoImg} alt="" />
+
+          <div className="loginTit">后台管理系统</div>
+
           {/* 账号密码输入框 */}
           <div className="inputBox">
             <div className="inputBoxRow">

src/store/action/Z1user.ts

@@ -13,7 +13,7 @@ export const getUserListAPI = (data: UserTableAPIType) => {
         total: res.data.total,
       };
 
-      dispatch({ type: "B1/getList", payload: obj });
+      dispatch({ type: "Z1/getList", payload: obj });
     }
   };
 };

src/store/action/Z2log.ts

@@ -11,7 +11,7 @@ export const getLogListAPI = (data: any) => {
         list: res.data.records,
         total: res.data.total,
       };
-      dispatch({ type: "B2/getList", payload: obj });
+      dispatch({ type: "Z2/getList", payload: obj });
     }
   };
 };

src/store/reducer/Z1user.ts

@@ -11,7 +11,7 @@ const initState = {
 
 // 定义 action 类型
 type Props = {
-  type: "B1/getList";
+  type: "Z1/getList";
   payload: { list: UserTableListType[]; total: number };
 };
 
@@ -19,7 +19,7 @@ type Props = {
 export default function userReducer(state = initState, action: Props) {
   switch (action.type) {
     // 获取列表数据
-    case "B1/getList":
+    case "Z1/getList":
       return { ...state, tableInfo: action.payload };
 
     default:

src/store/reducer/Z2log.ts

@@ -11,7 +11,7 @@ const initState = {
 
 // 定义 action 类型
 type Props = {
-  type: "B2/getList";
+  type: "Z2/getList";
   payload: { list: LogTableType[]; total: number };
 };
 
@@ -19,7 +19,7 @@ type Props = {
 export default function logReducer(state = initState, action: Props) {
   switch (action.type) {
     // 获取列表数据
-    case "B2/getList":
+    case "Z2/getList":
       return { ...state, tableInfo: action.payload };
     default:
       return state;

src/utils/http.ts

@@ -7,8 +7,8 @@ import { domShowFu } from "./domShow";
 
 const envFlag = process.env.NODE_ENV === "development";
 
-// const baseUrlTemp = "https://sit-wuxicishan.4dage.com"; // 测试环境
-const baseUrlTemp = "http://192.168.20.61:8066"; // 线下环境
+const baseUrlTemp = "https://sit-wuxicishan.4dage.com"; // 测试环境
+// const baseUrlTemp = "http://192.168.20.61:8066"; // 线下环境
 
 const baseFlag = baseUrlTemp.includes("https://");