<style scoped>
    .b_itable_tit {
        display: flex;
        flex-wrap: wrap;
        /*padding: 10px 15px;*/
        justify-content: space-between;
    }

    .b_itable_tit > li {
        display: block;
        width: 30%;
        position: relative;
        cursor: pointer;
        border: solid 1px #c8c8c8;
        padding: 4px 10px;
        border-radius: 7px;
        margin-bottom: 10px;
    }

    .can_add {
        display: flex;
        /*padding: 10px 15px;*/
        justify-content: space-between;
    }
    .can_add > li {
        flex: 1;
        position: relative;
        cursor: pointer;
        border: solid 1px #c8c8c8;
        padding: 4px 10px;
        border-radius: 7px;
        margin-right: 10px;
    }
    .ewm_box {
        width: 210px;
        float: right;
    }

    .ewm_box img {
        width: 100%
    }

    html,
    body {
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }
    .fcout {
        display: flex;
        /*padding: 10px 15px;*/
        justify-content:flex-end;
        margin-top: 15px;
    }

    .fcout li {
        width:150px;
        margin-left: 10px;
        position: relative;
        cursor: pointer;
        border: solid 1px #c8c8c8;
        padding: 4px 10px;
        border-radius: 7px;
    }

</style>

<template>
    <section>
        <div class="container resource close-left-menu contaNEW">
            <div class="pop-banner clearfix">
                <div class="operate-btns">
                    <a class="fbtn fb-save" v-on:click="saveSet">保存</a>
                </div>
                <h3 class="current-module">打印模板设置</h3>
            </div>

            <div class="pd-form  mt-20 clearfix">
                <div class="fheader ">
                    <h4 class="fh-print">打印模板设置</h4>
                </div>
                <div class="group-row">
                    <div class="form-group form-label">
                        <label for="cn25" class="label">选择打印模板</label>
                        <div class="control">
                            <select v-model='1' class="inp6"
                                    @change='medgoodscateguidFun'>
                                <option value="1">医用物资质量验收入库单</option>
                                <!--<option v-for='item in RootList' :value="item.guid">{{item.catename}}</option>-->
                            </select>
                        </div>
                    </div>

                </div>
            </div>
            <div class='f-size22 t-center'>
                <span @click='mxList.hheader=!mxList.hheader' :class=' {ico_add:mxList.hheader}'
                      style="position:relative;padding:0 17px;margin-left:187px;"> 医用物资质量验收入库单</span>
                <span class='ewm_box ' @click='mxList.hbarcode=!mxList.hbarcode' :class=' {ico_add:mxList.hbarcode}'
                      style="position:relative;padding:0 17px">
                    <img style='display: block' src="/images/ewm.png" alt="">
                    <p class='t-center f-size14'>CK2017122100339</p>
                </span>
                <span class='clear'></span>
            </div>
            <hr class="mt-10 mb-20">
            <ul class='b_itable_tit'>
                <li @click='mxList.hbillno=!mxList.hbillno' :class=' {ico_add:mxList.hbillno}'>单据编号：</li>
                <li @click='mxList.hstorageroom=!mxList.hstorageroom' :class=' {ico_add:mxList.hstorageroom}'>库 房 ：</li>
                <li @click='mxList.hpage=!mxList.hpage' :class=' {ico_add:mxList.hpage}'>共1页，第1页</li>
                <li @click='mxList.hcustomer=!mxList.hcustomer' :class=' {ico_add:mxList.hcustomer}'>客 户 ：</li>
                <li @click='mxList.hsupplier=!mxList.hsupplier' :class=' {ico_add:mxList.hsupplier}'>供货单位：</li>
                <li @click='mxList.hprintdate=!mxList.hprintdate' :class=' {ico_add:mxList.hprintdate}' class='t-right'>
                    打印日期：
                </li>
            </ul>
            <hr class="mt-30 mb-20">
            <ul class='can_add'>
                <li @click='mxList.tdate=!mxList.tdate' :class='{ico_add:mxList.tdate}' class="w50">日期</li>
                <li @click='mxList.tgoodsname=!mxList.tgoodsname' :class=' {ico_add:mxList.tgoodsname}' class="w120">
                    商品名称
                </li>
                <li @click='mxList.tgoodsspec=!mxList.tgoodsspec' :class=' {ico_add:mxList.tgoodsspec}' class="w100">
                    规格型号
                </li>
                <li @click='mxList.tgoodsunit=!mxList.tgoodsunit' :class=' {ico_add:mxList.tgoodsunit}' class="w70">单位
                </li>
                <li @click='mxList.tqty=!mxList.tqty' :class=' {ico_add:mxList.tqty}' class="w80">数量</li>
                <li @click='mxList.tprice=!mxList.tprice' :class=' {ico_add:mxList.tprice}' class="w70">价格</li>
                <li @click='mxList.tmoney=!mxList.tmoney' :class=' {ico_add:mxList.tmoney}' class="w50">金额</li>
                <li @click='mxList.tproducer=!mxList.tproducer' :class=' {ico_add:mxList.tproducer}' class="w80">生产厂家
                </li>
                <li @click='mxList.tregister=!mxList.tregister' :class=' {ico_add:mxList.tregister}' class="w80">产品 <br>注册证号
                </li>
                <li @click='mxList.tlot=!mxList.tlot' :class=' {ico_add:mxList.tlot}' class="w80">生产批号</li>
                <li @click='mxList.tproductiondate=!mxList.tproductiondate' :class=' {ico_add:mxList.tproductiondate}'
                    class="w80">生产日期
                </li>
                <li @click='mxList.texpriedate=!mxList.texpriedate' :class=' {ico_add:mxList.texpriedate}' class="w80">
                    有效期
                </li>
                <li @click='mxList.tsterillot=!mxList.tsterillot' :class=' {ico_add:mxList.tsterillot}' class="w80">
                    灭菌批号
                </li>
                <li @click='mxList.tcertificate=!mxList.tcertificate' :class=' {ico_add:mxList.tcertificate}'
                    class="w80">合格证 <br>有/无
                </li>
                <li @click='mxList.tquality=!mxList.tquality' :class='{ico_add:mxList.tquality}' class="w80 mr-0">质量情况</li>
            </ul>
            <ul class="fcout">
                <li @click='mxList.fsum=!mxList.fsum' :class=' {ico_add:mxList.fsum}' class='b'>合计数量：</li>
                <li @click='mxList.fcount=!mxList.fcount' :class=' {ico_add:mxList.fcount}' class='b'>单页金额：</li>
                <li @click='mxList.fmoney=!mxList.fmoney' :class=' {ico_add:mxList.fmoney}' class='b'>总金额： </li>
            </ul>
            <hr class="mt-30 mb-20">
            <ul class='b_itable_tit t-center'>
                <li @click='mxList.fdept1=!mxList.fdept1' :class=' {ico_add:mxList.fdept1}'>物资材料供应处：</li>
                <li @click='mxList.fdept2=!mxList.fdept2' :class=' {ico_add:mxList.fdept2}'>手术室/导管室：</li>
                <li @click='mxList.fdept3=!mxList.fdept3' :class=' {ico_add:mxList.fdept3}'>送货人：</li>
            </ul>

        </div>
        <div>
        </div>
    </section>
</template>

<script>
    module.exports = {
        data: function () {
            return {
                // 明细数据
                mxList: '',
            };
        },
        methods: {
            // 获取数据
            getData: function () {
                var self = this;
                Ajax.post('/hospital/findMfmedzlysdset')
                    .then(function (response) {
                        var data = response.data.data;
                        self.$set('mxList', data);
                        console.log(self.mxList)


                        for (const i in self.mxList) {
                            if (self.mxList.hasOwnProperty(i)) {
                                const el = self.mxList[i];
                                if (el == 'false') {
                                    self.mxList[i] = false;
                                }
                            }
                        }

                    })
            },
            saveSet: function () {
                var self = this;
                Ajax.post('/hospital/saveMfmedzlysdset', this.mxList).then(function (res) {
                    var result = res.data;
                    if (result.errorCode == 0) {
                        layer.msg('保存成功');
                    } else {
                        layer.msg(result.message);
                    }
                }.bind(this))
            }
        },
        route: {
            data: function () {
                this.getData();
            }
        }
    };
</script>