<template>
        <el-form  :model="newProductData"  label-width="120px">
                <el-row  type="flex">
                    <el-col :span="11" type="flex">
                          <el-form-item label="第三方系统" prop="thirdSysFk">
                            <el-select
                                style="width: 90%"
                                v-model="newProductData.thirdSysFk" placeholder="请选择第三方系统"
                            >
                                <el-option
                                    v-for="item in thirdSys"
                                    :key="item.value"
                                    :label="item.thirdName"
                                    :value="item.thirdId">
                                    <span style="float: left">{{ item.thirdName }}</span>
                                    <span style="float: right; color: #8492a6; font-size: 13px">{{
                                            item.thirdId
                                        }}</span>
                                </el-option>
                            </el-select>
                          </el-form-item>
                    </el-col>
                </el-row>
                <el-row type="flex">
                    <el-col :span="11" type="flex">
                          <el-form-item label="产品编码:" prop="code">
                            <el-input style="width: 90%" size="small" placeholder="请输入产品编码" v-model.trim="newProductData.code"></el-input></el-form-item>
                    </el-col>
                    <el-col :span="11" type="flex">
                      <el-form-item label="产品名称:" prop="name">
                            <el-input style="width: 90%" size="small" placeholder="请输入产品名称" v-model.trim="newProductData.name"></el-input>
                      </el-form-item>
                    </el-col>
                </el-row>
                <el-row  type="flex">
                    <el-col :span="11" class="el-col">
                      <el-form-item label="规格型号:" prop="spec">
                            <el-input style="width: 90%" size="small" placeholder="请输入规格型号" v-model.trim="newProductData.spec"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="11" class="el-col">
                      <el-form-item label="计量单位:" prop="measname">
                            <el-input style="width: 90%" size="small" placeholder="请输入计量单位" v-model.trim="newProductData.measname"></el-input>
                      </el-form-item>
                    </el-col>
                </el-row>
                <el-row  type="flex">
                    <el-col :span="11" class="el-col">
                          <el-form-item label="生产厂家:" prop="manufactory">
                            <el-input style="width: 90%" size="small" placeholder="请输入生产厂家" v-model.trim="newProductData.manufactory"></el-input>
                          </el-form-item>
                    </el-col>
                    <el-col :span="11" class="el-col">
                      <el-form-item label="注册证号:" prop="registerNo">
                            <el-input style="width: 90%" size="small" placeholder="请输入注册证号" v-model.trim="newProductData.registerNo"></el-input>
                      </el-form-item>
                    </el-col>
                </el-row>
                <el-row type="flex">
                    <el-col :span="11" class="el-col">
                      <el-form-item label="医疗器械注册人:" prop="ylqxzcrbarmc">
                            <el-input style="width: 90%" size="small" placeholder="请输入医疗器械注册人" v-model.trim="newProductData.ylqxzcrbarmc"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="11" class="el-col">
                      <el-form-item label="注册人英文名称:" prop="ylqxzcrbarywmc">
                            <el-input style="width: 90%" size="small" placeholder="请输入注册人英文名称" v-model.trim="newProductData.ylqxzcrbarywmc"></el-input>
                      </el-form-item>
                    </el-col>
                </el-row>
                <el-row  type="flex">
                    <el-col :span="11" class="el-col">
                      <el-form-item label="产品类别:" prop="cplb">
                            <el-input style="width: 90%" size="small" placeholder="请输入产品类别" v-model.trim="newProductData.cplb"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="11" class="el-col">
                      <el-form-item label="分类编码:" prop="flbm">
                            <el-input style="width: 90%" size="small" placeholder="请输入分类编码" v-model.trim="newProductData.flbm"></el-input>
                      </el-form-item>
                    </el-col>
                </el-row>
                <el-row  type="flex">
                    <el-col :span="11" class="el-col">
                      <el-form-item label="商品条码:" prop="sptm">
                            <el-input style="width: 90%" size="small" placeholder="请输入商品条码" v-model.trim="newProductData.sptm"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="11" class="el-col">
                      <el-form-item label="医保编码:" prop="ybbm">
                            <el-input style="width: 90%" size="small" placeholder="请输入医保编码" v-model.trim="newProductData.ybbm"></el-input>
                      </el-form-item>
                    </el-col>
                </el-row>
                <el-row type="flex">
                    <el-col :span="11" class="el-col">
                      <el-form-item label="统一社会信用号:" prop="tyshxydm">
                            <el-input style="width: 90%" size="small" placeholder="请输入统一社会信用号" v-model.trim="newProductData.tyshxydm"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="11" class="el-col">
                      <el-form-item label="器械类别:" prop="qxlb">
                            <el-input style="width: 90%" size="small" placeholder="请输入器械类别" v-model.trim="newProductData.qxlb"></el-input>
                      </el-form-item>
                    </el-col>
                </el-row>

                <el-row  type="flex">
                    <el-col :span="23" class="el-col">
                      <el-form-item label="产品描述:" prop="cpms">
                            <el-input style="width: 92%" type="textarea" size="mini" rows="3" placeholder="请输入产品描述" v-model.trim="newProductData.cpms"></el-input>
                      </el-form-item>
                    </el-col>
                </el-row>
            <div style='text-align: center; margin-bottom: 10px;'>
                <el-button type="primary" @click="saveNewProduct">提交</el-button>
                <el-button type="primary" @click="closeAddDialog">取消</el-button>
            </div>
        </el-form>
