<template>
  <div>
    <el-form style="width:100%" :model="reportMessage" label-width="140px">
        <template>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="案件名称：" prop="caseName">
                        <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'caseName' })||'--'"></div>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                <el-form-item label="客户案号：" prop="customCaseNumber">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'customCaseNumber' })||'--'"></div>
                </el-form-item>
                </el-col>
                <el-col :span="12">
                <el-form-item label="内部案号：" prop="innerCaseNumber">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'innerCaseNumber' })||'--'"></div>
                </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                <el-form-item label="申请单位：" prop="applicants">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'applicants' })||'--'"></div>
                </el-form-item>
                </el-col>
                <el-col :span="12">
                <el-form-item label="发明人：" prop="inventor">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'inventor' })||'--'"></div>
                </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                <el-form-item label="IPR：" prop="ipr">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'ipr' })||'--'"></div>
                </el-form-item>
                </el-col>
                <el-col :span="12">
                <el-form-item label="技术接口人：" prop="technicalContact">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'technicalContact' })||'--'"></div>
                </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                <template>
                    <div>
                        <el-form-item label="委托方：" prop="entrustName" v-if="userinfo.tenantType == 1">
                            <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'entrustName' })||'--'"></div>
                        </el-form-item>
                        <el-form-item label="委托部门：" prop="entrustName" v-else>
                            <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'entrustName' })||'--'"></div>
                        </el-form-item>
                    </div>
                </template>
            </el-col>
                <el-col :span="12">
                    <el-form-item label="承担部门：" prop="departmentName">
                        <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'departmentName' })||'--'"></div>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                <el-form-item label="检索单位：" prop="searchUnit">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'searchUnit' })||'--'"></div>
                </el-form-item>
                </el-col>
                <el-col :span="12">
                <el-form-item label="负责人：" prop="headName">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'headName' })||'--'"></div>
                </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                <el-form-item label="检索员联系方式：" prop="searchUnitContact">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'searchUnitContact' })||'--'"></div>
                </el-form-item>
                </el-col>
                <el-col :span="12">
                <el-form-item label="检索审核人：" prop="searchReviewer">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'searchReviewer' })||'--'"></div>
                </el-form-item>
                </el-col>
            </el-row>
        </template>
        <!-- <el-form-item label="是否完成：">
            <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'status' })==3?'是':'否'"></div>
        </el-form-item>
        <template v-if="reportMessage.status == 3">
            <div>
                <el-form-item label="报告结果：">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'Array', value: 'cronNames' })"></div>
                </el-form-item>
                <el-form-item label="结论论述：">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'cronDescription' })"></div>
                </el-form-item>
            </div>
        </template>
        <el-row>
            <el-col :span="24">
                <el-form-item label="产品/技术：">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'productOrTech' })"></div>
                </el-form-item>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="24">
                <el-form-item label="关联报告：">
                    <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'associateReportName' })"></div>
                </el-form-item>
            </el-col>
        </el-row>
        <template>
            <div>
            <el-row>
                <el-col :span="24">
                    <el-form-item label="事件：">
                        <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'Array', value: 'eventNames' })"></div>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="24">
                    <el-form-item label="调查类型：" prop="matterIds">
                        <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'Array', value: 'matterNames' })"></div>
                    </el-form-item>
                </el-col>
            </el-row>
            </div>
        </template>
        <el-form-item label="附件：">
            <div class="box1">
                <div v-for="item in reportMessage.systemFileList" style="display:flex;align-items:center" :key="item.guid">
                    <div style="margin-right:20px">{{ item.originalName }}</div>
                    <my-menu :data="item" :deleted="false"></my-menu>
                </div>
            </div>
        </el-form-item>
        <el-form-item label="备注：" prop="description">
            <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'description' })"></div>
        </el-form-item> -->
    </el-form>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    reportMessage:{
        type:Object,
        default:()=>{
            return {}
        }
    }
  },
  data() {
    return {
    };
  },
  watch: {},
  computed: {
    userinfo(){
        return this.$s.getObj('userinfo')
    },
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.box1{
    padding: 0px 10px;
    color: var(--color1);
    font-size: medium;
}
</style>