116 lines
2.8 KiB
Vue
116 lines
2.8 KiB
Vue
<template>
|
|
<div>
|
|
<!-- 搜索栏 -->
|
|
|
|
<div class="form">
|
|
<!-- inline="true"表单域在一行 -->
|
|
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
<el-form-item label="市场">
|
|
<el-select v-model="formInline.market" placeholder="选择市场" size="mini">
|
|
<el-option v-for="item in options_market" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="行业">
|
|
<el-select v-model="formInline.industry" placeholder="选择行业" size="mini">
|
|
<el-option v-for="item in options_industry" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="压力模型">
|
|
<el-select v-model="formInline.pressure" placeholder="选择压力模型" size="mini">
|
|
<el-option v-for="item in options_pressure" :key="item.value" :label="item.label" :value="item.value"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
<el-button class="grayish_btn" @click="onSubmit1" icon="el-icon-search" size="mini">测试</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import * as echarts from "echarts"
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
// 搜索栏——1市场选项
|
|
options_market: [{
|
|
value: '市场1',
|
|
label: '市场1'
|
|
}, {
|
|
value: '市场2',
|
|
label: '市场2'
|
|
}, {
|
|
value: '市场3',
|
|
label: '市场3'
|
|
}],
|
|
|
|
// 搜索栏——2行业选项
|
|
options_industry: [{
|
|
value: '行业1',
|
|
label: '行业1'
|
|
}, {
|
|
value: '行业2',
|
|
label: '行业2'
|
|
}, {
|
|
value: '行业3',
|
|
label: '行业3'
|
|
}],
|
|
|
|
// 搜索栏——3压力选项
|
|
options_pressure: [{
|
|
value: '压力1',
|
|
label: '压力1'
|
|
},
|
|
],
|
|
// 搜索栏——整合收据进行接收
|
|
formInline: {
|
|
market: '',
|
|
industry: '',
|
|
pressure:'',
|
|
// start_date:'',
|
|
// end_date:'',
|
|
},
|
|
}
|
|
},
|
|
computed:{
|
|
isLogin(){
|
|
return this.$store.state.isLogin
|
|
}
|
|
},
|
|
mounted(){
|
|
|
|
},
|
|
methods:{
|
|
|
|
onSubmit1(){
|
|
console.log()
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
|
|
.grayish_btn{//浅灰色按钮
|
|
color: #fff;//文字颜色
|
|
background-color: #aaaaaa;//背景颜色
|
|
}
|
|
</style>
|
|
|
|
|
|
|
|
|