<template>
  <el-dialog v-model="modelValue" title="等级切换" width="500px" @close="handleClose">
    <el-form :model="listQuery" ref="formValidate" :rules="rules">
        <el-form-item prop="sfbk" label="是否布控" v-if="props.type == '布控'">
            <MOSTY.Select filterable v-model="listQuery.sfbk" :dictEnum="bkList" width="100%" clearable placeholder="请选择是否布控"/>
        </el-form-item>
    </el-form>
    <template #footer>
        <div class="tc">
            <el-button @click="handleClose">取消</el-button>
            <el-button type="primary" @click="submitForm">确定</el-button>
        </div>
    </template>
</el-dialog>
</template>

<script setup>
import { ElMessage } from "element-plus";
import { qcckPost } from "@/api/qcckApi.js";
import * as MOSTY from "@/components/MyComponents/index";
import { ref ,defineProps,defineEmits, reactive} from 'vue';
const props = defineProps({
    modelValue:{
        type:Boolean,
        default:false
    },
    ids:{
        type:Array,
        default:[]
    },
    type:String,
    dic:Object
})
const bkList = reactive([
    { label:'撤销申请布控',value:'0' },
    { label:'申请布控',value:'1' },
])
const emits = defineEmits(["update:modelValue",'getDepValue']);
const formValidate = ref()
const rules = reactive({
    sfbk: [{ required: true, message: "请选择是布控", trigger: "change" }],
})
const listQuery = ref({});

const submitForm  = () =>{
    formValidate.value.validate((valid) => {
        if (!valid) return false;
        let params = { ids:props.ids, ...listQuery.value  }
        let url = ''
        if( props.type == '布控') url = '/mosty-gsxt/tbGsxtRqfjRy/updateBySfbkpz'
        qcckPost(params,url).then(res=>{
            ElMessage.success("成功");
            emits('update:modelValue',false)
            emits('change')
        })
    })
}

const handleClose = () =>{
    emits('update:modelValue',false)
    formValidate.value.resetFields();
}
</script>

<style lang="scss" scoped>

</style>