<template>
  <el-dialog
    :visible.sync="showModifyDialog"
    v-if="showModifyDialog"
    :append-to-body="true"
    :modal-append-to-body="true"
    :close-on-click-modal="true"
    custom-class="dialog-style list-dialog demo-sty_1"
    @close="modfyDialogClose"
    width="90%"
    top="30px"
    v-el-drag-dialog
  >
    <template #title>
      <span class="el-dialog__title">
        {{ title || $t2('修改单据', 'components.wf.modifyBill') }}
        <span style="margin-left: 10px;margin-right: 10px;">—</span>
        <b class="f-red" style="font-size: 12px;">{{ $t2('节点', 'components.wf.node') }}：{{ wfInfo.taskName }}</b>
      </span>
    </template>
    <div id="containt">
      <component
        v-if="showBillEdit && content"
        :is="content"
        visible-key="showBillEdit"
        :_dataId.sync="paramData.objId"
        :parent-target="_self"
        @reload="$reloadHandle"
        @refreshEdit="refreshEdit"
      ></component>
    </div>
  </el-dialog>
</template>

<script>
import {wfModifyMixin} from './wf.js';

export default {
  mixins: [wfModifyMixin]
};
</script>

<style></style>
