123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192 |
- <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.applyTime"
- name="申请时间"
- label="申请时间"
- placeholder="申请时间"
- readonly
- />
- <van-field
- v-model="formData.projectName"
- name="项目名称"
- label="项目名称"
- placeholder="项目名称"
- readonly
- />
- <van-field
- v-model="formData.xsry"
- name="销售人员"
- label="销售人员"
- placeholder="销售人员"
- readonly
- />
- <van-field
- v-model="formData.projectXmbh"
- name="项目编号"
- label="项目编号"
- placeholder="项目编号"
- readonly
- />
- <van-field
- v-model="formData.applyWorkerName"
- name="立项发起人"
- label="立项发起人"
- placeholder="立项发起人"
- readonly
- />
- <van-field
- v-model="formData.xmjl"
- name="项目经理"
- label="项目经理"
- placeholder="项目经理"
- readonly
- />
- <van-field
- v-if="read=='ys'"
- v-model="formData.acceptTime"
- name="验收时间"
- label="验收时间"
- placeholder="验收时间"
- readonly
- />
- <van-field
- v-if="read=='ys'"
- v-model="formData.acceptState"
- name="验收单有效性"
- label="验收单有效性"
- placeholder="验收单有效性"
- readonly
- />
- <van-field
- v-if="read=='ys'"
- v-model="formData.bz1"
- name="验收原因"
- label="验收原因"
- placeholder="验收原因"
- type="textarea"
- rows="3"
- autosize
- readonly
- />
- <van-field
- v-if="read=='jx'"
- v-model="formData.bz1"
- name="结项原因"
- label="结项原因"
- placeholder="结项原因"
- type="textarea"
- rows="3"
- autosize
- readonly
- />
- </van-cell-group>
- </van-form>
- </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;
- projectName: string;
- userNickname: string;
- deptName: string;
- applyTime: string;
- xsry: string;
- projectXmbh: string;
- applyWorkerName: string;
- xmjl: string;
- acceptTime: string;
- acceptState: string;
- bz1: string;
- }
- const formData = ref<FormDataType>({
- instanceId: "",
- id: "",
- projectName: "",
- userNickname: "",
- deptName: "",
- applyTime: "",
- xsry: "",
- projectXmbh: "",
- applyWorkerName: "",
- xmjl: "",
- acceptTime: "",
- acceptState: "",
- bz1: "",
- });
- 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/ProjectStatus/mobileAdd?flowInstanceId=${flowInstanceId}`
- );
- formData.value = result.data;
- formData.value.applyTime = moment(formData.value.applyTime).format(
- "YYYY-MM-DD"
- );
- formData.value.acceptTime = moment(formData.value.acceptTime).format(
- "YYYY-MM-DD"
- );
- };
- /** 初始化 */
- onMounted(() => {
- initFormData();
- });
- </script>
- <style lang="scss" scoped>
- @import "./index.scss";
- </style>
|