<template>
  <div class="operate-situation">
    <el-form
      ref="ruleFormRef"
      :model="ruleForm"
      label-position="top"
      label-width="150px"
      class="rule-form-orange"
    >
      <el-form-item
        label="指标名称"
        prop="resource"
        style="width: 100%"
      >
        <el-input v-model="ruleForm.desc" placeholder="请输入指标名称" />
      </el-form-item>
      <el-form-item
        label="上游采购单据(请提供2家合作企业)"
        prop="resource"
        style="width: 100%"
      >
        <cy-comm-table
          ref="commTable"
          :columns="upstreamColumns"
          :data="upstreamTableData"
        />
      </el-form-item>
      <el-form-item
        label="下游销售单据"
        prop="resource"
        style="width: 100%"
      >
        <cy-comm-table
          ref="commTable"
          :columns="downstreamColumns"
          :data="downstreamTableData"
        />
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ruleForm: {
        desc: '企业经营情况'
      },
      upstreamTableData: [
        { userName: '1111', statusName: '2131231' },
        { userName: '1111', statusName: '2131231' }
      ],
      upstreamColumns: [
        {
          label: '合作企业名称',
          prop: 'postName',
          showTooltip: true
        },
        {
          label: '上游采购单据（请上传验收单、结算单或对账单、发票、近期回款凭证）',
          showTooltip: true,
          prop: 'userNumber',
          width: '500'
        },
        {
          label: '评估得分',
          showTooltip: true,
          prop: 'userNumber'
        }
      ],
      downstreamTableData: [
        { userName: '1111', statusName: '2131231' },
        { userName: '1111', statusName: '2131231' }
      ],
      downstreamColumns: [
        {
          label: '国央企名称',
          prop: 'postName',
          showTooltip: true
        },
        {
          label: '下游销售单据（请上传验收单、结算单或对账单、发票、近期回款凭证',
          showTooltip: true,
          prop: 'userNumber',
          width: '500'
        },
        {
          label: '评估得分',
          showTooltip: true,
          prop: 'userNumber'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.operate-situation {

}
</style>
