项目文件管理完成

package.json

@@ -2,7 +2,6 @@
   "name": "oa",
   "private": true,
   "version": "0.0.0",
-  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -11,12 +10,13 @@
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
     "amfe-flexible": "^2.2.1",
+    "autoprefixer": "^10.4.20",
     "axios": "^1.7.7",
     "element-plus": "^2.8.4",
     "js-cookie": "^3.0.5",
     "jsencrypt": "^3.3.2",
-    "less": "^4.2.0",
     "less-loader": "^12.2.0",
+    "lib-flexible": "^0.3.2",
     "path": "^0.12.7",
     "pinia": "^2.2.4",
     "process": "^0.11.10",
@@ -28,6 +28,8 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.1.2",
+    "less": "^4.2.0",
+    "postcss-px-to-viewport": "^1.1.1",
     "postcss-pxtorem": "^6.1.0",
     "unplugin-auto-import": "^0.18.3",
     "unplugin-vue-components": "^0.27.4",

pnpm-lock.yaml

@@ -14,6 +14,9 @@ importers:
       amfe-flexible:
         specifier: ^2.2.1
         version: 2.2.1
+      autoprefixer:
+        specifier: ^10.4.20
+        version: 10.4.20(postcss@8.4.47)
       axios:
         specifier: ^1.7.7
         version: 1.7.7
@@ -26,12 +29,12 @@ importers:
       jsencrypt:
         specifier: ^3.3.2
         version: 3.3.2
-      less:
-        specifier: ^4.2.0
-        version: 4.2.0
       less-loader:
         specifier: ^12.2.0
         version: 12.2.0(less@4.2.0)
+      lib-flexible:
+        specifier: ^0.3.2
+        version: 0.3.2
       path:
         specifier: ^0.12.7
         version: 0.12.7
@@ -60,6 +63,12 @@ importers:
       '@vitejs/plugin-vue':
         specifier: ^5.1.2
         version: 5.1.4(vite@5.4.8(less@4.2.0)(sass@1.79.4))(vue@3.5.10)
+      less:
+        specifier: ^4.2.0
+        version: 4.2.0
+      postcss-px-to-viewport:
+        specifier: ^1.1.1
+        version: 1.1.1
       postcss-pxtorem:
         specifier: ^6.1.0
         version: 6.1.0(postcss@8.4.47)
@@ -453,6 +462,13 @@ packages:
   asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
 
+  autoprefixer@10.4.20:
+    resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
   axios@1.7.7:
     resolution: {integrity: sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==}
 
@@ -470,6 +486,14 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
+  browserslist@4.24.0:
+    resolution: {integrity: sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  caniuse-lite@1.0.30001668:
+    resolution: {integrity: sha512-nWLrdxqCdblixUO+27JtGJJE/txpJlyUy5YN1u53wLZkP0emYCo5zgS6QYft7VUYR42LGgi/S5hdLZTrnyIddw==}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -507,6 +531,9 @@ packages:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
 
+  electron-to-chromium@1.5.38:
+    resolution: {integrity: sha512-VbeVexmZ1IFh+5EfrYz1I0HTzHVIlJa112UEWhciPyeOcKJGeTv6N8WnG4wsQB81DGCaVEGhpSb6o6a8WYFXXg==}
+
   element-plus@2.8.4:
     resolution: {integrity: sha512-ZlVAdUOoJliv4kW3ntWnnSHMT+u/Os7mXJjk2xzOlqNeHaI2/ozlF+R58ZCEak8ZnDi6+5A2viWEYRsq64IuiA==}
     peerDependencies:
@@ -525,6 +552,10 @@ packages:
     engines: {node: '>=12'}
     hasBin: true
 
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
   escape-html@1.0.3:
     resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
 
@@ -562,6 +593,9 @@ packages:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
 
+  fraction.js@4.3.7:
+    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -636,6 +670,9 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  lib-flexible@0.3.2:
+    resolution: {integrity: sha512-9yowMWA70tKhKdCJDaltY0mNQG4OWo7pWKScnTp9aiSxS7s20ZYlwBRE3335nweOf5qKXVC7sDxJwMPM8/MFZg==}
+
   local-pkg@0.5.0:
     resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
     engines: {node: '>=14'}
@@ -704,13 +741,24 @@ packages:
     engines: {node: '>= 4.4.x'}
     hasBin: true
 
+  node-releases@2.0.18:
+    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
+
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
+  normalize-range@0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+    engines: {node: '>=0.10.0'}
+
   normalize-wheel-es@1.2.0:
     resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
 
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
   parse-node-version@1.0.1:
     resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==}
     engines: {node: '>= 0.10'}
