<template>
    <div class="container resource close-left-menu">
        <div class="pop-banner clearfix">
            <div class="operate-btns">
                <a href="javascript:" class="fbtn fb-modify" @click="modify" v-if="disabled">修改</a>
                <a href="javascript:" class="fbtn fb-save" @click="save"
                   v-if="'/hospital/supplyProduct:supplyProductSave' | myqx !disabled">保存</a>
                <a href="javascript:" class="fbtn fb-unused" @click="changeStatus('S')"
                   v-if="'/hospital/supplyProduct:supplyProductDisconnected' | myqx bizstates">停用</a>
                <a href="javascript:" class="fbtn fb-dump" @click="changeStatus('E')"
                   v-if="'/hospital/supplyProduct:supplyProductInvalid' | myqx bizstatee">作废</a>
                <a href="javascript:" class="fbtn fb-dump" @click="deleteMedGoods"
                   v-if="'/hospital/supplyProduct:deleteMedGoods' | myqx bizstatee">删除</a>
            </div>
            <h3 class="current-module">产品主数据详情</h3>
        </div>
        <div class="supply-productview clearfix">
            <div class="pd-form">
                <div class="group-row">
                    <div class="form-group form-label form-required">
                        <label for="cn1" class="label">产品名称</label>
                        <div class="control input-has-btn ">
                            <input type="text" id="cn1" v-model="good.productname"
                                   v-bind:disabled="disabled" class="inp4">
                        </div>
                    </div>
                    <div class="form-group form-label form-required">
                        <label for="cna5" class="label">注册证号</label>
                        <div class="control">
                            <input type="text" id="cna5" v-model="good.registkey"
                                   v-bind:disabled="disabled" class="inp4">
                        </div>
                    </div>

                </div>
                <div class="group-row">
                    <div class="form-group form-label ">
                        <label for="cn7" class="label">英文名称</label>
                        <div class="control">
                            <input type="text" id="cn7" v-model="good.englishname"
                                   v-bind:disabled="disabled" class="inp2">
                        </div>
                    </div>
                    <div class="form-group form-label form-required">
                        <label for="cn4" class="label w150">生产厂商</label>
                        <div class="control">
                            <input type="text" id="cn4" v-model="good.producer"
                                   v-bind:disabled="disabled" class="inp9">
                        </div>
                    </div>
                </div>
                <div class="group-row">
                    <div class="form-group form-label ">
                        <label for="cn3" class="label">通用名称</label>
                        <div class="control">
                            <input type="text" id="cn3" v-model="good.universalname"
                                   v-bind:disabled="disabled" class="inp4">
                        </div>
                    </div>

                    <div class="form-group form-label form-required">
                        <label class="label" for='cn6'>状态</label>
                        <div class="control" v-if="disabled">
                            <input type="text" id="cn6" v-bind:disabled="disabled"
                                   v-if="good.state=='Y'" value="启用" class="inp4">
                            <input type="text" id="cn6" v-bind:disabled="disabled"
                                   v-if="good.state=='S'" value="停用" class="inp4">
                            <input type="text" id="cn6" v-bind:disabled="disabled"
                                   v-if="good.state=='E'" value="作废" class="inp4">
                            <input type="text" id="cn6" v-bind:disabled="disabled"
                                   v-if="!good.state" value="" class="inp4">
                        </div>
                        <div class="control" v-else>
                            <select v-model="good.state" class="inp4" id='cn6'>
                                <option value="Y">启用</option>
                                <option value="S">停用</option>
                                <option value="E">作废</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="group-row">
                    <div class="form-group form-label ">
                        <label for="cn5" class="label">药品本位码</label>
                        <div class="control">
                            <input type="text" id="cn5" v-model="good.productstandardcode"
                                   v-bind:disabled="disabled" class="inp4">
                        </div>
                    </div>

                    <div class="form-group form-label form-required">
                        <label for="cn9" class="label">规格型号</label>
                        <div class="control">
                            <input type="text" id="cn9" v-model="good.productspec"
                                   v-bind:disabled="disabled" class="inp2">
                        </div>
                    </div>

                </div>
                <div class="group-row">
                    <div class="form-group form-label">
                        <label for="cn2945" class="label">助记码</label>
                        <div class="control">
                            <input type="text" id="cn2945" v-model="good.helpcode"
                                   v-bind:disabled="disabled" class="inp5">
                        </div>
                    </div>
                    <div class="form-group form-label form-required">
                        <label for="cn10" class="label">商品大类</label>
                        <div class="control" v-if="disabled">
                            <input type="text" id='cn10' value="消毒用品" v-bind:disabled="disabled"
                                   v-if="good.goodscate=='04'" class="inp4">
                            <input type="text" id='cn10' value="医疗器械" v-bind:disabled="disabled"
                                   v-if="good.goodscate=='01'" class="inp4">
                            <input type="text" id='cn10' value="药品" v-bind:disabled="disabled"
                                   v-if="good.goodscate=='02'" class="inp4">
                            <input type="text" id='cn10' value="后勤物资" v-bind:disabled="disabled"
                                   v-if="good.goodscate=='03'" class="inp4">
                            <input type="text" id='cn10' value="洗涤用品" v-bind:disabled="disabled"
                                   v-if="good.goodscate=='05'" class="inp4">
                            <input type="text" id='cn10' value="中药材" v-bind:disabled="disabled"
                                   v-if="good.goodscate=='06'" class="inp4">
                            <input type="text" id='cn10' value="设施设备" v-bind:disabled="disabled"
                                   v-if="good.goodscate=='07'" class="inp4">
                            <input type="text" id='cn10' value="其他" v-bind:disabled="disabled"
                                   v-if="good.goodscate=='08'" class="inp4">
                            <input type="text" id='cn10' value="" v-bind:disabled="disabled"
                                   v-if="!good.goodscate" class="inp4">
                        </div>
                        <div class="control" v-else>
                            <select v-model="good.goodscate" class="inp4" id='cn6'>
                                <option value="01">医疗器械</option>
                                <!--<option value="2">药品</option>-->
                                <!--<option value="3">后勤物资</option>-->
                                <!--<option value="4">消毒用品</option>-->
                                <!--<option value="5">洗涤用品</option>-->
                                <!--<option value="6">中药材</option>-->
                                <option value="07">设施设备</option>
                                <!--<option value="8">其他</option>-->
                                <option value=""></option>
                            </select>
                            <!--<select-ui :list="ctns.goodscate" id='cn10' :empty="false"
                                       v-model="good.goodscate" class='inp4'>
                            </select-ui>-->
                        </div>
                    </div>


                </div>
                <div class="group-row">
                    <div class="form-group form-label">
                        <label for="cn8" class="label">品牌</label>
                        <div class="control">
                            <input type="text" id="cn8" v-model="good.brand"
                                   v-bind:disabled="disabled" class="inp2">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="label">器械分类</label>
                        <div class="radio-control">
                            <radio :list="medinstrumentcate"
                                   :checked.sync="good.itemcatagory"
                                   v-bind:disabled="disabled">
                                </radaio>
                        </div>
                    </div>

                </div>
                <div class="group-row">
                    <div class="form-group form-label">
                        <label for="cn24" class="label">生产地址</label>
                        <div class="control">
                            <input type="text" id="cn24" v-model="good.productionaddress"
                                   v-bind:disabled="disabled" class="inp5">
                        </div>
                    </div>
                    <div class="form-group form-label">
                        <label for="cn204" class="label">生产来源</label>
                        <div class="radio-control">
                            <radio :list="ctns.importedflag" :checked.sync="good.importedflag"
                                   v-bind:disabled="disabled">
                                </radaio>
                        </div>
                    </div>
                </div>
                <div class="group-row">
                    <div class="form-group form-label">
                        <label for="cn28" class="label">注册人名称</label>
                        <div class="control">
                            <input type="text" id="cn28" v-model="good.registrantname"
                                   v-bind:disabled="disabled" class="inp5"/>
                        </div>
                    </div>
                    <div class="form-group form-label">
                        <label for="cn29" class="label">注册人住所</label>
                        <div class="control">
                            <input type="text" id="cn29" v-model="good.registrantaddress"
                                   v-bind:disabled="disabled" class="inp5">
                        </div>
                    </div>

                </div>


                <div class="group-row">

                    <div class="form-group form-label">
                        <label for="cnb5" class="label">代理人名称</label>
                        <div class="control">
                            <input type="text" id="cnb5" v-model="good.agentname"
                                   v-bind:disabled="disabled" class="inp4">
                        </div>
                    </div>
                    <div class="form-group form-label">
                        <label for="cn2a" class="label">代理人住所</label>
                        <div class="control">
                            <input type="text" id="cn2a" v-model="good.agentaddress"
                                   v-bind:disabled="disabled" class="inp5">
                        </div>
                    </div>
                </div>

                <div class="group-row">
                    <div class="form-group form-label">
                        <label for="cn2s" class="label">适用范围</label>
                        <div class="control">
                            <input type="text" id="cn2s" v-model="good.applicablescope"
                                   v-bind:disabled="disabled" class="inp5">
                        </div>
                    </div>
                    <div class="form-group form-label">
                        <label for="cnc1" class="label">其他内容</label>
                        <div class="control">
                            <input type="text" id="cnc1" v-model="good.othercontent"
                                   v-bind:disabled="disabled" class="inp4">
                        </div>
                    </div>
                </div>
                <div class="group-row">

                    <div class="form-group form-label">
                        <label for="cn151" class="label">结构及组成</label>
                        <div class="control">
                            <input type="text" id="cn151" v-model="good.composition"
                                   v-bind:disabled="disabled" class="inp4">
                        </div>
                    </div>
                    <div class="form-group form-label">
                        <label for="c11" class="label">批准日期</label>
                        <div class="control">
                            <input type="text" id="c11" v-model="good.approveddate"
                                   v-bind:disabled="disabled" class="inp4">
                        </div>
                    </div>
                </div>
                <div class="group-row">
                    <div class="form-group form-label">
                        <label for="cn2d" class="label">有效期至</label>
                        <div class="control">
                            <input type="text" id="cn2d" v-model="good.enddate"
                                   v-bind:disabled="disabled" class="inp5">
                        </div>
                    </div>
                    <div class="form-group form-label">
                        <label for="cn161" class="label">产品标准</label>
                        <div class="control">
                            <input type="text" id="cn161" v-model="good.productstandard"
                                   v-bind:disabled="disabled" class="inp4">
                        </div>
                    </div>
                </div>

                <div class="group-row spare_box">
                    <!-- <div class=" ">
                         <div class="package-item">
                             <div class="package-msg form-label">
                                 <label for="cn14" class="label">备用字符1</label>
                                 <input type="text" id="cn14" v-model="good.varchar1"
                                        v-bind:disabled="disabled" class="inp4 "/>
                                 <label for="cn17" class="label" style='left:240px;'>备用字符2</label>
                                 <input type="text" id="cn17" v-model="good.varchar2"
                                        v-bind:disabled="disabled" class="inp3 "/>
                                 <label for="cn18" class="label" style='left:476px;'>备用字符3</label>
                                 <input type="text" id="cn18" v-model="good.varchar3"
                                        v-bind:disabled="disabled" class="inp4 "/>
                                 <label for="cn18" class="label" style='left:476px;'>备用字符4</label>
                                 <input type="text" id="cn18" v-model="good.varchar4"
                                        v-bind:disabled="disabled" class="inp4 "/>
                             </div>
                             <div class="package-msg form-label">
                                 <label for="cn14" class="label">备用数字1</label>
                                 <input type="text" id="cn14" v-model="good.num1"
                                        v-bind:disabled="disabled" class="inp4 "/>
                                 <label for="cn17" class="label" style='left:240px;'>备用数字2</label>
                                 <input type="text" id="cn17" v-model="good.num2"
                                        v-bind:disabled="disabled" class="inp3 "/>
                                 <label for="cn18" class="label" style='left:476px;'>备用数字3</label>
                                 <input type="text" id="cn18" v-model="good.num3"
                                        v-bind:disabled="disabled" class="inp4 "/>

                             </div>
                             <div class="package-msg form-label">
                                 <label for="cn14" class="label">备用日期1</label>
                                 <input type="text" id="cn14" v-model="good.date1"
                                        v-bind:disabled="disabled" class="inp4 "/>
                                 <label for="cn17" class="label" style='left:240px;'>备用日期2</label>
                                 <input type="text" id="cn17" v-model="good.date2"
                                        v-bind:disabled="disabled" class="inp3 "/>
                                 <label for="cn18" class="label" style='left:476px;'>备用日期3</label>
                                 <input type="text" id="cn18" v-model="good.date3"
                                        v-bind:disabled="disabled" class="inp4 "/>

                             </div>

                         </div>
                     </div>-->
                    <div class="form-label">
                        <label for="c10" class="label" style='top:21px;margin-left:50px;     color: rgba(96, 111, 122, .5);'>备注</label>
                        <textarea id="c10" rows="3" v-model="good.memo"
                                  v-bind:disabled="disabled" class="textarea inp2" style='width:89%;'></textarea>
                    </div>
                </div>
            </div>

            <section v-if="$route.params.id && goodList.length!=0">
                <div class="fheader no-bottom mt-20">
                    <h4 class="no-l-icon">商品资料</h4>
                </div>
                <table class="itable itable-thead-13px itable-bordertop itable-td-long-text">
                    <thead>
                    <tr>
                        <th class="w50">序号</th>
                        <th class="w200">商品编码</th>
                        <th class="w200">商品名称</th>
                        <th class="w80">规格</th>
                        <th class="w200">生产厂商</th>
                        <th class="w100">注册证号</th>
                        <th class="w100">生产来源</th>
                        <th class="w50">状态</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr v-for="goods in goodList">
                        <td>{{$index + 1}}</td>
                        <td>{{goods.goodscode}}</td>
                        <td class="t-left pr10">{{goods.goodsname}}</td>
                        <td>{{goods.goodsspec}}</td>
                        <td>{{goods.registkey}}</td>
                        <td>{{goods.producer}}</td>
                        <td>{{goods.importedflag|IMPORTEDFLAG}}</td>
                        <td>{{goods.state|BIZSTATE}}</td>

                    </tr>

                    </tbody>
                </table>
            </section>
            <div class="step-btn" v-if="newadd">
                <a href="javascript:;" @click="toGoods($route.params.id)">跳转该产品商品资料维护界面</a>
            </div>
        </div>
    </div>
