DIGITAL_MANAGEMENT
/
finance
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

还element-plus

song
song 4 years ago
parent
0bd7dc8f21
commit
db889ca3f9
16 changed files with 351 additions and 267 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      apis/axios.js
  2. 4
      components/BonusCollection.vue
  3. 14
      components/Expenditure.vue
  4. 18
      components/FinanceExamine.vue
  5. 8
      components/FinanceManage.vue
  6. 8
      components/HistoricalApplication.vue
  7. 14
      components/Search.vue
  8. 262
      package-lock.json
  9. 2
      package.json
  10. 110
      pages/Initiate-application.vue
  11. 18
      pages/applicant.vue
  12. 11
      pages/application-details.vue
  13. 22
      pages/financial-approval-details.vue
  14. 18
      pages/financial-approval.vue
  15. 42
      pages/index.vue
  16. 57
      plugins/vant.js

10
apis/axios.js
View File

@ -1,11 +1,7 @@
import Axios from 'axios'; import Axios from 'axios';
import { Toast } from 'vant'; import { ElMessage } from 'element-plus'
import { createApp } from 'vue';
import { useToken } from '../composables/state' import { useToken } from '../composables/state'
const app = createApp();
app.use(Toast);
const baseUrl = '/gateway'; const baseUrl = '/gateway';
const instance = Axios.create({ const instance = Axios.create({
@ -47,8 +43,8 @@ instance.interceptors.response.use(
if (error.response && error.response.data) { if (error.response && error.response.data) {
const code = error.response.status; const code = error.response.status;
const msg = error.response.data.message; const msg = error.response.data.message;
// ElMessage.error(`Code: ${code}, Message: ${msg}`); ElMessage.error(`Code: ${code}, Message: ${msg}`);
Toast.fail(`Code: ${code}, Message: ${msg}`);
console.error(`[Axios Error]`, error.response); console.error(`[Axios Error]`, error.response);
} else { } else {
// ElMessage.error(`${error}`); // ElMessage.error(`${error}`);

4
components/BonusCollection.vue
View File

@ -25,7 +25,7 @@
</tr> </tr>
</table> </table>
<div class="w-1/2 mt-4 ml-48"> <div class="w-1/2 mt-4 ml-48">
<van-pagination <el-pagination
v-model="data.pageNum" v-model="data.pageNum"
:items-per-page="data.pageSize" :items-per-page="data.pageSize"
:page-count="data.pages" :page-count="data.pages"
@ -33,7 +33,7 @@
/> />
</div> </div>
</div> </div>
<van-empty v-else description="暂无数据" /> <el-empty v-else description="暂无数据" />
</div> </div>
</template> </template>

14
components/Expenditure.vue
View File

@ -17,7 +17,7 @@
<div v-if="!item.showField" @click="item.showField = true"> <div v-if="!item.showField" @click="item.showField = true">
{{ item.budget - 0 }} {{ item.budget - 0 }}
</div> </div>
<van-field <el-field
v-else-if="financeId - 0 !== 0 && item.showField" v-else-if="financeId - 0 !== 0 && item.showField"
v-model="item.budget" v-model="item.budget"
type="number" type="number"
@ -27,7 +27,7 @@
/> />
</td> </td>
<td> <td>
<van-icon name="plus" @click="toApplication(item)" /> <el-icon name="plus" @click="toApplication(item)" />
</td> </td>
</tr> </tr>
</table> </table>
@ -45,7 +45,7 @@
</table> </table>
</div> </div>
<div class="w-1/2 mt-4 ml-48"> <div class="w-1/2 mt-4 ml-48">
<van-pagination <el-pagination
v-model="data.pageNum" v-model="data.pageNum"
:items-per-page="data.pageSize" :items-per-page="data.pageSize"
:page-count="data.pages" :page-count="data.pages"
@ -53,21 +53,21 @@
/> />
</div> </div>
</div> </div>
<van-empty v-else description="暂无数据" /> <el-empty v-else description="暂无数据" />
<van-dialog <el-dialog
v-model:show="data.show" v-model:show="data.show"
title="追加预算" title="追加预算"
show-cancel-button show-cancel-button
@confirm="handleAdd" @confirm="handleAdd"
> >
<van-field <el-field
:border="data.border" :border="data.border"
v-model="data.appendBudget" v-model="data.appendBudget"
type="textarea" type="textarea"
class="appendBudget" class="appendBudget"
placeholder="追加预算" placeholder="追加预算"
/> />
</van-dialog> </el-dialog>
</template> </template>
<script setup> <script setup>

18
components/FinanceExamine.vue
View File

@ -15,8 +15,8 @@
<td> <td>
<div v-if="!item.applyType" class="flex flex-row justify-around"> <div v-if="!item.applyType" class="flex flex-row justify-around">
<van-button type="success" size="mini" class="rounded" @click="showRemark(item.financeCheckId, 1)">通过</van-button> <el-button type="success" size="mini" class="rounded" @click="showRemark(item.financeCheckId, 1)">通过</el-button>
<van-button type="danger" size="mini" class="rounded" @click="showRemark(item.financeCheckId, 2)">驳回</van-button> <el-button type="danger" size="mini" class="rounded" @click="showRemark(item.financeCheckId, 2)">驳回</el-button>
</div> </div>
<div class="text-center" v-else :class="item.applyType === 1 ? 'text-blue-500' : 'text-red-500'">{{ item.applyType === 1 ? '已完成' : '已驳回' }}</div> <div class="text-center" v-else :class="item.applyType === 1 ? 'text-blue-500' : 'text-red-500'">{{ item.applyType === 1 ? '已完成' : '已驳回' }}</div>
</td> </td>
@ -24,14 +24,14 @@
</table> </table>
</div> </div>
<div class="w-1/2 mt-4 ml-48"> <div class="w-1/2 mt-4 ml-48">
<van-pagination v-model="data.pageNum" :items-per-page="data.pageSize" :page-count="data.pages" mode="simple" /> <el-pagination v-model="data.pageNum" :items-per-page="data.pageSize" :page-count="data.pages" mode="simple" />
</div> </div>
</div> </div>
<van-empty v-else description="暂无数据" /> <el-empty v-else description="暂无数据" />
<van-dialog v-model:show="data.show" title="备注" show-cancel-button @confirm="handleAudit"> <el-dialog v-model:show="data.show" title="备注" show-cancel-button @confirm="handleAudit">
<van-field :border="data.border" v-model="data.remark" type="textarea" class="remark" placeholder="请输入备注" /> <!-- <el-field :border="data.border" v-model="data.remark" type="textarea" class="remark" placeholder="请输入备注" /> -->
</van-dialog> </el-dialog>
</template> </template>
<script setup> <script setup>
@ -39,7 +39,7 @@ import dayjs from "dayjs";
import {ref, reactive, onMounted, nextTick} from'vue'; import {ref, reactive, onMounted, nextTick} from'vue';
import { audit } from 'apis/finance'; import { audit } from 'apis/finance';
import { queryNeedCheckByMe } from 'apis/projectFinance'; import { queryNeedCheckByMe } from 'apis/projectFinance';
import { Toast } from 'vant'; import { ElMessage } from 'element-plus'
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
const router = useRouter() const router = useRouter()
@ -112,7 +112,7 @@ async function handleAudit(financeCheckId, checkStatus){
} }
} }
await audit(params) await audit(params)
Toast('审批成功'); ElMessage.success('审批成功')
handleFinanceOfProject() handleFinanceOfProject()
data.remark = '' data.remark = ''
} catch (error) { } catch (error) {

8
components/FinanceManage.vue
View File

@ -11,11 +11,11 @@
<td>{{item.name}}</td> <td>{{item.name}}</td>
<td> <td>
<div v-if="!item.showBudgetEdit" @click="editBudge(item)">{{ item.budget }}</div> <div v-if="!item.showBudgetEdit" @click="editBudge(item)">{{ item.budget }}</div>
<van-field v-else v-model="item.budget" type="number" class="input-box" @change="handleUpdateFinance(item, 'budget')" @blur="item.showBudgetEdit = false" /> <el-field v-else v-model="item.budget" type="number" class="input-box" @change="handleUpdateFinance(item, 'budget')" @blur="item.showBudgetEdit = false" />
</td> </td>
<td> <td>
<div v-if="!item.showBonusEdit" @click="editBonus(item)">{{ item.bonus }}</div> <div v-if="!item.showBonusEdit" @click="editBonus(item)">{{ item.bonus }}</div>
<van-field v-else v-model="item.bonus" type="number" class="input-box" @change="handleUpdateFinance(item, 'bonus')" @blur="item.showBonusEdit = false" /> <el-field v-else v-model="item.bonus" type="number" class="input-box" @change="handleUpdateFinance(item, 'bonus')" @blur="item.showBonusEdit = false" />
</td> </td>
</tr> </tr>
<tr> <tr>
@ -25,10 +25,10 @@
</tr> </tr>
</table> </table>
<div class="w-1/2 mt-4 ml-48"> <div class="w-1/2 mt-4 ml-48">
<van-pagination v-model="data.pageNum" :items-per-page="data.pageSize" :page-count="data.pages" mode="simple" /> <el-pagination v-model="data.pageNum" :items-per-page="data.pageSize" :page-count="data.pages" mode="simple" />
</div> </div>
</div> </div>
<van-empty v-else description="暂无数据" /> <el-empty v-else description="暂无数据" />
</div> </div>
</template> </template>

8
components/HistoricalApplication.vue
View File

@ -33,7 +33,7 @@
<span v-else-if="item.applyType - 0 === 3" class="text-gray-500"> <span v-else-if="item.applyType - 0 === 3" class="text-gray-500">
待放款 待放款
</span> </span>
<van-button <el-button
v-else-if="item.applyType - 0 === 4" v-else-if="item.applyType - 0 === 4"
type="success" type="success"
size="mini" size="mini"
@ -41,7 +41,7 @@
@click="confirm" @click="confirm"
> >
确认 确认
</van-button> </el-button>
<span v-else-if="item.applyType - 0 === 5" class="text-green-500"> <span v-else-if="item.applyType - 0 === 5" class="text-green-500">
已确认 已确认
</span> </span>
@ -49,7 +49,7 @@
</tr> </tr>
</table> </table>
<div class="w-1/2 mt-4 ml-48"> <div class="w-1/2 mt-4 ml-48">
<van-pagination <el-pagination
v-model="data.pageNum" v-model="data.pageNum"
:items-per-page="data.pageSize" :items-per-page="data.pageSize"
:page-count="data.pages" :page-count="data.pages"
@ -57,7 +57,7 @@
/> />
</div> </div>
</div> </div>
<van-empty v-else description="暂无数据" /> <el-empty v-else description="暂无数据" />
</div> </div>
</template> </template>

14
components/Search.vue
View File

@ -1,6 +1,10 @@
<template> <template>
<div class="pt-4"> <div class="pt-4">
<van-search v-model="searchRef" placeholder="搜索" /> <el-input
v-model="searchRef"
placeholder="搜索"
:prefix-icon="Search"
></el-input>
</div> </div>
</template> </template>
@ -13,17 +17,17 @@ const searchRef = ref('')
<style lang="less"> <style lang="less">
.van-search{ .el-search{
padding: 0; padding: 0;
} }
.van-search__content{ .el-search__content{
border: 1px solid #ccc; border: 1px solid #ccc;
background-color: #fff; background-color: #fff;
height:1.85rem; height:1.85rem;
border-radius:0.2rem border-radius:0.2rem
} }
.van-field__left-icon{ .el-field__left-icon{
margin-right: var(--van-padding-base); margin-right: var(--el-padding-base);
width: 45%; width: 45%;
padding-left: 40%; padding-left: 40%;
} }

262
package-lock.json
View File

@ -1,5 +1,5 @@
{ {
"name": "plugin-finance", "name": "finance",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
@ -7,8 +7,8 @@
"dependencies": { "dependencies": {
"axios": "^0.25.0", "axios": "^0.25.0",
"dayjs": "^1.10.7", "dayjs": "^1.10.7",
"element-plus": "^1.3.0-beta.9",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"vant": "^3.4.2",
"vuex": "^4.0.2" "vuex": "^4.0.2"
}, },
"devDependencies": { "devDependencies": {
@ -544,6 +544,22 @@
"mime": "^3.0.0" "mime": "^3.0.0"
} }
}, },
"node_modules/@ctrl/tinycolor": {
"version": "3.4.0",
"resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.4.0.tgz",
"integrity": "sha512-JZButFdZ1+/xAfpguQHoabIXkcqRRKpMrWKBkpEZZyxfY9C1DpADFB8PEqGSTeFr135SaTRfKqGKx5xSCLI7ZQ==",
"engines": {
"node": ">=10"
}
},
"node_modules/@element-plus/icons-vue": {
"version": "0.2.6",
"resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-0.2.6.tgz",
"integrity": "sha512-2gg7VCq4d2firgl7/aVym4Cx/wqKFwKybEQGJiiWJN4urW36+QdAEG1knqSD9qidbjhVp0Jnc9XdSTR1/4Whzw==",
"peerDependencies": {
"vue": "^3.2.0"
}
},
"node_modules/@eslint/eslintrc": { "node_modules/@eslint/eslintrc": {
"version": "1.0.5", "version": "1.0.5",
"resolved": "https://registry.npmmirror.com/@eslint/eslintrc/download/@eslint/eslintrc-1.0.5.tgz", "resolved": "https://registry.npmmirror.com/@eslint/eslintrc/download/@eslint/eslintrc-1.0.5.tgz",
@ -1023,8 +1039,12 @@
}, },
"node_modules/@popperjs/core": { "node_modules/@popperjs/core": {
"version": "2.11.2", "version": "2.11.2",
"resolved": "https://registry.npmmirror.com/@popperjs/core/download/@popperjs/core-2.11.2.tgz", "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.2.tgz",
"integrity": "sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==" "integrity": "sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
}
}, },
"node_modules/@rollup/plugin-alias": { "node_modules/@rollup/plugin-alias": {
"version": "3.1.9", "version": "3.1.9",
@ -1570,24 +1590,6 @@
"node": "^12.22.0 || ^14.17.0 || >=16.0.0" "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
} }
}, },
"node_modules/@vant/icons": {
"version": "1.7.3",
"resolved": "https://registry.npmmirror.com/@vant/icons/download/@vant/icons-1.7.3.tgz",
"integrity": "sha512-tW4EqzxN4kXw1rnlnQJQHofEifPbt/gECOWiibomht8QLyvoGuE4iUmDFS288dJ07ZjuTy0bhdABj0SENo2fmQ=="
},
"node_modules/@vant/popperjs": {
"version": "1.1.0",
"resolved": "https://registry.npm.taobao.org/@vant/popperjs/download/@vant/popperjs-1.1.0.tgz",
"integrity": "sha1-tO3uW7+m+xhwWYbjE9T9XxeUKg8=",
"dependencies": {
"@popperjs/core": "^2.9.2"
}
},
"node_modules/@vant/use": {
"version": "1.3.4",
"resolved": "https://registry.npmmirror.com/@vant/use/download/@vant/use-1.3.4.tgz?cache=0&sync_timestamp=1637544063803&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40vant%2Fuse%2Fdownload%2F%40vant%2Fuse-1.3.4.tgz",
"integrity": "sha512-XvZkPCjcmEBhD+T3vB68thOG6P9jazld6aBTMenhbAQd4FT/x9AiKIWPJx4MvhYoSIWt7fju6K01XTJldWs1hw=="
},
"node_modules/@vercel/nft": { "node_modules/@vercel/nft": {
"version": "0.17.3", "version": "0.17.3",
"resolved": "https://registry.npmmirror.com/@vercel/nft/download/@vercel/nft-0.17.3.tgz", "resolved": "https://registry.npmmirror.com/@vercel/nft/download/@vercel/nft-0.17.3.tgz",
@ -1944,6 +1946,78 @@
"resolved": "https://registry.npmmirror.com/@vue/shared/download/@vue/shared-3.2.27.tgz", "resolved": "https://registry.npmmirror.com/@vue/shared/download/@vue/shared-3.2.27.tgz",
"integrity": "sha512-rpAn9k6O08Lvo7ekBIAnkOukX/4EsEQLPrRJBKhIEasMsOI5eX0f6mq1sDUSY7cgAqWw2d7QtP74CWxdXoyKxA==" "integrity": "sha512-rpAn9k6O08Lvo7ekBIAnkOukX/4EsEQLPrRJBKhIEasMsOI5eX0f6mq1sDUSY7cgAqWw2d7QtP74CWxdXoyKxA=="
}, },
"node_modules/@vueuse/core": {
"version": "7.5.5",
"resolved": "https://registry.npmjs.org/@vueuse/core/-/core-7.5.5.tgz",
"integrity": "sha512-RBDqmIoGfak4h3xdXa/Av+ibkb8NY044wEy6+PG2FAWNaID8/FkqmSFjbxogrbmpSX1yZ1PBHrM8DUp/FrIpbg==",
"dependencies": {
"@vueuse/shared": "7.5.5",
"vue-demi": "*"
},
"funding": {
"url": "https://github.com/sponsors/antfu"
},
"peerDependencies": {
"@vue/composition-api": "^1.1.0",
"vue": "^2.6.0 || ^3.2.0"
},
"peerDependenciesMeta": {
"@vue/composition-api": {
"optional": true
},
"vue": {
"optional": true
}
}
},
"node_modules/@vueuse/core/node_modules/@vueuse/shared": {
"version": "7.5.5",
"resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-7.5.5.tgz",
"integrity": "sha512-mzzTsotHQRPnPAChy8iCv6ek/90CKYhAFyMRgNsMxpT0afZJkbMO/X0OaOu/1NuGbgb8UVjlsWKmCUgKTOF5hA==",
"dependencies": {
"vue-demi": "*"
},
"funding": {
"url": "https://github.com/sponsors/antfu"
},
"peerDependencies": {
"@vue/composition-api": "^1.1.0",
"vue": "^2.6.0 || ^3.2.0"
},
"peerDependenciesMeta": {
"@vue/composition-api": {
"optional": true
},
"vue": {
"optional": true
}
}
},
"node_modules/@vueuse/core/node_modules/vue-demi": {
"version": "0.12.1",
"resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.1.tgz",
"integrity": "sha512-QL3ny+wX8c6Xm1/EZylbgzdoDolye+VpCXRhI2hug9dJTP3OUJ3lmiKN3CsVV3mOJKwFi0nsstbgob0vG7aoIw==",
"hasInstallScript": true,
"bin": {
"vue-demi-fix": "bin/vue-demi-fix.js",
"vue-demi-switch": "bin/vue-demi-switch.js"
},
"engines": {
"node": ">=12"
},
"funding": {
"url": "https://github.com/sponsors/antfu"
},
"peerDependencies": {
"@vue/composition-api": "^1.0.0-rc.1",
"vue": "^3.0.0-0 || ^2.6.0"
},
"peerDependenciesMeta": {
"@vue/composition-api": {
"optional": true
}
}
},
"node_modules/@vueuse/head": { "node_modules/@vueuse/head": {
"version": "0.7.5", "version": "0.7.5",
"resolved": "https://registry.npmmirror.com/@vueuse/head/download/@vueuse/head-0.7.5.tgz", "resolved": "https://registry.npmmirror.com/@vueuse/head/download/@vueuse/head-0.7.5.tgz",
@ -2439,6 +2513,11 @@
"integrity": "sha512-spZRyzKL5l5BZQrr/6m/SqFdBN0q3OCI0f9rjfBzCMBIP4p75P620rR3gTmaksNOhmzgdxcaxdNfMy6anrbM0g==", "integrity": "sha512-spZRyzKL5l5BZQrr/6m/SqFdBN0q3OCI0f9rjfBzCMBIP4p75P620rR3gTmaksNOhmzgdxcaxdNfMy6anrbM0g==",
"dev": true "dev": true
}, },
"node_modules/async-validator": {
"version": "4.0.7",
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.0.7.tgz",
"integrity": "sha512-Pj2IR7u8hmUEDOwB++su6baaRi+QvsgajuFB9j95foM1N2gy5HM4z60hfusIO0fBPG5uLAEl6yCJr1jNSVugEQ=="
},
"node_modules/autoprefixer": { "node_modules/autoprefixer": {
"version": "10.4.2", "version": "10.4.2",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.2.tgz", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.2.tgz",
@ -3592,6 +3671,25 @@
"integrity": "sha512-k/0t1TRfonHIp8TJKfjBu2cKj8MqYTiEpOhci+q7CVEE5xnCQnx1pTa+V8b/sdhe4S3PR4p4iceEQWhGrKQORQ==", "integrity": "sha512-k/0t1TRfonHIp8TJKfjBu2cKj8MqYTiEpOhci+q7CVEE5xnCQnx1pTa+V8b/sdhe4S3PR4p4iceEQWhGrKQORQ==",
"dev": true "dev": true
}, },
"node_modules/element-plus": {
"version": "1.3.0-beta.9",
"resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.3.0-beta.9.tgz",
"integrity": "sha512-h+I6VVtJNwjVkNhfhXp2oCYjgBN7kWQ2Y6nWzwc0wiphAlQDhGuBXAGj9eYpf1uOrMgIpFFwbRhvK7C6sOJsWg==",
"dependencies": {
"@ctrl/tinycolor": "^3.4.0",
"@element-plus/icons-vue": "^0.2.6",
"@popperjs/core": "^2.11.2",
"@vueuse/core": "^7.5.4",
"async-validator": "^4.0.7",
"dayjs": "^1.10.7",
"lodash": "^4.17.21",
"memoize-one": "^6.0.0",
"normalize-wheel-es": "^1.1.1"
},
"peerDependencies": {
"vue": "^3.2.0"
}
},
"node_modules/emoji-regex": { "node_modules/emoji-regex": {
"version": "8.0.0", "version": "8.0.0",
"resolved": "https://registry.npmmirror.com/emoji-regex/download/emoji-regex-8.0.0.tgz?cache=0&sync_timestamp=1632751408145&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Femoji-regex%2Fdownload%2Femoji-regex-8.0.0.tgz", "resolved": "https://registry.npmmirror.com/emoji-regex/download/emoji-regex-8.0.0.tgz?cache=0&sync_timestamp=1632751408145&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Femoji-regex%2Fdownload%2Femoji-regex-8.0.0.tgz",
@ -6322,6 +6420,11 @@
"node": ">= 4.0.0" "node": ">= 4.0.0"
} }
}, },
"node_modules/memoize-one": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
"integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
},
"node_modules/memory-fs": { "node_modules/memory-fs": {
"version": "0.5.0", "version": "0.5.0",
"resolved": "https://registry.nlark.com/memory-fs/download/memory-fs-0.5.0.tgz", "resolved": "https://registry.nlark.com/memory-fs/download/memory-fs-0.5.0.tgz",
@ -6963,6 +7066,11 @@
"node": ">=10" "node": ">=10"
} }
}, },
"node_modules/normalize-wheel-es": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.1.1.tgz",
"integrity": "sha512-157VNH4CngrcsvF8xOVOe22cwniIR3nxSltdctvQeHZj8JttEeOXffK28jucWfWBXs0QNetAumjc1GiInnwX4w=="
},
"node_modules/npm-bundled": { "node_modules/npm-bundled": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.nlark.com/npm-bundled/download/npm-bundled-1.1.2.tgz", "resolved": "https://registry.nlark.com/npm-bundled/download/npm-bundled-1.1.2.tgz",
@ -9699,19 +9807,6 @@
"integrity": "sha1-LeGWGMZtwkfc+2+ZM4A12CRaLO4=", "integrity": "sha1-LeGWGMZtwkfc+2+ZM4A12CRaLO4=",
"dev": true "dev": true
}, },
"node_modules/vant": {
"version": "3.4.2",
"resolved": "https://registry.npmmirror.com/vant/download/vant-3.4.2.tgz",
"integrity": "sha512-Mupj1FDW19QJpKUhu+gZgcUt3FhKly2AuPASTLmiuby0JtxV5P/XaTvMxwNCEz0oH2Q8QShppTaxoSPaz2z0yg==",
"dependencies": {
"@vant/icons": "^1.7.1",
"@vant/popperjs": "^1.1.0",
"@vant/use": "^1.3.4"
},
"peerDependencies": {
"vue": "^3.0.0"
}
},
"node_modules/vite": { "node_modules/vite": {
"version": "2.7.13", "version": "2.7.13",
"resolved": "https://registry.npmmirror.com/vite/download/vite-2.7.13.tgz", "resolved": "https://registry.npmmirror.com/vite/download/vite-2.7.13.tgz",
@ -11179,6 +11274,17 @@
"mime": "^3.0.0" "mime": "^3.0.0"
} }
}, },
"@ctrl/tinycolor": {
"version": "3.4.0",
"resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.4.0.tgz",
"integrity": "sha512-JZButFdZ1+/xAfpguQHoabIXkcqRRKpMrWKBkpEZZyxfY9C1DpADFB8PEqGSTeFr135SaTRfKqGKx5xSCLI7ZQ=="
},
"@element-plus/icons-vue": {
"version": "0.2.6",
"resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-0.2.6.tgz",
"integrity": "sha512-2gg7VCq4d2firgl7/aVym4Cx/wqKFwKybEQGJiiWJN4urW36+QdAEG1knqSD9qidbjhVp0Jnc9XdSTR1/4Whzw==",
"requires": {}
},
"@eslint/eslintrc": { "@eslint/eslintrc": {
"version": "1.0.5", "version": "1.0.5",
"resolved": "https://registry.npmmirror.com/@eslint/eslintrc/download/@eslint/eslintrc-1.0.5.tgz", "resolved": "https://registry.npmmirror.com/@eslint/eslintrc/download/@eslint/eslintrc-1.0.5.tgz",
@ -11567,7 +11673,7 @@
}, },
"@popperjs/core": { "@popperjs/core": {
"version": "2.11.2", "version": "2.11.2",
"resolved": "https://registry.npmmirror.com/@popperjs/core/download/@popperjs/core-2.11.2.tgz", "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.2.tgz",
"integrity": "sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA==" "integrity": "sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA=="
}, },
"@rollup/plugin-alias": { "@rollup/plugin-alias": {
@ -11996,24 +12102,6 @@
"eslint-visitor-keys": "^3.0.0" "eslint-visitor-keys": "^3.0.0"
} }
}, },
"@vant/icons": {
"version": "1.7.3",
"resolved": "https://registry.npmmirror.com/@vant/icons/download/@vant/icons-1.7.3.tgz",
"integrity": "sha512-tW4EqzxN4kXw1rnlnQJQHofEifPbt/gECOWiibomht8QLyvoGuE4iUmDFS288dJ07ZjuTy0bhdABj0SENo2fmQ=="
},
"@vant/popperjs": {
"version": "1.1.0",
"resolved": "https://registry.npm.taobao.org/@vant/popperjs/download/@vant/popperjs-1.1.0.tgz",
"integrity": "sha1-tO3uW7+m+xhwWYbjE9T9XxeUKg8=",
"requires": {
"@popperjs/core": "^2.9.2"
}
},
"@vant/use": {
"version": "1.3.4",
"resolved": "https://registry.npmmirror.com/@vant/use/download/@vant/use-1.3.4.tgz?cache=0&sync_timestamp=1637544063803&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40vant%2Fuse%2Fdownload%2F%40vant%2Fuse-1.3.4.tgz",
"integrity": "sha512-XvZkPCjcmEBhD+T3vB68thOG6P9jazld6aBTMenhbAQd4FT/x9AiKIWPJx4MvhYoSIWt7fju6K01XTJldWs1hw=="
},
"@vercel/nft": { "@vercel/nft": {
"version": "0.17.3", "version": "0.17.3",
"resolved": "https://registry.npmmirror.com/@vercel/nft/download/@vercel/nft-0.17.3.tgz", "resolved": "https://registry.npmmirror.com/@vercel/nft/download/@vercel/nft-0.17.3.tgz",
@ -12322,6 +12410,31 @@
"resolved": "https://registry.npmmirror.com/@vue/shared/download/@vue/shared-3.2.27.tgz", "resolved": "https://registry.npmmirror.com/@vue/shared/download/@vue/shared-3.2.27.tgz",
"integrity": "sha512-rpAn9k6O08Lvo7ekBIAnkOukX/4EsEQLPrRJBKhIEasMsOI5eX0f6mq1sDUSY7cgAqWw2d7QtP74CWxdXoyKxA==" "integrity": "sha512-rpAn9k6O08Lvo7ekBIAnkOukX/4EsEQLPrRJBKhIEasMsOI5eX0f6mq1sDUSY7cgAqWw2d7QtP74CWxdXoyKxA=="
}, },
"@vueuse/core": {
"version": "7.5.5",
"resolved": "https://registry.npmjs.org/@vueuse/core/-/core-7.5.5.tgz",
"integrity": "sha512-RBDqmIoGfak4h3xdXa/Av+ibkb8NY044wEy6+PG2FAWNaID8/FkqmSFjbxogrbmpSX1yZ1PBHrM8DUp/FrIpbg==",
"requires": {
"@vueuse/shared": "7.5.5",
"vue-demi": "*"
},
"dependencies": {
"@vueuse/shared": {
"version": "7.5.5",
"resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-7.5.5.tgz",
"integrity": "sha512-mzzTsotHQRPnPAChy8iCv6ek/90CKYhAFyMRgNsMxpT0afZJkbMO/X0OaOu/1NuGbgb8UVjlsWKmCUgKTOF5hA==",
"requires": {
"vue-demi": "*"
}
},
"vue-demi": {
"version": "0.12.1",
"resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.1.tgz",
"integrity": "sha512-QL3ny+wX8c6Xm1/EZylbgzdoDolye+VpCXRhI2hug9dJTP3OUJ3lmiKN3CsVV3mOJKwFi0nsstbgob0vG7aoIw==",
"requires": {}
}
}
},
"@vueuse/head": { "@vueuse/head": {
"version": "0.7.5", "version": "0.7.5",
"resolved": "https://registry.npmmirror.com/@vueuse/head/download/@vueuse/head-0.7.5.tgz", "resolved": "https://registry.npmmirror.com/@vueuse/head/download/@vueuse/head-0.7.5.tgz",
@ -12748,6 +12861,11 @@
"integrity": "sha512-spZRyzKL5l5BZQrr/6m/SqFdBN0q3OCI0f9rjfBzCMBIP4p75P620rR3gTmaksNOhmzgdxcaxdNfMy6anrbM0g==", "integrity": "sha512-spZRyzKL5l5BZQrr/6m/SqFdBN0q3OCI0f9rjfBzCMBIP4p75P620rR3gTmaksNOhmzgdxcaxdNfMy6anrbM0g==",
"dev": true "dev": true
}, },
"async-validator": {
"version": "4.0.7",
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.0.7.tgz",
"integrity": "sha512-Pj2IR7u8hmUEDOwB++su6baaRi+QvsgajuFB9j95foM1N2gy5HM4z60hfusIO0fBPG5uLAEl6yCJr1jNSVugEQ=="
},
"autoprefixer": { "autoprefixer": {
"version": "10.4.2", "version": "10.4.2",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.2.tgz", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.2.tgz",
@ -13630,6 +13748,22 @@
"integrity": "sha512-k/0t1TRfonHIp8TJKfjBu2cKj8MqYTiEpOhci+q7CVEE5xnCQnx1pTa+V8b/sdhe4S3PR4p4iceEQWhGrKQORQ==", "integrity": "sha512-k/0t1TRfonHIp8TJKfjBu2cKj8MqYTiEpOhci+q7CVEE5xnCQnx1pTa+V8b/sdhe4S3PR4p4iceEQWhGrKQORQ==",
"dev": true "dev": true
}, },
"element-plus": {
"version": "1.3.0-beta.9",
"resolved": "https://registry.npmjs.org/element-plus/-/element-plus-1.3.0-beta.9.tgz",
"integrity": "sha512-h+I6VVtJNwjVkNhfhXp2oCYjgBN7kWQ2Y6nWzwc0wiphAlQDhGuBXAGj9eYpf1uOrMgIpFFwbRhvK7C6sOJsWg==",
"requires": {
"@ctrl/tinycolor": "^3.4.0",
"@element-plus/icons-vue": "^0.2.6",
"@popperjs/core": "^2.11.2",
"@vueuse/core": "^7.5.4",
"async-validator": "^4.0.7",
"dayjs": "^1.10.7",
"lodash": "^4.17.21",
"memoize-one": "^6.0.0",
"normalize-wheel-es": "^1.1.1"
}
},
"emoji-regex": { "emoji-regex": {
"version": "8.0.0", "version": "8.0.0",
"resolved": "https://registry.npmmirror.com/emoji-regex/download/emoji-regex-8.0.0.tgz?cache=0&sync_timestamp=1632751408145&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Femoji-regex%2Fdownload%2Femoji-regex-8.0.0.tgz", "resolved": "https://registry.npmmirror.com/emoji-regex/download/emoji-regex-8.0.0.tgz?cache=0&sync_timestamp=1632751408145&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Femoji-regex%2Fdownload%2Femoji-regex-8.0.0.tgz",
@ -15750,6 +15884,11 @@
"fs-monkey": "1.0.3" "fs-monkey": "1.0.3"
} }
}, },
"memoize-one": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
"integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
},
"memory-fs": { "memory-fs": {
"version": "0.5.0", "version": "0.5.0",
"resolved": "https://registry.nlark.com/memory-fs/download/memory-fs-0.5.0.tgz", "resolved": "https://registry.nlark.com/memory-fs/download/memory-fs-0.5.0.tgz",
@ -16270,6 +16409,11 @@
"integrity": "sha1-QNCIW1Nd7/4/MUe+yHfQX+TFZoo=", "integrity": "sha1-QNCIW1Nd7/4/MUe+yHfQX+TFZoo=",
"dev": true "dev": true
}, },
"normalize-wheel-es": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.1.1.tgz",
"integrity": "sha512-157VNH4CngrcsvF8xOVOe22cwniIR3nxSltdctvQeHZj8JttEeOXffK28jucWfWBXs0QNetAumjc1GiInnwX4w=="
},
"npm-bundled": { "npm-bundled": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.nlark.com/npm-bundled/download/npm-bundled-1.1.2.tgz", "resolved": "https://registry.nlark.com/npm-bundled/download/npm-bundled-1.1.2.tgz",
@ -18324,16 +18468,6 @@
"integrity": "sha1-LeGWGMZtwkfc+2+ZM4A12CRaLO4=", "integrity": "sha1-LeGWGMZtwkfc+2+ZM4A12CRaLO4=",
"dev": true "dev": true
}, },
"vant": {
"version": "3.4.2",
"resolved": "https://registry.npmmirror.com/vant/download/vant-3.4.2.tgz",
"integrity": "sha512-Mupj1FDW19QJpKUhu+gZgcUt3FhKly2AuPASTLmiuby0JtxV5P/XaTvMxwNCEz0oH2Q8QShppTaxoSPaz2z0yg==",
"requires": {
"@vant/icons": "^1.7.1",
"@vant/popperjs": "^1.1.0",
"@vant/use": "^1.3.4"
}
},
"vite": { "vite": {
"version": "2.7.13", "version": "2.7.13",
"resolved": "https://registry.npmmirror.com/vite/download/vite-2.7.13.tgz", "resolved": "https://registry.npmmirror.com/vite/download/vite-2.7.13.tgz",

2
package.json
View File

@ -21,8 +21,8 @@
"dependencies": { "dependencies": {
"axios": "^0.25.0", "axios": "^0.25.0",
"dayjs": "^1.10.7", "dayjs": "^1.10.7",
"element-plus": "^1.3.0-beta.9",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"vant": "^3.4.2",
"vuex": "^4.0.2" "vuex": "^4.0.2"
} }
} }

