Merge remote-tracking branch 'origin/master'

anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/fininvoiceapply.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 开票管理列表条件查询
 export function listPage(data) {
   return request({
-    url: '/fin/v1/finginvoiceapply/listPage',
+    url: '/fin/v1/finvehicleinvoice/listPage',
     data,
     method: 'post',
     headers: {
@@ -11,3 +11,24 @@ export function listPage(data) {
     }
   })
 }
+
+// 开票管理--初始化
+export function fetchDetailsBySid(data) {
+  return request({
+    url: '/fin/v1/finvehicleinvoice/fetchSid/' + data,
+    method: 'get'
+  })
+}
+
+// 开票管理--编辑
+export function saveOrUpdate(data) {
+  return request({
+    url: '/fin/v1/finvehicleinvoice/saveOrUpdate',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+

anrui-buscenter/anrui-finmanage-ui/src/router/modules/codemenu.js

@@ -177,13 +177,13 @@ const codemenu = [
     component: Layout,
     redirect: '/finginvoiceapply',
     meta: {
-      title: '开票'
+      title: '开票管理'
     },
     children: [{
       path: '/anruifinmanagement/finginvoiceapply/billingmanagement',
       component: () => import('@/views/anruifinmanagement/finginvoiceapply/billingmanagement/billingmanagement.vue'),
       name: 'KaiPiaoGuanLi',
-      meta: { title: '开票', noCache: true }
+      meta: { title: '开票管理', noCache: true }
     }]
   },
   // 费用申请管理编辑

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/billingmanagement/billingmanagement.vue

@@ -9,42 +9,42 @@
           <div v-show="isSearchShow" class="search">
             <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
               <el-form-item label="开票单位">
-                <el-input v-model="listQuery.params.proSchAppNo" placeholder="" clearable style="width: 150px"/>
+                <el-input v-model="listQuery.params.invoiceTitle" placeholder="" clearable style="width: 150px"/>
               </el-form-item>
               <el-form-item label="开票类型">
-                <el-select v-model="listQuery.params.state" placeholder="请选择" clearable style="width: 150px">
-                  <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+                <el-select v-model="listQuery.params.invoiceTypeKey" placeholder="请选择" clearable style="width: 150px">
+                  <el-option v-for="item in invoiceType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="合同编号">
-                <el-input v-model="listQuery.params.proSchAppNo" placeholder="" clearable style="width: 150px"/>
+                <el-input v-model="listQuery.params.contractNo" placeholder="" clearable style="width: 150px"/>
               </el-form-item>
               <el-form-item label="客户名称">
-                <el-input v-model="listQuery.params.proSchAppNo" placeholder="" clearable style="width: 150px"/>
+                <el-input v-model="listQuery.params.customerName" placeholder="" clearable style="width: 150px"/>
               </el-form-item>
               <el-form-item label="车架号">
-                <el-input v-model="listQuery.params.proSchAppNo" placeholder="" clearable style="width: 150px"/>
+                <el-input v-model="listQuery.params.vinNo" placeholder="" clearable style="width: 150px"/>
               </el-form-item>
               <el-form-item label="发票状态">
-                <el-select v-model="listQuery.params.applyTypeKey" placeholder="请选择" clearable style="width: 150px">
-                  <el-option v-for="item in applyType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+                <el-select v-model="listQuery.params.billingStateKey" placeholder="请选择" clearable style="width: 150px">
+                  <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="移交状态">
-                <el-select v-model="listQuery.params.paymentState" placeholder="请选择" clearable style="width: 150px">
-                  <el-option v-for="item in paymentState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+                <el-select v-model="listQuery.params.transferStateKey" placeholder="请选择" clearable style="width: 150px">
+                  <el-option v-for="item in invoiceState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
               <el-form-item label="开票名称">
-                <el-input v-model="listQuery.params.proSchAppNo" placeholder="" clearable style="width: 150px"/>
+                <el-input v-model="listQuery.params.invoicingName" placeholder="" clearable style="width: 150px"/>
               </el-form-item>
               <el-form-item label="发票代码">
-                <el-input v-model="listQuery.params.proSchAppNo" placeholder="" clearable style="width: 150px"/>
+                <el-input v-model="listQuery.params.invoiceCode" placeholder="" clearable style="width: 150px"/>
               </el-form-item>
               <el-form-item label="开票日期">
-                <el-date-picker v-model="listQuery.params.subscriptionStartDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 150px"/>
+                <el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 150px"/>
                 <span style="padding: 0 8px">至</span>
-                <el-date-picker v-model="listQuery.params.subscriptionEndDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 150px"/>
+                <el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 150px"/>
               </el-form-item>
             </el-form>
             <div class="btn" style="text-align: center;">
@@ -60,78 +60,80 @@
         <div class="">
           <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
             <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
-            <el-table-column fixed label="操作" width="180" align="center">
+            <el-table-column fixed label="操作" width="150" align="center">
               <template slot-scope="scope">
-                <el-button type="success" size="mini" v-show="scope.row.isShowAdopt == 1" @click="toEdit(scope.row)">编辑</el-button>
-                <el-button type="success" size="mini" @click="toInfo(scope.row)">查看</el-button>
+                <el-button type="primary" size="mini" v-show="scope.row.billingState !== '作废' && scope.row.transferState !== '已移交'" @click="toEdit(scope.row)">编辑</el-button>
+                <el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
               </template>
             </el-table-column>
             <el-table-column label="发票状态" width="100px" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.state }}</span>
+                <span>{{ scope.row.billingState }}</span>
               </template>
             </el-table-column>
             <el-table-column label="交接状态" width="100px" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.state }}</span>
