<template>
    <div class="wrap">
        <LHeader :text="text"></LHeader>
        <!-- 内容列表 -->
        <div class="con-list">
            <van-form>
                <van-field v-model="form.reason" readonly label="申请原因：" name="applyReason" />
                <van-field v-model="form.applyTime" readonly label="申请时间：" name="applyReason" />
                <van-field v-model="form.holidayTime" readonly label="请假时间：" name="applyReason" />
            </van-form>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
import LHeader from "@/components/header.vue";
import { getFun, postFun } from "@/service/table.js";

export default {
    name: 'patrolCancle', //巡查取消
    components: {
        LHeader,
    },
    data() {
        return {
            id: '',
            text: '巡查取消',
            form: {
                measures: '123',
                createTime: '2022'
            }
        }
    },
    computed: {

    },
    watch: {

    },
    created() {

    },
    mounted() {
        if (!this.$route.query.id) {
            this.$toast
        }
        this.id = this.$route.query.id;
        this.getData();
    },
    methods: {
        getData() {
            getFun('/risk/currentRiskHoliday/' + this.id).then(res => {
                this.form = res.data;
            })
        }
    },
}
</script>

<style scoped lang='less'>
.wrap {
    height: 100vh;
    width: 100vw;
}

.con-list {
    padding-top: 20px;
    background-color: #f0f1f5;

    .van-cell-group--inset {
        margin: 0;
        margin-bottom: 0.26667rem;
        padding: 0.25rem;
        font-size: 0.4rem;
        position: relative;
        border-radius: 4%;
        box-shadow: 0px 0px 10px 2px #f3f3f3;
        width: 90%;
        margin: 0.4rem auto;

        .van-row {
            font-size: 0.4rem;
            line-height: 0.8rem;
            margin-bottom: 0;
        }
    }
}

.operation-btn {
    width: 95%;
    margin: 20px 10px 10px;
    position: fixed;
    bottom: 50px;
    right: 0;
    left: 0;
}
</style>
