费用管理页面样式调整

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

@@ -1,141 +1,212 @@
 <template>
   <!-- ________________________________________融资企业用________________________________________________ -->
-  <div class="app-container">
-      <el-card class="fiche">
-          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList">收起</right-toolbar>
-          <span style="margin-bottom: 10px;color:#333333;font:14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial,sans-serif">所选条件:</span>
-         <div  style="float: right;margin-right:1%">
-            <el-button type="cyan"  icon="el-icon-search" size="mini" @click="handleQuery">搜索22</el-button>
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"  style="float: ;">重置</el-button>
-              <column-setting :checkList="checkList" :tableList="tableList" :selfDom="selfDom" :tableId="tableId" style="margin-left:5px"></column-setting>
-         </div>
-         <hr  style="margin-top: 16px;">
-    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
-      <el-form-item label="融资编号" prop="zfrNumber">
-        <el-input
-          maxlength="30"
-          v-model="queryParams.zfrNumber"
-          placeholder="请输入融资编号"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="开立企业" prop="coreScyName">
-        <el-input
-          maxlength="30"
-          v-model="queryParams.coreScyName"
-          placeholder="请输入开立企业名称"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="融资状态" prop="zfrStatus">
-            <el-select v-model="queryParams.zfrStatus"
-                placeholder="融资状态"
-                clearable
-                size="small"
-                style="width: 215px">
-                    <el-option
-                    v-for="dict in zfrStatusOptions"
-                    :key="dict.dictValue"
-                    :label="dict.dictLabel"
-                    :value="dict.dictValue"
-                    ></el-option>
-            </el-select>
-        </el-form-item>
-      <el-form-item label="费用状态" prop="zciStatus">
-          <el-select v-model="queryParams.zciStatus"
-              placeholder="费用状态"
+  <div class="app-container zap-main">
+    <el-row class="zap-table-search">
+      <el-row style="padding-top: 16px;">
+        <right-toolbar
+          class="zap-right-toolbar"
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        >收起</right-toolbar>
+        <span class="zap-table-search__title">所选条件:</span>
+        <div style="float: right;margin-right:1%">
+          <el-button type="cyan" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+          <el-button icon="el-icon-refresh" @click="resetQuery" style="float: ;">重置</el-button>
+          <column-setting
+            class="zap-column-setting"
+            :checkList="checkList"
+            :tableList="tableList"
+            :selfDom="selfDom"
+            :tableId="tableId"
+          ></column-setting>
+        </div>
+        <hr style="margin-top: 16px;" />
+        <el-form
+          :model="queryParams"
+          ref="queryForm"
+          :inline="true"
+          v-show="showSearch"
+          label-width="auto"
+        >
+          <el-form-item label="融资编号" prop="zfrNumber" size="large">
+            <el-input
+              maxlength="30"
+              v-model="queryParams.zfrNumber"
+              placeholder="请输入融资编号"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+          <el-form-item label="开立企业" prop="coreScyName" size="large">
+            <el-input
+              maxlength="30"
+              v-model="queryParams.coreScyName"
+              placeholder="请输入开立企业名称"
               clearable
-              size="small"
-              style="width: 215px">
-                  <el-option
-                  v-for="dict in zciStatusOptions"
-                  :key="dict.dictValue"
-                  :label="dict.dictLabel"
-                  :value="dict.dictValue"
-                  ></el-option>
-          </el-select>
-      </el-form-item>
-        <el-form-item label="发票状态" prop="zciInvoiceStatus">
-            <el-select v-model="queryParams.zciInvoiceStatus"
-                placeholder="发票状态"
-                clearable
-                size="small"
-                style="width: 215px">
-                    <el-option
-                    v-for="dict in zciInvoiceStatusOptions"
-                    :key="dict.dictValue"
-                    :label="dict.dictLabel"
-                    :value="dict.dictValue"
-                    ></el-option>
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+          <el-form-item label="融资状态" prop="zfrStatus" size="large">
+            <el-select v-model="queryParams.zfrStatus" placeholder="融资状态" clearable>
+              <el-option
+                v-for="dict in zfrStatusOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              ></el-option>
             </el-select>