+                <span>{{ scope.row.transferState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="业务状态" width="100px" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.businessState }}</span>
               </template>
             </el-table-column>
             <el-table-column label="开票单位" align="center" width="200px">
               <template slot-scope="scope">
-                <span>{{ scope.row.proSchAppNo }}</span>
+                <span>{{ scope.row.invoiceTitle }}</span>
               </template>
             </el-table-column>
             <el-table-column label="开票类型" align="center" width="200px">
               <template slot-scope="scope">
-                <span>{{ scope.row.applyType }}</span>
+                <span>{{ scope.row.invoiceType }}</span>
               </template>
             </el-table-column>
             <el-table-column label="合同编号" header-align="center" align="left" width="150px">
               <template slot-scope="scope">
-                <span>{{ scope.row.paymentMoney }}</span>
+                <span>{{ scope.row.contractNo }}</span>
               </template>
             </el-table-column>
             <el-table-column label="客户名称" align="center" width="100px">
               <template slot-scope="scope">
-                <span>{{ scope.row.paymentState }}</span>
+                <span>{{ scope.row.customerName }}</span>
               </template>
             </el-table-column>
             <el-table-column label="车架号" align="center" width="100px">
               <template slot-scope="scope">
-                <span>{{ scope.row.subscriptionDate }}</span>
+                <span>{{ scope.row.vinNo }}</span>
               </template>
             </el-table-column>
             <el-table-column label="开票名称" align="center" width="120px">
               <template slot-scope="scope">
-                <span>{{ scope.row.subscriptionPeo }}</span>
+                <span>{{ scope.row.invoicingName }}</span>
               </template>
             </el-table-column>
             <el-table-column label="开票金额" align="center" width="120px">
               <template slot-scope="scope">
-                <span>{{ scope.row.subscriptionPeo }}</span>
+                <span>{{ scope.row.invoiceAmount }}</span>
               </template>
             </el-table-column>
             <el-table-column label="开票日期" align="center" width="120px">
               <template slot-scope="scope">
-                <span>{{ scope.row.subscriptionPeo }}</span>
+                <span>{{ scope.row.createTime }}</span>
               </template>
             </el-table-column>
             <el-table-column label="发票代码" align="center" width="120px">
               <template slot-scope="scope">
-                <span>{{ scope.row.subscriptionPeo }}</span>
+                <span>{{ scope.row.invoiceCode }}</span>
               </template>
             </el-table-column>
             <el-table-column label="发票号" align="center" min-width="120px">
               <template slot-scope="scope">
