<template>
    <div>
        <el-card class="el-card">
            <div>

                <el-form :inline="true" :model="erpQuery" style="display: flex;" size="mini">
                    <el-form-item class="query-form-item">
                        <el-input
                            v-model="erpQuery.code"
                            placeholder="存货编码"
                            @keyup.enter.native="keyupErp_submit($event)"
                        ></el-input>
                    </el-form-item>
                    <el-form-item class="query-form-item">
                        <el-input
                            v-model="erpQuery.name"
                            placeholder="存货产品名称"
                            @keyup.enter.native="keyup_submit($event)"
                        ></el-input>
                    </el-form-item>
                    <!--                    <el-form-item class="query-form-item">-->
                    <!--                        <el-select v-model="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-form-item style="display: flex">
                        <el-button-group>
                            <el-button type="primary" icon="search" @click="getErpList">查询</el-button>
                            <el-button type="primary" icon="search" @click="combine"
                            >确定
                            </el-button
                            >
                        </el-button-group>
                    </el-form-item>
                </el-form>
                <el-table
                    :data="erpList"
                    style="width: 100%"
                    highlight-current-row="true"
                    v-loading="erpLloading"
                    :row-class-name="tableRowClassName"
                    @current-change="handleErpChange"
                >
                    <el-table-column label="序号" type="index"></el-table-column>
                    <el-table-column label="第三方编码" prop="code"></el-table-column>
                    <el-table-column label="存货名称" prop="name"></el-table-column>
                    <el-table-column label="计量单位" prop="measname"></el-table-column>
                    <el-table-column label="规格型号" prop="spec"></el-table-column>
                    <el-table-column label="注册/备案凭证号" prop="registerNo"></el-table-column>
                </el-table>
                <el-pagination
                    :page-size="erpQuery.limit"
                    @current-change="handleErpPageChange"
                    layout="prev, pager, next"
                    :total="pageTotal"
                    :current-page="erpQuery.page"
                ></el-pagination>
            </div>
        </el-card>

        <!--        <el-card class="el-card" v-if="!isImport">-->
        <!--            <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: 65%"-->
        <!--                                size="small"-->
        <!--                                splaceholder="请输入内容"-->
        <!--                                :disabled="true"-->
        <!--                                v-model="data.cpmctymc"-->
        <!--                            ></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: 65%"-->
        <!--                                :disabled="true"-->
        <!--                                size="small"-->
        <!--                                splaceholder="请输入内容"-->
        <!--                                v-model="data.nameCode"-->
        <!--                            ></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: 65%"-->
        <!--                                :disabled="true"-->
        <!--                                size="small"-->
        <!--                                splaceholder="请输入内容"-->
        <!--                                v-model="data.ggxh"-->
        <!--                            ></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: 65%"-->
        <!--                                :disabled="true"-->
        <!--                                size="small"-->
        <!--                                splaceholder="ylqxzcrbarmc"-->
        <!--                                v-model="data.ylqxzcrbarmc"-->
        <!--                            ></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: 65%"-->
        <!--                                :disabled="true"-->
        <!--                                size="small"-->
        <!--                                splaceholder="请输入内容"-->
        <!--                                v-model="data.ylqxzcrbarywmc"-->
        <!--                            ></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: 65%"-->
        <!--                                :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="12" class="el-col">-->
        <!--                        <div class="text item">-->
        <!--                            <div class="itemTag">-->
        <!--                                <span>产品类别:&nbsp;</span>-->
        <!--                            </div>-->
        <!--                            <el-input-->
        <!--                                style="width: 65%"-->
        <!--                                :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: 65%"-->
        <!--                                :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: 65%"-->
        <!--                                :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: 65%"-->
        <!--                                :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: 65%"-->
        <!--                                :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: 65%"-->
        <!--                                :disabled="true"-->
        <!--                                size="small"-->
        <!--                                splaceholder="请输入内容"-->
        <!--                                v-model="data.zczbhhzbapzbh"-->
        <!--                            ></el-input>-->
        <!--                        </div>-->
        <!--                    </el-col>-->
        <!--                </el-row>-->
        <!--            </div>-->
        <!--        </el-card>-->
    </div>
</template>

