finish

src/components/User.vue

@@ -47,7 +47,10 @@
             </t-input>
           </t-form-item>
           <t-form-item label="角色权限" name="role">
-            <t-radio-group v-model="formData.role">
+            <t-radio-group
+              v-model="formData.role"
+              :disabled="updateUserInfo?.username == 'admin'"
+            >
               <t-radio value="ROLE_ADMIN">管理员</t-radio>
               <t-radio value="ROLE_USER">普通用户</t-radio>
             </t-radio-group>
@@ -178,6 +181,12 @@ export default {
                   </div>
                 </div>
               )
+            } else {
+              return (
+                <t-button theme="primary" onClick={() => this.updateUser(row)}>
+                  修改
+                </t-button>
+              )
             }
           },
         },

src/pages/index.vue

@@ -43,7 +43,10 @@
         </g>
       </svg>
       <div class="menu_list">
-        <div class="menu" @click="clickTaskTab">
+        <div
+          :class="accountStore.activePage == 1 ? 'menu active' : 'menu'"
+          @click="clickTaskTab"
+        >
           <svg
             xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -57,7 +60,7 @@
               <path
                 d="M3.71475,0L22.2853,0C24.3368,0,26,1.66316,26,3.71475L26,22.2852C26,24.3368,24.3368,26,22.2852,26L3.71475,26C1.66316,26,0,24.3368,0,22.2852L0,3.71475C0,1.66316,1.66316,0,3.71475,0ZM22.2878,24.1444C23.3131,24.1466,24.1452,23.3156,24.1444,22.2903L24.1444,3.71653C24.1457,2.68992,23.3144,1.85669,22.2878,1.85565L3.71905,1.85565C2.69109,1.85611,1.8575,2.68858,1.85565,3.71653L1.85565,22.2903C1.85565,22.7869,2.05107,23.2511,2.40227,23.6023C2.75348,23.9536,3.22243,24.1444,3.71905,24.1444L22.2878,24.1444ZM7.19905,9.83403L10.2578,6.77537C10.6209,6.41722,11.2049,6.41921,11.5655,6.77984C11.9261,7.14046,11.9281,7.72451,11.5699,8.08753L7.85513,11.8023C7.49279,12.1646,6.90531,12.1646,6.54297,11.8023L4.68565,9.94485C4.32301,9.58256,4.32286,8.99484,4.68533,8.63237C5.0478,8.2699,5.63552,8.27004,5.99781,8.63269L7.19905,9.83403ZM13.6999,8.35581L21.1294,8.35581C21.6418,8.35581,22.0572,8.77121,22.0572,9.28363C22.0572,9.79605,21.6418,10.2115,21.1294,10.2115L13.6999,10.2115C13.1875,10.2115,12.7721,9.79605,12.7721,9.28363C12.7721,8.77121,13.1875,8.35581,13.6999,8.35581ZM4.87782,16.7178C4.87782,14.9231,6.33267,13.4678,8.12782,13.4678C9.92297,13.4678,11.3778,14.9231,11.3778,16.7178C11.3778,18.5126,9.92255,19.9678,8.12782,19.9678C6.33309,19.9678,4.87782,18.5126,4.87782,16.7178ZM6.92075,17.4148C7.37884,18.2089,8.46548,18.3524,9.11404,17.7045C9.37661,17.4436,9.52384,17.0885,9.52291,16.7183C9.52291,15.8014,8.65347,15.134,7.76802,15.3711C6.88243,15.6082,6.46266,16.6207,6.92075,17.4148ZM13.6999,15.7889L21.1294,15.7889C21.6418,15.7889,22.0572,16.2043,22.0572,16.7167C22.0572,17.2291,21.6418,17.6445,21.1294,17.6445L13.6999,17.6445C13.1875,17.6445,12.7721,17.2291,12.7721,16.7167C12.7721,16.2043,13.1875,15.7889,13.6999,15.7889Z"
                 fill-rule="evenodd"
-                fill="#FFFFFF"
+                :fill="accountStore.activePage == 1 ? '#00e5ff' : '#FFFFFF'"
                 fill-opacity="1"
               />
             </g>
