<!--
  @description: 查看委托合同组件
  @Modifier: sunxinman
  @routerPath:
  @date: 2020/04/08-15:25
-->
<template>
  <el-dialog
    v-dialogDrag
    :visible.sync="dialogData.dialog"
    :close-on-click-modal="false"
    :title="title"
    width="800px"
    custom-class="el-dialog__body-p0"
    top="calc((100vh - 611px) / 2)"
  >
    <div class="main">
      <p class="page-title">
        1、委托合同基本信息
      </p>
      <table class="tableData">
        <tr>
          <td>委托合同编码</td>
          <td />
          <td>委托合同名称</td>
          <td />
        </tr>
        <tr>
          <td>委托合同类型</td>
          <td />
          <td>收费对象</td>
          <td />
        </tr>
        <tr>
          <td>服务费收取方式</td>
          <td />
          <td>单标段最低服务费（元）</td>
          <td />
        </tr>
        <tr>
          <td>合同生效日期</td>
          <td />
          <td>合同结束日期</td>
          <td />
        </tr>
        <tr>
          <td>合同签约日期</td>
          <td colspan="3" />
        </tr>
        <tr>
          <td>合同主要内容</td>
          <td colspan="3" />
        </tr>
      </table>
      <p class="page-title">
        2、委托人信息
      </p>
      <table class="tableData">
        <tr>
          <td>委托人</td>
          <td colspan="3" />
        </tr>
        <tr>
          <td>委托人联系人</td>
          <td />
          <td>委托人部门</td>
          <td />
        </tr>
        <tr>
          <td>委托人固定电话</td>
          <td />
          <td>委托人手机</td>
          <td />
        </tr>
      </table>
      <p class="page-title">
        3、代理机构信息
      </p>
      <table class="tableData">
        <tr>
          <td>招标代理机构</td>
          <td colspan="3" />
        </tr>
        <tr>
          <td>代理机构联系人</td>
          <td />
          <td>代理机构部门</td>
          <td />
        </tr>
        <tr>
          <td>代理机构固定电话</td>
          <td />
          <td>代理机构手机</td>
          <td />
        </tr>
      </table>
      <p class="page-title">
        4、附件
      </p>
      <table class="tableData">
        <tr>
          <td>附件</td>
          <td colspan="3" />
        </tr>
        <tr>
          <td>最终合同附件</td>
          <td colspan="3" />
        </tr>
      </table>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: 'ContractDialog',
  components: {

  },
  props: {
    // 弹框展示状态
    dialogData: {
      type: Object,
      default: function() {

      }
    }
  },
  data() {
    return {
      title: '查看委托合同'
    }
  },
  created() {

  },
  methods: {

  }
}
</script>

<style lang="less" scoped>

</style>