</template>

<script>
import {saveNewProduct} from "@/api/thrsys/thrProducts";


import {getBasicThirdSys} from "@/api/thrsys/basicThirdSys";
import {addProduct} from "@/api/thrsys/thrProductsAdd";

export default {
    name: "ThrProductsAdd",
    props: {
        newType: {
            type: Object,
            required: true,
        },
        closeAddDialog: {
            type: Function,
            required: true,
        },
    },
    data() {
        return {
            newProductData: {
                name: '',
                code: null,
                registerNo: null,
                manufactory: null,
                spec: null,
                measname: null,
                ylqxzcrbarmc: null,
                ylqxzcrbarywmc: null,
                cplb: null,
                flbm: null,
                sptm: null,
                ybbm: null,
                tyshxydm: null,
                qxlb: null,
                cplx:null,
                cpms: null,
                thirdSysFk: null,
                cpdls: null
            },
            thirdSys: [],
        }

    },
    methods: {
        saveNewProduct() {
            this.addProductVisible = false;
            if (this.$isBlank(this.newProductData.thirdSysFk)) {
                this.$message.warning("第三方系统不能为空！");
                return;
            }
            if (this.$isBlank(this.newProductData.code)) {
                this.$message.warning("产品编码为空！");
                return;
            }
            if (this.$isBlank(this.newProductData.name)) {
                this.$message.warning("产品名称不能为空！");
                return;
            }

            if (this.$isBlank(this.newProductData.spec)) {
                this.$message.warning("规格型号不能为空");
                return;
            }
            if (this.$isBlank(this.newProductData.measname)) {
                this.$message.warning("计量单位不能为空！");
                return;
            }
            if (this.$isBlank(this.newProductData.manufactory)) {
                this.$message.warning("生产厂家不能为空！");
                return;
            }
            if (this.$isBlank(this.newProductData.registerNo)) {
                this.$message.warning("注册证号不能为空！");
                return;
            }


            if (this.newType == 1) {
                saveNewProduct(this.newProductData).then((res) => {
                    if (res.code == 20000) {
                        this.$message.success("添加成功");
                        //清空弹窗数据
                        this.$emit("closeAddDialog", true);
                        this.closeAddDialog();
                    } else {
                        this.$message.error(res.message);
                    }
                }).catch((error) => {
                   // this.$message.error(error.message);
                })
            } else if (this.newType == 2) {
                addProduct(this.newProductData).then((res) => {
                    if (res.code == 20000) {
                        this.$message.success("添加成功");
                        //清空弹窗数据
                        this.closeAddDialog(true);
                    }else {
                        this.$message.error(res.message);
                    }
                }).catch((error) => {
                   // this.$message.error(error.message);
                })
            }

        },
        getBasicThirdSys() {
            let query = {
                enabled: true,
            };
            getBasicThirdSys(query)
                .then((response) => {
                    this.thirdSys = response.data.list || [];
                })
                .catch(() => {
                    this.loading = false;
                    this.list = [];
                });
        },
    },
    created() {
        this.getBasicThirdSys();
    },
}
</script>

<style scoped>
</style>
