供应商费用管理页面调整

front-vue/src/components/InvoiceButton/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <el-button  class="zap-invoice-button" size="mini" v-bind="$attrs" v-on="$listeners">发票</el-button>
+</template>
+
+<script>
+export default {
+    inheritAttrs: false
+}
+</script>
+
+<style lang="scss">
+ .el-table .fixed-width .zap-invoice-button.el-button--mini{
+    padding: 5px 10px;
+    font-size: 12px;
+    color: #333333;
+    background: #ffffff;
+    border: 1px solid #EBEBEB;
+    border-radius: 4px;
+}
+</style>

front-vue/src/views/service/cost/userCostManage.vue

@@ -56,7 +56,7 @@
             <el-table-column label="快递单号" align="center" prop="zciExpressNo" v-if="uncheckList.zciExpressNo" show-overflow-tooltip />
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
                 <template slot-scope="scope">
-                    <el-button v-if="scope.row.zciInvoiceStatus == '2' || scope.row.zciInvoiceStatus == '4'" size="mini" type="text" @click="handleUpdate(scope.row)" v-hasPermi="['service:cost:update']">发票</el-button>
+                    <invoice-button v-if="scope.row.zciInvoiceStatus == '2' || scope.row.zciInvoiceStatus == '4'" size="mini" type="text" @click="handleUpdate(scope.row)" v-hasPermi="['service:cost:update']"></invoice-button>
                     <pay-button v-if="scope.row.zfrStatus != '02' && (scope.row.zciStatus == '00' || scope.row.zciStatus == '05')" size="mini" type="text" @click="handlePay(scope.row)" v-hasPermi="['service:cost:pay']"></pay-button>
                     <apply-button v-if="scope.row.zciStatus == '02' && (scope.row.zfrStatus == '01' || scope.row.zfrStatus == '03') && scope.row.zciInvoiceStatus == '0'" size="mini" type="text" @click="handleApply(scope.row)" v-hasPermi="['service:cost:apply']"></apply-button>
                 </template>
@@ -151,6 +151,7 @@ import SearchBar from '@/components/SearchBar/index.vue'
 import ExportButton from '@/components/ExportButton/index.vue'
 import PayButton from '@/components/PayButton/index.vue'
 import ApplyButton from '@/components/ApplyButton/index.vue'
+import InvoiceButton from '@/components/InvoiceButton/index.vue'
 import {
     balance,
     transfer
@@ -162,7 +163,8 @@ export default {
         SearchBar,
         ExportButton,
         PayButton,
-        ApplyButton
+        ApplyButton,
+        InvoiceButton
     },
     data() {
         return {