@@ -65,7 +68,7 @@
           <p class="title">任务管理中心</p>
         </div>
         <div
-          class="menu"
+          :class="accountStore.activePage == 3 ? 'menu active' : 'menu'"
           @click="accountStore.changePage(3)"
           v-if="role == 'ROLE_ADMIN'"
         >
@@ -82,7 +85,7 @@
               <path
                 d="M17.867,6.55125C17.867,2.94281,14.9242,0,11.2808,0C7.63729,0,4.69448,2.94281,4.69448,6.55125C4.69448,8.54815,5.60535,10.44,7.21688,11.7012L7.63729,12.0165C7.67232,12.0515,7.67232,12.0865,7.67232,12.1216C7.67232,12.1566,7.63729,12.1916,7.60225,12.1916L7.11178,12.4018C2.80267,14.1185,0,18.1823,0,22.7717L0,25.0839C0,25.5043,0.350334,25.8196,0.770735,25.8196L13.1726,25.8196C12.8222,25.3642,12.5069,24.8387,12.2617,24.3132L1.64657,24.3132C1.5765,24.3132,1.54147,24.2782,1.54147,24.2081L1.54147,22.7367C1.54147,17.7269,5.32508,13.593,10.3349,13.1025L11.4209,13.1025C12.3668,13.0324,14.0484,12.7872,14.9242,12.0165L15.3446,11.7012C16.9562,10.44,17.867,8.54815,17.867,6.55125ZM11.2808,11.5961C8.47809,11.5961,6.20091,9.31889,6.20091,6.55125C6.20091,3.78361,8.47809,1.50644,11.2808,1.50644C14.0834,1.50644,16.3606,3.78361,16.3606,6.55125C16.3606,9.31889,14.0834,11.5961,11.2808,11.5961ZM25.8896,20.8798C25.8195,21.3352,25.5042,21.6505,25.1539,21.6505L25.1539,21.6856L25.0838,21.6856C24.243,21.6856,23.5424,22.3862,23.5424,23.227C23.5424,23.4022,23.5774,23.6124,23.6825,23.8226C23.8577,24.243,23.7526,24.7335,23.3672,24.9787L21.6506,25.9246C21.5104,25.9947,21.3703,26.0297,21.2302,26.0297C20.9499,26.0297,20.6346,25.9246,20.4594,25.7144C20.2842,25.5042,19.6536,24.9437,19.1982,24.9437C18.7428,24.9437,18.1472,25.4341,17.937,25.6794C17.6217,25.9947,17.1663,26.0998,16.7809,25.9246L15.0993,24.9787C14.7139,24.6984,14.5738,24.208,14.749,23.7876C14.784,23.6825,14.8891,23.4022,14.8891,23.192C14.8891,22.3512,14.1884,21.6505,13.3476,21.6505L13.2776,21.6505C12.8922,21.6505,12.6119,21.3703,12.5068,20.8798Q12.3667,20.1441,12.3667,19.5485Q12.3667,18.953,12.5068,18.2173C12.5769,17.7618,12.8922,17.4465,13.2425,17.4465L13.3126,17.4465C14.1534,17.4465,14.8541,16.7459,14.8541,15.9051Q14.8541,15.6248,14.7139,15.3095C14.5388,14.8891,14.6789,14.3986,15.0292,14.1534L16.7809,13.1724L16.8159,13.1724C17.2013,13.0323,17.6567,13.1024,17.972,13.4177C18.1472,13.5928,18.7428,14.1183,19.1982,14.1183C19.6186,14.1183,20.2142,13.6279,20.4244,13.4177C20.7397,13.1024,21.1951,13.0323,21.5805,13.1724L23.2971,14.1183C23.6825,14.3986,23.8226,14.8891,23.6475,15.3095C23.6475,15.3445,23.5073,15.6248,23.5073,15.9051C23.5073,16.7459,24.208,17.4465,25.0488,17.4465L25.1189,17.4465C25.5042,17.4465,25.7845,17.7618,25.8896,18.2173C25.9246,18.3224,26.0297,19.023,26.0297,19.5485C26.0297,19.7587,25.9947,20.1791,25.8896,20.8448L25.8896,20.8798ZM24.8036,20.5295L24.8036,20.4594C24.8386,20.2492,24.8736,19.8638,24.8736,19.5485C24.8736,19.2332,24.8386,18.8479,24.8036,18.6377L24.8036,18.5676L24.7335,18.5676C23.4022,18.3924,22.3863,17.2714,22.3863,15.9051C22.3863,15.6248,22.4213,15.3796,22.5264,15.0993L22.5614,15.0292L21.2302,14.2935L21.1951,14.3285C21.09,14.4336,20.9149,14.5738,20.7047,14.7139C20.1792,15.0642,19.6887,15.2394,19.2333,15.2394C18.7778,15.2394,18.2873,15.0292,17.7618,14.6789C17.5166,14.5037,17.3414,14.3285,17.2714,14.2585L17.2363,14.2234L15.835,14.9942L15.87,15.1343C15.9401,15.3095,16.0102,15.6248,16.0102,15.9401C16.0102,17.2714,14.9942,18.4275,13.6629,18.6026L13.5929,18.6026L13.5929,18.6727C13.5578,19.023,13.5228,19.3383,13.5228,19.5836C13.5228,19.8989,13.5578,20.2142,13.5929,20.4944L13.5929,20.5645L13.6629,20.5645C14.9942,20.7397,16.0102,21.8607,16.0102,23.227C16.0102,23.5423,15.9401,23.8226,15.87,24.0328L15.835,24.1029L17.1663,24.7685L17.2013,24.7335C17.3414,24.5933,17.5166,24.4532,17.6918,24.3131C18.2173,23.9627,18.7428,23.7525,19.1982,23.7525C19.6537,23.7525,20.1792,23.9627,20.7047,24.3481C20.9499,24.5233,21.1251,24.6984,21.1951,24.7685L21.2302,24.8035L22.5614,24.0678L22.5264,23.9978C22.4563,23.8226,22.3863,23.5073,22.3863,23.192C22.3863,21.8607,23.4022,20.7046,24.7335,20.5295L24.8036,20.5295ZM19.1632,17.0612C17.7969,17.0612,16.6759,18.1822,16.6759,19.5485C16.6759,20.9148,17.7969,22.0359,19.1632,22.0359C20.5295,22.0359,21.6506,20.9148,21.6506,19.5485C21.6506,18.1822,20.5295,17.0612,19.1632,17.0612ZM20.1091,20.4944C19.8639,20.7397,19.5136,20.8798,19.1632,20.8798C18.4275,20.8798,17.832,20.2842,17.832,19.5485C17.867,18.8128,18.4626,18.2523,19.1632,18.2523C19.8639,18.2523,20.4595,18.8128,20.4945,19.5485C20.4945,19.8989,20.3544,20.2492,20.1091,20.4944Z"
                 fill-rule="evenodd"
