更改图片等信息

.eslintrc-auto-import.json

@@ -135,7 +135,7 @@
     "useDevicePixelRatio": true,
     "useDevicesList": true,
     "useDisplayMedia": true,
-    "useDocumentVisibility": true,
+    "useDocumentVisibility": false,
     "useDraggable": true,
     "useDropZone": true,
     "useElementBounding": true,

index.html

@@ -17,7 +17,8 @@
           justify-content: center;
           align-items: center;
           flex-direction: column;
-          background: #17C653;
+          background: url(/logingbk.png) no-repeat;
+
         }
 
         .app-loading .app-loading-wrap {
@@ -57,7 +58,7 @@
           position: absolute;
           width: 100%;
           height: 100%;
-          border: 4px solid #ffffff;
+          border: 4px solid #17c653;
           border-bottom: 0;
           border-left-color: transparent;
           border-radius: 50%;
@@ -70,7 +71,7 @@
           left: calc(50% - 20px);
           width: 40px;
           height: 40px;
-          border: 4px solid #ffffff;
+          border: 4px solid #89E1A8;
           border-right: 0;
           border-top-color: transparent;
           border-radius: 50%;
@@ -140,7 +141,7 @@
     </div>
     <script type="module" src="/src/main.ts"></script>
 
-   <!-- <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script> -->
+   <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
 
 
   </body>

src/views/Home/Index.vue

@@ -27,7 +27,7 @@
           月任务概况
         </template>
         <el-skeleton :loading="loading" animated>
-          <Echart :options="barOptionsData" :height="280" />
+          <Echart :options="lineOptions" :height="280" />
         </el-skeleton>
       </el-card>
     </el-col>
@@ -101,7 +101,7 @@
 <script lang="ts" setup>
 import { set } from 'lodash-es'
 import { EChartsOption } from 'echarts'
-import { pieOptions, barOptions } from './echarts-data'
+import { pieOptions, barOptions,lineOptions } from './echarts-data'
 
 defineOptions({ name: 'Home' })
 

src/views/Home/echarts-data.ts

@@ -95,4 +95,54 @@ export const barOptions: EChartsOption = {
   ]
 }
 
+export const lineOptions: EChartsOption = {
+  title: {
+    text: '月均执法任务数',
+    left: 'center'
+  },
+  tooltip: {
+    trigger: 'axis',
+    axisPointer: {
+      type: 'shadow'
+    }
+  },
+  grid: {
+    left: 50,
+    right: 20,
+    bottom: 20
+  },
+  xAxis: {
+    type: 'category',
+    data: [
+      '一月',
+      '二月',
+      '三月',
+      '四月',
+      '五月',
+      '六月',
+
+    ],
+    axisTick: {
+      alignWithLabel: true
+    }
+  },
+  yAxis: {
+    type: 'value'
+  },
+  series: [
+    {
+      name: '任务数',
+      data: [13253, 34235, 26321, 12340, 24643, 1322, 1324],
+      type: 'line'
+    },
+    {
+      name: '执法数',
+      data: [15678, 28943, 31452, 19876, 22345, 25678, 18234],
+      type: 'line'
+    }
+
+  ]
+}
+
+
 

src/views/Login/Login.vue

@@ -1,34 +1,21 @@
 <template>
   <div
     :class="prefixCls"
-    class="relative h-[100%] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px lt-xl:px-10px"
+    class="relative h-[100%] lt-md:px-10px lt-sm:px-10px lt-xl:px-10px lt-xl:px-10px loginBgCls"
   >
     <div class="relative mx-auto h-full flex">
       <div
-        :class="`${prefixCls}__left flex-1 bg-gray-500 bg-opacity-20 relative p-30px lt-xl:hidden overflow-x-hidden overflow-y-auto`"
+        :class="`${prefixCls}__left flex-1 relative p-30px lt-xl:hidden overflow-x-hidden overflow-y-auto`"
       >
-        <!-- 左上角的 logo + 系统标题 -->
-        <div class="relative flex items-center text-white">
-          <img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" />
-          <span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
-        </div>
+       
         <!-- 左边的背景图 + 欢迎语 -->
-        <div class="h-[calc(100%-60px)] flex items-center justify-center">
-          <TransitionGroup
-            appear
-            enter-active-class="animate__animated animate__bounceInLeft"
-            tag="div"
-          >
-            <img key="1" alt="" class="w-350px" src="@/assets/svgs/login-box-bg.svg" />
-            <div key="2" class="text-3xl text-white">{{ t('login.welcome') }}</div>
-            <div key="3" class="mt-5 text-14px font-normal text-white">
-              {{ t('login.message') }}
-            </div>
-          </TransitionGroup>
+        <div class="h-[calc(100%-50px)] flex items-center justify-center">
+         
+           
         </div>
       </div>
       <div
