<template>
    <div>
        <el-card class="el-card">
            <div v-if="!isImport" style="margin-bottom: 20px">
                <el-row :gutter="20" class="el-row" type="flex">
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>第三方系统:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                size="small"
                                splaceholder="请输入内容"
                                :disabled="true"
                                v-model="data.thirdSysName"
                            ></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="20" class="el-row" type="flex">
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>产品名称:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                size="small"
                                splaceholder="请输入内容"
                                :disabled="true"
                                v-model="data.name"
                            ></el-input>
                        </div>
                    </el-col>
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>产品编码:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.code"
                            ></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="20" class="el-row" type="flex">
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>注册证号:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.registerNo"
                            ></el-input>
                        </div>
                    </el-col>
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>生产厂家:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="ylqxzcrbarmc"
                                v-model="data.manufactory"
                            ></el-input>
                        </div>
                    </el-col>

                </el-row>
                <el-row :gutter="20" class="el-row" type="flex">
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>规格型号:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.spec"
                            ></el-input>
                        </div>
                    </el-col>
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>计量单位:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.measname"
                            ></el-input>
                        </div>
                    </el-col>


                </el-row>
                <el-row :gutter="20" class="el-row" type="flex">
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>医疗器械注册人:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="ylqxzcrbarmc"
                                v-model="data.ylqxzcrbarmc"
                            ></el-input>
                        </div>
                    </el-col>
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>注册人英文名称:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.ylqxzcrbarywmc"
                            ></el-input>
                        </div>
                    </el-col>

                </el-row>
                <el-row :gutter="20" class="el-row" type="flex">
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>产品类别:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.cplb"
                            ></el-input>
                        </div>
                    </el-col>
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>分类编码:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.flbm"
                            ></el-input>
                        </div>
                    </el-col>

                </el-row>
                <el-row :gutter="20" class="el-row" type="flex">

                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>商品条码:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.sptm"
                            ></el-input>
                        </div>
                    </el-col>
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>医保编码:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.ybbm"
                            ></el-input>
                        </div>
                    </el-col>
                </el-row>
                <el-row :gutter="20" class="el-row" type="flex">

                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>统一社会信用号:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.tyshxydm"
                            ></el-input>
                        </div>
                    </el-col>
                    <el-col :span="12" class="el-col">
                        <div class="text item">
                            <div class="itemTag">
                                <span>器械类别:&nbsp;</span>
                            </div>
                            <el-input
                                style="width: 60%"
                                :disabled="true"
                                size="small"
                                splaceholder="请输入内容"
                                v-model="data.qxlb"
                            ></el-input>
                        </div>
                    </el-col>
                </el-row>

                <el-row :gutter="20" class="el-row" type="flex">

                    <el-col :span="20" class="el-col" style="margin-top: 12px">
                        <div class="text item">
                            <div class="itemTag">
                                <span>产品描述:&nbsp;</span>
                            </div>

                            <el-input
                                style="width: 85%"
                                type="textarea"
                                size="mini"
                                :disabled="true"
                                rows="4"
                                splaceholder="请输入内容"
                                v-model="data.cpms"
                                @input="change()"
                            ></el-input>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </el-card>
    </div>
</template>

<script>
    export default {
        name: "ThrProductsDetail",
        props: {
            data: {
                type: Object,
                required: true,
            },
        },
    }
</script>

<style scoped>

</style>
