epmet-work-pc-chengyang/src/views/modules/shequzhili/eventOld/cpts/process-form.vue

<template>
  <div class="">
    <div>
      <el-form ref="ref_form1" :inline="false" :rules="dataRule" class="form">
        <el-form-item
          label="处理方式"
          label-width="150px"
          :class="{ 'form-item': source === 'visiual' }"
          prop="operationType"
        >
          <el-radio-group
            :class="{ 'form-item': source === 'visiual' }"
            v-model="operationType"
            @change="handleChangeOperationType"
          >
            <el-radio v-if="!eventId" label="4">暂不处理</el-radio>
            <el-radio label="0">回复</el-radio>
            <el-radio label="5">指派</el-radio>
            <el-radio label="6">完成并回复</el-radio>
            <!-- <el-radio label="1">立项</el-radio> -->
            <el-radio label="2">转服务</el-radio>
            <!-- <el-radio label="3">转议题</el-radio> -->
          </el-radio-group>
        </el-form-item>
      </el-form>

      <div v-if="operationType === '0'">
        <process-form-replay
          ref="ref_process_form_replay"
          :source="source"
          :eventDetailData="eventDetailData"
          :eventId="eventId"
        ></process-form-replay>
      </div>
      <div v-if="operationType === '5'">
        <process-form-designate
          ref="ref_process_form_designate"
          :source="source"
          :eventDetailData="eventDetailData"
          :eventId="eventId"
        ></process-form-designate>
      </div>
      <div v-if="operationType === '6'">
        <process-form-replay-end
          ref="ref_process_form_replay_end"
          :source="source"
          :eventDetailData="eventDetailData"
          :eventId="eventId"
        ></process-form-replay-end>
      </div>
      <!-- <div v-if="operationType==='1'">
        <process-form-project ref="ref_process_form_project"
                              :source="source"
                              :eventDetailData="eventDetailData"
                              :gridId="gridId"
                              :eventId="eventId"></process-form-project>
      </div> -->

      <div v-if="operationType === '2'">
        <process-form-demand
          ref="ref_process_form_demond"
          :source="source"
          :eventId="eventId"
          :transferObj="transferObj"
          :demandUserId="demandUserId"
          :demandUserName="demandUserName"
          :demandUserMobile="demandUserMobile"
          :eventDetailData="eventDetailData"
        ></process-form-demand>
      </div>
      <!-- <div v-if="operationType==='3'">
        <process-form-issue ref="ref_process_form_issue"
                            :source="source"
                            :eventDetailData="eventDetailData"
                            :eventId="eventId"></process-form-issue>

      </div> -->
    </div>
  </div>
</template>

<script>
import { Loading } from "element-ui"; // 引入Loading服务
import { requestPost } from "@/js/dai/request";
import processFormReplay from "./process-form-replay";
import processFormProject from "./process-form-project";
import processFormDemand from "./process-form-demand";
import processFormIssue from "./process-form-issue";
import processFormReplayEnd from "./process-form-replay-end";
import processFormDesignate from "./process-form-designate";

let loading; // 加载动画

export default {
  data() {
    return {
      casOptions: [],
      iscascaderShow: 0,
      selCategoryArray: [],
      selCateObj: {},
      optionProps: {
        multiple: false,
        value: "id",
        label: "name",
        children: "subCategory",
      },

      operationType: "",

      replayInfo: {},
      demand: {},
      project: {},
      issueInfo: {},
      okflag: false,

      eventDetailCopy: {},
      transferObj: {
        latitude: "",
        longitude: "",
      },
    };
  },
  components: {
    processFormReplay,
    processFormProject,
    processFormDemand,
    processFormIssue,
    processFormReplayEnd,
    processFormDesignate,
  },
  computed: {
    dataRule() {
      return {
        operationType: [
          { required: true, message: "处理方式不能为空", trigger: "blur" },
        ],
      };
    },
  },
  props: {
    demandUserId: {
      type: String,
      default: "",
    },
    demandUserName: {
      type: String,
      default: "",
    },
    demandUserMobile: {
      type: String,
      default: "",
    },
    gridId: {
      type: String,
      default: "",
    },
    eventId: {
      type: String,
      default: "",
    },
    eventDetailData: {
      type: Object,
      default() {
        return {};
      },
    },
    source: {
      //展示来源：manage  管理平台    visiual  可视化平台
      type: String,
      default: "manage",
    },
  },

  watch: {},

  created() {
    console.log(this.source);
  },

  async mounted() {
    const { user } = this.$store.state;
    this.agencyId = user.agencyId;

    if (this.eventId) {
      this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
    }
    if (this.eventDetailData.operationType) {
      this.operationType = this.eventDetailCopy.operationType;
      // this.getProcessInfo()
    }
    this.$EventBus.$on("map", (val) => {
      this.transferObj.latitude = val.lat;
      this.transferObj.longitude = val.lng;
    });
  },

  methods: {
    handleChangeOperationType(val) {
      this.operationType = val;
    },
    async getProcessInfo() {
      this.okflag = false;
      if (this.operationType === "0") {
        this.$refs.ref_process_form_replay.getReplayInfo();
        if (this.$refs.ref_process_form_replay.okflag) {
          this.replayInfo = this.$refs.ref_process_form_replay.formData;

          this.okflag = true;
        } else {
          return false;
        }
      } else if (this.operationType === "2") {
        this.$refs.ref_process_form_demond.getDemandInfo();
        if (this.$refs.ref_process_form_demond.okflag) {
          this.demand = this.$refs.ref_process_form_demond.formData;

          this.okflag = true;
        } else {
          return false;
        }
      } else if (this.operationType === "5") {
        this.$refs.ref_process_form_designate.getReplayInfo();
        this.replayInfo = this.$refs.ref_process_form_designate.formData;
        if (this.$refs.ref_process_form_designate.okflag) {
          this.replayInfo = this.$refs.ref_process_form_designate.formData;
          this.okflag = true;
        }
      } else if (this.operationType === "6") {
        this.$refs.ref_process_form_replay_end.getReplayInfo();
        this.replayInfo = this.$refs.ref_process_form_replay_end.formData;
        if (this.$refs.ref_process_form_replay_end.okflag) {
          this.replayInfo = this.$refs.ref_process_form_replay_end.formData;
          this.okflag = true;
        }
      } else if (this.formData.operationType === "4") {
        this.replayInfo = {};
      }
    },

    handleCancle() {
      this.resetData();
    },
    resetData() {},
    // 开启加载动画
    startLoading() {
      loading = Loading.service({
        lock: true, // 是否锁定
        text: "正在加载……", // 加载中需要显示的文字
        background: "rgba(0,0,0,.7)", // 背景颜色
      });
    },
    // 结束加载动画
    endLoading() {
      // clearTimeout(timer);
      if (loading) {
        loading.close();
      }
    },
  },
};
</script>


<style lang="scss" scoped>
@import "@/assets/scss/modules/shequzhili/event-info.scss";
</style>



<style scoped>
.el-dialog__body {
  padding: 0 10px 20px !important;
}
</style>