-                fill="#FFFFFF"
+                :fill="accountStore.activePage == 3 ? '#00e5ff' : '#FFFFFF'"
                 fill-opacity="1"
               />
             </g>
@@ -90,7 +93,7 @@
           <p class="title">用户管理</p>
         </div>
         <div
-          class="menu"
+          :class="accountStore.activePage == 5 ? 'menu active' : 'menu'"
           @click="accountStore.changePage(5)"
           v-if="role == 'ROLE_ADMIN'"
         >
@@ -106,14 +109,17 @@
             <g>
               <path
                 d="M29.1848,20.0272L26.9564,20.0272L26.9564,17.9348C26.9564,17.9315,26.9553,17.9281,26.9553,17.9248C26.9547,17.8779,26.95,17.8309,26.9413,17.784C26.9393,17.7739,26.9369,17.7639,26.9349,17.7538C26.9322,17.7414,26.9302,17.729,26.9269,17.717L23.8118,6.47316L23.8118,3.30077C23.8118,2.85059,23.4468,2.48555,22.9966,2.48555L17.4825,2.48555C17.0323,2.48555,16.6673,2.85059,16.6673,3.30077L16.6673,6.47316L16.3787,7.51464L15.5729,4.88261L15.5729,0.81522C15.5729,0.36504,15.2078,0,14.7576,0L7.81727,0C7.36709,0,7.00206,0.36504,7.00206,0.81522L7.00206,4.88294L3.07917,17.6962C3.07348,17.7153,3.06945,17.7344,3.0651,17.7538C3.06308,17.7622,3.06074,17.7703,3.05906,17.7786C3.04968,17.8259,3.04565,17.8735,3.04465,17.9208C3.04465,17.9255,3.04331,17.9301,3.04331,17.9348L3.04331,20.0272L0.815214,20.0272C0.365036,20.0272,0,20.3922,0,20.8424C0,21.2926,0.365036,21.6576,0.815214,21.6576L29.1848,21.6576C29.635,21.6576,30,21.2926,30,20.8424C30,20.3922,29.635,20.0272,29.1848,20.0272ZM8.59662,5.24362C8.62041,5.16619,8.63248,5.08574,8.63248,5.00496L8.63248,1.63044L13.9428,1.63044L13.9428,5.00495C13.9428,5.08574,13.9548,5.16619,13.9786,5.24362L17.6143,17.1196L4.96067,17.1196L8.59662,5.24362ZM17.9012,20.0272L4.67407,20.0272L4.67407,18.7501L17.9012,18.7501L17.9012,20.0272ZM17.267,10.4162L18.2682,6.80233C18.288,6.7316,18.2977,6.65819,18.2977,6.58478L18.2977,4.11666L22.1814,4.11666L22.1814,5.95158L20.252,5.95158C19.9818,5.95158,19.7629,6.17047,19.7629,6.44064C19.7629,6.71082,19.9818,6.92971,20.252,6.92971L22.2461,6.92971L25.0692,17.12L19.3191,17.12L17.267,10.4162ZM25.3259,20.0272L19.5316,20.0272L19.5316,18.7501L25.3263,18.7501L25.3263,20.0272L25.3259,20.0272ZM10.4751,11.817C10.5488,11.6893,10.6491,11.5867,10.7644,11.5116L9.94045,10.0847C9.5708,10.307,9.26393,10.6199,9.04881,10.9937C8.82522,11.3812,8.71494,11.8026,8.70723,12.2206L10.3551,12.2206C10.3625,12.0828,10.4014,11.9447,10.4751,11.817ZM10.8495,13.077L10.0259,14.5033C10.8193,14.9415,11.7485,14.9136,12.4917,14.5043L11.6677,13.077C11.4184,13.2034,11.1147,13.2118,10.8495,13.077ZM12.5768,10.0853L11.7536,11.5116C12.0026,11.6739,12.1474,11.941,12.1628,12.2206L13.8107,12.2206C13.7933,11.3722,13.3531,10.5533,12.5768,10.0853ZM10.93,12.8394C11.2444,13.0211,11.6466,12.9131,11.8283,12.5987C12.01,12.2843,11.9021,11.882,11.5876,11.7003C11.2732,11.5187,10.871,11.6266,10.6893,11.941C10.5076,12.2555,10.6155,12.6577,10.93,12.8394ZM13.0887,9.1005C12.2423,8.6121,11.2561,8.48238,10.3119,8.73479C9.36758,8.98787,8.57852,9.59325,8.08979,10.44C7.08083,12.1874,7.68185,14.4299,9.42926,15.4389C9.99307,15.7644,10.6189,15.9306,11.2531,15.9306C11.5709,15.9306,11.891,15.8887,12.2061,15.8043C13.1504,15.5512,13.9394,14.9458,14.4281,14.0994C15.4368,12.352,14.8361,10.1095,13.0887,9.1005ZM13.8633,13.7736C13.4618,14.4691,12.8131,14.9669,12.0371,15.1748C11.2615,15.3822,10.451,15.276,9.75508,14.8741C9.05953,14.4725,8.56176,13.8239,8.35393,13.0482C8.1461,12.2725,8.2527,11.462,8.65427,10.7665C9.05585,10.0709,9.70446,9.57314,10.4805,9.36531C10.7396,9.29592,11.0024,9.26139,11.2635,9.26139C11.7844,9.26139,12.2989,9.39816,12.7622,9.66565C14.1985,10.4946,14.6923,12.3372,13.8633,13.7736Z"
