<template>
    <div class="container">
        <div class="row" style="padding-top:24px;padding-bottom:20px;">
            <div class="col-sm-6">
                <div class="user" v-if="type === 'look'">
                    <img class="img-circle" src="../assets/headimg.png">
                    <span>王大白</span>
                </div>
                <div class="title">This is the title</div>
                <p class="content">Going vegan means seeking the new sources of essential nutrients. Contrary to widespread beliefs,
                    eating plant-based foods can provide the body with most of the nutrients it needs, especially when it comes to minerals.
                    Iron is a crucial mineral that both meat lovers and vegan girls are deficient. Reduce your intake of saturated fats, cholesterol,
                    pesticides, and hormones, and increase your iron intake by eating the following vegan foods. They are as delicious as nutritious.
                    Cashews are rich in nutrients that help to support a vegan diet. They contain a wealth of iron as well as protein, magnesium, and
                    vitamin B6 that keep your digestive system healthy and control your blood pressure. Cashews make incredible nut butter
                    (even a healthier alternative to peanut butter) and a delicious addition to salads, soups, desserts, and stir-fry dishes.
                    If you are going vegan, cashews should definitely be a part of your diet.Going vegan means seeking the new sources of essential nutrients. Contrary to widespread beliefs,
                    eating plant-based foods can provide the body with most of the nutrients it needs, especially when it comes to minerals.
                    Iron is a crucial mineral that both meat lovers and vegan girls are deficient. Reduce your intake of saturated fats, cholesterol,
                    pesticides, and hormones, and increase your iron intake by eating the following vegan foods. They are as delicious as nutritious.
                    Cashews are rich in nutrients that help to support a vegan diet. They contain a wealth of iron as well as protein, magnesium, and
                    vitamin B6 that keep your digestive system healthy and control your blood pressure. Cashews make incredible nut butter
                    (even a healthier alternative to peanut butter) and a delicious addition to salads, soups, desserts, and stir-fry dishes.
                    If you are going vegan, cashews should definitely be a part of your diet.
                </p>
                <div class="">
                    原文链接：<a href="http://www.baidu.com">http://www.baidu.com</a>
                </div>
            </div>
            <div class="col-sm-6">
                <template v-if="type === 'edit'">
                    <div class="row">
                        <div class="col-md-12">
                            <input type="text" class="form-control" placeholder="翻译标题" :value="title">
                        </div>
                    </div>
                    <div class="row" style="margin-top:12px;">
                        <div class="col-md-12">
                            <textarea class="form-control" rows="20" placeholder="翻译原文" :value="translation"></textarea>
                        </div>
                    </div>
                    <form class="form-inline" style="margin-top:10px;">
                        <div class="form-group">
                            <label>评分:</label>
                            <input style="width:50px;" type="text" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>阅读量:</label>
                            <input style="width:50px;" type="text" class="form-control">
                        </div>
                        <div class="form-group">
                            <label>运营题目:</label>
                            <input style="width:80px;" type="text" class="form-control">
                        </div>
                        <button class="btn btn-primary pull-right" style="width:80px;">提交</button>
                    </form>
                </template>
                <template v-else>
                    <div class="rating">
                        <span>翻译者:</span>
                        <span>王大白</span>
                        <span>校对者:</span>
                        <span>王大白</span>
                        <button class="btn btn-rating pull-right">3.5</button>
                    </div>
                    <div class="translate">
                        <div class="title">翻译标题翻译标题</div>
                        <p class="content">1。 高度自律和自黑
                            　　为什么不说自信呢？不自信的人，普遍内心比较脆弱。一个自信的人，对自己充满信心，做事往往带着积极向上的力量，并时刻充满激情。所有的盲目自信，和空腹自信，都是自以为是。心中要有真才实学，哪怕在不断的试错，但终究能到达攀登高峰的那一天。
                            　　人的自信到底从何而来？以及如何培养自己的自信？高度的自信，从高度的自律而来。自律又是什么？自律就是自己管理自己，自己约束自己。这是一个很重要的能力。先学会克制自己，用严格的日程表来控制生活，才能在这种自律中不断磨练出自信。自信也代表着对事情的控制能力，连最基本的时间都控制不了，谈何自信？
                            　　除了自律以外，自黑的能力也相当重要。世界之大，什么鸟都有。等你哪一天稍微做出点成绩，很多认识或不认识的人便在背后，唧唧歪歪的议论是非。从最开始的吐槽，到断章取义的论断甚至无趣的黑你。
                            　　自黑就是自己嘲笑自己，自己黑色幽默自己。自黑是一种沟通方式，也是一种境界，更是一种另类的修养。自黑不是等到有人说你时才出现，而是从头到尾都需要有的能力。你必须看透那些无聊恶俗的人，要比他们还会擅长黑自己，待他们自知无趣后，便会羞愧的退场而去。
                            　　2。 必须经历绝望
                            　　经历绝望的意思，就是已经走过这段岁月。也许你还未曾绝望过，并不意味着你不坚强，但一定没有经历过绝望的人坚强。未绝望过的人生是不完美的人生。绝望可能是情感、事业抑或无法面对的孤独等等。
                            　　「必须」 是一个前缀词，一个重要的状态。「必须」并非主动选择，而是做好充分的心理准备。当绝望来临时，坦然无惧的接受它，即使当下极其痛苦，甚至失去了自我。在绝望中寻找希望，才是值得体验的一种人生。
                            　　强大的人不是征服什么，而是能承受什么。一些事情，只有经历过了，才能明白其中的道理，和懂得人生的真谛。绝望并不可怕，可怕的是失去勇气和激情。经历绝望，但不要被绝望吞噬。相反你要胜过它，如同战胜黑暗，迎接光明一样。
                        </p>
                    </div>
                    <div class="footer clearfix" style="margin-top:10px;">
                        <updown class="pull-left"></updown>
                        <Report class="pull-left" style="margin-left:10px;" :showLook="false"></Report>
                    </div>
                    <textarea class="form-control" rows="3" style="margin-top:10px;color:#000" placeholder="评论"></textarea>
                    <div style="margin-top:10px;">
                        <button class="btn btn-primary pull-right" style="width:80px;">提交</button>
                    </div>
                </template>
            </div>
        </div>
    </div>
