<script setup lang="ts">
|
const form = reactive({
|
|
})
|
</script>
|
|
<template>
|
<div>
|
<el-form :model="form" label-width="220px" label-position="left">
|
<div>省内排名</div>
|
<el-form-item label="排名时间范围" required >
|
<el-select v-model="form.region" placeholder="请选择">
|
<el-option label="当月" value="shanghai" />
|
<el-option label="本季" value="beijing" />
|
<el-option label="本年" value="beijing" />
|
</el-select>
|
</el-form-item>
|
<div>
|
镇街数据
|
</div>
|
<el-form-item label="排名时间范围" required>
|
<el-select v-model="form.region" placeholder="请选择">
|
<el-option label="当月" value="shanghai" />
|
<el-option label="本季" value="beijing" />
|
<el-option label="本年" value="beijing" />
|
</el-select>
|
</el-form-item>
|
<div style="display: flex">
|
<el-form-item label="折线时间范围(排名)">
|
<el-date-picker
|
v-model="form.time"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始时间"
|
end-placeholder="结束时间"
|
/>
|
</el-form-item>
|
<el-form-item label="折线时间轴(排名)" required >
|
<el-select v-model="form.region" placeholder="请选择">
|
<el-option label="按月" value="shanghai" />
|
<el-option label="按季" value="beijing" />
|
<el-option label="按年" value="beijing" />
|
</el-select>
|
</el-form-item>
|
</div>
|
<div style="display: flex">
|
<el-form-item label="折线时间范围(指数分析)">
|
<el-date-picker
|
v-model="form.time"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始时间"
|
end-placeholder="结束时间"
|
/>
|
</el-form-item>
|
<el-form-item label="折线时间轴(指数分析)" required >
|
<el-select v-model="form.region" placeholder="请选择">
|
<el-option label="按月" value="shanghai" />
|
<el-option label="按季" value="beijing" />
|
<el-option label="按年" value="beijing" />
|
</el-select>
|
</el-form-item>
|
</div>
|
</el-form>
|
<div style="text-align: center">
|
<el-button >取消</el-button>
|
<el-button type="primary" >保存</el-button>
|
</div>
|
</div>
|
</template>
|
|
<style scoped lang="scss">
|
|
</style>
|