开票审批

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

@@ -0,0 +1,106 @@
+<!--  -->
+<template>
+    <div>
+        <el-form ref="formRef" :model="otherInfo"  label-position="left" label-width="auto" disabled>
+            <div class="hc-form-item">
+                <el-form-item label="申请时间：" prop="invoiceDate">
+                    <el-date-picker type="date" class="block" v-model="otherInfo.invoiceDate" format="YYYY-MM-DD"
+                        value-format="YYYY-MM-DD" />
+                </el-form-item>
+                <el-form-item label="发票抬头：">
+                    <el-input v-model="otherInfo.key2" disabled />
+                </el-form-item>
+            </div>
+            <div class="hc-form-item">
+                <el-form-item label="开票事由：" prop="invoiceDesc">
+                    <el-input type="textarea" v-model="otherInfo.invoiceDesc" :autosize="{ minRows: 3, maxRows: 5 }" />
+                </el-form-item>
+                <el-form-item label="纳税人识别号：">
+                    <el-input v-model="otherInfo.key2" disabled />
+                </el-form-item>
+            </div>
+            <div class="hc-form-item">
+                <el-form-item label="开票人：" prop="invoiceUserId">
+                    <el-select block v-model="otherInfo.invoiceUserId">
+                        <el-option label="暂无接口1" value="1" />
+                        <el-option label="暂无接口2" value="2" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="开户银行：">
+                    <el-input v-model="otherInfo.key2" disabled />
+                </el-form-item>
+            </div>
+            <div class="hc-form-item">
+                <el-form-item label="发票类型：" prop="invoiceType">
+                    <el-select block v-model="otherInfo.invoiceType">
+                        <el-option v-for="item in invoiceTypeData" :label="item.dictName" :value="item.dictValue" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="银行账户：">
+                    <el-input v-model="otherInfo.key2" disabled />
+                </el-form-item>
+            </div>
+            <div class="hc-form-item">
+                <el-form-item label="关联项目：" prop="projectId">
+                    <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>
+                <el-form-item label="收件人：">
+                    <el-input v-model="otherInfo.key2" disabled />
+                </el-form-item>
+            </div>
+            <div class="hc-form-item">
+                <el-form-item label="开票金额：" prop="invoiceMoney">
+                    <el-input v-model="otherInfo.invoiceMoney">
+                        <template #append>元</template>
+                    </el-input>
+                </el-form-item>
+                    <el-form-item label="联系电话：">
+                    <el-input v-model="otherInfo.key2" disabled />
+                </el-form-item>
+            </div>
+            <div class="hc-form-item">
+                <el-form-item label="开票内容：" prop="invoiceContentType">
+                    <el-select block v-model="otherInfo.invoiceContentType">
+                        <el-option label="暂无接口1" value="1" />
+                        <el-option label="暂无接口2" value="2" />
+                    </el-select>
+                </el-form-item>
+                
+                <el-form-item label="邮寄地址：">
+                    <el-input v-model="otherInfo.key2" disabled />
+                </el-form-item>
+            </div>
+         
+        </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: {}
+  }
+})
+const invoiceTypeData=ref([])
+const projectType=ref([])
+//监听
+watch(() => [
+  props.otherInfo,
+], ([otherInfo]) => {
+  console.log(otherInfo, 'otherInfo');
+
+})
+
+
+</script>
+<style lang='scss' scoped></style>

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

@@ -41,7 +41,7 @@
             </el-form>
         </HcCardItem>
 
-        <HcCardItem title="数据详情" class="mt-4"  v-if="dataType !== '任务审批'">
+        <HcCardItem title="数据详情" class="mt-4"  v-if="dataType !== '任务审批'||dataType !== '开票审批'||dataType !== '外包支付'||dataType !== '财务审核'">
              <!-- 报销 -->
             <div class="hc-info-list" v-if="dataType=='报销审批'">
                 <HcListItem title="报销金额：" :content="otherInfo?.frMoney"/>
@@ -99,6 +99,10 @@
             <div class="hc-info-list" v-if="dataType==='用车审批'">
                 <vehicleRequest :other-info="otherInfo"/>
             </div>
+            <!-- 开票申请 -->
+            <div class="hc-info-list" v-if="dataType==='开票审批'">
+                <invoiceRequest :other-info="otherInfo"/>
+            </div>
           
         </HcCardItem>
   
@@ -137,6 +141,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>
@@ -162,7 +167,9 @@ 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'
+import vehicleRequest from './components/vehicle-request.vue' 
+import invoiceRequest from './components/invoice-request.vue'
+
 
 
 //初始变量