<template>
  <!-- 详细信息 -->
  <vd-dialog :title="t('sysmgrVlb.processOperation.detailedInformation.title')" fullscreen :visible="view.visible" align="left" @close="close" append-to-body>
    <el-row>
      <el-col :span="6">
        <el-timeline :reverse="false">
          <el-timeline-item v-for="(item,index) of view.data.flowPointRecList" :key="index" :timestamp="item.startTime" placement="top">
            <el-card>
              <!-- 节点名称 -->
              <p>{{ t('sysmgrVlb.processOperation.detailedInformation.nodeName') }}：{{ item.fpName }}</p>
              <!-- 开始时间 -->
              <p> {{ t('sysmgrVlb.processOperation.detailedInformation.startTime') }}：{{ item.startTime || t('sysmgrVlb.processOperation.detailedInformation.noData') }}</p>
              <!-- 结束时间 -->
              <p> {{ t('sysmgrVlb.processOperation.detailedInformation.endTime') }}：{{ item.endTime || t('sysmgrVlb.processOperation.detailedInformation.noData') }}</p>

              <div v-for="(info,i) of item.pfFlowPointMenRecList">
                <el-divider></el-divider>
                <!-- 办理人员 -->
                <p> {{ t('sysmgrVlb.processOperation.detailedInformation.acceptingOfficer') }}：{{ info.doMan || t('sysmgrVlb.processOperation.detailedInformation.noData') }}</p>
                <!-- 办理结果 -->
                <p> {{ t('sysmgrVlb.processOperation.detailedInformation.results') }}：{{ info.passed || t('sysmgrVlb.processOperation.detailedInformation.noData') }}</p>
                <!-- 意见 -->
                <p> {{ t('sysmgrVlb.processOperation.detailedInformation.opinion') }}：{{ info.idea || t('sysmgrVlb.processOperation.detailedInformation.noData') }}</p>
              </div>
            </el-card>
          </el-timeline-item>
        </el-timeline>
      </el-col>
      <el-col :span="18">
        <componens :is="view.data.linkPath" :data="view.data" />
      </el-col>
    </el-row>
  </vd-dialog>
</template>

<script>
// import locale from "../../mixins/locale.js";
export default {
  // mixins: [locale],
  props: {
    view: {
      type: Object,
      default: () => ({
        visible: true,
        monTable: [],
        toFrId: "",
      }),
    },
  },
  methods: {
    close() {
      this.$emit("close");
    },
  },
};
</script>
<style scoped lang="scss">
.header-content {
  line-height: 20px;
  border-bottom: 1px solid #f1f1f1;
}
.section-content {
  line-height: 30px;
}
</style>