110
pages/Initiate-application.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<!-- 导航返回上一页 --> <!-- 导航返回上一页 -->
<van-nav-bar title="发起申请" left-arrow @click="router.go(-1)" /> <div title="发起申请" left-arrow @click="router.go(-1)" ></div>
<!-- 申请发票需要输入的数据 --> <!-- 申请发票需要输入的数据 -->
<div class="bg-white pb-3"> <div class="bg-white pb-3">
<div class="text-gray-500 px-4 py-3 font-semibold">发票信息</div> <div class="text-gray-500 px-4 py-3 font-semibold">发票信息</div>
@ -14,31 +14,31 @@
<span class="text-gray-500">上传票据凭证 </span> <span class="text-gray-500">上传票据凭证 </span>
<span class="text-gray-400 text-xs">(仅支持ipg格式)</span> <span class="text-gray-400 text-xs">(仅支持ipg格式)</span>
</div> </div>
<van-button <el-button
plain plain
type="primary" type="primary"
size="mini" size="mini"
@click="data.isInvoice = false" @click="data.isInvoice = false"
>手动输入</van-button >手动输入</el-button
> >
</div> </div>
<!-- <van-overlay :show="data.showUploading"> --> <!-- <el-overlay :show="data.showUploading"> -->
<div <div
class="text-center border-b w-52 h-24 border-dashed border-2 upload-box" class="text-center border-b w-52 h-24 border-dashed border-2 upload-box"
v-show="!data.isSuccess" v-show="!data.isSuccess"
> >
<van-uploader v-model="data.fileList" multiple :max-count="1" :after-read="afterRead" class="z-50 opacity-0" /> <el-uploader v-model="data.fileList" multiple :max-count="1" :after-read="afterRead" class="z-50 opacity-0" />
<div class="upload-txt"> <div class="upload-txt">
<p class="text-gray-400 text-xl pt-3">+</p> <p class="text-gray-400 text-xl pt-3">+</p>
<p class="text-gray-400 text-xs">上传并识别凭证</p> <p class="text-gray-400 text-xs">上传并识别凭证</p>
</div> </div>
<!-- <van-loading type="spinner" v-if="data.showUploading" class="upload-txt z-50" /> --> <!-- <el-loading type="spinner" v-if="data.showUploading" class="upload-txt z-50" /> -->
</div> </div>
<!-- </van-overlay> --> <!-- </el-overlay> -->
<!-- 上传票据成功后显示发票信息 --> <!-- 上传票据成功后显示发票信息 -->
<div v-show="data.isSuccess"> <div v-show="data.isSuccess">
<van-field <el-field
v-for="item in data.invoiceInfo" v-for="item in data.invoiceInfo"
required required
v-model="item.value" v-model="item.value"
@ -51,7 +51,7 @@
</div> </div>
<!-- 手动输入信息 --> <!-- 手动输入信息 -->
<div v-show="!data.isInvoice"> <div v-show="!data.isInvoice">
<van-field <el-field
required required
v-model="data.money" v-model="data.money"
label="申请金额" label="申请金额"
@ -61,8 +61,8 @@
</div> </div>
<!-- 备注信息 --> <!-- 备注信息 -->
<div class="text-gray-500 py-4 pl-5">备注</div> <div class="text-gray-500 py-4 pl-5">备注</div>
<van-cell-group> <el-cell-group>
<van-field <el-field
v-model="data.remark" v-model="data.remark"
rows="2" rows="2"
autosize autosize
@ -72,7 +72,7 @@
show-word-limit show-word-limit
class="border rounded" class="border rounded"
/> />
</van-cell-group> </el-cell-group>
</div> </div>
<!-- 选择审核人 --> <!-- 选择审核人 -->
<div class="mt-3"> <div class="mt-3">
@ -82,7 +82,7 @@
</div> </div>
<div class="px-3 bg-white"> <div class="px-3 bg-white">
<div> <div>
<van-button <el-button
class="button" class="button"
size="mini" size="mini"
v-for="item in data.reviewerList" v-for="item in data.reviewerList"
@ -95,7 +95,7 @@
@click="handleSelectChecker(item.memberId)" @click="handleSelectChecker(item.memberId)"
> >
{{ item.name }} {{ item.name }}
</van-button> </el-button>
</div> </div>
</div> </div>
</div> </div>
@ -105,7 +105,7 @@
<!-- 申请类型 --> <!-- 申请类型 -->
<!-- 普通票据申请 --> <!-- 普通票据申请 -->
<div> <div>
<van-field <el-field
v-model="data.applyType" v-model="data.applyType"
is-link is-link
readonly readonly
@ -115,17 +115,17 @@
required required
input-align="right" input-align="right"
/> />
<van-popup v-model:show="data.showType" round position="bottom"> <!-- <el-popup v-model:show="data.showType" round position="bottom">
<van-picker <el-picker
title="申请类型" title="申请类型"
v-if="data.applyTypeOptions && data.applyTypeOptions.length" v-if="data.applyTypeOptions && data.applyTypeOptions.length"
:columns="data.applyTypeOptions" :columns="data.applyTypeOptions"
@confirm="finishApplyType" @confirm="finishApplyType"
/> />
<van-loading v-else class="my-20 text-center" /> <el-loading v-else class="my-20 text-center" />
</van-popup> </el-popup> -->
<!-- 所属项目 --> <!-- 所属项目 -->
<van-field <el-field
v-model="projectName" v-model="projectName"
is-link is-link
readonly readonly
@ -135,11 +135,11 @@
input-align="right" input-align="right"
disabled disabled
/> />
<!-- <van-popup v-model:show="projectName" round position="bottom"> <!-- <el-popup v-model:show="projectName" round position="bottom">
<van-cascader active-color="#1989fa" class="p-0" /> <el-cascader active-color="#1989fa" class="p-0" />
</van-popup> --> </el-popup> -->
<!-- 所属任务的 --> <!-- 所属任务的 -->
<van-field <el-field
v-model="taskName" v-model="taskName"
v-show="data.isInvoice" v-show="data.isInvoice"
is-link is-link
@ -150,11 +150,11 @@
input-align="right" input-align="right"
disabled disabled
/> />
<!-- <van-popup v-model:show="taskName" round position="bottom"> <!-- <el-popup v-model:show="taskName" round position="bottom">
<van-cascader active-color="#1989fa" class="p-0" /> <el-cascader active-color="#1989fa" class="p-0" />
</van-popup> --> </el-popup> -->
<!-- 类目选择 --> <!-- 类目选择 -->
<van-field <el-field
v-model="data.applyCategory" v-model="data.applyCategory"
is-link is-link
readonly readonly
@ -163,17 +163,17 @@
@click="data.showCategory = true" @click="data.showCategory = true"
input-align="right" input-align="right"
/> />
<van-popup v-model:show="data.showCategory" round position="bottom"> <!-- <el-popup v-model:show="data.showCategory" round position="bottom">
<van-picker <el-picker
title="请选择类目" title="请选择类目"
v-if="data.applyCategoryOptions && data.applyCategoryOptions.length" v-if="data.applyCategoryOptions && data.applyCategoryOptions.length"
:columns="data.applyCategoryOptions" :columns="data.applyCategoryOptions"
@confirm="finishApplyCategory" @confirm="finishApplyCategory"
/> />
<van-loading v-else class="my-20 text-center" /> <el-loading v-else class="my-20 text-center" />
</van-popup> </el-popup> -->
<!-- 名目选择 --> <!-- 名目选择 -->
<van-field <el-field
v-model="data.applyName" v-model="data.applyName"
v-show="data.isInvoice" v-show="data.isInvoice"
is-link is-link
@ -183,21 +183,21 @@
@click="data.showName = true" @click="data.showName = true"
input-align="right" input-align="right"
/> />
<van-popup v-model:show="data.showName" round position="bottom"> <!-- <el-popup v-model:show="data.showName" round position="bottom">
<van-picker <el-picker
title="请选择名目" title="请选择名目"
v-if="data.applyNameOptions && data.applyNameOptions.length" v-if="data.applyNameOptions && data.applyNameOptions.length"
:columns="data.applyNameOptions" :columns="data.applyNameOptions"
@confirm="finishApplyName" @confirm="finishApplyName"
/> />
<van-loading v-else class="my-20 text-center" /> <el-loading v-else class="my-20 text-center" />
</van-popup> </el-popup> -->
</div> </div>
</div> </div>
<!-- 提交人信息 --> <!-- 提交人信息 -->
<div class="bg-white mt-3"> <div class="bg-white mt-3">
<div class="text-gray-500 p-4 font-semibold">提交人信息</div> <div class="text-gray-500 p-4 font-semibold">提交人信息</div>
<van-field <el-field
required required
v-model="data.submitName" v-model="data.submitName"
label="姓名" label="姓名"
@ -205,7 +205,7 @@
input-align="right" input-align="right"
/> />
<!-- 选择所属部门 --> <!-- 选择所属部门 -->
<van-field <el-field
required required
v-model="data.department" v-model="data.department"
label="所属部门" label="所属部门"
@ -223,7 +223,7 @@
</div> </div>
<!-- 底部立即提交按钮 --> <!-- 底部立即提交按钮 -->
<div class="mx-6 mt-10"> <div class="mx-6 mt-10">
<van-button @click="submit" type="primary" size="small" block>立即提交</van-button> <el-button @click="submit" type="primary" size="small" block>立即提交</el-button>
</div> </div>
</div> </div>
</template> </template>
@ -233,7 +233,7 @@ import { ref, reactive } from 'vue';
import { queryChecker } from 'apis/member'; import { queryChecker } from 'apis/member';
import { queryType, apply } from 'apis/finance'; import { queryType, apply } from 'apis/finance';
import { bill } from 'apis/ocr'; import { bill } from 'apis/ocr';
import { Toast } from 'vant'; import { ElMessage } from 'element-plus'
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import num from 'utils/num'; import num from 'utils/num';
@ -355,7 +355,7 @@ async function afterRead(file){
data.titleHidden = false; data.titleHidden = false;
data.isSuccess = true; data.isSuccess = true;
} else { } else {
Toast.fail(res.data.msg || '上传失败') ElMessage.error(res.data.msg || '上传失败')
} }
}) })
} }
@ -481,10 +481,10 @@ async function submit() {
const params = {} const params = {}
params.param = setParams() params.param = setParams()
await apply(params) await apply(params)
Toast.success('申请成功'); ElMessage.success('审批成功')
} catch (error) { } catch (error) {
console.log('error: ', error); console.log('error: ', error);
Toast.fail(error || '申请失败'); ElMessage.error(error || '申请失败')
} }
} }
// 验证必填 // 验证必填
@ -492,35 +492,35 @@ function verification(){
const { isSuccess, invoiceInfo, categoryId, checkerList, department, money, rowId, submitName, typeId, isInvoice } = data const { isSuccess, invoiceInfo, categoryId, checkerList, department, money, rowId, submitName, typeId, isInvoice } = data
// 判断发票信息 // 判断发票信息
if(!isSuccess && isInvoice){ if(!isSuccess && isInvoice){
Toast.fail('请上传票据凭证'); ElMessage.error('请上传票据凭证');
return return
} }
if(!money && !isInvoice){ if(!money && !isInvoice){
Toast.fail('请输入金额'); ElMessage.error('请输入金额');
return return
} }
if(!checkerList || !checkerList.length){ if(!checkerList || !checkerList.length){
Toast.fail('请选择审核人'); ElMessage.error('请选择审核人');
return return
} }
if(!typeId){ if(!typeId){
Toast.fail('请选择申请类型'); ElMessage.error('请选择申请类型');
return return
} }
if(!categoryId){ if(!categoryId){
Toast.fail('请选择类目'); ElMessage.error('请选择类目');
return return
} }
if(!rowId && isInvoice){ if(!rowId && isInvoice){
Toast.fail('请选择名目'); ElMessage.error('请选择名目');
return return
} }
if(!submitName){ if(!submitName){
Toast.fail('请输入提交人姓名'); ElMessage.error('请输入提交人姓名');
return return
} }
if(!department){ if(!department){
Toast.fail('请输入所属部门'); ElMessage.error('请输入所属部门');
return return
} }
return true return true
@ -551,10 +551,10 @@ function setParams(){
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.van-cell-group { .el-cell-group {
padding: 0 1rem; padding: 0 1rem;
} }
.van-cell { .el-cell {
font-size: 15px; font-size: 15px;
} }
.bill-name { .bill-name {
@ -563,7 +563,7 @@ function setParams(){
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
padding: 0.75rem 0px; padding: 0.75rem 0px;
} }
.van-button { .el-button {
border-radius: 0.2rem; border-radius: 0.2rem;
} }
.button { .button {

18
pages/applicant.vue
View File

@ -1,14 +1,14 @@
<template> <template>
<div> <div>
<!-- 搜索框与表格部分 --> <!-- 搜索框与表格部分 -->
<van-tabs <el-tabs
v-model:active="active" v-model:active="active"
shrink shrink
line-width="60px" line-width="60px"
color="#59B4FF" color="#59B4FF"
title-active-color="#59B4FF" title-active-color="#59B4FF"
> >
<van-tab title="我的申请"> <el-tab-pane title="我的申请">
<div class=" bg-white px-4"> <div class=" bg-white px-4">
<div class="mt-4 flex flex-col overflow-hidden h-full"> <div class="mt-4 flex flex-col overflow-hidden h-full">
<div class="py-4 pb-0 text-gray-500 font-semibold">历史申请</div> <div class="py-4 pb-0 text-gray-500 font-semibold">历史申请</div>
@ -17,13 +17,13 @@
</div> </div>
<!-- 底部提交按钮部分 --> <!-- 底部提交按钮部分 -->
<div class="fixed w-11/12 box-border bottom-10 " @click="toApplication"> <div class="fixed w-11/12 box-border bottom-10 " @click="toApplication">
<van-button type="primary" block size="small">发起申请</van-button> <el-button type="primary" block size="small">发起申请</el-button>
</div> </div>
</div> </div>
</van-tab> </el-tab-pane>
<van-tab title="我的奖金"> <el-tab-pane title="我的奖金">
<div class="mt-4 bg-white"> <div class="mt-4 bg-white">
<div class="p-4 pb-0 text-gray-500 font-semibold">奖金领取记录</div> <div class="p-4 pb-0 text-gray-500 font-semibold">奖金领取记录</div>
<Search class="px-4 pt-0" /> <Search class="px-4 pt-0" />
@ -47,13 +47,13 @@
500元 500元
</div> </div>
<div class="px-8"> <div class="px-8">
<van-button type="primary" size="small" block :disabled="!isBonus" <el-button type="primary" size="small" block :disabled="!isBonus"
>立即领取</van-button >立即领取</el-button
> >
</div> </div>
</div> </div>
</van-tab> </el-tab-pane>
</van-tabs> </el-tabs>
</div> </div>
</template> </template>

11
pages/application-details.vue
View File

@ -2,11 +2,11 @@
<div> <div>
<!-- 导航栏 --> <!-- 导航栏 -->
<NuxtLink to="Initiate-application"> <NuxtLink to="Initiate-application">
<van-nav-bar <div
title="申请详情" title="申请详情"
left-arrow left-arrow
@click="router.go(-1)" @click="router.go(-1)"
/> ></div>
</NuxtLink> </NuxtLink>
<!-- 审核结果 --> <!-- 审核结果 -->
@ -23,7 +23,8 @@
{{item.checkStatus == '1' ? '已通过' : item.checkStatus == '2' ? '已驳回' : '待审批'}} {{item.checkStatus == '1' ? '已通过' : item.checkStatus == '2' ? '已驳回' : '待审批'}}
</div> </div>
<div v-if="item.checkStatus == '1' || item.checkStatus == '2'" class="mt-1"> <div v-if="item.checkStatus == '1' || item.checkStatus == '2'" class="mt-1">
<van-circle <el-progress type="circle" :percentage="100" color="#ff6700" :stroke-width="100" />
<!-- <van-circle
v-model:current-rate="currentRate" v-model:current-rate="currentRate"
:rate="100" :rate="100"
:speed="100" :speed="100"
@ -31,7 +32,7 @@
class="w-12" class="w-12"
color="#ff6700" color="#ff6700"
:stroke-width="100" :stroke-width="100"
/> /> -->
</div> </div>
</div> </div>
</div> </div>
@ -215,7 +216,7 @@ handleApplyDetail()
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.van-circle{ .el-progress{
width: 2.5rem !important; width: 2.5rem !important;
height: 2.5rem !important; height: 2.5rem !important;
} }

22
pages/financial-approval-details.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div> <div>
<van-nav-bar <div
title="财务审批详情" title="财务审批详情"
left-arrow left-arrow
@click="router.go(-1)" @click="router.go(-1)"
/> ></div>
<!-- 发票信息 --> <!-- 发票信息 -->
<div class="bg-white px-3" v-if="isInvoice"> <div class="bg-white px-3" v-if="isInvoice">
@ -74,11 +74,11 @@
{{item.checkStatus == '1' ? '已通过' : item.checkStatus == '2' ? '已驳回' : '待审批'}} {{item.checkStatus == '1' ? '已通过' : item.checkStatus == '2' ? '已驳回' : '待审批'}}
</div> </div>
<div class="text-center" v-else> <div class="text-center" v-else>
<van-button type="success" round size="mini" class="button ml-5" @click="showRemark(item.financeCheckId, 1)">通过</van-button> <el-button type="success" round size="mini" class="button ml-5" @click="showRemark(item.financeCheckId, 1)">通过</el-button>
<van-button type="danger" round size="mini" class="button" @click="showRemark(item.financeCheckId, 2)">驳回</van-button> <el-button type="danger" round size="mini" class="button" @click="showRemark(item.financeCheckId, 2)">驳回</el-button>
</div> </div>
<div v-if="item.checkStatus == '1' || item.checkStatus == '2'" class="mt-1"> <div v-if="item.checkStatus == '1' || item.checkStatus == '2'" class="mt-1">
<van-circle <el-circle
v-model:current-rate="currentRate" v-model:current-rate="currentRate"
:rate="100" :rate="100"
:speed="100" :speed="100"
@ -92,9 +92,9 @@
</div> </div>
</div> </div>
<van-dialog v-model:show="data.show" title="备注" show-cancel-button @confirm="handleAudit"> <el-dialog v-model:show="data.show" title="备注" show-cancel-button @confirm="handleAudit">
<van-field :border="data.border" v-model="data.remark" type="textarea" class="remark" placeholder="请输入备注" /> <el-field :border="data.border" v-model="data.remark" type="textarea" class="remark" placeholder="请输入备注" />
</van-dialog> </el-dialog>
</div> </div>
</template> </template>
@ -103,7 +103,7 @@ import dayjs from "dayjs";
import { ref, computed } from 'vue'; import { ref, computed } from 'vue';
import { getApplyDetail, audit } from 'apis/finance'; import { getApplyDetail, audit } from 'apis/finance';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { Toast } from 'vant'; import { ElMessage } from 'element-plus'
const router = useRouter(); const router = useRouter();
@ -249,7 +249,7 @@ async function handleAudit(financeCheckId, checkStatus){
} }
} }
await audit(params) await audit(params)
Toast('审批成功'); ElMessage.success('审批成功')
handleFinanceOfProject() handleFinanceOfProject()
data.remark = '' data.remark = ''
} catch (error) { } catch (error) {
@ -259,7 +259,7 @@ async function handleAudit(financeCheckId, checkStatus){
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.van-circle{ .el-circle{
width: 2.5rem !important; width: 2.5rem !important;
height: 2.5rem !important; height: 2.5rem !important;
} }

18
pages/financial-approval.vue
View File

@ -22,13 +22,13 @@
<span>任务支出统计</span> <span>任务支出统计</span>
</div> </div>
<div> <div>
<van-button :type="taskState ? 'primary' : 'default'" size="mini" @click="taskState = true">图表</van-button> <el-button :type="taskState ? 'primary' : 'default'" size="mini" @click="taskState = true">图表</el-button>
<van-button :type="!taskState ? 'primary' : 'default'" size="mini" @click="taskState = false">表格</van-button> <el-button :type="!taskState ? 'primary' : 'default'" size="mini" @click="taskState = false">表格</el-button>
</div> </div>
</div> </div>
<!-- 任务支出统计的图表展示 --> <!-- 任务支出统计的图表展示 -->
<div v-show="taskState"> <div v-show="taskState">
<!-- <van-empty description="暂无图表数据信息" /> --> <!-- <el-empty description="暂无图表数据信息" /> -->
<RingEcharts class="w-full h-full" id="taskEcharts"/> <RingEcharts class="w-full h-full" id="taskEcharts"/>
</div> </div>
<!-- 任务支出统计的表格展示 --> <!-- 任务支出统计的表格展示 -->
@ -44,13 +44,13 @@
<span>名目支出统计</span> <span>名目支出统计</span>
</div> </div>
<div> <div>
<van-button :type="nameState ? 'primary' : 'default'" size="mini" @click="nameState = true">图表</van-button> <el-button :type="nameState ? 'primary' : 'default'" size="mini" @click="nameState = true">图表</el-button>
<van-button :type="!nameState ? 'primary' : 'default'" size="mini" @click="nameState = false">表格</van-button> <el-button :type="!nameState ? 'primary' : 'default'" size="mini" @click="nameState = false">表格</el-button>
</div> </div>
</div> </div>
<!-- 名目支出统计的图表展示 --> <!-- 名目支出统计的图表展示 -->
<div v-show="nameState"> <div v-show="nameState">
<!-- <van-empty description="暂无图表数据信息" /> --> <!-- <el-empty description="暂无图表数据信息" /> -->
<RingEcharts class="w-full h-full" id="nameEcharts"/> <RingEcharts class="w-full h-full" id="nameEcharts"/>
</div> </div>
<!-- 名目支出统计的表格展示 --> <!-- 名目支出统计的表格展示 -->
@ -74,7 +74,7 @@
</div> </div>
<BarEcharts class="w-full h-full mt-5" /> <BarEcharts class="w-full h-full mt-5" />
<!-- 没有数据展示空组件 --> <!-- 没有数据展示空组件 -->
<!-- <van-empty description="暂无图表数据信息" /> --> <!-- <el-empty description="暂无图表数据信息" /> -->
</div> </div>
</div> </div>
<!-- 悬浮跳转 --> <!-- 悬浮跳转 -->
@ -115,10 +115,10 @@ const nameState = ref(true);
border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.van-button--mini{ .el-button--mini{
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
.van-button--mini+.van-button--mini{ .el-button--mini+.el-button--mini{
margin-left: 0px; margin-left: 0px;
} }
</style> </style>

42
pages/index.vue
View File

@ -1,13 +1,13 @@
<template> <template>
<div class="fixed bg-gray-100"> <div class="fixed bg-gray-100">
<van-tabs <el-tabs
v-model:active="active" v-model:active="active"
shrink shrink
line-width="60px" line-width="60px"
color="#59B4FF" color="#59B4FF"
title-active-color="#59B4FF" title-active-color="#59B4FF"
> >
<van-tab title="财务管理"> <el-tab-pane title="财务管理">
<div class="h-screen w-full pb-60 overflow-y-scroll"> <div class="h-screen w-full pb-60 overflow-y-scroll">
<!-- 财务管理页面 --> <!-- 财务管理页面 -->
<div class="bg-white p-4 mt-5 text-gray-500 flex-col"> <div class="bg-white p-4 mt-5 text-gray-500 flex-col">
@ -46,23 +46,23 @@
<span>任务支出统计</span> <span>任务支出统计</span>
</div> </div>
<div class="mr-5"> <div class="mr-5">
<van-button <el-button
:type="taskState ? 'primary' : 'default'" :type="taskState ? 'primary' : 'default'"
size="mini" size="mini"
@click="taskState = true" @click="taskState = true"
>图表</van-button >图表</el-button
> >
<van-button <el-button
:type="!taskState ? 'primary' : 'default'" :type="!taskState ? 'primary' : 'default'"
size="mini" size="mini"
@click="taskState = false" @click="taskState = false"
>表格</van-button >表格</el-button
> >
</div> </div>
</div> </div>
<!-- 任务支出统计的图表展示 --> <!-- 任务支出统计的图表展示 -->
<div v-show="taskState"> <div v-show="taskState">
<!-- <van-empty description="暂无图表数据信息" /> --> <!-- <el-empty description="暂无图表数据信息" /> -->
<RingEcharts class="w-full h-full" id="taskEcharts" /> <RingEcharts class="w-full h-full" id="taskEcharts" />
</div> </div>
<!-- 任务支出统计的表格展示 --> <!-- 任务支出统计的表格展示 -->
@ -80,23 +80,23 @@
<span>名目支出统计</span> <span>名目支出统计</span>
</div> </div>
<div class="mr-5"> <div class="mr-5">
<van-button <el-button
:type="nameState ? 'primary' : 'default'" :type="nameState ? 'primary' : 'default'"
size="mini" size="mini"
@click="nameState = true" @click="nameState = true"
>图表</van-button >图表</el-button
> >
<van-button <el-button
:type="!nameState ? 'primary' : 'default'" :type="!nameState ? 'primary' : 'default'"
size="mini" size="mini"
@click="nameState = false" @click="nameState = false"
>表格</van-button >表格</el-button
> >
</div> </div>
</div> </div>
<!-- 名目支出统计的图表展示 --> <!-- 名目支出统计的图表展示 -->
<div v-show="nameState"> <div v-show="nameState">
<!-- <van-empty description="暂无图表数据信息" /> --> <!-- <el-empty description="暂无图表数据信息" /> -->
<RingEcharts class="w-full h-full" id="nameEcharts" /> <RingEcharts class="w-full h-full" id="nameEcharts" />
</div> </div>
<!-- 名目支出统计的表格展示 --> <!-- 名目支出统计的表格展示 -->
@ -128,11 +128,11 @@
</div> </div>
</van-tab> </el-tab-pane>
<van-tab title="角色管理"> <div class="h-screen overflow-y-scroll w-screen mt-4">角色管理</div></van-tab> <el-tab-pane title="角色管理"> <div class="h-screen overflow-y-scroll w-screen mt-4">角色管理</div></el-tab-pane>
<van-tab title="任务管理"><div class="h-screen overflow-y-scroll w-screen mt-4">任务管理</div></van-tab> <el-tab-pane title="任务管理"><div class="h-screen overflow-y-scroll w-screen mt-4">任务管理</div></el-tab-pane>
<van-tab title="成员管理"><div class="h-screen overflow-y-scroll w-screen mt-4">成员管理</div></van-tab> <el-tab-pane title="成员管理"><div class="h-screen overflow-y-scroll w-screen mt-4">成员管理</div></el-tab-pane>
</van-tabs> </el-tabs>
<div class="menu"> <div class="menu">
<a href="#finance-manage">财务管理</a> <a href="#finance-manage">财务管理</a>
@ -172,10 +172,10 @@ async function scrollToElementByHash() {
</script> </script>
<style lang="less"> <style lang="less">
.van-nav-bar__content { .el-nav-bar__content {
background-color: #eee; background-color: #eee;
} }
.van-icon-arrow-left:before { .el-icon-arrow-left:before {
color: #000; color: #000;
} }
</style> </style>
@ -199,10 +199,10 @@ async function scrollToElementByHash() {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
.van-button--mini { .el-button--mini {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
.van-button--mini + .van-button--mini { .el-button--mini + .el-button--mini {
margin-left: 0px; margin-left: 0px;
} }
.table-box{ .table-box{

57
plugins/vant.js
View File

@ -1,59 +1,8 @@
// 目前在 nuxt 中无法按需引入样式，因此采用手动引入的方式 import 'element-plus/dist/index.css';
import 'vant/lib/index.css';
import {
Button,
Cell,
CellGroup,
Col,
Icon,
Image,
Row,
NavBar,
Tabs,
Tab,
Search,
Pagination,
Field,
Uploader,
Form,
Popup,
Cascader,
Circle,
Empty,
Popover,
Dialog,
Picker,
Loading,
Overlay
} from 'vant';
import ElementPlus from 'element-plus/lib';
import { defineNuxtPlugin } from '#app'; import { defineNuxtPlugin } from '#app';
export default defineNuxtPlugin(nuxtApp => { export default defineNuxtPlugin(nuxtApp => {
nuxtApp.vueApp   nuxtApp.vueApp.use(ElementPlus);
.use(Row)
.use(Col)
.use(Image)
.use(Icon)
.use(Cell)
.use(Button)
.use(CellGroup)
.use(NavBar)
.use(Tab)
.use(Search)
.use(Pagination)
.use(Field)
.use(Uploader)
.use(Form)
.use(Cascader)
.use(Popup)
.use(Circle)
.use(Tabs)
.use(Empty)
.use(Popover)
.use(Dialog)
.use(Picker)
.use(Loading)
.use(Overlay)
}); });

Write Preview
Loading…
Cancel
Save