-        </el-form-item>
-        <el-form-item label="创建时间">
-          <el-date-picker v-model="dateRange" size="small" style="width: 225px" 
-          value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" 
-          end-placeholder="结束日期"></el-date-picker>
-      </el-form-item>
-    </el-form>
-    </el-card>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['service:cost:export']"
-          :disabled="total == 0"
-        >导出</el-button>
-      </el-col>
+          </el-form-item>
+          <el-form-item label="费用状态" prop="zciStatus" size="large">
+            <el-select v-model="queryParams.zciStatus" placeholder="费用状态" clearable>
+              <el-option
+                v-for="dict in zciStatusOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="发票状态" prop="zciInvoiceStatus" size="large">
+            <el-select v-model="queryParams.zciInvoiceStatus" placeholder="发票状态" clearable>
+              <el-option
+                v-for="dict in zciInvoiceStatusOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="创建时间" size="large">
+            <el-date-picker
+              v-model="dateRange"
+              value-format="yyyy-MM-dd"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
+          </el-form-item>
+        </el-form>
+      </el-row>
     </el-row>
 
-    <el-table v-loading="loading" :data="costList" stripe border>
-      <el-table-column label="序号" type="index" width="50" align="center">
-        <template slot-scope="scope">
-          <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="融资编号" align="center" prop="zfrNumber" v-if="uncheckList.zfrNumber" />
-      <el-table-column label="开立企业" align="center" prop="coreScyName" v-if="uncheckList.coreScyName" show-overflow-tooltip />
-      <el-table-column label="融资产品" align="center" prop="zfpName" v-if="uncheckList.zfpName" show-overflow-tooltip />
-      <el-table-column label="融资金额" align="center" prop="zfrAmount" :formatter="moneyFormat" v-if="uncheckList.zfrAmount" show-overflow-tooltip />
-      <el-table-column label="融资状态" align="center" prop="zfrStatus" :formatter="zfrStatusFormat" v-if="uncheckList.zfrStatus" show-overflow-tooltip />
-      <el-table-column label="费用状态" align="center" prop="zciStatus" :formatter="zciStatusFormat" v-if="uncheckList.zciStatus" show-overflow-tooltip />
-      <el-table-column label="创建时间" align="center" prop="createTime" v-if="uncheckList.createTime" show-overflow-tooltip />
-      <el-table-column label="手续费" align="center" prop="zciAmount" :formatter="moneyFormat" v-if="uncheckList.zciAmount " show-overflow-tooltip />
-      <el-table-column label="发票状态" align="center" prop="zciInvoiceStatus" :formatter="zciInvoiceStatusFormat" v-if="uncheckList.zciInvoiceStatus" show-overflow-tooltip />
-      <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>
-          <el-button
-            v-if="scope.row.zciStatus == '00'"
-            size="mini"
-            type="text"
-            @click="handlePay(scope.row)"
-            v-hasPermi="['service:cost:pay']"
-          >去缴费</el-button>
-          <el-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']"
-          >申请开票</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    
+    <div class="zap-content zap-margin-top">
+      <el-button
+        type="warning"
+        @click="handleExport"
+        v-hasPermi="['service:cost:export']"
+        :disabled="total == 0"
+      >导出</el-button>
+    </div>
+
+    <el-row class="zap-form">
+      <el-table v-loading="loading" :data="costList" stripe>
+        <el-table-column label="序号" type="index" width="50" align="center">
+          <template slot-scope="scope">
+            <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="融资编号" align="center" prop="zfrNumber" v-if="uncheckList.zfrNumber" />
+        <el-table-column
+          label="开立企业"
+          align="center"
+          prop="coreScyName"
+          v-if="uncheckList.coreScyName"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          label="融资产品"
+          align="center"
+          prop="zfpName"
+          v-if="uncheckList.zfpName"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          label="融资金额"
+          align="center"
+          prop="zfrAmount"
+          :formatter="moneyFormat"
+          v-if="uncheckList.zfrAmount"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          label="融资状态"
+          align="center"
+          prop="zfrStatus"
+          :formatter="zfrStatusFormat"
+          v-if="uncheckList.zfrStatus"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          label="费用状态"
+          align="center"
+          prop="zciStatus"
+          :formatter="zciStatusFormat"
+          v-if="uncheckList.zciStatus"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          label="创建时间"
+          align="center"
+          prop="createTime"
+          v-if="uncheckList.createTime"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          label="手续费"
+          align="center"
+          prop="zciAmount"
+          :formatter="moneyFormat"
+          v-if="uncheckList.zciAmount "
+          show-overflow-tooltip
+        />
+        <el-table-column
+          label="发票状态"
+          align="center"
+          prop="zciInvoiceStatus"
+          :formatter="zciInvoiceStatusFormat"
+          v-if="uncheckList.zciInvoiceStatus"
+          show-overflow-tooltip
+        />
+        <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>
+            <el-button
+              v-if="scope.row.zciStatus == '00'"
+              size="mini"
+              type="text"
+              @click="handlePay(scope.row)"
+              v-hasPermi="['service:cost:pay']"
+            >去缴费</el-button>
+            <el-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']"
+            >申请开票</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-row>
     <pagination
       v-show="total > 0"
       :total="total"
