qzyReal
/
pco


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!DOCTYPE html>
<html>
<head>
    <title>Redis-key值添加</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <!-- 所有的 css & js 资源 -->
    <link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
    <link rel="stylesheet" href="../../static/sa.css">
    <script src="../../static/kj/vue.min.js"></script>
    <script src="../../static/kj/element-ui/index.js"></script>
    <script src="../../static/kj/jquery.min.js"></script>
    <script src="../../static/kj/layer/layer.js"></script>
    <script src="../../static/sa.js"></script>
    <style type="text/css">
        .c-panel .c-label {
            width: 6em;
        }

        /*  普通文本和富文本一起变长  */
        .c-panel .el-form .el-input, .c-panel .el-form .el-textarea__inner {
            width: 600px;
        }

        body {
            background-color: #FFF;
        }
    </style>

</head>
<body>
<div class="vue-box sbot" style="display: none;" :style="'display: block;'">
    <!-- ------- 内容部分 ------- -->
    <div class="s-body">
        <div class="c-panel">
            <div class="c-title">数据添加</div>
            <el-form v-if="m">
                <div class="c-item br">
                    <label class="c-label">key：</label>
                    <el-input v-model="m.key"></el-input>
                </div>
                <div class="c-item br">
                    <label class="c-label" style="vertical-align: top;">value：</label>
                    <div style="display: inline-block;">
                        <el-input v-model="m.value" type="textarea" :autosize="{ minRows: 14, maxRows: 20}"></el-input>
                    </div>
                </div>
                <div class="c-item br">
                    <label class="c-label">ttl：</label>
                    <el-input v-model="m.ttl" placeholder="过期时间 单位/毫秒"></el-input>
                </div>
            </el-form>
        </div>
    </div>
    <!-- ------- 底部按钮 ------- -->
    <div class="s-foot">
        <el-button type="primary" @click="ok()">确定</el-button>
        <el-button @click="sa.closeCurrIframe()">取消</el-button>
    </div>
</div>
<script type="text/javascript">
    function crate_model() {
        return {
            key: '',
            value: '',
            ttl: '',
            is_show: true
        }
    }
</script>
<script>

    var app = new Vue({
        el: '.vue-box',
        data: {
            sa: sa, 	// 超级对象
            m: crate_model()
        },
        methods: {
            // 修改
            ok: function () {
                // 开始验证
                var m = this.m;
                if (m.key == '') {
                    return sa.error('请输入键');
                }
                if (m.value == '') {
                    return sa.error('请输入值');
                }
                if (m.ttl == '') {
                    return sa.error('请输入ttl (过期时间)');
                }
                if (isNaN(m.ttl)) {
                    return sa.error('ttl 必须是一个数字 ');
                }
                // 添加
                m.ttl = parseInt(m.ttl);
                sa.ajax('/RedisConsole/set', m, function (res) {
                    sa.closeCurrIframe();
                    parent.app.dataListShow.unshift(m);
                    parent.sa.msg('添加成功');
                    parent.sa.f5TableHeight();	// 刷新表格高度
                }.bind(this));
            }
        },
        mounted: function () {

        }
    })


</script>
</body>
</html>