<template>
    <global-page title="添加工作反馈" navLeftType="text" :showNavRight="true" navRightType="button" navRightText="保存">
        <view class="content">
            <up-form labelPosition="left" labelWidth="auto" ref="formRef">
                <view class="form">
                    <view class="form-item">
                        <up-form-item label="工作反馈状态" :borderBottom="true">
                            <global-picker pickAlign="right" clearable></global-picker>
                        </up-form-item>
                        <up-form-item label="问题分析" :borderBottom="true" labelPosition="top">
                            <up-textarea
                                placeholder="一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容"
                                :height="40"
                                border="none"
                            ></up-textarea>
                        </up-form-item>
                    </view>
                </view>
                <view class="form">
                    <view class="form-title">解决措施</view>
                    <view class="form-item">
                        <up-form-item label="工作目标" :borderBottom="true" labelPosition="top">
                            <view class="textarea">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</view>
                        </up-form-item>
                        <view class="plan">
                            <view class="plan-title">
                                <view class="left">分解计划</view>
                                <view class="right">
                                    <view class="circle"><up-icon name="plus" color="#fff" size="8"></up-icon></view>
                                    <view class="text">添加</view>
                                </view>
                            </view>
                            <view class="plan-body">
                                <view class="plan-body-list">
                                    <view class="plan-body-item">
                                        <view class="plan-body-title">
                                            <view class="left">分解计划1</view>
                                            <view class="right">2023-11-27</view>
                                        </view>
                                        <view class="plan-body-text">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</view>
                                    </view>
                                    <view class="plan-body-item">
                                        <view class="plan-body-title">
                                            <view class="left">分解计划2</view>
                                            <view class="right">2023-11-27</view>
                                        </view>
                                        <view class="plan-body-text">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</view>
                                    </view>
                                </view>
                                <up-form-item label="当前进展" :borderBottom="true" labelPosition="top">
                                    <view class="textarea">一段很长很长的内容文字，长文本自动换行，该选项的描述是一段很长的内容</view>
                                </up-form-item>
                                <up-form-item :borderBottom="true">
                                    <global-upload url="/resource/uploadFile"></global-upload>
                                </up-form-item>
                            </view>
                        </view>
                    </view>
                </view>
                <view class="form">
                    <view class="form-title" style="padding: 12rpx"></view>
                    <view class="form-item">
                        <up-form-item label="基地/部门批准领导" :borderBottom="true">
                            <up-input border="none" inputAlign="right" placeholder="请输入" :adjustPosition="false" clearable></up-input>
                        </up-form-item>
                        <up-form-item label="MCD批准领导" :borderBottom="true">
                            <up-input border="none" inputAlign="right" placeholder="请输入" :adjustPosition="false" clearable></up-input>
                        </up-form-item>
                        <up-form-item label="批复附件" labelPosition="top" :borderBottom="true">
                            <view style="margin-top: 24rpx">
                                <global-upload url="/resource/uploadFile"></global-upload>
                            </view>
                        </up-form-item>
                        <up-form-item label="后续措施反馈" :borderBottom="true">
                            <view class="switch">
                                <up-switch v-model="value" @change="change"></up-switch>
                            </view>
                        </up-form-item>
                        <up-form-item label="计划完成时间" :borderBottom="true">
                            <global-picker pickAlign="right" clearable mode="date" :emptyValue="-1" placeholder="请选择日期"></global-picker>
                        </up-form-item>
                    </view>
                </view>
            </up-form>
        </view>
    </global-page>
</template>

<script setup>
import { ref } from 'vue'

const value = ref(true)
const change = (e) => {
    console.log(e)
}
</script>
<style lang="scss">
@import './constants/edit-work.scss';
</style>
