<template>
    <global-page-search @reset="handleReset" @confirm="handleConfirm">
        <up-form labelPosition="left" labelWidth="auto" :model="formData">
            <up-form-item label="状态" prop="status" :borderBottom="true">
                <global-picker
                    v-model="formData.status"
                    pickAlign="right"
                    clearable
                    :options="[
                        { label: 'OPEN', value: '1' },
                        { label: 'CLOSE', value: '0' }
                    ]"
                ></global-picker>
            </up-form-item>
            <up-form-item label="是否有效" prop="valid" :borderBottom="true">
                <global-picker
                    v-model="formData.valid"
                    pickAlign="right"
                    :options="[
                        { label: '有效', value: '1' },
                        { label: '无效', value: '0' }
                    ]"
                    clearable
                ></global-picker>
            </up-form-item>
            <up-form-item label="基地/职能部门" prop="department" :borderBottom="true">
                <global-picker v-model="formData.department" pickAlign="right" :options="department" clearable filter></global-picker>
            </up-form-item>
            <up-form-item label="考核对象" prop="appraisee" :borderBottom="true">
                <global-picker v-model="formData.appraisee" pickAlign="right" :options="appraisee" clearable filter></global-picker>
            </up-form-item>
            <up-form-item label="事件类别" prop="eventType" :borderBottom="true">
                <global-picker v-model="formData.eventType" pickAlign="right" clearable dictkey="ar_eventType"></global-picker>
            </up-form-item>
            <up-form-item label="机号" prop="ac" :borderBottom="true">
                <global-picker v-model="formData.ac" pickAlign="right" clearable :options="deviceNumList" filter></global-picker>
            </up-form-item>
            <up-form-item label="日期" :borderBottom="true">
                <global-calendar
                    pickAlign="right"
                    v-model:startTime="formData.startTime"
                    v-model:endTime="formData.stopTime"
                    clearable
                ></global-calendar>
            </up-form-item>
        </up-form>
    </global-page-search>
</template>

<script setup>
import useBaseStore from 'mocp/store/base'
import useAppraisalRecordStore from 'mocp/store/appraisal-record'
import { storeToRefs } from 'pinia'
import { cloneDeep } from 'lodash'
import { ref } from 'vue'

//获取下拉框选项
const {
    selectList: { deviceNumList }
} = useBaseStore()
const appraisalRecordStore = useAppraisalRecordStore()
const {
    selectList: { appraisee, department }
} = appraisalRecordStore
//获取查询表单数据
const { searchData } = storeToRefs(appraisalRecordStore)
const formData = ref(cloneDeep(searchData.value))
const handleReset = () => {
    appraisalRecordStore.resetForm()
    uni.$mocpJump.navigateBack()
    uni.$emit('appraisalRecordReload')
}
const handleConfirm = () => {
    appraisalRecordStore.setState('searchData', formData.value)
    uni.$mocpJump.navigateBack()
    uni.$emit('appraisalRecordReload')
}
</script>
<style lang="scss" scoped></style>