-        class="relative flex-1 p-30px dark:bg-[var(--login-bg-color)] lt-sm:p-10px overflow-x-hidden overflow-y-auto"
+        class="relative flex-1 bg-#fff bg-opacity-90  p-30px dark:bg-[var(--login-bg-color)] lt-sm:p-10px overflow-x-hidden overflow-y-auto"
       >
         <!-- 右上角的主题、语言选择 -->
         <div
@@ -37,29 +24,20 @@
         >
           <div class="flex items-center at-2xl:hidden at-xl:hidden">
             <img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" />
-            <span class="text-20px font-bold" >{{ underlineToHump(appStore.getTitle) }}</span>
           </div>
           <div class="flex items-center justify-end space-x-10px h-48px">
-            <ThemeSwitch />
-            <LocaleDropdown />
           </div>
         </div>
         <!-- 右边的登录界面 -->
-        <Transition appear enter-active-class="animate__animated animate__bounceInRight">
+        <Transition appear enter-active-class="animate__animated animate__bounceInRight" class="rightLogin">
           <div
             class="m-auto h-[calc(100%-60px)] w-[100%] flex items-center at-2xl:max-w-500px at-lg:max-w-500px at-md:max-w-500px at-xl:max-w-500px"
           >
-            <!-- 账号登录 -->
-            <LoginForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
+   
        
             <!-- 二维码登录 -->
             <QrCodeForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
-            <!-- 注册 -->
-            <RegisterForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
-            <!-- 三方登录 -->
-            <SSOLoginVue class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
-            <!-- 忘记密码 -->
-            <ForgetPasswordForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
+     
           </div>
         </Transition>
       </div>
@@ -85,6 +63,17 @@ const prefixCls = getPrefixCls('login')
 </script>
 
 <style lang="scss" scoped>
+
+.loginBgCls{
+  background-image: url('@/assets/imgs/screen/login-left.jpg');
+  background-size: cover;
+  
+  background-repeat: no-repeat;
+}
+.rightLogin{
+  transition: all 1s;
+}
+
 $prefix-cls: #{$namespace}-login;
 
 .#{$prefix-cls} {
@@ -98,7 +87,7 @@ $prefix-cls: #{$namespace}-login;
       z-index: -1;
       width: 100%;
       height: 100%;
-      background-image: url('@/assets/svgs/login-bg.svg');
+      background-image: url('@/assets/imgs/screen/login-left.png');
       background-position: center;
       background-repeat: no-repeat;
       content: '';

src/views/Login/components/QrCodeForm.vue

@@ -1,21 +1,14 @@
 <template>
   <el-row v-show="getShow" class="login-form" style="margin-right: -10px; margin-left: -10px">
     <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
-      <LoginFormTitle style="width: 100%" />
+      <img src="@/assets/imgs/screen/login-top.png" alt="logo" />
     </el-col>
-    <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
-      <el-card class="mb-10px text-center" shadow="hover">
-        <!-- <Qrcode :logo="logoImg" /> -->
-        <!-- 显示图片 -->
-        <img :src="imageUrl" alt="Converted Image" v-if="imageUrl" />
-        <XButton title="显示登陆二维码" class="w-[100%]" @click="getimg()" />
-      </el-card>
+    <el-col :span="24" style="padding-right: 10px; padding-left: 10px; margin-bottom:20px; text-align: center">
+    
+        <img width="320px" height="320px" :src="imageUrl" alt="Converted Image" v-if="imageUrl" />
     </el-col>
-    <el-divider class="enter-x">{{ t('login.qrcode') }}</el-divider>
-    <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
-      <div class="mt-15px w-[100%]">
-        <XButton :title="t('login.backLogin')" class="w-[100%]" @click="handleBackLogin()" />
-      </div>
+    <el-col :span="24" style="padding-right: 10px; padding-left: 10px; text-align: center">
+      <img src="@/assets/imgs/screen/login-bottom.png" alt="logo" />
     </el-col>
   </el-row>
 </template>
@@ -33,7 +26,7 @@ const uuuid =ref('')
 
 const { t } = useI18n()
 const { handleBackLogin, getLoginState } = useLoginState()
-const getShow = computed(() => unref(getLoginState) === LoginStateEnum.QR_CODE)
+const getShow = computed(() => true)
 // 存储定时器 ID，用于后续清除定时器
 let intervalId = ref();
 

src/views/system/policy/PolicyForm.vue

@@ -16,6 +16,7 @@
           type="date"
           placeholder="请选择生效日期"
           value-format="YYYY-MM-DD"        
+          :default-value="new Date()"
         />
       </el-form-item>
       <el-form-item label="内容" prop="context">
@@ -45,7 +46,7 @@ const formData = ref({
   id: undefined,
   name: undefined,
   context: undefined,
-  effectiveDate: Date()
+  effectiveDate: ''
 })
 const formRules = reactive({
   name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
@@ -102,7 +103,7 @@ const resetForm = () => {
     id: undefined,
     name: undefined,
     context: undefined,
-    effectiveDate: Date()
+    effectiveDate: ''
   }
   formRef.value?.resetFields()
 }