49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
import { useRouter } from 'vue-router'
|
|
import {
|
|
NDatePicker,
|
|
NRadioButton,
|
|
NRadioGroup,
|
|
NButton,
|
|
NSelect,
|
|
} from 'naive-ui'
|
|
import GanttCom from '../Gantt'
|
|
|
|
export default defineComponent({
|
|
setup() {
|
|
const range = ref()
|
|
const value = ref('day')
|
|
const type = ref()
|
|
|
|
const router = useRouter()
|
|
const editEvent = () => {
|
|
console.log(router)
|
|
router.push('/gantt/mainEdit')
|
|
}
|
|
return () => (
|
|
<>
|
|
<div class="flex gap-2">
|
|
<NDatePicker
|
|
v-model:value={range.value}
|
|
type="daterange"
|
|
clearable
|
|
disabled
|
|
/>
|
|
<NRadioGroup v-model:value={value.value} name="radiobuttongroup">
|
|
<NRadioButton value="hour" label="日" />
|
|
<NRadioButton value="day" label="月" />
|
|
</NRadioGroup>
|
|
<NSelect
|
|
v-model:value={type.value}
|
|
mode="multiple"
|
|
style="width: 200px"
|
|
></NSelect>
|
|
{/* <NButton class="ml-auto" type="primary" onClick={editEvent}>
|
|
编辑事件
|
|
</NButton> */}
|
|
</div>
|
|
<GanttCom scale={value.value} />
|
|
</>
|
|
)
|
|
},
|
|
})
|