@@ -747,11 +795,17 @@ packages:
   pkg-types@1.2.0:
     resolution: {integrity: sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==}
 
+  postcss-px-to-viewport@1.1.1:
+    resolution: {integrity: sha512-2x9oGnBms+e0cYtBJOZdlwrFg/mLR4P1g2IFu7jYKvnqnH/HLhoKyareW2Q/x4sg0BgklHlP1qeWo2oCyPm8FQ==}
+
   postcss-pxtorem@6.1.0:
     resolution: {integrity: sha512-ROODSNci9ADal3zUcPHOF/K83TiCgNSPXQFSbwyPHNV8ioHIE4SaC+FPOufd8jsr5jV2uIz29v1Uqy1c4ov42g==}
     peerDependencies:
       postcss: ^8.0.0
 
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
   postcss@8.4.47:
     resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -869,6 +923,12 @@ packages:
       webpack-sources:
         optional: true
 
+  update-browserslist-db@1.1.1:
+    resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
   util@0.10.4:
     resolution: {integrity: sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==}
 
@@ -1228,6 +1288,16 @@ snapshots:
 
   asynckit@0.4.0: {}
 
+  autoprefixer@10.4.20(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      caniuse-lite: 1.0.30001668
+      fraction.js: 4.3.7
+      normalize-range: 0.1.2
+      picocolors: 1.1.0
+      postcss: 8.4.47
+      postcss-value-parser: 4.2.0
+
   axios@1.7.7:
     dependencies:
       follow-redirects: 1.15.9
@@ -1248,6 +1318,15 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
+  browserslist@4.24.0:
+    dependencies:
+      caniuse-lite: 1.0.30001668
+      electron-to-chromium: 1.5.38
+      node-releases: 2.0.18
+      update-browserslist-db: 1.1.1(browserslist@4.24.0)
+
+  caniuse-lite@1.0.30001668: {}
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -1284,6 +1363,8 @@ snapshots:
 
   delayed-stream@1.0.0: {}
 
+  electron-to-chromium@1.5.38: {}
+
   element-plus@2.8.4(vue@3.5.10):
     dependencies:
       '@ctrl/tinycolor': 3.6.1
@@ -1338,6 +1419,8 @@ snapshots:
       '@esbuild/win32-ia32': 0.21.5
       '@esbuild/win32-x64': 0.21.5
 
+  escalade@3.2.0: {}
+
   escape-html@1.0.3: {}
 
   escape-string-regexp@5.0.0: {}
@@ -1372,6 +1455,8 @@ snapshots:
       combined-stream: 1.0.8
       mime-types: 2.1.35
 
+  fraction.js@4.3.7: {}
+
   fsevents@2.3.3:
     optional: true
 
@@ -1432,6 +1517,8 @@ snapshots:
       needle: 3.3.1
       source-map: 0.6.1
 
+  lib-flexible@0.3.2: {}
+
   local-pkg@0.5.0:
     dependencies:
       mlly: 1.7.1
@@ -1496,10 +1583,16 @@ snapshots:
       sax: 1.4.1
     optional: true
 
+  node-releases@2.0.18: {}
+
   normalize-path@3.0.0: {}
 
+  normalize-range@0.1.2: {}
+
   normalize-wheel-es@1.2.0: {}
 
+  object-assign@4.1.1: {}
+
   parse-node-version@1.0.1: {}
 
   path@0.12.7:
@@ -1528,10 +1621,17 @@ snapshots:
       mlly: 1.7.1
       pathe: 1.1.2
 
+  postcss-px-to-viewport@1.1.1:
+    dependencies:
+      object-assign: 4.1.1
+      postcss: 8.4.47
+
   postcss-pxtorem@6.1.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
 
+  postcss-value-parser@4.2.0: {}
+
   postcss@8.4.47:
     dependencies:
       nanoid: 3.3.7
@@ -1677,6 +1777,12 @@ snapshots:
       acorn: 8.12.1
       webpack-virtual-modules: 0.6.2
 
+  update-browserslist-db@1.1.1(browserslist@4.24.0):
+    dependencies:
+      browserslist: 4.24.0
+      escalade: 3.2.0
+      picocolors: 1.1.0
+
   util@0.10.4:
     dependencies:
       inherits: 2.0.3

postcss.config.js

@@ -1,11 +1,13 @@
-// postcss.config.js
 module.exports = {
     plugins: {
         'postcss-pxtorem': {
-            rootValue({ file }) {
-                return file.indexOf('vant') !== -1 ? 37.5 : 75; // 因为vant框架是以375px的稿子为基础的，所以需要适配一下
-            },
-            propList: ['*'], // 需要转换的css属性，默认*全部
-        }
-    }
-}
+            // rootValue({ file }) {
+            //     return file.indexOf('vant') !== -1 ? 37.5 : 75;
+            // },
+            rootValue: 37.5,
+            propList: ['*'],
+            selectorBlackList: [".van"],
+            exclude: "/node_modules",
+        },
+    },
+};

