发票管理

src/views/finance_manage/InvoiceManager.vue

@@ -17,22 +17,7 @@
           </div>
           <div class="search-box">
             <div class="search-item">
-              <label>搜索</label>
-              <el-input
-                placeholder="用户名/真实姓名/手机号"
-                v-model="searchInput"
-                maxlength="200"
-              >
-                <i
-                  slot="suffix"
-                  class="el-input__icon el-icon-search"
-                  @click="getList(1)"
-                  style="cursor: pointer"
-                ></i>
-              </el-input>
-            </div>
-            <div class="search-item">
-              <label>退款申请状态</label>
+              <label>发票申请状态</label>
               <el-select
                 v-model="searchStatus"
                 @change="getList(1)"
@@ -65,92 +50,39 @@
               :index="(pageNumber - 1) * pageSize + 1"
             >
             </el-table-column>
-            <el-table-column prop="sn" label="申请单号" width="190">
+            <el-table-column prop="id" label="ID" width="250">
             </el-table-column>
-            <el-table-column prop="order_sn" label="订单号" width="190">
+            <el-table-column prop="sn" label="编号" width="190">
             </el-table-column>
-            <el-table-column prop="order_name" label="购买商品" min-width="220">
-            </el-table-column>
-            <el-table-column prop="goods_type" label="商品类型" width="128">
+            <el-table-column prop="invoice_type" label="发票类型" width="90">
               <template slot-scope="scope">
