<template>
    <view class="container">
        <MBCard>
            <uni-forms ref="baseForm" :modelValue="queryParams">
                <uni-forms-item label="合同编号">
                    <uni-easyinput
                        v-model="queryParams.contractCode"
                        errorMessage
                        focus
                        placeholder="请输入合同编号"
                        trim="all"
                        @input="handleQuery"
                    />
                </uni-forms-item>
                <uni-forms-item label="地域">
                    <Area v-model="queryParams.areaId" @change="handleQuery"/>
                </uni-forms-item>
                <uni-forms-item label="商业公司">
                    <BusinessCompany v-model="queryParams.params.userId" @change="handleQuery" :areaId="queryParams.areaId"/>
                </uni-forms-item>
                <uni-forms-item label="货主">
                    <ProductionUnit v-model="queryParams.companyId" @change="handleQuery"/>
                </uni-forms-item>
            </uni-forms>
        </MBCard>
    </view>
</template>

<script setup>
import MBCard from "../../../components/MB/MBCard.vue";
import ProductionUnit from "../../../components/ProductionUnit/ProductionUnit.vue";
import UniForms from "../../../uni_modules/uni-forms/components/uni-forms/uni-forms.vue";
import UniFormsItem from "../../../uni_modules/uni-forms/components/uni-forms-item/uni-forms-item.vue";
import {ref} from 'vue'
import BusinessCompany from "../../../components/BusinessCompany.vue";
import Area from "../../../components/Area.vue";

const queryParams = ref({
    params: {}
})

const handleQuery = () => {
}
</script>
