Explorar o código

feat: 信义污水厂文字变更为LibraAI污水厂,替换对应的图片

sunxiao hai 3 semanas
pai
achega
356520138d

BIN=BIN
src/assets/images/carbon/bg-header.png


BIN=BIN
src/assets/images/carbon/bg-header1.png


+ 6 - 0
src/assets/images/screenViewBlack/bg-arrow-down.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+  <path d="M0.54541 5.30325H13.7072L7.12632 13.4122L0.54541 5.30325Z" fill="#4574A4"/>
+  <path d="M7.12632 9.0261L0.54541 0.900099L7.12632 4.9631V9.0261Z" fill="#A1CEDE"/>
+  <path d="M7.12598 9.0262L13.7069 0.900196L7.12598 4.9632V9.0262Z" fill="#5DA1B9"/>
+  <path d="M0.54541 0.900099H13.7072L7.12632 4.9631L0.54541 0.900099Z" fill="#ACD5E4"/>
+</svg>

+ 3 - 0
src/assets/images/screenViewBlack/bg-arrow-left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6" fill="none">
+  <path d="M0 0.900002L5.1 6H0V0.900002Z" fill="#F7931E"/>
+</svg>

+ 3 - 0
src/assets/images/screenViewBlack/bg-arrow-right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewBox="0 0 6 6" fill="none">
+  <path d="M5.99951 0.900002L0.899511 6H5.99951V0.900002Z" fill="#F7931E"/>
+</svg>

+ 17 - 0
src/assets/images/screenViewBlack/bg-select.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="114" height="34" viewBox="0 0 114 34" fill="none">
+  <mask id="path-1-inside-1_5344_2906" fill="white">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H114V34H114V27.2L107.2 34H6.8L0 27.2V0Z"/>
+  </mask>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H114V34H114V27.2L107.2 34H6.8L0 27.2V0Z" fill="url(#paint0_linear_5344_2906)" fill-opacity="0.2"/>
+  <path d="M114 0H115.7V-1.7H114V0ZM0 0V-1.7H-1.7V0H0ZM114 34V35.7H115.7V34H114ZM114 34H112.3V35.7H114V34ZM114 27.2H115.7V23.0958L112.798 25.9979L114 27.2ZM107.2 34V35.7H107.904L108.402 35.2021L107.2 34ZM6.8 34L5.59792 35.2021L6.09584 35.7H6.8V34ZM0 27.2H-1.7V27.9042L-1.20208 28.4021L0 27.2ZM114 -1.7H0V1.7H114V-1.7ZM115.7 34V0H112.3V34H115.7ZM114 35.7H114V32.3H114V35.7ZM115.7 34V27.2H112.3V34H115.7ZM112.798 25.9979L105.998 32.7979L108.402 35.2021L115.202 28.4021L112.798 25.9979ZM6.8 35.7H107.2V32.3H6.8V35.7ZM-1.20208 28.4021L5.59792 35.2021L8.00208 32.7979L1.20208 25.9979L-1.20208 28.4021ZM-1.7 0V27.2H1.7V0H-1.7Z" fill="url(#paint1_linear_5344_2906)" mask="url(#path-1-inside-1_5344_2906)"/>
+  <defs>
+    <linearGradient id="paint0_linear_5344_2906" x1="56.9914" y1="34" x2="56.9914" y2="0" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#00385C"/>
+      <stop offset="1" stop-color="#2670B8"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear_5344_2906" x1="56.9914" y1="34" x2="56.9914" y2="0" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#005D99"/>
+      <stop offset="1" stop-color="#80C0FF"/>
+    </linearGradient>
+  </defs>
+</svg>

+ 1 - 1
src/components/Layout/TheMenu.vue

@@ -87,7 +87,7 @@ const updateMenOptions = () => {
         ]
       },
       {
-        label: () => renderLabel('成本管控'),
+        label: () => renderLabel('碳排放核算'),
         icon: renderIcon({ name: 'menu-cost-control' }),
         key: '/control',
         children: [

+ 2 - 2
src/components/Layout/userTop.vue

@@ -19,7 +19,7 @@ const voiceSwitchStatus = ref(false);
 
 const options = [
   {
-    label: "信义污水厂",
+    label: "LibraAI污水厂",
     value: 'water',
   }
 ]
@@ -42,7 +42,7 @@ const changeVoiceStatus = () => {
   <!-- <SvgIcon :name="voiceName" size="24" class="cursor-pointer" @click="changeVoiceStatus"></SvgIcon> -->
    <!-- 分割线 -->
   <!-- <div class="h-[24px] border-r-[1px] border-color-[#D3D0E1]"></div> -->
-  <NSelect v-model:value="selectValue" class="w-[114px]" size="medium" :options="options"
+  <NSelect v-model:value="selectValue" class="w-[134px]" size="medium" :options="options"
     :consistent-menu-width="false" v-if="!userStore.isCheckUser"/>
   <TheUserAvatar></TheUserAvatar>
   <editPassword></editPassword>

+ 2 - 2
src/components/User/userEdit.vue

@@ -16,7 +16,7 @@ const tempAvatar = ref(user.value.avatar);
 
 const model = reactive({
   des: null,
-  selectValue: "信义污水厂",
+  selectValue: "LibraAI污水厂",
   submitStatus: false
 });
 
@@ -85,7 +85,7 @@ const submit = async () => {
         </n-form-item>
         <n-form-item label="水厂" v-if="user.dept">
           <div class="content">
-            信义污水厂
+            LibraAI污水厂
             <span class="des">设置为默认登录</span>
           </div>
         </n-form-item>

+ 22 - 3
src/views/screen/ScreenViewBlack/index.vue

@@ -104,7 +104,10 @@ onUnmounted(() => {
         </ul>
       </div>
       <div class="header-right flex items-center justify-end pr-[18px]">
-        <div class="select-factory"></div>
+        <div class="select-factory">
+          <span>LibraAi污水厂</span>
+          <span></span>
+        </div>
         <TheUserAvatar></TheUserAvatar>
         <editPassword></editPassword>
       </div>
@@ -235,12 +238,28 @@ $primary-bg-color: #040d1c;
 
   .header-right {
     .select-factory {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
       width: 114px;
       height: 34px;
+      padding: 10px;
       margin-right: 16px;
-      background: url(@/assets/images/screenViewBlack/bg-select.png) center center no-repeat;
-      background-size: 100% 100%;
+      background: 
+      url("@/assets/images/screenViewBlack/bg-arrow-left.svg") left bottom no-repeat,
+      url("@/assets/images/screenViewBlack/bg-select.svg") center center no-repeat,
+      url("@/assets/images/screenViewBlack/bg-arrow-right.svg") right bottom no-repeat;
+      background-size: 7px 7px, contain, 7px 7px;
+      color: #fff;
+      font-size: 12px;
       cursor: pointer;
+
+      & span:nth-child(2) {
+        display: block;
+        width: 13px;
+        height: 12px;
+        background: url("@/assets/images/screenViewBlack/bg-arrow-down.svg") center center no-repeat;
+      }
     }
   }
 }