@@ -157,7 +228,7 @@
           <el-input v-model="form.scyPhone" disabled />
         </el-form-item>
         <el-form-item label="收件人" prop="ziaContacts">
-          <el-input v-model="form.ziaContacts"  disabled />
+          <el-input v-model="form.ziaContacts" disabled />
         </el-form-item>
         <el-form-item label="收件人电话" prop="ziaContactsPhone">
           <el-input v-model="form.ziaContactsPhone" disabled />
@@ -166,7 +237,7 @@
           <el-input v-model="form.ziaAddress" disabled />
         </el-form-item>
         <el-form-item label="快递单号" prop="zciExpressNo">
-          <el-input v-model="form.zciExpressNo" disabled/>
+          <el-input v-model="form.zciExpressNo" disabled />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -176,7 +247,13 @@
 
     <!-- 申请开票框 -->
     <el-dialog :title="titleApply" :visible.sync="openApply" width="800px" append-to-body>
-      <el-form ref="formApply" :model="formApply" :rules="rulesApply" label-width="140px" :inline="true">
+      <el-form
+        ref="formApply"
+        :model="formApply"
+        :rules="rulesApply"
+        label-width="140px"
+        :inline="true"
+      >
         <el-form-item label="企业名称" prop="scyName">
           <el-input v-model="formApply.scyName" disabled />
         </el-form-item>
@@ -187,13 +264,28 @@
           <el-input v-model="formApply.scyPhone" disabled />
         </el-form-item>
         <el-form-item label="收件人" prop="ziaContacts">
-          <el-input v-model="formApply.ziaContacts" placeholder="请输入收件人" maxlength="20" show-word-limit />
+          <el-input
+            v-model="formApply.ziaContacts"
+            placeholder="请输入收件人"
+            maxlength="20"
+            show-word-limit
+          />
         </el-form-item>
         <el-form-item label="收件人电话" prop="ziaContactsPhone">
-          <el-input v-model="formApply.ziaContactsPhone" placeholder="请输入收件人电话" maxlength="11" show-word-limit />
+          <el-input
+            v-model="formApply.ziaContactsPhone"
+            placeholder="请输入收件人电话"
+            maxlength="11"
+            show-word-limit
+          />
         </el-form-item>
         <el-form-item label="邮寄地址" prop="ziaAddress">
-          <el-input v-model="formApply.ziaAddress" placeholder="请输入邮寄地址" maxlength="30" show-word-limit />
+          <el-input
+            v-model="formApply.ziaAddress"
+            placeholder="请输入邮寄地址"
+            maxlength="30"
+            show-word-limit
+          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -201,36 +293,43 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
-
-
   </div>
 </template>
 
 <script>
-import { listCost, listInvoice, selectInvoiceList, applyInvoice, invoicing, daleteInvoice, getUser, changeZfiStatus } from "@/api/service/cost/costManage";
+import {
+  listCost,
+  listInvoice,
+  selectInvoiceList,
+  applyInvoice,
+  invoicing,
+  daleteInvoice,
+  getUser,
+  changeZfiStatus
+} from "@/api/service/cost/costManage";
 import { uploadFileNew } from "@/api/common/file";