</template>
<style type="text/css">
    .product-gray {
        color: rgba(96, 111, 122, .2) !important;
    }

    .history-gray {
        background: rgba(96, 111, 122, .2) !important;
    }
</style>
<script>
    module.exports = {
        data: function () {
            return {
                disabled: false,
                selAll: false,
                good: '',
                pageCount: 0,
                medinstrumentcate: [{
                    "label": "一类",
                    "value": "1"
                }, {
                    "label": "二类",
                    "value": "2"
                }, {
                    "label": "三类",
                    "value": "3"
                }],
                goodList:'',
                newadd:false,
            };
        },
        methods: {
            getData: function () {
                var self = this;
                Ajax.post('/dataadmin/getmfmproductionsbyguid', {
                    guid: self.$route.params.id
                })
                    .then(function (response) {
                        var data = response.data.data;
                        if (response.data.errorCode == 0) {
                            self.$set('good', data[0]);
                            // 作废停用按钮显示
                            if (self.good.state == self.ctns.states) {
                                self.$set('states', false);
                            }
                            if (self.good.state == self.ctns.statee) {
                                self.$set('statee', false);
                            }

                            self.$set('disabled', true);
                        } else {
                            layer.msg(response.data.message);
                        }
                    })
            },
            getGood: function () {
                var self = this;
                Ajax.post('/dataadmin/getmfmsdgoodsbyguid', {
                    productguid: self.$route.params.id
                })
                    .then(function (response) {
                        var data = response.data.data;
                        if (response.data.errorCode == 0) {
                            self.$set('goodList', data);
                        } else {
                            layer.msg(response.data.message);
                        }
                    })
            },


            modify: function () {
                var self = this;
                if (self.disabled) {
                    self.disabled = false;
                } else {
                    self.disabled = true;
                }
            },
            save: function () {
                var self = this;
                if (!self.good.productname) {
                    layer.msg('请输入产品名称');
                    return;
                }
                if (!self.good.registkey) {
                    layer.msg('请输入注册证号');
                    return;
                }
                if (!self.good.producer) {
                    layer.msg('请输入生产厂商');
                    return;
                }
                if (!self.good.productspec) {
                    layer.msg('请输入规格');
                    return;

                }
                if (!self.good.goodscate) {
                    layer.msg('请输入商品大类');
                    return;

                }
                if (!self.good.registkey) {
                    layer.msg('请输入批准文号／注册证号');
                    return;

                }
                this.good.length = this.good.lengths;
                Ajax.post('/dataadmin/addupdmfmproduction', self.good)
                    .then(function (response) {
                        var data = response.data;
                        if (data.errorCode == 0) {
                            self.MessageBox({title: '提示', message: '保存成功!', type: 'alert'}, function (action) {
                                self.$set('disabled', true);
                                if (self.$route.params.id) {
                                    self.getData();
                                } else {
                                    self.$router.go({
                                        path: '/dataadminProductsN'
                                    });
                                }
                            });
                        } else {
                            layer.msg(data.message);
                        }
                    })
            },
            deleteMedGoods: function () {
                var self = this;
                Ajax.post('/dataadmin/delmfmproduction', {
                    'guid': this.$route.params.id
                })
                    .then(function (response) {
                        var data = response.data.data;
                        if (response.data.errorCode == 0) {
                            self.MessageBox({
                                title: '提示',
                                message: "删除成功!",
                                type: 'alert'
                            }, function (action) {
                                self.$router.go({
                                    path: '/dataadminProductsN'
                                });
                            });
                        } else {
                            layer.msg(response.data.message);
                        }
                    })
            },
            changeStatus: function (state) {
                var self = this;
                // state代码说明：Y=有效，S=停用，N=作废
                Ajax.post('/dataadmin/updmfmproduction/', {
                    guid: self.good.guid,
                    state: state,
                }).then(function (response) {
                    var data = response.data;
                    if (data.errorCode == 0) {
                        self.MessageBox({title: '提示', message: '更新成功', type: 'alert'}, function (action) {
                            if (action == 'confirm') {
                                self.good = data.data;
                                self.good.lengths = self.good.length;
                                self.getData();
                            }
                        })
                    } else {
                        layer.msg(response.data.message);
                    }
                });
            },
            addGood: function () {
                var self = this;
                self.$route.router.go('/dataadminMedDetail')
            },
            toGoods:function(mfmproductionId) {
                if(mfmproductionId==undefined){
                    this.save();
                }else{
                    var self = this;
                    self.$route.router.go('/dataAdminGoods/'+mfmproductionId);
                }

            },

        },
        route: {
            // 画面初始化
            activate: function () {
                console.log(this.$route.params.id)
                if (!this.$route.params.id) {
                    this.$set('good', {});
                    this.$set('disabled', false);
                    this.good.state = "Y";
                    this.good.importedflag = "1";
                    this.good.goodscate = "01";
                    this.good.itemcatagory = 1;
                } else {
                    this.newadd=true;
                    this.disabled = true;
                    this.getData();
                    this.getGood();
                }

            }
        }
    };
</script>