src/main.js

@@ -1,4 +1,4 @@
-import {createApp} from 'vue'
+import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
 import router from "@/router/index.js";
@@ -6,7 +6,7 @@ import {createPinia} from 'pinia'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import vantage from 'vant'
-import 'vant/lib/index.css';
+import 'vant/lib/index.css'
 import 'amfe-flexible'
 
 const manage = createPinia()

src/view/finance/components/projectCost.vue

@@ -2,7 +2,7 @@
   <van-row style="margin-top: 20px" @click="dateScreenShow = true">
     <van-col :span="24">
       <van-cell-group>
-        <van-cell title="筛选条件" is-link size="large">
+        <van-cell title="筛选条件" is-link size="large" class="checkCell">
           <template #value>
             <van-text-ellipsis content="内容" class="cellContent"/>
           </template>
@@ -23,7 +23,7 @@
         :title="item.user.nickName"
         :label="item.feeTime"
         is-link
-        style="height: 64px;"
+        class="costCell"
         @click="openCostDetail(item)"
     >
       <template #value>
@@ -159,39 +159,28 @@
   </van-popup>
   <van-popup
       v-model:show="detailShow"
-      style="height: 50vh;width: 80vw;"
+      position="bottom"
+      style="height: 50vh;"
   >
     <van-cell-group style="font-size: 16px">
-      <van-cell size="large">
-        <template #title>
-          <van-text-ellipsis content="部门："/>
-        </template>
+      <van-cell size="large" title="部门：">
         <template #value>
           <van-text-ellipsis :content="detailInfo.department.name"/>
         </template>
       </van-cell>
-      <van-cell size="large">
-        <template #title>
-          <van-text-ellipsis content="支入金额："/>
-        </template>
+      <van-cell size="large" title="支入金额：">
         <template #value>
-          <van-text-ellipsis :content="detailInfo.department.name"/>
+          <van-text-ellipsis :content="detailInfo.depositAmount"/>
         </template>
       </van-cell>
-      <van-cell size="large">
-        <template #title>
-          <van-text-ellipsis content="支出金额："/>
-        </template>
+      <van-cell size="large" title="支出金额：">
         <template #value>
-          <van-text-ellipsis :content="detailInfo.department.name"/>
+          <van-text-ellipsis :content="detailInfo.expenditureAmount"/>
         </template>
       </van-cell>
-      <van-cell size="large">
-        <template #title>
-          <van-text-ellipsis content="余额："/>
-        </template>
+      <van-cell size="large" title="余额：">
         <template #value>
-          <van-text-ellipsis :content="detailInfo.department.name"/>
+          <van-text-ellipsis :content="detailInfo.thenBalance"/>
         </template>
       </van-cell>
     </van-cell-group>
