<template>
    <div class="protocol">
        <header> <svg t="1565680265421" class="icon back" @click="goBack" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1100" width="200" height="200"><path d="M672 928c-8 0-16-3.2-22.4-9.6l-384-384c-12.8-12.8-12.8-32 0-44.8l384-384c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L332.8 512l361.6 361.6c12.8 12.8 12.8 32 0 44.8-6.4 6.4-14.4 9.6-22.4 9.6z" p-id="1101"></path></svg>领用协议</header>
 
        <div class="container">
            <h1>《乐器借用协议》</h1>

            出借方：<br />

            借用方：<br />

            根据《中华人民共和国经济合同法》，为明确出借方（甲方）与借用方（乙方）权利义务关系。经双方协商一致，订立本协议。<br />

            <h2>第一条 借用期限</h2>

            甲方将（默认为初级型号） 原价价值**元<br />
            从本协议签订后，乐团开课前交付给乙方使用至其退团日时止收回。<br />


            <h2>第二条  押金费用</h2>
            1.申请领用乐器时缴纳押金，费用共计人民币捌佰元（大写）￥800元（小写），<br />
            2.待交还所借用乐器时，由我方维修技师检查完毕，乐器符合归还要求时押金原额退回。<br />


            <h2>第三条甲方责任</h2>
            1.向乙方提供的乐器状况必须良好；<br />
            2.如购置乐器保养服务，则需借用期间协助乙方处理使用问题；<br />

            <h2>第四条借用人责任</h2>
            1.借用期间不得将乐器转租、出售、典当、抵押、不得将贵重乐器交于非专业人士使用。<br />
            2. 借用期间有义务爱护所借乐器，每次用完后内外擦干净、装进盒子，自行保存。如有损坏或遗失需照价赔偿（正常使用下的磨损除外）。<br />
            3. 在借用期限内可以使用该乐器参加学习、排练、演出。<br />
            4.如至退团日借用方应及时返还所借物品，如超过退团日七日，则按违约需买下此物品处理，押金不退还；<br />

            <h2>第五条</h2>
            1.甲方未按规定履行责任，应当承担乙方受到的损失。<br />
            2.乙方未按规定履行责任，应当承担甲方受到的损失外，还应承担自身损失的部分。<br />

            <h2>第六条补充条款</h2>
            1.如需变更或解除合同需提前7天通知对方。<br />
            2.因本合同发生纠纷，由当事人协商解决。<br />


            <div class="signature">
                <span>出借方（甲方）（签章） <img class="cachet" src="../assets/cachet.png" alt=""> </span>
                <span>借用方（乙方）：</span>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'protocol',
    data() {
        return {}
    },
    methods: {
        goBack() {
            this.$router.push({ path: '/home' })
        }
    }
}
</script>

<style lang="less" scoped>
    header {
        height: .40rem;
        line-height: .40rem;
        color: #000;
        font-size: .17rem;
        background: #fff;
        box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.07);
        text-align: center;

        .back {
            width: .2rem;
            height: .2rem;
            position: absolute;
            left: .12rem;
            top: .1rem;
        }
    }
    .container {
        padding: .22rem .2rem .8rem;
        font-size: .14rem;
        h1 {
            font-size: .16rem;
            text-align: center;
        }

        h2 {
            font-size: .14rem;
            font-weight: bold;
            padding-top: .15rem;
        }

        .signature {
            display: flex;
            padding-top: .5rem;
            span {
                flex: 1;
                position: relative;
            }

            .cachet {
                position: absolute;
                top: -.6rem;
                left: 0;
                width: 1.5rem;
                height: 1.5rem;
            }
        }
    }
</style>