外包审批

src/views/home/task/components/outsourcing.vue

@@ -0,0 +1,70 @@
+<!--  -->
+<template>
+  <div >
+    <el-form ref="formRef" :model="otherInfo"  label-position="left" label-width="auto" disabled>
+        <div class="hc-form-item">
+            <el-form-item label="关联项目：">
+                <el-select block v-model="otherInfo.projectId">
+                    <el-option v-for="item in projectType" :label="item.projectName" :value="item.projectId"/>
+                </el-select>
+            </el-form-item>
+     
+        </div>
+        <el-form-item label="对方单位：">
+            <el-input v-model="otherInfo.toUnit"/>
+        </el-form-item>
+        <el-form-item label="支付金额：" prop="key3">
+            <el-input v-model="otherInfo.payMoney">
+                <template #append>元</template>
+            </el-input>
+        </el-form-item>
+        <el-form-item label="申请支付时间：">
+            <el-date-picker type="date" class="block" v-model="otherInfo.payDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
+        </el-form-item>
+        <el-form-item label="外包类型：">
+            <el-select block v-model="otherInfo.outsourcingType">
+                <el-option v-for="item in outsourcingTypeData" :label="item.dictName" :value="item.dictValue"/>
+            </el-select>
+        </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(()=>{
+    getProjectData()
+ })
+//参数
+const props = defineProps({
+  otherInfo: {
+    type: Object,
+    default: {}
+  }
+})
+const outsourcingTypeData=ref([])
+//项目类型
+const projectType = ref([])
+const getProjectData = async () => {
+    const {error, code, data} = await getProjectList()
+    //判断状态
+    if (!error && code === 200) {
+        projectType.value = getArrValue(data)
+    } else {
+        projectType.value = []
+    }
+}
+//监听
+watch(() => [
+  props.otherInfo,
+], ([otherInfo]) => {
+  console.log(otherInfo, 'otherInfo');
+
+})
+
+
+</script>
+<style lang='scss' scoped>
+</style>

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

@@ -103,7 +103,10 @@
             <div class="hc-info-list" v-if="dataType==='开票审批'">
                 <invoiceRequest :other-info="otherInfo"/>
             </div>
-          
+              <!-- 开票申请 -->
+              <div class="hc-info-list" v-if="dataType==='外包支付'">
+                <outsourcing :other-info="otherInfo"/>
+            </div>
         </HcCardItem>
   
         <HcCardItem title="操作任务" class="mt-4" v-if="dataType !== '1' && authType">
@@ -136,7 +139,7 @@
                     <el-option label="任务详情" value="任务审批"/>
                     <el-option label="财务报销" value="报销审批"/>
                     <el-option label="采购审批" value="采购审批"/>
-                    <el-option label="外包支付" value="4"/>
+                    <el-option label="外包支付" value="外包支付"/>
                     <el-option label="借款审批" value="借款审批"/>
                     <el-option label="出差审批" value="出差审批"/>
                     <el-option label="支付申请" value="支付审批"/>
@@ -168,7 +171,8 @@ 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' 
-import invoiceRequest from './components/invoice-request.vue'
+import invoiceRequest from './components/invoice-request.vue' 
+import outsourcing from './components/outsourcing.vue'