用车申请

src/views/home/task/components/vehicle-request.vue

@@ -0,0 +1,76 @@
+<!--  -->
+<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>

src/views/home/task/task-details.vue

@@ -95,6 +95,10 @@
             <div class="hc-info-list" v-if="dataType==='采购审批'">
                 <purchaseRequest :other-info="otherInfo"/>
             </div>
+            <!-- 用车申请 -->
+            <div class="hc-info-list" v-if="dataType==='用车审批'">
+                <vehicleRequest :other-info="otherInfo"/>
+            </div>
           
         </HcCardItem>
   
@@ -132,6 +136,7 @@
                     <el-option label="借款审批" value="借款审批"/>
                     <el-option label="出差审批" value="出差审批"/>
                     <el-option label="支付申请" value="支付审批"/>
+                    <el-option label="用车审批" value="用车审批"/>
                 </el-select>
             </div>
             <el-button hc-btn @click="authTypeClick">模拟财务审核</el-button>
@@ -157,6 +162,7 @@ import tripInfo from './components/trip-info.vue'//出差申请
 import paymentRequest from './components/pay-request.vue'
 import loanRequest from './components/loan-request.vue' 
 import purchaseRequest from './components/purch-request.vue'//采购
+import vehicleRequest from './components/vehicle-request.vue'
 
 
 //初始变量