mky-vent-base/src/views/vent/gas/gasInspect/components/addressAdd.vue

<template>
    <div class="inspectEdit">
        <a-form :model="formAddress" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 12 }"
            autocomplete="off">
            <a-form-item label="巡检类型：">
                <JDictSelectTag v-model:value="formAddress.insType" placeholder="请选择巡检类型" dictCode="ins_type"
                    style="width: 220px" />
            </a-form-item>
            <a-form-item label="巡检区域：">
                <a-input v-model:value="formAddress.strremark" style="width: 220px" />
            </a-form-item>
            <a-form-item label="巡检地址：">
                <a-input v-model:value="formAddress.strinstallpos"  style="width: 220px" />
            </a-form-item>


        </a-form>
        <div class="edit-btn">
            <a-button type="primary" @click="confirmAddress">确定</a-button>
            <a-button type="success" @click="cancelAddress">取消</a-button>
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref, reactive, onMounted, watch } from 'vue'
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';

let formAddress = reactive<any>({
    insType: '',
    strremark: '',
    strinstallpos: '',
})
let $emit = defineEmits(['confirmAddress', 'cancelAddress'])

//确定
let confirmAddress = () => {
    $emit('confirmAddress', formAddress)
}
//取消
let cancelAddress = () => {
    formAddress = {
        insType: '',
        strremark: '',
        strinstallpos: '',
    }
    $emit('cancelAddress',)
}

onMounted(() => { })
</script>

<style lang="less" scoped>
.inspectEdit {
    padding: 10px;
    box-sizing: border-box;

    .edit-btn {
        display: flex;
        justify-content: flex-end;

        .zxm-btn {
            margin: 0px 10px;
        }
    }

}

:deep(.zxm-input) {
    color: #fff;
    border: 1px solid #3ad8ff77 !important;
    background-color: #ffffff00 !important;
}
</style>