-                <span
-                  class="items-type"
-                  :style="{
-                    background: goodsTypeListCss[scope.row.goods_type]
-                      ? goodsTypeListCss[scope.row.goods_type].bg
-                      : '',
-                    color: goodsTypeListCss[scope.row.goods_type]
-                      ? goodsTypeListCss[scope.row.goods_type].color
-                      : '',
-                  }"
-                  >{{ scope.row.goods_type_name }}</span
-                >
+                <span>{{ goodsTypeListCss[scope.row.invoice_type].text }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="is_reservation" label="是否预定" width="80">
+            <el-table-column prop="invoice_object" label="发票对象" width="90">
               <template slot-scope="scope">
-                {{ scope.row.is_reservation_order === "true" ? "是" : "否" }}
+                <span>{{
+                  goodsObjectListCss[scope.row.invoice_object].text
+                }}</span>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="goods_study_phase_name"
-              label="学段"
-              width="64"
-            >
-            </el-table-column>
-            <el-table-column prop="order_amount" label="订单金额" width="140">
+            <el-table-column prop="amount" label="金额" width="90">
               <template slot-scope="scope">
                 <span class="currectPrice"
-                  >￥{{ scope.row.order_amount | cutMoneyFiter }}</span
+                  >￥{{ scope.row.amount | cutMoneyFiter }}</span
                 >
               </template>
             </el-table-column>
             <el-table-column
-              prop="order_pay_time"
-              label="订单支付时间"
-              sortable="custom"
-              width="180"
-            >
-            </el-table-column>
-            <el-table-column
-              prop="person_name"
-              label="购买者"
-              sortable="custom"
-              width="109"
+              prop="submit_person_name"
+              label="提交人姓名"
+              width="120"
             >
             </el-table-column>
-            <el-table-column prop="person_user_name" label="用户名" width="109">
-            </el-table-column>
-            <el-table-column prop="person_phone" label="手机号" width="109">
-            </el-table-column>
-            <el-table-column
-              prop="person_city_name"
-              label="客户所在省市"
-              width="164"
-            >
-              <template slot-scope="scope">
-                {{
-                  scope.row.person_province_name +
-                  "/" +
-                  scope.row.person_city_name
-                }}
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="person_org_name"
-              label="客户所在机构"
-              sortable="custom"
-              width="200"
-            >
-            </el-table-column>
-            <el-table-column
-              prop="submit_time"
-              label="提交申请时间"
-              sortable="custom"
-              width="180"
-            >
+            <el-table-column prop="submit_time" label="提交时间" width="180">
             </el-table-column>
-            <el-table-column prop="status" label="退款申请状态" width="112">
+
+            <el-table-column prop="status" label="状态" width="112">
               <template slot-scope="scope">
                 <div class="status-box">
                   <span
@@ -167,42 +99,46 @@
                 </div>
               </template>
             </el-table-column>
-
-            <el-table-column prop="auditor_name" label="审核人" width="104">
+            <el-table-column prop="auditor_name" label="审核人姓名" width="109">
             </el-table-column>
+
             <el-table-column prop="audit_time" label="审核时间" width="180">
             </el-table-column>
-            <el-table-column prop="refund_amount" label="退款金额" width="144">
-              <template slot-scope="scope" v-if="scope.row.status === 2">
-                <span class="currectPrice"
-                  >￥{{ scope.row.refund_amount | cutMoneyFiter }}</span
-                >
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="refund_transaction_sn"
-              label="退款交易流水号"
-              width="260"
-            >
+
+            <el-table-column prop="reject_reason" label="驳回原因" width="180">
             </el-table-column>
-            <el-table-column fixed="right" label="操作" width="100">
-              <template slot-scope="scope" v-if="scope.row.status === 0">
+            <el-table-column fixed="right" label="操作" width="140">
+              <template slot-scope="scope">
                 <el-button
                   type="text"
                   size="small"
                   class="primary-btn"
-                  @click.native.prevent="handleRefund(scope.row, scope.$index)"
+                  @click.native.prevent="handleDetail(scope.row, scope.$index)"
                 >
-                  退款
-                </el-button>
-                <el-button
-                  @click.native.prevent="handleRefuse(scope.row, scope.$index)"
-                  type="text"
-                  size="small"
-                  class="red-btn"
-                >
-                  拒绝
+                  详情
                 </el-button>
+                <template v-if="scope.row.status === 0">
+                  <el-button
+                    type="text"
+                    size="small"
+                    class="primary-btn"
+                    @click.native.prevent="
+                      handleRefund(scope.row, scope.$index)
+                    "
+                  >
+                    通过
+                  </el-button>
+                  <el-button
+                    @click.native.prevent="
+                      handleRefuse(scope.row, scope.$index)
+                    "
+                    type="text"
+                    size="small"
+                    class="red-btn"
+                  >
+                    驳回
+                  </el-button>
+                </template>
               </template>
             </el-table-column>
           </el-table>
@@ -220,111 +156,103 @@
         </div>
       </div>
     </div>
-    <el-dialog title="退款信息" :visible.sync="dialogVisible" width="500px">
-      <template v-if="ktjeInfo">
-        <span style="margin-right: 5px">可退金额：</span>
-        <el-input v-model="ktje"></el-input>
-        <p>可退商品信息</p>
+    <el-dialog
+      title="发票申请信息"
+      :visible.sync="dialogVisible"
+      width="800px"
+      class="invoice-dialog"
+      v-if="ktjeInfo"
+    >
+      <h5>发票信息</h5>
+      <div class="item-info">
+        <label>发票类型：</label>
+        <b>{{ goodsTypeListCss[ktjeInfo.invoice_type].text }}</b>
+      </div>
+      <div class="item-info">
+        <label>发票对象：</label>
+        <b>{{ goodsObjectListCss[ktjeInfo.invoice_object].text }}</b>
+      </div>
+      <div class="item-info">
+        <label>金额：</label>
+        <b>{{ ktjeInfo.amount | cutMoneyFiter }}</b>
+      </div>
+      <div class="item-info">
+        <label>名称：</label>
+        <b>{{ ktjeInfo.buyer_info_mc }}</b>
+      </div>
+      <template v-if="ktjeInfo.invoice_object === 1">
         <div class="item-info">
-          <label>物品类型：</label><span>{{ ktjeInfo.goods_type_name }}</span>
+          <label>税号：</label>
+          <b>{{ ktjeInfo.buyer_info_sh }}</b>
         </div>
         <div class="item-info">
-          <label>物品学段：</label
-          ><span>{{ ktjeInfo.goods_study_phase_name }}</span>
+          <label>地址：</label>
+          <b>{{ ktjeInfo.buyer_info_dz }}</b>
         </div>
         <div class="item-info">
-          <label>订单金额：</label
-          ><span>￥{{ ktjeInfo.order_amount | cutMoneyFiter }}</span>
+          <label>电话：</label>
+          <b>{{ ktjeInfo.buyer_info_dh }}</b>
         </div>
-        <!-- 物品实体 -->
-        <template v-if="ktjeInfo.order_sale_model === 0">
-          <div
-            class="item-info"
-            v-if="ktjeInfo.is_reservation_order === 'true'"
-          >
-            <label>订阅期数：</label
-            ><span>{{
-              ktjeInfo.period_count === -1 ? "年刊" : ktjeInfo.period_count
-            }}</span>
-          </div>
-          <div class="item-info">
-            <label>订阅刊数：</label><span>{{ ktjeInfo.ks_reservation }}</span>
-          </div>
-          <div
-            class="item-info"
-            v-if="
-              ktjeInfo.is_reservation_order === 'true' &&
-              ktjeInfo.period_count !== -1
-            "
-          >
-            <label>订阅列表：</label
-            ><span>{{ ktjeInfo.issue_no_list_reservation.join("、") }}</span>
-          </div>
-          <div
-            class="item-info"
-            v-if="
-              ktjeInfo.is_reservation_order === 'true' &&
-              ktjeInfo.issue_no_list_my_goods.length > 0
-            "
-          >
-            <label>已上架：</label
-            ><span>{{ ktjeInfo.issue_no_list_my_goods.join("、") }}</span>
-          </div>
-          <div class="item-info">
-            <label>已上架刊数：</label><span>{{ ktjeInfo.ks_my_goods }}</span>
-          </div>
-          <div
-            class="item-info"
-            v-if="
-              ktjeInfo.is_reservation_order === 'true' &&
-              ktjeInfo.period_count === -1
-            "
-          >
-            <label>开始日期：</label
-            ><span>{{ ktjeInfo.valid_period_begin_date }}</span>
-          </div>
-          <div
-            class="item-info"
-            v-if="
-              ktjeInfo.is_reservation_order === 'true' &&
-              ktjeInfo.period_count === -1
-            "
-          >
-            <label>截止日期：</label
-            ><span>{{ ktjeInfo.valid_period_end_date }}</span>
-          </div>
-          <div
-            class="item-info"
-            v-if="
-              ktjeInfo.is_reservation_order === 'true' &&
-              ktjeInfo.period_count === -1
-            "
+        <div class="item-info">
+          <label>账号：</label>
+          <b>{{ ktjeInfo.buyer_info_zh }}</b>
+        </div>
+        <div class="item-info">
+          <label>开户行：</label>
+          <b>{{ ktjeInfo.buyer_info_khh }}</b>
+        </div>
+      </template>
+      <template v-else>
+        <div class="item-info">
+          <label>身份证号：</label>
+          <b>{{ ktjeInfo.buyer_info_sfzh }}</b>
+        </div>
+      </template>
+      <template v-if="ktjeInfo.invoice_file_url">
+        <div class="item-info">
+          <label>发票地址：</label>
+          <b
+            ><a
+              style="text-decoration: underline; color: #165dff"
+              target="_blank"
+              :href="ktjeInfo.invoice_file_url"
+              >点击查看</a
+            ></b
           >
-            <label>当前日期：</label><span>{{ ktjeInfo.cur_date }}</span>
-          </div>
-        </template>
-        <!-- 使用期限 -->
-        <template v-if="ktjeInfo.order_sale_model === 1">
-          <div class="item-info">
-            <label>订单日期：</label><span>{{ ktjeInfo.order_date }}</span>
-          </div>
-          <div class="item-info">
-            <label>有效期天数：</label
-            ><span>{{ ktjeInfo.valid_period_day_count }}</span>
-          </div>
-          <div class="item-info">
-            <label>截止日期：</label
-            ><span>{{ ktjeInfo.valid_period_end_date }}</span>
-          </div>
-          <div class="item-info">
-            <label>当前日期：</label><span>{{ ktjeInfo.cur_date }}</span>
-          </div>
-        </template>
+        </div>
+      </template>
+      <div class="item-info">
+        <label>审核状态：</label>
+        <b
+          :style="{
+            color: refundStatusList[ktjeInfo.status].bg,
+          }"
+          >{{ refundStatusList[ktjeInfo.status].text }}</b
+        >
+      </div>
+      <template v-if="ktjeInfo.reject_reason">
+        <div class="item-info">
+          <label>驳回原因：</label>
+          <b>{{ ktjeInfo.reject_reason }}</b>
+        </div>
+      </template>
+
+      <template v-if="ktje.length > 0">
+        <h5>订单列表</h5>
+        <el-table class="search-table" :data="ktje" style="width: 100%">
+          <el-table-column type="index" label="#" width="54"> </el-table-column>
+          <el-table-column prop="id" label="订单ID" width="250">
+          </el-table-column>
+          <el-table-column prop="sn" label="订单编号" width="190">
+          </el-table-column>
+
+          <el-table-column prop="name" label="订单名称"> </el-table-column>
+        </el-table>
       </template>
