货代发票申请 2023-12-27

src/views/iosBasicData/fininvoicesApplyfor/fininvoicesDetails.vue

@@ -491,7 +491,17 @@
                     <el-tabs v-model="detailTabs" type="card">
                         <el-tab-pane label="费用明细" name="first">
                             <div style="margin-bottom: 10px;display: flex;">
-                                <el-button size="small" type="primary" @click="invoicingDialogfun" >生成开票</el-button>
+                                <search-query :datalist="invoicingData"
+                                              :selectValue="invoicingValue"
+                                              :clearable="true"
+                                              :buttonIf="false"
+                                              :filterable="true"
+                                              :forParameter="{key:'dictKey',label:'dictValue',value:'dictValue'}"
+                                              placeholder="请输入开票项目"
+                                              @corpChange="corpChange($event,'invoicingValue')"
+                                              @corpFocus="invoicingWorkDictsfun" >
+                                </search-query>
+                                <el-button style="margin-left: 10px" size="small" type="primary" @click="invoicingfun" >开票</el-button>
                                 <el-button size="small" type="danger" @click="batchDeletefun" >批量删除</el-button>
                             </div>
                             <fininvoicesitems :tableData="tableData"
@@ -568,18 +578,6 @@
             </el-form>
         </div>
 
-        <!--开票弹窗-->
-        <el-dialog
-            title="打印"
-            :visible.sync="InvoicingDialog"
-            append-to-body
-            width="70%"
-            :close-on-click-modal="false"
-            :destroy-on-close="true"
-            :close-on-press-escape="false"
-            v-dialog-drag>
-            <span>开票弹窗</span>
-        </el-dialog>
 
 
     </div>
@@ -605,7 +603,8 @@ export default {
         components:{ SearchQuery, fininvoicesitems,fininvoiceitemdetail},
         data() {
             return {
-                InvoicingDialog:false, // 开票弹窗的打开和关闭
+                invoicingData:[], // 开票项目数据
+                invoicingValue:'', // 开票项目
                 detailTabs:'first',
                 appendType:'检索',
                 pageLoading:false, // 全屏加载
@@ -656,8 +655,9 @@ export default {
             }
         },
         methods:{
-            invoicingDialogfun(){
-                this.InvoicingDialog = true
+            // 开票信息
+            invoicingfun(){
+                this.detailTabs = 'second'
             },
             // 批量删除
             batchDeletefun(){
@@ -771,6 +771,9 @@ export default {
                         }
                     }
                 }
+                else if (name == 'invoicingValue') {
+                    this.invoicingValue = value
+                }
                 else {
                     this.$set(this.form,name,value)
                 }
@@ -1000,6 +1003,11 @@ export default {
                     this.invTypeData = res.data.data;
                 })
             },
+            invoicingWorkDictsfun(){
+                getWorkDicts('Invoice_information_los').then(res=>{
+                    this.invoicingData = res.data.data;
+                })
+            },
 
         },
     }