-                fill="#FFFFFF"
+                :fill="accountStore.activePage == 5 ? '#00e5ff' : '#FFFFFF'"
                 fill-opacity="1"
               />
             </g>
           </svg>
           <p class="title">堆芯信息</p>
         </div>
-        <div class="menu" @click="accountStore.changePage(4)">
+        <div
+          :class="accountStore.activePage == 4 ? 'menu active' : 'menu'"
+          @click="accountStore.changePage(4)"
+        >
           <svg
             xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -127,7 +133,7 @@
               <path
                 d="M19.2738,3.31288L23.8579,3.31288C25.1907,3.31288,26.2719,4.39406,26.2719,5.72692L26.2719,18.9784C26.2719,20.3113,25.1907,21.3925,23.8579,21.3925L2.41404,21.3925C1.08118,21.3925,0,20.3113,0,18.9784L0,5.72692C0,4.39406,1.08118,3.31288,2.41404,3.31288L6.99814,3.31288C7.2113,3.31288,7.38336,3.14082,7.38336,2.92766L7.38336,2.41404C7.38336,1.08118,8.46454,0,9.7974,0L16.4745,0C17.8074,0,18.8886,1.08118,18.8886,2.41404L18.8886,2.92766C18.8886,3.14082,19.0606,3.31288,19.2738,3.31288ZM23.8579,19.8516C24.3407,19.8516,24.7311,19.4613,24.7311,18.9784L24.7311,5.72692C24.7311,5.24411,24.3407,4.85376,23.8579,4.85376L18.1181,4.85376C17.6918,4.85376,17.3477,4.50963,17.3477,4.08332L17.3477,2.41404C17.3477,1.93123,16.9573,1.54088,16.4745,1.54088L9.7974,1.54088C9.31459,1.54088,8.92424,1.93123,8.92424,2.41404L8.92424,4.08332C8.92424,4.50963,8.58011,4.85376,8.1538,4.85376L2.41404,4.85376C1.93123,4.85376,1.54087,5.24411,1.54087,5.72692L1.54087,18.9784C1.54087,19.4613,1.93123,19.8516,2.41404,19.8516L23.8579,19.8516ZM21.3538,9.11679C22.2615,9.11679,22.9974,8.38093,22.9974,7.47319C22.9974,6.56545,22.2615,5.82959,21.3538,5.82959C20.4461,5.82959,19.7102,6.56545,19.7102,7.47319C19.7102,8.38093,20.4461,9.11679,21.3538,9.11679ZM9.09363,8.27185C10.1799,7.18553,11.6258,6.58716,13.1615,6.58716C14.6973,6.58716,16.1431,7.18553,17.2295,8.27185C18.3158,9.35817,18.9141,10.804,18.9141,12.3398C18.9141,13.8755,18.3158,15.3214,17.2295,16.4077C16.1431,17.494,14.6973,18.0924,13.1615,18.0924C11.6258,18.0924,10.1799,17.494,9.09363,16.4077C8.00731,15.3214,7.40894,13.8755,7.40894,12.3398C7.40894,10.804,8.00731,9.35817,9.09363,8.27185ZM8.94981,12.3398C8.94981,14.6613,10.84,16.5515,13.1615,16.5515C15.4831,16.5515,17.3733,14.6613,17.3733,12.3398C17.3733,10.0182,15.4831,8.12803,13.1615,8.12803C10.84,8.12803,8.94981,10.0182,8.94981,12.3398Z"
                 fill-rule="evenodd"
-                fill="#FFFFFF"
+                :fill="accountStore.activePage == 4 ? '#00e5ff' : '#FFFFFF'"
                 fill-opacity="1"
               />
             </g>
@@ -841,6 +847,11 @@ initWebSocket()
           margin-left: 15px;
         }
       }
+      .active {
+        .title {
+          color: #00e5ff;
+        }
+      }
     }
     .account_wrap {
       display: flex;