book
/
book_admin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cps-component</title>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src='https://unpkg.com/vue@2.5.21/dist/vue.min.js'></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="http://www.dev.kpread.com/assets/libs/jquery/dist/jquery.min.js"></script>
    <script src="http://momentjs.cn/downloads/moment.js"></script>
<script type="text/javascript" src="component.bundle.js"></script></head>
<body>
<div id="app">

    <el-button class="choose_title">选择标题</el-button>
    <title-select :select="selecttitle" bind=".choose_title"></title-select>

    <el-button class="choose_cover">选择图片</el-button>
    <cover-select :select="selectcover" bind=".choose_cover"></cover-select>

    <el-button class="createnovellink">创建推广链接</el-button>
    <referral-novel bind=".createnovellink" :create="callback"></referral-novel>

    <el-button class="createhomelink">创建首页链接</el-button>
    <referral-home bind=".createhomelink" :create="callback"></referral-home>

    <div style="padding: 15px">
        <reply-form
                switch="normal"
                :type="sub_type"
                :news="news"
                :text="text"
                kandian="20"
                gzh="afd"
                :text_tip_input="text_tip_input"
                :keywords="keywords"
                :save="save"
        >
        </reply-form>
    </div>

    <!--<div style="padding: 15px">-->
        <!--<subscribe-form-->
                <!--switch="normal"-->
                <!--:type="sub_type"-->
                <!--:news="news"-->
                <!--:text="text"-->
                <!--kandian="20"-->
                <!--gzh="afd"-->
                <!--:text_tip_input="text_tip_input"-->
        <!--&gt;-->
        <!--</subscribe-form>-->
    <!--</div>-->
    <!--<div style="padding: 15px">-->
        <!--<subscribe-delay-form-->
                <!--switch="normal"-->
                <!--:news="news"-->
        <!--&gt;-->
        <!--</subscribe-delay-form>-->
    <!--</div>-->


    <!--<div style="padding: 15px">-->
        <!--<reply-form-->
                <!--switch="normal"-->
                <!--:type="sub_type"-->
                <!--:news="news"-->
                <!--:text="text"-->
                <!--kandian="20"-->
                <!--gzh="afd"-->
                <!--:text_tip_input="text_tip_input"-->
                <!--:keywords="keywords"-->
                <!--:save="save"-->
        <!--&gt;-->
        <!--</reply-form>-->
    <!--</div>-->
    <!--<div style="padding-left:15px;">-->
        <!--<input-search v-bind:list_value="list_value" @commit="commit"></input-search>-->
    <!--</div>-->