<script>
import {modifyRel, addErp} from "../../api/basic/basicInstrumentMaintainRelevance";
import {getInvbasdoc} from "../../api/basic/getErps";
import {getBasicThirdSys} from "../../api/basic/basicThirdSys";

export default {
    name: "closeDialog",
    props: {
        uuid: {
            type: Object,
            required: true,
        },

        data: {
            type: Object,
            required: true,
        },

        relId: {
            type: Number,
            required: true,
        },

        isImport: {
            type: Boolean,
            required: true,
        },

        closeDialog: {
            type: Function,
            required: true,
        },
    },

    data() {
        return {
            erpQuery: {
                code: "",
                name: "",
                thirdSys: null,
                page: 1,
                limit: 10,
            },

            combineQuery: {
                thirdId: "",
                relId: "",
                erpName: "",
                keys: [],
                thirdSys: null,
            },

            udidlList: [],
            erpList: [],
            pageTotal: 1,
            total: 1,
            currentRow: null,
            loading: false,
            erpLloading: false,
            multipleUdiSelection: [],
            thirdSys: [],
            thirdSysFk: null,
        };
    },
    methods: {
        tableRowClassName({row}) {
            if (row.checked) return "warning-row";
            return "";
        },
        checkSelectable(row) {
            return !row.check;
        },
        handleCurrentChange(val) {
            this.unionQuery.page = val;
            this.getList();
        },
        handleErpChange(val) {
            this.currentRow = val;
        },
        handleErpPageChange(val) {
            this.erpQuery.page = val;
            this.getErpList();
        },
        keyup_submit(event) {
            this.getErpList();
            event.target.select();
        },
        getErpList() {
            this.erplLoading = true;
            // this.erpQuery.thirdSys = this.thirdSysFk;
            getInvbasdoc(this.erpQuery)
                .then((response) => {
                    this.erplLoading = false;
                    if (response.code == 20000) {
                        this.erpList = response.data.list || [];
                        this.pageTotal = response.data.total || 0;
                    } else {
                        this.$message.error(response.message);
                        this.erpList = [];
                        this.pageTotal = 0;
                    }
                })
                .catch(() => {
                    this.erplLoading = false;
                    this.erpList = [];
                    this.pageTotal = 0;
                });
        },
        intentBack() {
            this.closeDialog();
        },
        combine() {
            this.combineQuery.relId = this.relId;
            this.combineQuery.thirdId = this.currentRow.code;
            this.combineQuery.erpName = this.currentRow.name;
            this.combineQuery.thirdSys = this.thirdSysFk;
            if (this.isImport) {
                addErp(this.combineQuery)
                    .then((response) => {
                        if (response.code == 20000) {
                            this.$emit("closeUdi", true);
                        } else {
                            this.$message.error(response.message);
                            this.$emit("closeUdi", false);
                        }
                    })
                    .catch(() => {
                        this.$emit("closeUdi", false);
                    });
            } else {
                modifyRel(this.combineQuery)
                    .then((response) => {
                        if (response.code == 20000) {
                            this.$emit("closeUdi", true);
                        } else {
                            this.$emit("closeUdi", false);
                        }
                    })
                    .catch(() => {
                        this.$emit("closeUdi", false);
                    });
            }
        },

        handleSelectionUdiChange(val) {
            this.multipleUdiSelection = val;
        },
        getBasicThirdSys() {
            let query = {
                enabled: true,
                mainSys: false,
            };
            if (this.isImport) {
                query.mainSys = true;
            }
            getBasicThirdSys(query)
                .then((response) => {
                    this.thirdSys = response.data.list || [];
                    this.thirdSys.forEach((item, i) => {
                        if (item.thirdId == this.data.thirdSysFk) {
                            this.thirdSys.splice(i, 1);
                        }
                    });

                    this.thirdSysFk = this.thirdSys[0].thirdId;
                })
                .catch(() => {
                    this.loading = false;
                    this.list = [];
                });
        },
    },
    created() {
        this.getBasicThirdSys();
    },
};
</script>

<style scoped>

div /deep/ .el-table .warning-row {
    background: #bebebe;
}

div /deep/ .el-table .success-row {
    background: #ffffff;
}
</style>
