<template>
  <div class="mode-config">
    <el-form label-position="top" :model="projectInformationData">
      <el-row :gutter="20">
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-form-item label="项目号">
              <el-input v-model="projectInformationData.projectId" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-form-item label="项目名称">
              <el-input v-model="projectInformationData.projectName" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-form-item label="项目类型">
              <el-input v-model="projectInformationData.projectType" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-form-item label="客户来源">
              <el-input v-model="projectInformationData.projectSourceDesc" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-form-item label="优先级">
              <el-input v-model="projectInformationData.priorityDesc" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-form-item label="项目经理">
              <el-input v-model="projectInformationData.projectManagerName" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-form-item label="项目负责人">
              <el-input v-model="projectInformationData.projectOwnerName" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-form-item label="项目权限">
              <el-input v-model="projectInformationData.userRoleName" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="6">
          <div class="grid-content bg-purple">
            <el-form-item label="创建时间">
              <el-input v-model="projectInformationData.createDate" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            <el-form-item label="创建人">
              <el-input v-model="projectInformationData.createBy" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            <el-form-item label="更新时间">
              <el-input v-model="projectInformationData.updateDate" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            <el-form-item label="更新人">
              <el-input v-model="projectInformationData.updateBy" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="24">
          <div class="grid-content bg-purple">
            <el-form-item label="项目描述">
              <el-input v-model="projectInformationData.projectDesc" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="24">
          <div class="grid-content bg-purple">
            <el-form-item label="其它特殊要求">
              <el-input v-model="projectInformationData.remark" readonly></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script>
import {
  getProjectInformation, // 获取项目信息
} from '@/api/quotation/quotationInformation.js'
export default {
  name: "quotationProjectInformation",
  props: ['quotationHeader'],
  data(){
    return{
      quotationData:{},
      projectInformationData:{
        projectId: '',
        projectName: '',
        projectType: '',
        projectSourceDesc: '',
        priorityDesc: '',
        status: '',
        projectDesc: '',
        projectManagerName: '',
        projectOwnerName: '',
        userRoleName: '',
        remark: ''
      },
    }
  },
  watch:{
    // 父组件值发生改变，修改子组件的值
    quotationHeader: function (val) {
      this.quotationData = val;
      this.initData();
    }
  },
  methods:{
    initData(){
      let tempData = {
        site: this.$store.state.user.site,
        projectId: this.quotationData.projectId
      }
      // 报价结果对象
      getProjectInformation(tempData).then(({data}) => {
        if (data && data.code === 0) {
          this.projectInformationData = data.rows[0]
        } else {
          this.projectInformationData = {}
        }
      })
    },
  },
  created() {
  },
  mounted() {
  },
}
</script>

<style scoped>

</style>