-import { getToken } from "@/utils/auth";
-import {columnQuery,columnfilter} from "@/api/common/columnSetting";
-import ColumnSetting from '../../../components/Table/columnSetting.vue';
+import { getToken } from "@/utils/auth";
+import { columnQuery, columnfilter } from "@/api/common/columnSetting";
+import ColumnSetting from "../../../components/Table/columnSetting.vue";
 export default {
   name: "userCostManage",
   components: {
-     ColumnSetting 
-   },
+    ColumnSetting
+  },
   data() {
     return {
       //费用列表
-      costList:[],
+      costList: [],
       //创建时间范围
       dateRange: [],
       //费用状态
-      zciStatusOptions:[],
+      zciStatusOptions: [],
       //发票状态
-      zciInvoiceStatusOptions:[],
-      //融资状态 
-      zfrStatusOptions:[],
+      zciInvoiceStatusOptions: [],
+      //融资状态
+      zfrStatusOptions: [],
       //操作员Id
-      userId : "",
+      userId: "",
       // 遮罩层
       loading: true,
       // 选中数组
@@ -242,13 +341,13 @@ export default {
       // 总条数
       // 弹出层标题
       title: "",
-      openInvoiceTitle:"",
-      titleApply:"",
+      openInvoiceTitle: "",
+      titleApply: "",
       total: 0,
       // 是否显示弹出层
       open: false,
-      openInvoice:false,
-      openApply:false,
+      openInvoice: false,
+      openApply: false,
       // 链属查询参数
       queryParams: {
         pageNum: 1,
@@ -256,102 +355,102 @@ export default {
         zfrNumber: null,
         coreScyName: null,
         zciStatus: null,
-        zfrStatus:null,
+        zfrStatus: null,
         zciInvoiceStatus: null
       },
       //筛选按钮的数据列表，与table表头的数据一致 --显示隐藏列用
       tableList: [
         {
-              label: 'zfrNumber',
-              value: '融资编号'
-            },
-            {
-              label: 'supScyName',
-              value: '融资企业'
-            },
-            {
-              label: 'coreScyName',
-              value: '开立企业'
-            },
-            {
-              label: 'zfpName',
-              value: '融资产品'
-            },
-            {
-              label: 'zfrAmount',
-              value: '融资金额'
-            },
-            {
-              label: 'zciStatus',
-              value: '费用状态'
-            },
-            {
-              label: 'zfrStatus',
-              value: '融资状态'
-            },
-            {
-              label: 'createTime',
-              value: '创建时间'
-            },
-            {
-              label: 'zciAmount',
-              value: '手续费'
-            },
-            {
-              label: 'zciInvoiceStatus',
-              value: '发票状态'
-            },
-            {
-              label: 'zciExpressNo',
-              value: '快递单号'
-            },
-            ],
-      checkList: [],//筛选列选中的数据列表--显示隐藏列用
-      uncheckList: {},//控制筛选列显示隐藏--显示隐藏列用
-      selfDom : this,
-      tableId:"/sc-service/cost/list",
+          label: "zfrNumber",
+          value: "融资编号"
+        },
+        {
+          label: "supScyName",
+          value: "融资企业"
+        },
+        {
+          label: "coreScyName",
+          value: "开立企业"
+        },
+        {
+          label: "zfpName",
+          value: "融资产品"
+        },
+        {
+          label: "zfrAmount",
+          value: "融资金额"
+        },
+        {
+          label: "zciStatus",
+          value: "费用状态"
+        },
+        {
+          label: "zfrStatus",
+          value: "融资状态"
+        },
+        {
+          label: "createTime",
+          value: "创建时间"
+        },
+        {
+          label: "zciAmount",
+          value: "手续费"
+        },
+        {
+          label: "zciInvoiceStatus",
+          value: "发票状态"
+        },
+        {
+          label: "zciExpressNo",
+          value: "快递单号"
+        }
+      ],
+      checkList: [], //筛选列选中的数据列表--显示隐藏列用
+      uncheckList: {}, //控制筛选列显示隐藏--显示隐藏列用
+      selfDom: this,
+      tableId: "/sc-service/cost/list",
       // 表单参数
       form: {
-        zciId:null,
-        scyId:null,
-        scyName:null,
-        scySocialCode:null,
-        scyPhone:null,
-        ziaContacts:null,
-        ziaContactsPhone:null,
-        ziaAddress:null,
-        zciExpressNo:null,
-        zciInvoiceStatus:null
+        zciId: null,
+        scyId: null,
+        scyName: null,
+        scySocialCode: null,
+        scyPhone: null,
+        ziaContacts: null,
+        ziaContactsPhone: null,
+        ziaAddress: null,
+        zciExpressNo: null,
+        zciInvoiceStatus: null
       },
-      formApply:{
-        zciId:null,
-        scyId:null,
-        scyName:null,
-        scySocialCode:null,
-        scyPhone:null,
-        ziaContacts:null,
-        ziaContactsPhone:null,
-        ziaAddress:null,
-        zciExpressNo:null,
-        zciInvoiceStatus:null
+      formApply: {
+        zciId: null,
+        scyId: null,
+        scyName: null,
+        scySocialCode: null,
+        scyPhone: null,
+        ziaContacts: null,
+        ziaContactsPhone: null,
+        ziaAddress: null,
+        zciExpressNo: null,
+        zciInvoiceStatus: null
       },
       // 表单校验
       rulesApply: {
         ziaContacts: [
-          { required: true, message: "收件人不能为空", trigger: "blur" },
+          { required: true, message: "收件人不能为空", trigger: "blur" }
         ],
         ziaContactsPhone: [
           { required: true, message: "收件人电话不能为空", trigger: "blur" },
           {
             pattern: /^((\d{3}-\d{7,8}|\d{4}-\d{7,8})|(1[3465789]\d{9}))$/,
             message: "电话格式不正确",
-            trigger: "blur",
+            trigger: "blur"
           }
         ],
         ziaAddress: [
-          { required: true, message: "邮寄地址不能为空", trigger: "blur" },
+          { required: true, message: "邮寄地址不能为空", trigger: "blur" }
         ]
-      },
+      }
     };
   },
   created() {
@@ -386,32 +485,34 @@ export default {
   methods: {
     //列表格式化金额
     moneyFormat(row, column, cellValue) {
-        if(cellValue == null || cellValue== undefined || cellValue == ''){
-            cellValue = '0.00'
-        }
-        cellValue += '';
-        if (!cellValue.includes('.')) {
-            cellValue += '.00';
-        }
-        return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
-            return $1 + ',';
-          }).replace(/\.$/, '');
+      if (cellValue == null || cellValue == undefined || cellValue == "") {
+        cellValue = "0.00";
+      }
+      cellValue += "";
+      if (!cellValue.includes(".")) {
+        cellValue += ".00";
+      }
+      return cellValue
+        .replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {
+          return $1 + ",";
+        })
+        .replace(/\.$/, "");
     },
     //获取当前客户是否之前设置过列展示隐藏
