发票预览2.0

.env.development

@@ -6,5 +6,5 @@ VITE_APP_ENV = 'development'
 
 # 面向科创园区的普惠算力公共服务平台/开发环境
 #VITE_APP_BASE_API = 'http://192.168.1.112:48080/app-api/'
-VITE_APP_BASE_API = 'https://client.phsl.lijinqi.com/app-api/'
-#VITE_APP_BASE_API = 'http://localhost:48080/'
+#VITE_APP_BASE_API = 'https://client.phsl.lijinqi.com/app-api/'
+VITE_APP_BASE_API = 'http://localhost:48080/app-api'

src/views/console/myOrder.vue

@@ -127,8 +127,8 @@
         </template>
       </el-table-column>
       <el-table-column label="订单状态" align="center" prop="statusName"/>
-      <el-table-column label="发票链接" align="center" prop="invoiceUrl"/>
-      <el-table-column label="开票状态" align="center" prop="invoiceStatus">
+<!--      <el-table-column label="发票链接" align="center" prop="invoiceUrl"/>-->
+      <el-table-column label="开票状态" align="center" prop="invoiceStatusName">
         <template #default="scope">
           <!--          <dict-tag :type="invoice_status" :value="scope.row.invoiceStatus" />-->
         </template>
@@ -152,12 +152,22 @@
             详情
           </el-button>
           <el-button
+              v-if="scope.row.invoiceStatus === InvoiceRequestEnum.UNINVOICED.type"
               link
               type="primary"
               @click="invoiceRequest(scope.row)"
           >
             申请开票
           </el-button>
+          <el-button
+              v-if="scope.row.invoiceStatus === InvoiceRequestEnum.INVOICED.type"
+              link
+              type="success"
+              plain
+              @click="viewInvoice(scope.row)"
+          >
+            展示发票
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -219,6 +229,9 @@
     </el-dialog>
 
   </div>
+
+  <OrderViewInvoiceForm ref="OrderViewInvoiceFormRef" @success="getList"/>
+
 </template>
 
 <script setup name="MyOrder">
@@ -229,6 +242,8 @@ import {appInvoiceRequest} from '@/api/computility/order'
 import {parseTime} from "../../utils/ruoyi.js";
 import {getResources} from "@/api/computility/resources.js";
 import {ElMessage} from "element-plus";
+import {InvoiceRequestEnum} from "@/utils/constants.js";
+import OrderViewInvoiceForm from "@/views/console/OrderViewInvoiceForm.vue";
 
 const {proxy} = getCurrentInstance()
 const orderList = ref([])
@@ -300,6 +315,11 @@ function getList() {
   })
 }
 
+const OrderViewInvoiceFormRef = ref()
+const viewInvoice = (row) => {
+  OrderViewInvoiceFormRef.value.open(row)
+}
+
 // 取消按钮
 function cancel() {
   open.value = false