</template>

<script>
    import Updown from './Updown.vue'
    import Report from './Report.vue'

    export default{
        components:{
            Updown,
            Report
        },
        data(){
            return {
                type:this.$route.params.type,
                id:this.$route.params.id,
                translation:' 高度自律和自黑 　　为什么不说自信呢？不自信的人，普遍内心比较脆弱。一个自信的人，对自己充满信心，做事往往带着积极向上的力量，并时刻充满激情。所有的盲目自信，和空腹自信，都是自以为是。心中要有真才实学，哪怕在不断的试错，但终究能到达攀登高峰的那一天。 　　人的自信到底从何而来？以及如何培养自己的自信？高度的自信，从高度的自律而来。自律又是什么？自律就是自己管理自己，自己约束自己。这是一个很重要的能力。先学会克制自己，用严格的日程表来控制生活，才能在这种自律中不断磨练出自信。自信也代表着对事情的控制能力，连最基本的时间都控制不了，谈何自信？ 　　除了自律以外，自黑的能力也相当重要。世界之大，什么鸟都有。等你哪一天稍微做出点成绩，很多认识或不认识的人便在背后，唧唧歪歪的议论是非。从最开始的吐槽，到断章取义的论断甚至无趣的黑你。 　　自黑就是自己嘲笑自己，自己黑色幽默自己。自黑是一种沟通方式，也是一种境界，更是一种另类的修养。自黑不是等到有人说你时才出现，而是从头到尾都需要有的能力。你必须看透那些无聊恶俗的人，要比他们还会擅长黑自己，待他们自知无趣后，便会羞愧的退场而去。 　　2。 必须经历绝望 　　经历绝望的意思，就是已经走过这段岁月。也许你还未曾绝望过，并不意味着你不坚强，但一定没有经历过绝望的人坚强。未绝望过的人生是不完美的人生。绝望可能是情感、事业抑或无法面对的孤独等等。 ',
                title:'翻译标题'
            }
        }
    }
</script>

<style scoped>
    .user{
        /*margin:20px 0;*/
        margin-bottom:20px;
        height:36px;
        line-height:36px;
    }

    .user img{
        display:inline-block;
        width:36px;
        height:36px;
        float:left;
        margin-right:5px;
    }

    .user span{
        color:#438eff;
        float:left;
    }

    .title{
        font-weight:bold;
        font-size:16px;
        line-height:1;
        margin-bottom:10px;
    }

    .content{
        color:#666;
    }

    textarea{
        border-radius:3px;
        color:#fe5e5e;
    }

    .rating{
        line-height:33px;
        padding-bottom:10px;
        border-bottom:1px solid #d6d6d6;
    }

    .rating .btn-rating{
        background-color:transparent;
        border:1px solid #fe5e5e;
        color:#fe5e5e;
        width:80px;
    }

    .rating span:nth-child(odd):not(:first-child){
        margin-left:20px;
    }

    .rating span:nth-child(even){
        color:#438eff;
    }

    .translate{
        background-color:#f7f7f7;
        padding:15px;
        margin-top:20px;
    }

    .translate .content{
        margin-bottom:0;
    }
</style>
