<template>
    <global-page
        :padding="24"
        title="早会工作详情"
        showNavRight
        navRightType="icon"
        showFooterBtn
        footerBtnText="工作反馈"
        :editMode="3"
        @handleRightClick="handleRightClick"
        @handleFooterClick="handleFooterClick"
    >
        <view class="details">
            <view class="details-header">
                <view class="details-header-top">
                    <view class="left">CLOSE</view>
                    <view class="right">
                        <global-field label="提出人:" value="唐恒山"></global-field>
                    </view>
                </view>
                <view class="details-header-center">
                    <view class="left">
                        <global-icon icon="mind-mapping"></global-icon>
                        <global-field class="txt" label="工作台编号:" value="24242424"></global-field>
                    </view>
                    <view class="right">
                        <text>陈朝丽测试</text>
                        <text class="txt">早会工作</text>
                    </view>
                </view>
                <view class="details-header-footer">
                    <view class="left">
                        <global-icon icon="safe"></global-icon>
                        <text class="txt">反馈情况</text>
                    </view>
                    <view class="right">是</view>
                </view>
            </view>
            <view class="details-body">
                <view class="details-body-content">
                    针对股份1213飞机1月2日海口过站检查发现副驾驶氧气面罩盒测试电门损坏的情况，要求737机型中心分析原因。
                </view>
                <view class="details-body-file">
                    <image src="/static/image/login/upload.png" alt="" mode="widthFix" />
                </view>
            </view>
            <view class="details-footer">
                <global-field label="开始日期:" value="2024-01-03"></global-field>
                <global-field label="完成日期:" value="2024-01-03"></global-field>
            </view>
        </view>
        <card-details title="工作反馈">
            <global-empty></global-empty>
        </card-details>
        <card-details title="领导批示" titleIcon="drive">
            <global-empty></global-empty>
        </card-details>
    </global-page>
    <!-- 责任单位弹出层 -->
    <company-popup ref="companyPopupRef"></company-popup>
</template>

<script setup>
import { ref } from 'vue'
import CardDetails from './components/card-details.vue'
import CompanyPopup from './components/company-popup.vue'

//责任公司弹框
const companyPopupRef = ref()
const handleRightClick = () => {
    companyPopupRef.value?.open()
}
//新增
const handleFooterClick = () => {
    uni.navigateTo({ url: 'edit-work' })
}
</script>
<style lang="scss" scoped>
@import './constants/details.scss';
</style>
