<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%"
            disabled
            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="请输入产品编码"
                    disabled
                    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="11" class="el-col">
        <el-form-item label="包装规格:" prop="bzgg">
          <el-input style="width: 90%" size="small" placeholder="请输入包装规格"
                    v-model.trim="newProductData.bzgg"></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 {updateProduct} from "@/api/thrsys/thrProducts";


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

export default {
  name: "thrProductsEdit",
  props: {
    newProductData: {
      type: Object,
      required: true,
    },
    closeAddDialog: {
      type: Function,
      required: true,
    },
  },
  data() {
    return {
      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;
      }
      updateProduct(this.newProductData).then((res) => {
        if (res.code == 20000) {
          this.$message.success("修改成功！");
          this.closeAddDialog(true);
        } else {
          this.$message.error(res.message);
        }
      }).catch((error) => {
      })

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

<style scoped>
</style>
