123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213 |
- <template>
- <flow-form :data="formData" @submit="submitNextActivity">
- <card title="基础信息">
- <van-form required="auto" :readonly="formRead">
- <van-cell-group inset>
- <van-field
- v-model="formData.userNickname"
- name="申请人"
- label="申请人"
- placeholder="申请人"
- readonly
- />
- <van-field
- v-model="formData.deptName"
- name="所在部门"
- label="所在部门"
- placeholder="所在部门"
- readonly
- />
- <van-field
- v-model="formData.applyTime"
- name="申请时间"
- label="申请时间"
- placeholder="申请时间"
- readonly
- />
- <van-field
- v-model="formData.useMoneyNo"
- name="用款单号"
- label="用款单号"
- placeholder="用款单号"
- readonly
- />
- <van-field
- v-model="formData.paymentCompanyName"
- name="付款单位"
- label="付款单位"
- placeholder="付款单位"
- readonly
- />
- <van-field
- v-model="formData.paymentMethod"
- name="付款方式"
- label="付款方式"
- placeholder="付款方式"
- readonly
- />
- <van-field
- v-model="formData.agreedPayTime"
- name="约定付款期限"
- label="约定付款期限"
- placeholder="约定付款期限"
- readonly
- />
- <van-field
- v-model="formData.collectionCompany"
- name="收款单位"
- label="收款单位"
- placeholder="收款单位"
- readonly
- />
- <van-field
- v-model="formData.collectionCompanyBank"
- name="收款单位开户行"
- label="收款单位开户行"
- placeholder="收款单位开户行"
- readonly
- />
- <van-field
- v-model="formData.collectionCompanyAccount"
- name="收款单位账号"
- label="收款单位账号"
- placeholder="收款单位账号"
- readonly
- />
- <van-field
- v-model="formData.totalAmount"
- name="用款总金额(元)"
- label="用款总金额(元)"
- placeholder="用款总金额(元)"
- readonly
- />
- <van-field
- v-model="formData.totalAmountCn"
- name="大写用款总金额"
- label="大写用款总金额"
- placeholder="大写用款总金额"
- readonly
- />
- <van-field
- v-model="formData.remark"
- name="用款说明"
- label="用款说明"
- placeholder="用款说明"
- type="textarea"
- rows="3"
- autosize
- readonly
- />
- </van-cell-group>
- </van-form>
- </card>
- <card title="用款详情">
- <template #default>
- <div v-for="(item,index) in formData.detailList" :key="index">
- <van-swipe-cell :disabled="formRead">
- <card-cell>
- <van-cell title="项目名称" :value="item.projectName" />
- <van-cell title="责任部门" :value="item.projectDeptName" />
- <van-cell title="金额(元)" :value="item.amount" />
- <van-cell title="实际所属类型" :value="item.costTypeName" />
- <van-cell title="用途" :value="item.costContent" />
- <van-cell title="备注" :value="item.remark" />
- </card-cell>
- </van-swipe-cell>
- </div>
- </template>
- </card>
- </flow-form>
- </template>
- <script setup lang="ts">
- import { useRoute } from 'vue-router';
- import { FlowDTO, getNextActivity } from '@/service/flow';
- import reqest from "@/utils/request";
- import FlowForm from '@/components/flowForm.vue';
- import Card from '@/components/card.vue';
- import CardCell from '@/components/cardCell.vue';
- import moment from 'moment'
- const route = useRoute();
- interface FormDataType {
- instanceId: string
- id: string
- leaveHours: number | null
- userNickname: string
- deptName: string
- applyTime: string
- leaveNo: string
- leaveType: number | null
- leaveTypeText: string
- leaveDays: string
- leaveReason: string
- detailList: {
- projectName: string,
- projectDeptName: string,
- amount: string,
- costTypeName: string,
- costContent: string,
- remark: string
- }[]
- }
- const formData = ref<FormDataType>({
- instanceId: '',
- id: '',
- leaveHours: null,
- userNickname: '',
- deptName: '',
- applyTime: '',
- leaveNo: '',
- leaveType: null,
- leaveTypeText: '',
- leaveDays: '',
- leaveReason: '',
- detailList: []
- })
- const formRead = ref(false)
- const { activityInstanceId, participant,flowInstanceId,read } = route.query as {
- activityInstanceId: string;
- participant: string;
- flowInstanceId: string;
- read: string;
- };
- const activityData: FlowDTO = {
- activityInstanceId,
- participantId: participant,
- flowOpinion: ''
- }
- const submitNextActivity = async (NextActivity: () => Promise<any>) => {
- NextActivity();
- };
- const jsonToFormData = (json: any): FormData | null => {
- const keys: string[] = Object.keys(json)
- if (keys.length > 0) {
- const formData = new FormData();
- keys.forEach((key) => {
- formData.append(key, (json[key] instanceof Object) ? JSON.stringify(json[key]) : json[key]);
- });
- return formData;
- }
- return null;
- }
- /** 初始化表单数据 */
- const initFormData= async () => {
- const result = await reqest.get(`/business/UseMoney/mobileAdd?flowInstanceId=${flowInstanceId}`)
- formData.value = result.data
- formData.value.applyTime=formData.value.applyTime?moment(formData.value.applyTime).format('YYYY-MM-DD'):''
- formData.value.agreedPayTime=formData.value.agreedPayTime?moment(formData.value.agreedPayTime).format('YYYY-MM-DD'):''
- }
- /** 初始化 */
- onMounted(() => {
- initFormData()
- if(read==='1'){
- formRead.value=true
- }
- })
- </script>
- <style lang="scss" scoped>
- @import "./index.scss";
- </style>
|