loumengning
/
hbp


			
				
					
						
						
							
							
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
    <div style="margin: 10px;">
        <span>名称：</span>
        <el-input v-model="search.name" style="width: 150px;" placeholder="请输入内容"></el-input>
        <span>状态</span>
        <el-select v-model="search.status" placeholder="请选择" clearable>
            <el-option
                    v-for="item in status"
                    :key="item.id"
                    :label="item.value"
                    :value="item.id">
            </el-option>
        </el-select>
        <el-button type="primary"icon="el-icon-search" :disabled="isApi===true" >搜索</el-button>
    </div>
</div>
</body>
<!-- import Vue before Element -->
<script src="/assets/js/vue/vue.js"></script>
<!-- import JavaScript -->
<script src="/assets/js/vue/index.js"></script>
<script>
    new Vue({
        el: '#app',
        data: function() {
            return {
                isApi:false,
                search: {
                    outRequestNo:"",
                    couponCode:""
                },
                status:[
                    {"id":0,'value':"未付款"},
                    {"id":1,'value':"付款中"},
                    {"id":2,'value':"已付款"}
                ]
            }
        }
    })
</script>
</html>