-                <span>{{ scope.row.subscriptionPeo }}</span>
+                <span>{{ scope.row.invoiceNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="发票图片" align="center" width="180px" class-name="small-padding">
+            <el-table-column label="发票图片" align="center" width="100px" class-name="small-padding">
               <template slot-scope="scope">
                 <el-button size="mini" v-show="scope.row.witMatUrl !== ''" type="primary" @click="handleGetCheck(scope.row)">查看</el-button>
-                <div class="upload_img" v-show="scope.row.isShowAdopt == 1">
-                  <FileUpload ref="uploadMoreImg" v-model="imgList" bucket="map" @eett="getList" :upload-data="{type:'0001',sid: scope.row.sid}"></FileUpload>
-                </div>
               </template>
             </el-table-column>
           </el-table>
@@ -143,11 +145,11 @@
       </div>
     </div>
     <!-- End 列表页面 -->
-    <billingmanagementAdd v-show="viewState == 2" ref="divAdd" @doback="reseaState" @readlist="getList"/>
+    <billingmanagementAdd v-show="viewState == 2" ref="divAdd" @doback="reseaState" @reloadlist="getList"/>
     <billingmanagementInfo v-show="viewState == 3" ref="divInfo" @doback="reseaState"/>
     <!-- 照片弹窗 -->
     <el-dialog :append-to-body="true" :visible.sync="dialogImgVisible">
-      <img width="100%" :src="dialogImageUrl" alt="" />
+      <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
     </el-dialog>
   </div>
 </template>
@@ -158,7 +160,6 @@ import { getOrgSidByPath, typeValues } from '@/api/jichuxinxi/dictcommons'
 import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
 import ButtonBar from '@/components/ButtonBar'
-import FileUpload from '@/components/uploadFile/FileUpload'
 import billingmanagementAdd from './billingmanagementAdd'
 import billingmanagementInfo from './billingmanagementInfo'
 
@@ -167,7 +168,6 @@ export default {
   components: {
     Pagination,
     pageye,
-    FileUpload,
     ButtonBar,
     billingmanagementAdd,
     billingmanagementInfo
@@ -193,49 +193,30 @@ export default {
       tableKey: 0,
       list: [],
       srcList: [],
-      state_list: [
-        {
-          dictKey: 0,
-          dictValue: '未认款'
-        },
-        {
-          dictKey: 1,
-          dictValue: '已认款'
-        }
-      ],
-      paymentState_list: [
-        {
-          dictKey: 0,
-          dictValue: '未打款'
-        },
-        {
-          dictKey: 1,
-          dictValue: '已打款'
-        },
-        {
-          dictKey: 2,
-          dictValue: '无需打款'
-        }
-      ],
-      applyType_list: [],
+      invoiceType_list: [],
+      state_list: [],
+      invoiceState_list: [],
       FormLoading: false,
       listLoading: false,
       listQuery: {
         params: {
-          state: 0,
-          paymentState: '',
-          subscriptionStartDate: '',
-          subscriptionEndDate: '',
-          proSchAppNo: '',
-          applyTypeKey: '',
+          invoiceTitle: '',
+          invoiceTypeKey: '',
+          contractNo: '',
+          customerName: '',
+          vinNo: '',
+          billingStateKey: '',
+          transferStateKey: '',
+          invoicingName: '',
+          invoiceCode: '',
+          createStartTime: '',
+          createEndTime: '',
           createOrgSid: ''
         },
         current: 1,
         size: 10,
         total: 0
       },
-      dialogImageUrl: '',
-      imgList: [],
       rules: {}
     }
   },
@@ -268,9 +249,19 @@ export default {
       }
     },
     init() {
-      typeValues({ type: 'applyType' }).then((resp) => {
+      typeValues({ type: 'invoiceType' }).then((resp) => {
+        if (resp.success) {
+          this.invoiceType_list = resp.data
+        }
+      })
+      typeValues({ type: 'transferState' }).then((resp) => {
+        if (resp.success) {
+          this.invoiceState_list = resp.data
+        }
+      })
+      typeValues({ type: 'billingState' }).then((resp) => {
         if (resp.success) {
-          this.applyType_list = resp.data
+          this.state_list = resp.data
         }
       })
       getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
@@ -289,18 +280,18 @@ export default {
     },
     // 查询列表信息
     getList() {
-      // this.listLoading = true
-      // listPage(this.listQuery).then((response) => {
-      //   console.log('列表查询结果：', response)
-      //   this.listLoading = false
-      //   if (response.success) {
-      //     this.list = response.data.records
-      //     this.listQuery.total = response.data.total
-      //   } else {
-      //     this.list = []
-      //     this.listQuery.total = 0
-      //   }
-      // })
+      this.listLoading = true
+      listPage(this.listQuery).then((response) => {
+        console.log('列表查询结果：', response)
+        this.listLoading = false
+        if (response.success) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
     },
     // 查询按钮
     handleFilter() {
@@ -310,12 +301,17 @@ export default {
     handleReset() {
       this.listQuery = {
         params: {
-          state: 0,
-          paymentState: '',
-          subscriptionStartDate: '',
-          subscriptionEndDate: '',
-          proSchAppNo: '',
-          applyTypeKey: '',
+          invoiceTitle: '',
+          invoiceTypeKey: '',
+          contractNo: '',
+          customerName: '',
+          vinNo: '',
+          billingStateKey: '',
+          transferStateKey: '',
+          invoicingName: '',
+          invoiceCode: '',
+          createStartTime: '',
+          createEndTime: '',
           createOrgSid: ''
         },
         current: 1,
@@ -334,7 +330,7 @@ export default {
     },
     handleGetCheck(row) {
       this.dialogImgVisible = true
-      this.dialogImageUrl = row.witMatUrl
+      this.srcList = row.filePaths
     },
     reseaState() {
       this.viewState = 1

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/billingmanagement/billingmanagementAdd.vue

@@ -12,45 +12,45 @@
     </div>
     <div class="listconadd">
       <div class="titwu">发票信息</div>
-      <el-form ref="form_obj" v-model="formobj" :rules="rules" class="formaddcopy02">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
         <el-row style="border-top: 1px solid #E0E3EB">
           <el-col :span="24">
             <div class="span-sty">开票单位</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoiceTitle }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <div class="span-sty">合同编号</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
           </el-col>
           <el-col :span="8">
             <div class="span-sty">客户名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
           </el-col>
           <el-col :span="8">
             <div class="span-sty">车架号</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <div class="span-sty">开票类型</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
           </el-col>
           <el-col :span="8">
             <div class="span-sty">开票金额</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoiceAmount }}</span></el-form-item>
           </el-col>
           <el-col :span="8">
             <div class="span-sty">开票状态</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.billingState }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <div class="span-sty">开票名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoicingName }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
@@ -60,17 +60,17 @@
           </el-col>
           <el-col :span="12">
             <div class="span-sty">开票日期</div>
-            <el-form-item><el-date-picker v-model="formobj.name" class="addinputw" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item>
+            <el-form-item><el-date-picker v-model="formobj.createTime" class="addinputw" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
             <div class="span-sty">发票号</div>
-            <el-form-item><el-input v-model="formobj.name" clearable class="addinputw" /></el-form-item>
+            <el-form-item><el-input v-model="formobj.invoiceNo" clearable class="addinputw" /></el-form-item>
           </el-col>
           <el-col :span="12">
             <div class="span-sty">发票代码</div>
-            <el-form-item><el-input v-model="formobj.name" clearable class="addinputw" /></el-form-item>
+            <el-form-item><el-input v-model="formobj.invoiceCode" clearable class="addinputw" /></el-form-item>
           </el-col>
         </el-row>
         <el-row>
@@ -87,11 +87,11 @@
 </template>
 
 <script>
-import { listPage } from '@/api/anruifinmanagement/fininvoiceapply'
+import { fetchDetailsBySid, saveOrUpdate } from '@/api/anruifinmanagement/fininvoiceapply'
 import upload from '@/components/uploadFile/upload'
 
 export default {
-  name: '',
+  name: 'billingmanagementAdd',
   components: {
     upload
   },
@@ -101,16 +101,94 @@ export default {
       submitdisabled: false,
       diploma_list: [],
       accept: '.jpg,.jpeg,.png,.JPG,.JPEG',
-      formobj: {},
+      formobj: {
+        sid: '',
+        invoiceTitle: '',
+        contractNo: '',
+        customerName: '',
+        invoiceType: '',
+        invoiceAmount: '',
+        billingState: '',
+        invoicingName: '',
+        name: '',
+        createTime: '',
+        invoiceNo: '',
+        invoiceCode: '',
+        filePaths: [],
+        vinNo: ''
+      },
       rules: {}
     }
   },
   methods: {
     showEdit(row) {
       this.viewTitle = '【编辑】发票信息'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      fetchDetailsBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.filePaths.length > 0) {
+            for (var i = 0; i < this.formobj.filePaths.length; i++) {
+              this.diploma_list.push({
+                name: '',
+                url: this.formobj.filePaths[i]
+              })
+            }
+          }
+        }
+      })
+    },
+    handleSave() {
+      this.$refs['form_obj'].validate((valid) => {
+        if (valid) {
+          this.getUrl()
+          this.submitdisabled = true
+          saveOrUpdate(this.formobj).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              this.handleReturn('true')
+            } else {
+              this.submitdisabled = false
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        }
+      })
+    },
+    getUrl() {
+      if (this.diploma_list.length > 0) {
+        const aa = []
+        for (var i = 0; i < this.diploma_list.length; i++) {
+          aa.push(this.diploma_list[i].url)
+        }
+        this.formobj.filePaths = aa
+      }
+      console.log(this.formobj, this.diploma_list)
     },
-    handleSave() {},
-    handleReturn() {
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {
+        sid: '',
+        invoiceTitle: '',
+        contractNo: '',
+        customerName: '',
+        invoiceType: '',
+        invoiceAmount: '',
+        billingState: '',
+        invoicingName: '',
+        name: '',
+        createTime: '',
+        invoiceNo: '',
+        invoiceCode: '',
+        filePaths: [],
+        vinNo: ''
+      }
+      this.diploma_list = []
+      this.submitdisabled = false
+      this.$refs['form_obj'].resetFields()
       this.$emit('doback')
     }
   }

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/billingmanagement/billingmanagementInfo.vue

@@ -14,41 +14,41 @@
         <el-row style="border-top: 1px solid #E0E3EB">
           <el-col :span="24">
             <div class="span-sty">开票单位</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoiceTitle }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <div class="span-sty">合同编号</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
           </el-col>
           <el-col :span="8">
             <div class="span-sty">客户名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
           </el-col>
           <el-col :span="8">
             <div class="span-sty">车架号</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <div class="span-sty">开票类型</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
           </el-col>
           <el-col :span="8">
             <div class="span-sty">开票金额</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoiceAmount }}</span></el-form-item>
           </el-col>
           <el-col :span="8">
             <div class="span-sty">开票状态</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.state }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <div class="span-sty">开票名称</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoicingName }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