+
       <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="dialogVisible = false">取 消</el-button>
-        <el-button size="small" type="primary" @click="sureRefund"
-          >确 定</el-button
+        <el-button size="small" type="primary" @click="dialogVisible = false"
+          >关 闭</el-button
         >
       </span>
     </el-dialog>
@@ -338,7 +266,6 @@ import Header from "../../components/Header.vue";
 import NavMenu from "../../components/NavMenu.vue";
 import Breadcrumb from "../../components/Breadcrumb.vue";
 import { getLogin } from "@/api/ajax";
-import { mapState } from "vuex";
 import { cutMoneyFiter } from "@/utils/defined";
 import { getToken } from "@/utils/auth";
 
@@ -371,56 +298,7 @@ export default {
           text: "发票管理",
         },
       ],
-      quickList: [], // 快速查询
-      searchInput: "",
-      searchQuick: null,
-      quickIndex: null, // 快速搜索的索引
-      proceedsNumber: "", // 收款单数
-      proceedsPrice: null, // 收款金额
-      proceedsPriceArr: [],
-      searchType: -1,
-      validity: "",
-      searchStudy: -1,
       searchStatus: -1,
-      searchGoodsType: -1,
-      searchIsCDKEY: -1,
-      searchOrgid: "",
-      searchArea: [],
-      searchChannel: -1,
-      channelList: [
-        {
-          label: "全部",
-          value: -1,
-        },
-        {
-          label: "支付宝",
-          value: 4,
-        },
-        {
-          label: "微信支付",
-          value: 3,
-        },
-      ],
-      orgList: [
-        {
-          name: "全部",
-          id: "",
-        },
-      ],
-      isCDKEYList: [
-        {
-          label: "全部",
-          value: -1,
-        },
-        {
-          label: "已使用",
-          value: 1,
-        },
-        {
-          label: "未使用",
-          value: 0,
-        },
-      ], // 是否使用兑换码
       transactionList: [
         {
           status_name: "全部",
@@ -439,108 +317,24 @@ export default {
           status: 2,
         },
       ], //交易状态列表
-      transactionListCss: {
-        0: {
-          bg: "rgb(245, 63, 63)",
-          text: "未支付",
-        },
-        1: {
-          bg: "#00B42A",
-          text: "支付成功",
-        },
-        2: {
-          bg: "#165DFF",
-          text: "兑换成功",
-        },
-        3: {
-          bg: "#F7BA1E",
-          text: "已退款",
-        },
-        4: {
-          bg: "#FF7D00",
-          text: "已撤回",
-        },
-      },
-      goodsTypeList: [
-        {
-          goods_name: "全部",
-          value: -1,
-        },
-        {
-          goods_name: "报纸",
-          value: 2,
-        },
-        {
-          goods_name: "精读",
-          value: 3,
-        },
-        {
-          goods_name: "录播课",
-          value: 0,
-        },
-        {
-          goods_name: "画刊",
-          value: 4,
-        },
-      ], // 商品类型
       goodsTypeListCss: {
-        2: {
-          text: "报纸",
-          color: "#165DFF",
-          bg: "#E8F7FF",
-        },
-        4: {
-          text: "画刊",
-          color: "#F53F3F",
-          bg: "#FFECE8",
-        },
-        3: {
-          text: "精读",
-          color: "#0FC6C2",
-          bg: "#E8FFFB",
-        },
         0: {
-          text: "课程",
+          text: "普通发票",
           color: "#722ED1",
-          bg: "#F5E8FF",
         },
         1: {
-          text: "课程",
+          text: "专用发票",
           color: "#722ED1",
-          bg: "#F5E8FF",
         },
-        10: {
-          text: "课程",
-          color: "#722ED1",
-          bg: "#F5E8FF",
-        },
-        // '5':{
-        //     text:'报纸专辑',
-        //     color:'#165DFF',
-        //     bg:'#E8F7FF'
-        // },
-        // '6':{
-        //     text:'画刊专辑',
-        //     color:'#F53F3F',
-        //     bg:'#FFECE8'
-        // }
       },
-      typeList: [
-        {
-          account_type: -1,
-          account_type_name: "全部",
+      goodsObjectListCss: {
+        0: {
+          text: "个人",
+          color: "#722ED1",
         },
-      ],
-      statusList: {
         1: {
-          text: "正常",
-          bg: "#165DFF",
-          color: "",
-        },
-        0: {
-          text: "停用",
-          bg: "#F53F3F",
-          color: "#F53F3F",
+          text: "企业",
+          color: "#722ED1",
         },
       },
       refundStatusList: {
@@ -578,24 +372,17 @@ export default {
           ? JSON.parse(getToken()).popedom_code_list.indexOf(40002) > -1
           : false,
       dialogVisible: false,
-      ktje: 0,
+      ktje: [],
       refundId: "",
       ktjeInfo: null,
     };
   },
   //计算属性 类似于data概念
-  computed: {
-    ...mapState(["$studyTypeAll", "$provinceCityListAll"]),
-  },
+  computed: {},
   //监控data中数据变化
   watch: {},
   //方法集合
   methods: {
-    qucikSearch(value, index) {
-      (this.validity = [value.date_begin, value.date_end]),
-        (this.quickIndex = index);
-      this.getList();
-    },
     handleSort(value) {
       let dataSort = {
         prop: value.prop,
@@ -611,7 +398,7 @@ export default {
         this.pageNumber = page;
       }
       let MethodName =
-        "/ShopServer/Manager/FinanceManager/PageQueryOrderRefundApplyList";
+        "/ShopServer/Manager/FinanceManager/PageQueryInvoiceApplyList";
       let order_column_list = [];
       if (this.dataSort != {}) {
         if (this.dataSort.order == "descending") {
@@ -627,7 +414,6 @@ export default {
       }
 
       let data = {
-        person_user_name_or_phone: this.searchInput.trim(),
         page_capacity: this.pageSize,
         cur_page: this.pageNumber,
         order_column_list: order_column_list,
@@ -637,7 +423,7 @@ export default {
         .then((res) => {
           this.tableLoading = false;
           if (res.status === 1) {
-            this.tableData = res.apply_list;
+            this.tableData = res.invoice_apply_list;
             this.total_count = res.total_count;
           }
         })
@@ -645,7 +431,21 @@ export default {
           this.tableLoading = false;
         });
     },
-
+    // 发票申请详情
+    handleDetail(row) {
+      this.ktjeInfo = null;
+      let Mnames = "/ShopServer/Manager/FinanceManager/GetInvoiceApplyInfo";
+      let datas = {
+        id: row.id,
+      };
+      getLogin(Mnames, datas).then((res) => {
+        if (res.status === 1) {
+          this.ktje = res.order_list;
+          this.ktjeInfo = res.invoice_apply;
+          this.dialogVisible = true;
+        }
+      });
+    },
     // 拒绝
     handleRefuse(row, index) {
       this.$confirm("确定拒绝退款吗?", "提示", {
@@ -656,7 +456,6 @@ export default {
         .then(() => {
           let Mname =
             "/ShopServer/Manager/FinanceManager/AuditOrderRefundApply";
-          let updataData = JSON.parse(JSON.stringify(row));
           let data = {
             id: row.id,
             is_pass: "false",
@@ -684,19 +483,6 @@ export default {
           this.dialogVisible = true;
         }
       });
-      // this.$prompt("请输入金额", "提示", {
-      //   confirmButtonText: "确定",
-      //   cancelButtonText: "取消",
-      // })
-      //   .then(({ value }) => {
-      //
-      //   })
-      //   .catch(() => {
-      //     // this.$message({
-      //     //   type: "info",
-      //     //   message: "取消输入",
-      //     // });
-      //   });
     },
     // 确定退款
     sureRefund() {
@@ -737,71 +523,10 @@ export default {
         this.tableHeight = window.innerHeight - tableH;
       }
     },
-    // 用户类型列表
-    getOrgList() {
-      let MethodName = "/OrgServer/Client/OrgManager/GetOrgIndexList";
-      let data = {
-        name: "",
-        status: 1,
-        sn: "",
-      };
-      getLogin(MethodName, data)
-        .then((res) => {
-          if (res.status === 1) {
-            this.orgList = [
-              {
-                name: "全部",
-                id: "",
-              },
-            ];
-            this.orgList = this.orgList.concat(res.org_index_list);
-          }
-        })
-        .catch(() => {
-          this.loading = false;
-        });
-    },
-    // 快捷时间按钮列表
-    getQuickList() {
-      this.quickList = [];
-      let MethodName =
-        "/ShopServer/Manager/FinanceManager/GetQueryCritDateSpaceList";
-      let data = {};
-      getLogin(MethodName, data).then((res) => {
-        if (res.status === 1) {
-          this.quickList = res.date_space_list;
-        }
-      });
-    },
-    CopyToClipboard(element) {
-      var doc = document,
-        text = doc.getElementById(element),
-        range,
-        selection;
-      if (doc.body.createTextRange) {
-        range = doc.body.createTextRange();
-        range.moveToElementText(text);
-        range.select();
-      } else if (window.getSelection) {
-        selection = window.getSelection();
-        range = doc.createRange();
-        range.selectNodeContents(text);
-        selection.removeAllRanges();
-        selection.addRange(range);
-      }
-      document.execCommand("copy");
-      this.$message({
-        message: "复制成功",
-        type: "success",
-      });
-      window.getSelection().removeAllRanges();
-    },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {
     this.getTableHeight();
-    this.getQuickList();
-    this.getOrgList();
     this.getList();
   },
   //生命周期 - 挂载完成（可以访问DOM元素）
@@ -839,101 +564,15 @@ export default {
 .btn-box {
   display: flex;
 }
-.quick-search {
-  display: flex;
-  list-style: none;
-  padding: 3px;
-  margin: 0 24px;
-  align-items: center;
-  border-radius: 2px;
-  background: #f2f3f5;
-  li {
-    display: flex;
-    align-items: center;
-    a {
-      padding: 2px 12px;
-      color: #4e5969;
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 22px;
-      border-radius: 2px;
-      cursor: pointer;
-      &.active {
-        background: #fff;
-        color: #165dff;
-        font-weight: 500;
-      }
-    }
-    span {
-      height: 14px;
-      width: 1px;
-      background: #e5e6eb;
-      &.border-no {
-        background: #f2f3f5;
-      }
-    }
-  }
-}
-.proceeds-box {
-  border-radius: 2px;
-  background: #f7f8fa;
-  padding: 16px;
-  margin-top: 24px;
-  h6 {
-    color: #1d2129;
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 22px;
-    margin: 0 0 8px 0;
-    span {
-      color: #86909c;
-      font-size: 12px;
-      font-weight: 400;
-      line-height: 20px;
-    }
-  }
-  label {
-    color: #1d2129;
-    font-size: 22px;
-    font-weight: 700;
-    line-height: 24px;
-    b {
-      font-size: 14px;
-      font-weight: 700;
-      line-height: 24px;
-    }
-    span {
-      color: #4e5969;
-      font-size: 12px;
-      font-weight: 400;
-      line-height: 20px;
-    }
-  }
-}
-.el-range-editor--small .el-range-input {
-  background: #f2f3f5;
-}
 .search-item {
   margin-bottom: 20px;
 }
 .search-table {
   margin-top: 0;
 }
-.items-type {
-  padding: 1px 8px;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 22px;
-  border-radius: 2px;
-}
 .code {
   color: #175dff;
 }
-.copy {
-  color: #c9cdd4;
-  margin-left: 8px;
-  cursor: pointer;
-}
 .item-info {
   display: flex;
   width: 100%;
@@ -944,4 +583,13 @@ export default {
     flex-shrink: 0;
   }
 }
+.invoice-dialog {
+  h5 {
+    font-size: 16px;
+    margin: 10px 0 15px 0;
+  }
+  .el-dialog__body {
+    padding: 0px 20px;
+  }
+}
 </style>