@@ -294,13 +283,22 @@ const queryProjectCost = () => {
 const detailShow = ref(false)
 const detailInfo = reactive({})
 const openCostDetail = (item) => {
-  console.log(item)
+  const { depositAmount,expenditureAmount,thenBalance } = item
+  item.depositAmount = depositAmount.toString()
+  item.expenditureAmount = expenditureAmount.toString()
+  item.thenBalance = thenBalance.toString()
   detailShow.value = true
   Object.assign(detailInfo,item)
 }
 </script>
 
-<style scoped>
+<style scoped lang="less">
+.costCell{
+  height: 64px;
+}
+.checkCell{
+  height: 45px;
+}
 .closeIcon{
   font-size: 24px;
   line-height: inherit;

src/view/login/login.vue

@@ -11,9 +11,14 @@
             />
           </van-col>
         </van-row>
-        <van-form style="width: 90vw;margin: 30px 0 0 5vw">
+        <van-form style="width: 90vw;margin: 30px 0 0 5vw;">
           <van-cell-group inset>
-            <van-field v-model="loginFormData.username" label="用户名" placeholder="请输入用户名" size="large"/>
+            <van-field
+                v-model="loginFormData.username"
+                label="用户名"
+                placeholder="请输入用户名"
+                size="large"
+            />
             <van-field v-model="unencrypted" label="密码" placeholder="请输入密码" size="large"/>
             <van-field v-model="loginFormData.captcha" placeholder="请输入验证码" size="large">
               <template #button>
@@ -102,6 +107,7 @@ const userLogin = () => {
 .box {
   width: 100vw;
   height: 100vh;
+  position: fixed;
   background-color: #f7f8fa;
   display: flex;
   align-items: center;

src/view/project/project.vue

@@ -15,7 +15,7 @@
           type="primary"
           plain
           @click="fileReset"
-          style="border: 0;font-size: 21px">
+          style="border: 0;font-size: 18px">
         重置
       </van-button>
     </van-col>
@@ -66,7 +66,7 @@
                   icon="search"
                   type="primary"
                   plain
-                  style="border: 0;"
+                  style="border: 0;font-size: 18px"
                   @click="filePreview(item.name, item.path)">
                 预览
               </van-button>
@@ -83,17 +83,17 @@
   </van-row>
   <van-popup
       v-model:show="uploadFileShow"
-      style="width: 87vw;height: 58vh"
+      style="width: 350px;height: 420px"
       round
       closeable
       close-icon-position="top-right"
   >
-    <van-row style="margin-top: 2vh">
+    <van-row style="margin-top: 10px">
       <van-col :span="16" :offset="1">
         <span style="font-size: 18px;">上传文件</span>
       </van-col>
     </van-row>
-    <van-row style="margin-top: 2vh;height: 46px">
+    <van-row style="height: 46px;margin-top: 10px;">
       <van-col :span="8" :offset="1">
         <van-button
             type="primary"
@@ -343,7 +343,7 @@ const fileSearch = () => {
 
 .fileExhibition{
   margin-top: 3vh;
-  height: 33vh;
+  height: 200px;
   border: 1px dotted #c8c9cc;
   Overflow: auto;
   box-sizing: border-box;

vite.config.js

@@ -4,8 +4,7 @@ import * as path from 'path'
 // 自动导入vue中hook reactive ref等
 import AutoImport from "unplugin-auto-import/vite"
 //自动导入ui-组件 比如说ant-design-vue  element-plus等
-import Components from 'unplugin-vue-components/vite'
-
+import Components from 'unplugin-vue-components/vite';
 // https://vitejs.dev/config/
 export default defineConfig({
     plugins: [
@@ -40,19 +39,10 @@ export default defineConfig({
             },
         },
     },
-
-
     // resolve: {
     //   alias: {
     //     '@': path.resolve(__dirname, 'src'),
     //   },
     // },
-    css: {
-        preprocessorOptions: {
-            less: {
-                additionalData: `@import "@/assets/style/base.less";`,
-            }
-        },
-    },
 })