@@ -58,23 +58,27 @@
           </el-col>
           <el-col :span="12">
             <div class="span-sty">开票日期</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
             <div class="span-sty">发票号</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoiceNo }}</span></el-form-item>
           </el-col>
           <el-col :span="12">
             <div class="span-sty">发票代码</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item><span class="addinputInfo">{{ formobj.invoiceCode }}</span></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <div class="span-sty">发票照片</div>
-            <el-form-item><span class="addinputInfo">{{ formobj.name }}</span></el-form-item>
+            <el-form-item>
+              <div class="addinputInfo">
+                <el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in formobj.filePaths" :key="index" :src="item" :preview-src-list="formobj.filePaths"></el-image>
+              </div>
+            </el-form-item>
           </el-col>
         </el-row>
       </el-form>
@@ -83,20 +87,40 @@
 </template>
 
 <script>
-import { listPage } from '@/api/anruifinmanagement/fininvoiceapply'
+import { fetchDetailsBySid } from '@/api/anruifinmanagement/fininvoiceapply'
 
 export default {
-  name: '',
+  name: 'billingmanagementInfo',
   data() {
     return {
       viewTitle: '',
-      formobj: {},
+      formobj: {
+        sid: '',
+        invoiceTitle: '',
+        contractNo: '',
+        customerName: '',
+        invoiceType: '',
+        invoiceAmount: '',
+        state: '',
+        invoicingName: '',
+        name: '',
+        createTime: '',
+        invoiceNo: '',
+        invoiceCode: '',
+        filePaths: [],
+        vinNo: ''
+      },
       rules: {}
     }
   },
   methods: {
     showInfo(row) {
       this.viewTitle = '发票信息'
+      fetchDetailsBySid(row.sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
     },
     handleReturn() {
       this.$emit('doback')