123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444 |
- <!--
- * @Author: ysh
- * @Date: 2025-02-20 10:20:22
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2025-03-03 17:23:02
- -->
- <!--
- * @Author: ysh
- * @Date: 2025-02-20 10:20:22
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2025-03-03 17:19:59
- -->
- <template>
- <view class="form-container">
- <!-- 表单标题 -->
- <view class="form-title">
- <text class="title-text">借款审批</text>
- <view class="title-line"></view>
- </view>
- <!-- 表单内容 -->
- <uni-forms ref="form" :modelValue="form" :rules="rules" label-position="top" label-width="150" class="custom-form">
- <!-- 当前节点 -->
- <uni-forms-item label="当前节点" class="form-item">
- <uni-tag :inverted="true" type="primary" :text="taskName"></uni-tag>
- </uni-forms-item>
-
- <!-- 流程发起人 -->
- <uni-forms-item label="填报人" class="form-item">
- <uni-tag :inverted="true" type="primary" :text="startUserName"></uni-tag>
- </uni-forms-item>
-
- <!-- 填报日期 -->
- <uni-forms-item label="填报日期" class="form-item">
- <text>{{ form.applyDate }}</text>
- </uni-forms-item>
-
- <!-- 借款类型 -->
- <uni-forms-item label="借款类型" required class="form-item" name="borrowUsage">
- <uni-data-checkbox v-model="form.borrowUsage" :localdata="borrowUsageOptions"
- :disabled="taskName != '借款申请'"></uni-data-checkbox>
- </uni-forms-item>
-
- <!-- 借款事由 -->
- <uni-forms-item label="借款事由" required class="form-item" name="applyReason" v-if="form.borrowUsage != 0">
- <uv-textarea v-model="form.applyReason" placeholder="请输入借款事由"></uv-textarea>
- </uni-forms-item>
-
- <!-- 选择项目 -->
- <uni-forms-item label="选择项目" required class="form-item" v-if="form.borrowUsage == 0" name="projectId">
- <u-button type="primary" @click="openProject = true" v-if="taskName == '借款申请'">+ 选择项目</u-button>
- <ProjectPicker :visible.sync="openProject" :selected.sync="selectedProject" @confirm="handleConfirm" />
- <ProjectInfo :project="projectObj"></ProjectInfo>
- </uni-forms-item>
-
- <!-- 借款明细 -->
- <uni-forms-item label="借款明细" required class="form-item">
- <BorrowDetail :borrowId="form.borrowId" :taskName="taskName" @getApplyAmount="setApplyAmount"></BorrowDetail>
- </uni-forms-item>
-
- <uni-forms-item label="申请金额" required class="form-item">
- <view class="amount-text">¥ {{ (this.form.applyAmount).toFixed(2) }}</view>
- <view class="warning-text" v-if="exceed && form.borrowUsage == '0'">
- 超过预算金额:¥ {{ getMoreAmount('0') }}
- </view>
- </uni-forms-item>
-
- <uni-forms-item label="最大借款金额" class="form-item">
- <view class="amount-text">¥ {{ totalBudget.toFixed(2) }}</view>
- </uni-forms-item>
-
- <uni-forms-item label="已申请借款" class="form-item">
- <view class="amount-text">¥ {{ hasBorrow.toFixed(2) }}</view>
- </uni-forms-item>
-
- <uni-forms-item label="可用借款" class="form-item">
- <view class="amount-text">¥ {{ (totalBudget - hasBorrow).toFixed(2) }}</view>
- </uni-forms-item>
- <uni-forms-item label="申请人说明" required class="form-item">
- <uv-textarea v-model="form.remark" placeholder="请输入申请人说明" :disabled="taskName != '借款申请'"></uv-textarea>
- </uni-forms-item>
-
-
- <uni-forms-item label="部门负责人意见" required class="form-item" v-if="taskName != '借款申请'">
- <uv-textarea v-model="form.deptComment" placeholder="请输入部门负责人意见"></uv-textarea>
- </uni-forms-item>
-
- <view class="form-button">
- <u-button type="warning" size="normal" @click="saves" style="margin-right: 10px"
- v-if="taskName == '借款申请'">保存</u-button>
- <u-button type="primary" size="normal" @click="submit">{{ taskName == '借款申请' ? '提交申请' : '提交审核' }}</u-button>
- </view>
- </uni-forms>
-
- </view>
- </template>
-
- <script>
- import ProjectPicker from '@/pages/components/ProjectPicker.vue';
- import ProjectInfo from '@/pages/components/ProjectInfo.vue';
- import { parseTime } from "@/utils/common.js"
- import { listBorrow, getBorrow, delBorrow, addBorrow, updateBorrow } from "@/api/oa/borrow/borrow";
- import { listProject, getProject } from "@/api/oa/project/project";
- import { listBudget } from "@/api/oa/budget/budget";
- import { getUserByPost, getUsersDeptLeader, getUsersDeptLeaderByDept, getUsersViceDeptLeaderByDept, getUsersManageLeaderByDept } from '@/api/system/post.js'
- import { complete, getNextFlowNode } from "@/api/flowable/todo";
- import config from '@/config'
- import BorrowDetail from './borrowDetail.vue';
- export default {
- components: {
- ProjectPicker,
- ProjectInfo,
- BorrowDetail
- },
- props: {
- taskForm: Object,
- taskName: String, // 当前节点
- startUserName: String, // 流程发起人
- },
- created() {
- this.form.borrowId = this.taskForm.formId;
- this.deptId = this.$store.getters.deptId;
- this.initForm();
- uni.setNavigationBarTitle({
- title: '借款审批'
- });
- },
- data() {
- return {
- form: {
- submitTime: '',
- borrowUsage: '0',
- applyAmount: 0,
- remark: '',
- },
- rules: {},
- borrowUsageOptions: [{
- text: '项目借款',
- value: '0',
- disable: false
- }, {
- text: '非项目借款',
- value: '1',
- disable: false
- }, {
- text: '工会借款',
- value: '2',
- disable: false
- }, {
- text: '党委借款',
- value: '3',
- disable: false
- }, {
- text: '团委借款',
- value: '4',
- disable: false
- }
- ],
- openProject: false,
- selectedProject: null, //选中的项目
- projectObj: {}, //项目信息的项目
- formTotal: 0,
- totalBudget: 0, //预结算额
- exceed: false, //是否超预算
- hasBorrow: 0, //已申请借款
- deptId: undefined,
- }
- },
- methods: {
- async initForm() {
- getBorrow(this.taskForm.formId).then(async res => {
- if (res.data) {
- this.formTotal = 1;
- this.form = res.data;
- console.log(this.form);
- if (this.form.projectId) {
- getProject(this.form.projectId).then(res => {
- if (res.data) {
- this.selectedProject = res.data;
- this.projectObj = res.data;
- }
- })
- let budgetData = await listBudget({ projectId: this.form.projectId })
- if (budgetData.total == 1) {
- let budget = budgetData.rows[0];
- this.totalBudget = budget.settleExpense
- } else if (budgetData.total == 0) {
- this.totalBudget = 0
- }
- if (this.form.borrowUsage == '0') {
- if ((this.totalBudget - this.form.applyAmount) < 0) {
- this.exceed = true;
- } else {
- this.exceed = false;
- }
- } else {
- this.exceed = false;
- }
- let borrow = await listBorrow({ projectId: this.form.projectId })
- if (borrow.total != 0) {
- let borrowList = borrow.rows;
- let hasBorrow = 0;
- borrowList = borrowList.filter(item => item.borrowId != this.taskForm.formId)
- borrowList.forEach(element => {
- if (element.managerAmount) {
- hasBorrow = hasBorrow + element.managerAmount
- }
- if (!element.managerAmount && element.applyAmount) {
- hasBorrow = hasBorrow + element.applyAmount
- }
- });
- this.hasBorrow = hasBorrow
- }
- }
- } else {
- this.formTotal = 0;
- this.form.applier = this.$store.getters.userId;
- this.form.applyDate = parseTime(new Date(), "{y}-{m}-{d}");
- }
- })
-
- },
- // 计算超过预算的金额
- getMoreAmount(type) {
- let result;
- if (type == '0') {
- result = this.form.applyAmount - (this.totalBudget - this.hasBorrow);
- } else {
- result = this.form.managerAmount - (this.totalBudget - this.hasBorrow);
- }
- return result.toFixed(2)
- },
- setApplyAmount(val) {
- this.form.applyAmount = val
- },
- handleConfirm(project) {
- console.log('选中的项目:', project);
- this.selectedProject = project;
- this.projectObj = project;
- this.form.projectId = project.projectId;
- },
- // 保存
- async saves() {
- if (this.formTotal == 0) {
- this.form.borrowId = this.taskForm.formId;
- await addBorrow(this.form)
- this.initForm();
- } else {
- // 更新借款审批表
- await updateBorrow(this.form);
- }
- this.$modal.msgSuccess('保存成功');
- },
- submit() {
- // 显示确认提交对话框
- uni.showModal({
- title: '提示',
- content: '确认提交吗?',
- success: (res) => {
- if (!res.confirm) {
- return;
- }
- // 继续执行后续代码
- this.handleSubmit();
- }
- });
- },
- // 处理提交逻辑
- handleSubmit() {
- this.$refs.form.validate().then(async res => {
- if (this.form.borrowUsage == '0' && !this.form.projectId) {
- this.$modal.msgError('请选择项目!')
- return
- }
- if (this.formTotal != 0) {
- // 定义审核节点配置
- const auditConfig = {
- '部门审核': {
- userIdField: 'deptUserId',
- timeField: 'deptTime'
- },
- '分管审核': {
- userIdField: 'managerUserId',
- timeField: 'managerTime'
- },
- '总经理审核': {
- userIdField: 'zjlUserId',
- timeField: 'zjlTime'
- },
- '董事长批准': {
- userIdField: 'dszUserId',
- timeField: 'dszTime'
- },
- '党工团审核': {
- userIdField: 'unionUserId',
- timeField: 'unionTime'
- },
- '财务处理': {
- userIdField: 'cwUserId',
- timeField: 'lendTime'
- }
- }
- // 根据当前节点更新审核信息
- const currentConfig = auditConfig[this.taskName]
- if (currentConfig) {
- const currentUserId = this.$store.getters.userId
- const currentTime = parseTime(new Date(), '{y}-{m}-{d}')
-
- // 设置审核人和审核时间
- this.form[currentConfig.userIdField] = currentUserId
- this.form[currentConfig.timeField] = currentTime
- }
-
- // 更新借款申请
- await updateBorrow(this.form);
- const params = { taskId: this.taskForm.taskId };
- console.log('params', params);
- getNextFlowNode(params).then(async res => {
- // 处理不同的流程节点
- if (this.taskName == '借款申请') {
- // 处理借款申请节点
- await this.borrowApprovalFun();
- } else if (this.taskName == '部门审核') {
- // 得到分管领导根据部门
- const res = await getUsersManageLeaderByDept({ deptId: this.form.applyDept });
- let userIds = [];
- if (res.data) {
- res.data.forEach(item => {
- userIds.push(item.userId)
- })
- }
- this.taskForm.variables.approvalList = userIds;
- this.handleComplete(this.taskForm);
- } else if (this.taskName == '分管审核') {
- // 得到总经理
- const res = await getUserByPost({ postName: '总经理' });
- this.taskForm.variables.approval = res.data[0].userId;
- this.handleComplete(this.taskForm);
- } else if (this.taskName == '总经理审核') {
- this.exceed = false;
- this.taskForm.variables.exceed = this.exceed;
- if (!this.exceed) {
- this.submitFD(); // 提交给财务部门
- } else {
- const res = await getUserByPost({ postName: '董事长' });
- this.taskForm.variables.approval = res.data[0].userId;
- this.handleComplete(this.taskForm);
- }
- } else if (this.taskName == '董事长批准' || this.taskName == '党工团审核') {
- this.submitFD(); // 提交给财务部门
- } else if (this.taskName == '财务处理') {
- uni.showModal({
- title: '提示',
- content: '最后一个节点,提交将结束流程,是否提交?',
- success: (res) => {
- if (res.confirm) {
- this.handleComplete(this.taskForm);
- }
- }
- });
- }
- })
-
- }
- }).catch(err => {
- console.log('表单错误信息:', err);
- })
- },
- // 处理任务完成
- handleComplete(taskForm) {
- complete(taskForm).then(response => {
- this.$modal.msgSuccess(response.msg);
- this.$emit('goBack');
- })
- },
- // 借款申请提交方法
- async borrowApprovalFun() {
- let userId;
- // 如果是党工团申请 deptId == 0 为党工团申请
- if (this.deptId === 0) {
- // 2为工会、3为党委
- if (this.form.borrowUsage == 2 || this.form.borrowUsage == 3) {
- userId = this.publicData.partySecretary;
- } else {
- userId = this.publicData.leagueSecretary;
- }
- this.taskForm.variables.dept = this.deptId;
- this.taskForm.variables.approval = userId;
- this.handleComplete(this.taskForm);
- } else if (this.deptId == 102) { //如果是经营管理层申请,走总经理审批
- this.form.managerAmount = this.form.applyAmount;
- await updateBorrow(this.form);
- const res = await getUserByPost({ postName: '总经理' });
- this.taskForm.variables.dept = this.deptId;
- this.taskForm.variables.approval = res.data[0].userId;
- this.handleComplete(this.taskForm);
- } else if (this.deptId == 101) { //如果是董事会申请,走董事长批准
- const res = await getUserByPost({ postName: '董事长' });
- this.taskForm.variables.dept = this.deptId;
- this.taskForm.variables.approval = res.data[0].userId;
- this.handleComplete(this.taskForm);
- } else { //普通员工申请项目借款
- const res = await getUsersDeptLeader({ userId: this.$store.getters.userId });
- let userId = res.data.userId;
- this.taskForm.variables.approval = userId;
- this.taskForm.variables.dept = this.deptId;
- this.handleComplete(this.taskForm);
- }
- },
- // 提交给财务部审核
- async submitFD() {
- let approvalList = [];
- const res = await getUsersDeptLeaderByDept({ deptId: 106 });
- approvalList.push(res.data.userId);
- const res1 = await getUsersViceDeptLeaderByDept({ deptId: 106 });
- approvalList.push(res1.data.userId);
- this.taskForm.variables.approvalList = approvalList;
- this.handleComplete(this.taskForm);
- },
- },
- }
- </script>
-
- <style lang="scss" scoped>
- .amount-text {
- font-size: 16px;
- font-weight: bold;
- color: #333;
- }
-
- .warning-text {
- font-size: 14px;
- color: #ff0000;
- margin-top: 5px;
- }
-
- .form-button {
- display: flex;
- }
-
- .example-body {
- padding: 10px;
- background-color: #fff;
- }
- </style>
|