<!--  -->
<template>
  <div >
    <el-form ref="formRef" :model="otherInfo" label-position="top" disabled>
        <el-form-item label="用车事由：">
            <el-input type="textarea" v-model="otherInfo.ucDesc" :autosize="{ minRows: 2, maxRows: 3 }"/>
        </el-form-item>
        <div class="hc-form-item">
            <el-form-item label="始发地点：">
                <el-input v-model="otherInfo.startLocations"/>
            </el-form-item>
            <el-form-item label="返回地点：">
                <el-input v-model="otherInfo.endLocations"/>
            </el-form-item>
        </div>
        <div class="hc-form-item">
            <el-form-item label="用车日期：" prop="useStartDate">
                <el-date-picker type="date" class="block" v-model="otherInfo.useStartDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
            </el-form-item>
            <el-form-item label="返回日期：" prop="useEndDate">
                <el-date-picker type="date" class="block" v-model="otherInfo.useEndDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
            </el-form-item>
        </div>
        <HcCardItem :title="'车辆明细'" ui="hac-bg-grey" style="background: #f7f7f7;" class="mt-4">
                  <div class="hc-form-item">
                    <el-form-item label="车辆类型：" prop="carType">
                        <el-input v-model="otherInfo.carType"/>
                    </el-form-item>
                    <el-form-item label="数量：" prop="carCount">
                        <el-input v-model="otherInfo.carCount">
                            <template slot="append">辆</template>
                        </el-input>
                    </el-form-item>
                    <el-form-item label="其它要求：">
                        <el-input v-model="otherInfo.otherRequirements"/>
                    </el-form-item>
                </div>
          
        </HcCardItem>
        <el-form-item label="备注：" class="mt-4">
            <el-input type="textarea" v-model="otherInfo.remarks" :autosize="{ minRows: 3, maxRows: 5 }"/>
        </el-form-item>
        <el-form-item label="图片：">
            <HcFormUpload type="preview" :src="otherInfo.photoUrl" v-if="otherInfo.photoUrl" />
        </el-form-item>
    </el-form>
  </div>
</template>

<script setup>
import { ref, watch,onActivated } from 'vue'
import {getProjectList} from "~api/other";
import {getArrValue} from "js-fast-way";
onActivated(()=>{

 })
//参数
const props = defineProps({
  otherInfo: {
    type: Object,
    default: {}
  }
})

//监听
watch(() => [
  props.otherInfo,
], ([otherInfo]) => {
  console.log(otherInfo, 'otherInfo');

})


</script>
<style lang='scss' scoped>
</style>