<template>
    <view>
        <view class="certification-card serve-main ">
            <view class="serve-box flex_c_s" @click="viewStatus && goModifyIt()">
                <view class="font-32-1D">服务类目</view>
                <view class="flex_c_r" v-if="viewStatus">
                    <view class="font-32-05">{{ project  ? project.businessName:'选择' }}</view>
                    <up-icon name="arrow-right" color="#C9CDD4" size="16"></up-icon>
                </view>
                <view class="font-32-05" v-else>{{ project.businessName }}</view>
            </view>
        </view>

    </view>
</template>
<script setup>
import { inject } from 'vue';
import { computed } from 'vue';

const formData = inject('formData');
const viewStatus = inject('viewStatus');
const project = computed(() => formData.project);
console.log("TCL: project=============", project)




const goModifyIt = async() => {
    try {

        uni.navigateTo({
            url: `/pages_home/pages/serviceManagement/Class?data=${encodeURIComponent(JSON.stringify(formData.activeProjects))}&value=${encodeURIComponent(JSON.stringify( project.value))}`
        });
    } catch (error) {
		console.log("TCL: goModifyIt -> error", error)
    }
}

const racioClick = (item) => {
	try {
        Object.assign(formData, { whether: item.value });
    } catch (error) {
		console.log("TCL: racioClick -> error", error)
    }
}


</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>