</div>
<script>
    var filter = {"sex":[{"id":"","name":"\u5168\u90e8","active":true},{"id":1,"name":"\u7537\u9891"},{"id":2,"name":"\u5973\u9891"}],"is_finish":[{"id":"","name":"\u5168\u90e8","active":true},{"id":1,"name":"\u5b8c\u7ed3"},{"id":0,"name":"\u8fde\u8f7d"}],"category_all":[{"id":"","name":"\u5168\u90e8","active":true,"sex":"-1"},{"id":13,"name":"\u70ed\u8840\u7684\u7537","image":"http://www.kpread.cn/uploads/20180827/117ba42982bd7f73a6cad145b00f72d9.jpg","sex":"1","weigh":13,"status":"normal","createtime":1518014480,"updatetime":1535341433,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":11,"name":"\u7c7b\u522b3","image":"","sex":"1","weigh":11,"status":"normal","createtime":1517456851,"updatetime":1517456851,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":10,"name":"\u7c7b\u522b2","image":"","sex":"1","weigh":10,"status":"normal","createtime":1517456843,"updatetime":1517456843,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":9,"name":"\u7c7b\u522b1","image":"","sex":"1","weigh":9,"status":"normal","createtime":1517456834,"updatetime":1517456834,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":8,"name":"\u73b0\u4ee3\u90fd\u5e02","image":"","sex":"1","weigh":8,"status":"normal","createtime":1516778591,"updatetime":1516849881,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":5,"name":"\u90fd\u5e02","image":"/uploads/20180116/569e9a6ecf3060c25e1f29325e68ebd4.jpg","sex":"1","weigh":6,"status":"normal","createtime":1515232633,"updatetime":1516759295,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":6,"name":"\u90fd\u5e022","image":"/uploads/20180119/af325518d66d6d82253058030538657b.jpeg","sex":"1","weigh":5,"status":"normal","createtime":1516344212,"updatetime":1516344212,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":3,"name":"\u519b\u4e8b123","image":"","sex":"1","weigh":4,"status":"normal","createtime":1515232557,"updatetime":1516621766,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":2,"name":"\u4ed9\u4fa0","image":"","sex":"1","weigh":2,"status":"normal","createtime":1515232550,"updatetime":1515232550,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":1,"name":"\u7384\u5e7b","image":"","sex":"1","weigh":1,"status":"normal","createtime":1515232540,"updatetime":1515232540,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":12,"name":"\u7c7b\u522b41","image":"","sex":"2","weigh":12,"status":"normal","createtime":1517456858,"updatetime":1517825125,"sex_text":"\u5973\u9891","status_text":"\u663e\u793a"},{"id":7,"name":"\u53e4\u8a00","image":"/uploads/20180119/5d292e21532ea5857531cdb8b0180637.jpg","sex":"2","weigh":7,"status":"normal","createtime":1516439665,"updatetime":1516439665,"sex_text":"\u5973\u9891","status_text":"\u663e\u793a"},{"id":4,"name":"\u73b0\u8a00","image":"","sex":"2","weigh":3,"status":"normal","createtime":1515232622,"updatetime":1515232622,"sex_text":"\u5973\u9891","status_text":"\u663e\u793a"}],"category_boy":[{"id":"","name":"\u5168\u90e8","active":true,"sex":"1"},{"id":13,"name":"\u70ed\u8840\u7684\u7537","image":"http://www.kpread.cn/uploads/20180827/117ba42982bd7f73a6cad145b00f72d9.jpg","sex":"1","weigh":13,"status":"normal","createtime":1518014480,"updatetime":1535341433,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":11,"name":"\u7c7b\u522b3","image":"","sex":"1","weigh":11,"status":"normal","createtime":1517456851,"updatetime":1517456851,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":10,"name":"\u7c7b\u522b2","image":"","sex":"1","weigh":10,"status":"normal","createtime":1517456843,"updatetime":1517456843,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":9,"name":"\u7c7b\u522b1","image":"","sex":"1","weigh":9,"status":"normal","createtime":1517456834,"updatetime":1517456834,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":8,"name":"\u73b0\u4ee3\u90fd\u5e02","image":"","sex":"1","weigh":8,"status":"normal","createtime":1516778591,"updatetime":1516849881,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":5,"name":"\u90fd\u5e02","image":"/uploads/20180116/569e9a6ecf3060c25e1f29325e68ebd4.jpg","sex":"1","weigh":6,"status":"normal","createtime":1515232633,"updatetime":1516759295,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":6,"name":"\u90fd\u5e022","image":"/uploads/20180119/af325518d66d6d82253058030538657b.jpeg","sex":"1","weigh":5,"status":"normal","createtime":1516344212,"updatetime":1516344212,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":3,"name":"\u519b\u4e8b123","image":"","sex":"1","weigh":4,"status":"normal","createtime":1515232557,"updatetime":1516621766,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":2,"name":"\u4ed9\u4fa0","image":"","sex":"1","weigh":2,"status":"normal","createtime":1515232550,"updatetime":1515232550,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"},{"id":1,"name":"\u7384\u5e7b","image":"","sex":"1","weigh":1,"status":"normal","createtime":1515232540,"updatetime":1515232540,"sex_text":"\u7537\u9891","status_text":"\u663e\u793a"}],"category_girl":[{"id":"","name":"\u5168\u90e8","active":true,"sex":"2"},{"id":12,"name":"\u7c7b\u522b41","image":"","sex":"2","weigh":12,"status":"normal","createtime":1517456858,"updatetime":1517825125,"sex_text":"\u5973\u9891","status_text":"\u663e\u793a"},{"id":7,"name":"\u53e4\u8a00","image":"/uploads/20180119/5d292e21532ea5857531cdb8b0180637.jpg","sex":"2","weigh":7,"status":"normal","createtime":1516439665,"updatetime":1516439665,"sex_text":"\u5973\u9891","status_text":"\u663e\u793a"},{"id":4,"name":"\u73b0\u8a00","image":"","sex":"2","weigh":3,"status":"normal","createtime":1515232622,"updatetime":1515232622,"sex_text":"\u5973\u9891","status_text":"\u663e\u793a"}],"idx":[{"id":"","name":"\u5168\u90e8","active":true},{"id":"91,100","name":"100-91"},{"id":"81,90","name":"90-81"},{"id":"61,80","name":"80-61"},{"id":"0,60","name":"60\u4ee5\u4e0b"}],"len":[{"id":"","name":"\u5168\u90e8","active":true},{"id":1,"name":"\u957f\u7bc7"},{"id":2,"name":"\u77ed\u7bc7"}],"property":[{"id":"","name":"\u5168\u90e8","active":true},{"id":"exclusive","name":"\u72ec\u5bb6"},{"id":"hot","name":"\u706b\u70ed\u5728\u63a8"},{"id":"new","name":"\u65b0\u4e66"},{"id":"free","name":"\u514d\u8d39"}],"state":[{"id":"","name":"\u5168\u90e8","active":true},{"id":1,"name":"\u4e0a\u67b6"},{"id":-1,"name":"\u5165\u5e93"}],"word_count":[{"id":"","name":"\u5168\u90e8","active":true},{"id":"0,300000","name":"30\u4e07\u4ee5\u4e0b"},{"id":"300000,500000","name":"30\u4e07-50\u4e07"},{"id":"500000,1000000","name":"50\u4e07-100\u4e07"},{"id":"1000000,5000000","name":"100\u4e07-500\u4e07"},{"id":"5000000,100000000","name":"500\u4e07\u4ee5\u4e0a"}]}
    var Main = {
        el: '#app',
        data() {
            return {
                callback:function(data){
                    console.log(data);
                },
                keywords:'',
                test_input:"aaa",
                news: [{
                    "title": "血洒疆场，黯然离队；沉寂四年，再披戎装；老兵不死，只是会渐渐凋零！",
                    "image": "http://cpsn.dev.kpread.com/uploads/20190105/d791a68e260e359a87d8c9e579cf57b5.png",
                    "description": "最神秘的特种部队，在一次秘密行动中穿越到了抗日战场，华夏大地狼烟四起!",
                    "url": "http://wx5c755b34fe1d1111.dev.kpread.com/t/1037",
                    "current_time": "7",
                    "unit": "1",
                    "id": 20,
                    "image_type": 1,
                    "book_id": "11000000053",
                    "chapter_id": "104616",
                    "book_name": "天才宝贝的猎爹计划",
                    "chapter_name": "第一章 执行任务",
                }],
                text: [{
                    "book_id": "11000000053",
                    "chapter_id": "104616",
                    "book_name": "天才宝贝的猎爹计划",
                    "chapter_name": "第一章 执行任务",
                    "title": "《嫡宠四小姐》第8章 不杀你，折磨你！"
                },{
                    "book_id": "11000000053",
                    "chapter_id": "104616",
                    "book_name": "天才宝贝的猎爹计划",
                    "chapter_name": "第一章 执行任务",
                    "title": "《嫡宠四小姐》第8章 不杀你，折磨你！"
                }
                ],
                sub_type: 3,
                text_tip_input: {
                    text_tip:'欢迎关注「$gzh_name」，点击下方继续阅读\r\n1\r\n2\r\n3',
                    text_split:'',
                },
                button:{
                    data: [
                        {
                            label: "label1",
                            value: "value1"
                        },
                        {
                            label: "label2",
                            value: "value2"
                        },
                        {
                            label: "label3",
                            value: "value3"
                        }
                    ],
                    tip:"测试试"
                },
                list_value: [
                    {
                        type: "input",
                        data: {
                            input: '',
                            placeholder: '书籍ID/名称/主角名搜索',
                            size: 'medium',
                            field: 'name',
                            operate:'LIKE'
                        }
                    },
                    {
                        type: "pick",
                        data: {
                            label: '小说属性：',
                            data: filter.property,
                            active: '',
                            field: 'corner_mark',
                            operate:'='
                        }
                    },
                    {
                        type: "pick",
                        data: {
                            label: '读者性别：',
                            data: filter.sex,
                            active: '',
                            field: 'sex',
                            operate:'='
                        }
                    },
                    {
                        type: "pick",
                        data: {
                            label: '连载状态：',
                            data: filter.is_finish,
                            active: '',
                            field: 'is_finish',
                            operate:'='
                        }
                    },
                    {
                        type: "pick",
                        data: {
                            label: '字数筛选：',
                            data: filter.word_count,
                            active: '',
                            field: 'word_count',
                            operate:'='
                        }
                    },
                    {
                        type: "pick",
                        data: {
                            label: '上架状态：',
                            data: filter.state,
                            active: '',
                            field: 'state',
                            operate:'='
                        }
                    },
                    {
                        type: "pick",
                        data: {
                            label: '小说类型：',
                            data: filter.category_all,
                            active: '',
                            field: 'book_category_id',
                            operate:'='
                        }
                    },
                    {
                        type: "pick",
                        data: {
                            label: '派单指数：',
                            data: filter.idx,
                            active: '',
                            field: 'idx',
                            operate: '='
                        }
                    }
                ],
                save:function () {
                    console.log(1111)
                }
            }
        },
        methods: {
            change: function (item) {
                console.log(item)
            },
            commit: function (form) {
                console.log(form)
            },
            selecttitle:function (value, row) {
                console.log(value, row)
                return false
            },
            selectcover: function (value, row) {
                console.log(value, row)
                return false
            }
        }
    };
    new Vue(Main)
</script>

</body>
</html>