zjugis_OA/client_h5/src/pages/projectstatus/index.vue

<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>