-    columnQuery(){
-        //获取页面路径
-        var psfPagePath = window.location.pathname;
-        //用请求后台的url作为唯一标识
-        var psfTableName = this.tableId;
-        var columnForm = {};
-        columnForm.psfPagePath = psfPagePath;
-        columnForm.psfTableName = psfTableName;
-        columnQuery(columnForm).then(response => {
-         if(response.data && response.data.psfShowData){
-                this.checkList = response.data.psfShowData;
-         }
-         this.filter();
-      })
+    columnQuery() {
+      //获取页面路径
+      var psfPagePath = window.location.pathname;
+      //用请求后台的url作为唯一标识
+      var psfTableName = this.tableId;
+      var columnForm = {};
+      columnForm.psfPagePath = psfPagePath;
+      columnForm.psfTableName = psfTableName;
+      columnQuery(columnForm).then(response => {
+        if (response.data && response.data.psfShowData) {
+          this.checkList = response.data.psfShowData;
+        }
+        this.filter();
+      });
     },
     //控制隐藏显示的函数
     filter(checkList) {
@@ -426,7 +527,10 @@ export default {
       return this.selectDictLabel(this.zciStatusOptions, row.zciStatus);
     },
     zciInvoiceStatusFormat(row, column) {
-      return this.selectDictLabel(this.zciInvoiceStatusOptions, row.zciInvoiceStatus);
+      return this.selectDictLabel(
+        this.zciInvoiceStatusOptions,
+        row.zciInvoiceStatus
+      );
     },
     zfrStatusFormat(row, column) {
       return this.selectDictLabel(this.zfrStatusOptions, row.zfrStatus);
@@ -434,7 +538,8 @@ export default {
     /** 查询链属列表 */
     getList() {
       this.loading = true;
-       listCost(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      listCost(this.addDateRange(this.queryParams, this.dateRange)).then(
+        response => {
           this.costList = response.data.records;
           this.total = response.data.total;
           this.loading = false;
@@ -465,27 +570,27 @@ export default {
     /** 发票按钮操作 */
     handleUpdate(row) {
       this.reset();
-      if(row.zciId){
-      }else{
+      if (row.zciId) {
+      } else {
         this.$message({
-            type: "warning",
-            message: "无费用数据",
-          });
+          type: "warning",
+          message: "无费用数据"
+        });
         return;
       }
-      if(row.zfiSupplierId){
-      }else{
+      if (row.zfiSupplierId) {
+      } else {
         this.$message({
-            type: "warning",
-            message: "无融资企业信息",
-          });
+          type: "warning",
+          message: "无融资企业信息"
+        });
         return;
       }
-      const zciId  = row.zciId || this.ids;
+      const zciId = row.zciId || this.ids;
       const scyId = row.zfiSupplierId || this.ids;
-      listInvoice(scyId,zciId).then(response => {
+      listInvoice(scyId, zciId).then(response => {
         this.form = response.data[0];
-        this.form.zciId  = zciId;
+        this.form.zciId = zciId;
       });
       this.open = true;
       this.title = "发票信息";
@@ -494,59 +599,60 @@ export default {
     /** 发票按钮操作 */
     handleApply(row) {
       this.reset();
-      if(row.zciId){
-      }else{
+      if (row.zciId) {
+      } else {
         this.$message({
-            type: "warning",
-            message: "无费用数据",
-          });
+          type: "warning",
+          message: "无费用数据"
+        });
         return;
       }
-      if(row.zfiSupplierId){
-      }else{
+      if (row.zfiSupplierId) {
+      } else {
         this.$message({
-            type: "warning",
-            message: "无融资企业信息",
-          });
+          type: "warning",
+          message: "无融资企业信息"
+        });
         return;
       }
-      const zciId  = row.zciId || this.ids;
+      const zciId = row.zciId || this.ids;
       const scyId = row.zfiSupplierId || this.ids;
-      listInvoice(scyId,zciId).then(response => {
+      listInvoice(scyId, zciId).then(response => {
         this.formApply = response.data[0];
-        this.formApply.zciId  = zciId;
+        this.formApply.zciId = zciId;
       });
       this.openApply = true;
       this.titleApply = "申请开票信息";
     },
     //去缴费
-    handlePay(row){
-      const zciId  = row.zciId || this.ids;
+    handlePay(row) {
+      const zciId = row.zciId || this.ids;
       const maney = row.zfrAmount || this.ids;
       this.$confirm('您需缴费融资金额"' + maney + '"元', {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-        }).then(function() {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消"
+      })
+        .then(function() {
           return changeZfiStatus(zciId);
-        }).then(() => {
+        })
+        .then(() => {
           this.getList();
           this.msgSuccess("缴费成功");
         })
         .catch(() => {
           this.$message({
             type: "warning",
-            message: "已取消缴费",
-           
+            message: "已取消缴费"
           });
         });
     },
-      
-  /** 提交按钮 */
-  submitForm() {
+
+    /** 提交按钮 */
+    submitForm() {
       var self = this;
       this.$refs["formApply"].validate(valid => {
         let fd = new FormData();
-        for(var key in self.formApply){
+        for (var key in self.formApply) {
           fd.append(key, self.formApply[key]);
         }
         if (valid) {
@@ -555,44 +661,50 @@ export default {
               lock: true,
               text: "Loading",
               spinner: "el-icon-loading",
-              background: "rgba(0, 0, 0, 0.7)",
-            })
-            applyInvoice(self.formApply).then(response => {
-              this.msgSuccess("申请成功");
-              loading.close();
-              this.openApply = false;
-              this.getList();
-            }).catch((response) => {
-                loading.close();
+              background: "rgba(0, 0, 0, 0.7)"
             });
+            applyInvoice(self.formApply)
+              .then(response => {
+                this.msgSuccess("申请成功");
+                loading.close();
+                this.openApply = false;
+                this.getList();
+              })
+              .catch(response => {
+                loading.close();
+              });
           }
         }
       });
     },
 
-    
     /** 导出按钮操作 */
     handleExport() {
       // this.getList();
       const loading = this.$loading({
         lock: true,
-        text: 'Loading',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
+        text: "Loading",
+        spinner: "el-icon-loading",
+        background: "rgba(0, 0, 0, 0.7)"
       });
-      this.download('/sc-service/cost/export', {
-        ...this.queryParams, ...this.dateRange
-      },'费用信息.xlsx')
+      this.download(
+        "/sc-service/cost/export",
+        {
+          ...this.queryParams,
+          ...this.dateRange
+        },
+        "费用信息.xlsx"
+      );
       setTimeout(() => {
-            loading.close();
-          }, 2000);
+        loading.close();
+      }, 2000);
     },
 
     //获取操作员Id
-    getUser(){
+    getUser() {
       getUser().then(response => {
-          this.userId = response.data.userId;
-        })
+        this.userId = response.data.userId;
+      });
     }
   }
 };