ソースを参照

Finish Hotfix-44

chen 3 年 前
コミット
dc3324e6e9

+ 43 - 170
src/views/finance/account_list.vue

@@ -3,91 +3,45 @@
     <div v-if="showReconciliation">
       <!-- 筛选条件 -->
       <div>
-        <el-form
-          ref="searchForm"
-          :model="searchForm"
-          label-width="100px"
-          size="small"
-          label-position="left"
-        >
+        <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
           <el-row :gutter="20">
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="经销商名称" prop="customerId">
-                <el-select
-                  v-model="searchForm.customerId"
-                  class="selectStyle"
-                  placeholder="请选择"
-                  filterable
-                  @change="changeFn"
-                >
-                  <el-option
-                    v-for="(v, i) in customerList"
-                    :key="i"
-                    :label="v.name"
-                    :value="v.id"
-                  >
+                <el-select v-model="searchForm.customerId" class="selectStyle" placeholder="请选择" filterable @change="changeFn">
+                  <el-option v-for="(v, i) in customerList" :key="i" :label="v.name" :value="v.id">
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="钱包" prop="customerWalletId">
-                <el-select
-                  v-model="searchForm.customerWalletId"
-                  class="selectStyle"
-                  placeholder="请选择"
-                  filterable
-                >
-                  <el-option
-                    v-for="(v, i) in walletList"
-                    :key="i"
-                    :label="v.customerWalletName"
-                    :value="v.customerWalletId"
-                  >
+                <el-select v-model="searchForm.customerWalletId" class="selectStyle" placeholder="请选择" filterable>
+                  <el-option v-for="(v, i) in walletList" :key="i" :label="v.customerWalletName" :value="v.customerWalletId">
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="单据号" prop="billNo">
-                <el-input
-                  v-model="searchForm.billNo"
-                  placeholder="请输入"
-                ></el-input>
+                <el-input v-model="searchForm.billNo" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="开始时间" prop="startTime">
-                <el-date-picker
-                  class="selectStyle"
-                  v-model="searchForm.startTime"
-                  placeholder="选择日期"
-                  type="datetime"
-                  default-time="00:00:00"
-                  value-format="yyyy-MM-dd HH:mm:ss"
-                >
+                <el-date-picker class="selectStyle" v-model="searchForm.startTime" placeholder="选择日期" type="datetime" default-time="00:00:00" value-format="yyyy-MM-dd HH:mm:ss">
                 </el-date-picker>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="结束时间" prop="endTime">
-                <el-date-picker
-                  class="selectStyle"
-                  v-model="searchForm.endTime"
-                  placeholder="选择日期"
-                  type="datetime"
-                  default-time="23:59:59"
-                  value-format="yyyy-MM-dd HH:mm:ss"
-                >
+                <el-date-picker class="selectStyle" v-model="searchForm.endTime" placeholder="选择日期" type="datetime" default-time="23:59:59" value-format="yyyy-MM-dd HH:mm:ss">
                 </el-date-picker>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="18">
               <el-form-item label="" class="fr">
                 <el-button size="small" @click="clearFn">清空</el-button>
-                <el-button size="small" type="primary" @click="searchFn"
-                  >搜索</el-button
-                >
+                <el-button size="small" type="primary" @click="searchFn">搜索</el-button>
               </el-form-item>
             </el-col>
           </el-row>
@@ -96,121 +50,54 @@
       <!-- 按钮 -->
       <div class="btn-group clearfix">
         <div class="fl">
-          <el-button
-            :disabled="dataList.length == 0"
-            type="primary"
-            size="small"
-            @click="reconciliationFn"
-            >一键对账</el-button
-          >
-          <el-button type="primary" size="small" @click="recordFn"
-            >记录</el-button
-          >
+          <el-button :disabled="dataList.length == 0" type="primary" size="small" @click="reconciliationFn">一键对账</el-button>
+          <el-button type="primary" size="small" @click="recordFn">记录</el-button>
         </div>
         <div class="fr">
-          <ExportButton
-            :exUrl="'/finance/standing/book/export'"
-            :exParams="exParams"
-          />
+          <ExportButton :exUrl="'/finance/standing/book/export'" :exParams="exParams" />
         </div>
       </div>
       <!-- 列表 -->
       <div class="mymain-container">
         <div class="table">
-          <el-table
-            v-loading="listLoading"
-            :data="dataList"
-            element-loading-text="Loading"
-            border
-            fit
-            highlight-current-row
-            stripe
-            show-summary
-            :summary-method="$getSummaries"
-          >
-            <el-table-column
-              align="center"
-              label="序号"
-              type="index"
-              width="100"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="月份"
-              prop="month"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="对账状态"
-              prop="isReconciliation"
-              min-width="160"
-              show-overflow-tooltip
-            >
+          <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="$getSummaries">
+            <el-table-column align="left" label="序号" type="index" width="80" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="月份" prop="month" min-width="100" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="对账状态" prop="isReconciliation" min-width="100" show-overflow-tooltip>
               <template slot-scope="scope">
-                <el-tag type="danger" v-if="scope.row.isReconciliation == false"
-                  >未对账</el-tag
-                >
+                <el-tag type="danger" v-if="scope.row.isReconciliation == false">未对账</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="客户编码" prop="customerCode" min-width="100" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.customerCode" />
+                <span>{{scope.row.customerCode}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="客户名称" prop="customerName" min-width="260" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.customerName" />
+                <span>{{scope.row.customerName}}</span>
               </template>
             </el-table-column>
-            <el-table-column
-              align="center"
-              label="客户编码"
-              prop="customerCode"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="客户名称"
-              prop="customerName"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
             <!-- <el-table-column
-              align="center"
+              align="left"
               label="部门"
               prop=""
               min-width="160"
               show-overflow-tooltip
             ></el-table-column> -->
-            <el-table-column
-              align="center"
-              label="现金钱包类型"
-              prop="walletName"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="单据类型"
-              prop="billType"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="单据号"
-              prop="billNo"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="单据日期"
-              prop="theTime"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="right"
-              label="收付款金额"
-              prop="amount"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="left" label="现金钱包类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据类型" prop="billType" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据号" prop="billNo" min-width="160" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.billNo" />
+                <span>{{scope.row.billNo}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="单据日期" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="right" label="收付款金额" prop="amount" min-width="130" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{ scope.row.amount | numToFixed }}
               </template>
@@ -222,26 +109,12 @@
               min-width="160"
               show-overflow-tooltip
             ></el-table-column> -->
-            <el-table-column
-              align="center"
-              label="备注"
-              prop="remark"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
+
           </el-table>
         </div>
         <!-- 分页 -->
         <div class="fr">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-sizes="[10, 20, 30, 50]"
-            :page-size="10"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="listTotal"
-          >
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="10" layout="total, sizes, prev, pager, next, jumper" :total="listTotal">
           </el-pagination>
         </div>
       </div>

+ 23 - 79
src/views/finance/balance_sum.vue

@@ -2,28 +2,12 @@
   <div class="app-container">
     <!-- 筛选条件 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="经销商名称" prop="customerNumber">
-              <el-select
-                v-model="searchForm.customerNumber"
-                class="selectStyle"
-                placeholder="请选择"
-                filterable
-              >
-                <el-option
-                  v-for="(v, i) in customerList"
-                  :key="i"
-                  :label="v.name"
-                  :value="v.number"
-                >
+              <el-select v-model="searchForm.customerNumber" class="selectStyle" placeholder="请选择" filterable>
+                <el-option v-for="(v, i) in customerList" :key="i" :label="v.name" :value="v.number">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -39,9 +23,7 @@
           <el-col :xs="24" :sm="24" :lg="18">
             <el-form-item label="" class="fr">
               <el-button size="small" @click="clearFn">清空</el-button>
-              <el-button size="small" type="primary" @click="searchFn"
-                >搜索</el-button
-              >
+              <el-button size="small" type="primary" @click="searchFn">搜索</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -56,72 +38,34 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-          show-summary
-          :summary-method="$getSummaries"
-        >
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="right"
-            label="总金额"
-            prop="total"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="$getSummaries">
+          <el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerNumber" />
+              <span>{{scope.row.customerNumber}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerName" />
+              <span>{{scope.row.customerName}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="更新时间" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="right" label="总金额" prop="total" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               {{ scope.row.total | numToFixed }}
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="更新时间"
-            prop="theTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
 
-          <el-table-column
-            align="center"
-            label="操作"
-            min-width="160"
-            show-overflow-tooltip
-            fixed="right"
-          >
+          <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip fixed="right">
             <template v-slot="{ row }">
-              <el-button
-                type="text"
-                class="textColor"
-                @click="walletFn(row.customerId)"
-              >
+              <el-button type="text" class="textColor" @click="walletFn(row.customerId)">
                 余额
               </el-button>
-              <el-button
-                type="text"
-                class="textColor"
-                @click="
+              <el-button type="text" class="textColor" @click="
                   seeFN(row.customerName, row.customerNumber, row.customerId)
-                "
-              >
+                ">
                 明细
               </el-button>
             </template>

+ 13 - 85
src/views/finance/change_apply.vue

@@ -4,13 +4,7 @@
     <el-divider></el-divider>
     <!-- 筛选条件 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利互转单号" prop="">
@@ -19,13 +13,7 @@
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据日期" prop="theTime">
-              <el-date-picker
-                disabled
-                class="dateStyle"
-                placeholder="系统自动生成"
-                type="datetime"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker disabled class="dateStyle" placeholder="系统自动生成" type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -55,89 +43,31 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            type="index"
-            align="center"
-            width="100"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" type="index" align="left" width="100" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <div v-if="scope.$index == 0">{{ searchForm.customerName }}</div>
-              <el-select
-                v-if="scope.$index == 1"
-                filterable
-                v-model="scope.row.customerId"
-                placeholder="请选择"
-              >
-                <el-option
-                  v-for="item in customerData"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                >
+              <el-select v-if="scope.$index == 1" filterable v-model="scope.row.customerId" placeholder="请选择">
+                <el-option v-for="item in customerData" :key="item.id" :label="item.name" :value="item.id">
                 </el-option>
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="name"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="返利类型" prop="name" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-select
-                filterable
-                v-model="scope.row.name"
-                placeholder="请选择"
-                @click.native="changeCustomerFn(scope.row, scope.$index)"
-              >
-                <el-option
-                  v-for="item in scope.row.typeList"
-                  :key="item.customerWalletId"
-                  :label="item.name"
-                  :value="item.customerWalletId"
-                >
+              <el-select filterable v-model="scope.row.name" placeholder="请选择" @click.native="changeCustomerFn(scope.row, scope.$index)">
+                <el-option v-for="item in scope.row.typeList" :key="item.customerWalletId" :label="item.name" :value="item.customerWalletId">
                 </el-option>
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="返利金额"
-            prop=""
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="返利金额" prop="" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input type="number" v-model="scope.row.money"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="备注"
-            prop=""
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="备注" prop="" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.bz"></el-input>
             </template>
@@ -148,9 +78,7 @@
     <!-- 按钮 -->
     <div class="btn-group clearfix">
       <div class="fl">
-        <el-button type="primary" size="small" @click="preservationFn"
-          >保存</el-button
-        >
+        <el-button type="primary" size="small" @click="preservationFn">保存</el-button>
 
         <el-button type="primary" size="small" @click="resetFn">重置</el-button>
       </div>

+ 68 - 243
src/views/finance/change_list.vue

@@ -13,40 +13,22 @@
       <br /><br />
       <!-- 筛选条件 -->
       <div>
-        <el-form
-          ref="searchForm"
-          :model="searchForm"
-          label-width="100px"
-          size="small"
-          label-position="left"
-        >
+        <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
           <el-row :gutter="20">
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="返利互转单号" prop="id">
-                <el-input
-                  v-model="searchForm.id"
-                  placeholder="请输入"
-                ></el-input>
+                <el-input v-model="searchForm.id" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
 
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="返利类型" prop="walletName">
-                <el-input
-                  v-model="searchForm.walletName"
-                  placeholder="请输入"
-                ></el-input>
+                <el-input v-model="searchForm.walletName" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="申请日期" prop="startTime">
-                <el-date-picker
-                  class="dateStyle"
-                  v-model="searchForm.startTime"
-                  placeholder="选择日期"
-                  type="datetime"
-                  value-format="yyyy-MM-dd HH:mm:ss"
-                >
+                <el-date-picker class="dateStyle" v-model="searchForm.startTime" placeholder="选择日期" type="datetime" value-format="yyyy-MM-dd HH:mm:ss">
                 </el-date-picker>
               </el-form-item>
             </el-col>
@@ -54,9 +36,7 @@
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="" class="fr">
                 <el-button size="small" @click="clearFn">清空</el-button>
-                <el-button size="small" type="primary" @click="searchFn"
-                  >搜索</el-button
-                >
+                <el-button size="small" type="primary" @click="searchFn">搜索</el-button>
               </el-form-item>
             </el-col>
           </el-row>
@@ -70,38 +50,15 @@
       <!-- 列表 -->
       <div class="mymain-container">
         <div class="table">
-          <el-table
-            v-loading="listLoading"
-            :data="dataList"
-            element-loading-text="Loading"
-            border
-            fit
-            highlight-current-row
-            stripe
-            show-summary
-            :summary-method="$getSummaries"
-          >
-            <el-table-column
-              label="序号"
-              align="center"
-              width="100"
-              type="index"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="返利转账单号"
-              prop="id"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="申请日期"
-              prop="applyTime"
-              min-width="160"
-              show-overflow-tooltip
-            >
+          <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="$getSummaries">
+            <el-table-column label="序号" align="left" width="100" type="index" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="返利转账单号" prop="id" min-width="200" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.id" />
+                <span>{{scope.row.id}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="申请日期" prop="applyTime" min-width="160" show-overflow-tooltip>
               <!-- <template slot-scope="scope">
                 <div>
                   <span>{{ scope.row.applyTime }}</span>
@@ -114,233 +71,101 @@
                 </div>
               </template> -->
             </el-table-column>
-            <el-table-column
-              align="center"
-              label="发起方经销商编号"
-              prop="customerNumber"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="发起方经销商名称"
-              prop="customerName"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="发起方表体备注"
-              prop="initiatorRemark"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="发起方返利类型"
-              prop="initiatorCustomerWalletName"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="right"
-              label="返利金额"
-              prop="amount"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="left" label="发起方经销商编号" prop="customerNumber" min-width="160" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.customerNumber" />
+                <span>{{scope.row.customerNumber}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="发起方经销商名称" prop="customerName" min-width="260" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.customerName" />
+                <span>{{scope.row.customerName}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="发起方表体备注" prop="initiatorRemark" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="发起方返利类型" prop="initiatorCustomerWalletName" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="right" label="返利金额" prop="amount" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{ scope.row.amount | numToFixed }}
               </template>
             </el-table-column>
-            <el-table-column
-              align="center"
-              label="接收方经销商编号"
-              prop="receiverCustomerNumber"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="接收方经销商名称"
-              prop="receiverCustomerName"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="接收方表体备注"
-              prop="receiverRemark"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="接收方返利类型"
-              prop="receiverCustomerWalletName"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="备注"
-              prop="remark"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="制单人"
-              prop="createBy"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="审核人"
-              prop="examineBy"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="审核日期"
-              prop="examineTime"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
+            <el-table-column align="left" label="接收方经销商编号" prop="receiverCustomerNumber" min-width="160" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.receiverCustomerNumber" />
+                <span>{{scope.row.receiverCustomerNumber}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="接收方经销商名称" prop="receiverCustomerName" min-width="260" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.receiverCustomerName" />
+                <span>{{scope.row.receiverCustomerName}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="接收方表体备注" prop="receiverRemark" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="接收方返利类型" prop="receiverCustomerWalletName" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="制单人" prop="createBy" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="审核人" prop="examineBy" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="审核日期" prop="examineTime" min-width="160" show-overflow-tooltip></el-table-column>
             <!-- <el-table-column
-              align="center"
+              align="left"
               label="复核人"
               prop="secondExamineBy"
               min-width="160"
               show-overflow-tooltip
             ></el-table-column>
             <el-table-column
-              align="center"
+              align="left"
               label="复核日期"
               prop="secondExamineTime"
               min-width="160"
               show-overflow-tooltip
             ></el-table-column> -->
-            <el-table-column
-              align="center"
-              label="状态"
-              prop="examineStatus"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="left" label="状态" prop="examineStatus" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 <el-tag v-show="scope.row.examineStatus == 'SAVE'">保存</el-tag>
-                <el-tag v-show="scope.row.examineStatus == 'WAIT'"
-                  >待审核</el-tag
-                >
-                <el-tag v-show="scope.row.examineStatus == 'OK_ONE'"
-                  >初审通过</el-tag
-                >
-                <el-tag v-show="scope.row.examineStatus == 'FAIL_ONE'"
-                  >初审不通过</el-tag
-                >
-                <el-tag v-show="scope.row.examineStatus == 'OK'"
-                  >复核通过</el-tag
-                >
-                <el-tag v-show="scope.row.examineStatus == 'FALL'"
-                  >不通过</el-tag
-                >
-                <el-tag v-show="scope.row.examineStatus == 'CLOSE'"
-                  >已关闭</el-tag
-                >
+                <el-tag v-show="scope.row.examineStatus == 'WAIT'">待审核</el-tag>
+                <el-tag v-show="scope.row.examineStatus == 'OK_ONE'">初审通过</el-tag>
+                <el-tag v-show="scope.row.examineStatus == 'FAIL_ONE'">初审不通过</el-tag>
+                <el-tag v-show="scope.row.examineStatus == 'OK'">复核通过</el-tag>
+                <el-tag v-show="scope.row.examineStatus == 'FALL'">不通过</el-tag>
+                <el-tag v-show="scope.row.examineStatus == 'CLOSE'">已关闭</el-tag>
               </template>
             </el-table-column>
-            <el-table-column
-              align="center"
-              label="操作"
-              min-width="200"
-              show-overflow-tooltip
-              fixed="right"
-            >
+            <el-table-column align="center" label="操作" min-width="200" show-overflow-tooltip fixed="right">
               <template slot-scope="scope">
-                <el-button
-                  @click="submitFn(scope.row.id)"
-                  v-if="
+                <el-button @click="submitFn(scope.row.id)" v-if="
                     $checkBtnRole('apply', $route.meta.roles) &&
                     isCustomer &&
                     scope.row.examineStatus == 'SAVE'
-                  "
-                  type="text"
-                  class="textColor"
-                  slot="reference"
-                  >提审</el-button
-                >
-                <el-button
-                  v-if="isCustomer && scope.row.examineStatus == 'WAIT'"
-                  type="text"
-                  class="textColor"
-                  slot="reference"
-                  @click="withdrawFn"
-                  >撤回</el-button
-                >
-                <el-button
-                  v-if="
+                  " type="text" class="textColor" slot="reference">提审</el-button>
+                <el-button v-if="isCustomer && scope.row.examineStatus == 'WAIT'" type="text" class="textColor" slot="reference" @click="withdrawFn">撤回</el-button>
+                <el-button v-if="
                     scope.row.examineStatus == 'WAIT' &&
                     !isCustomer &&
                     $checkBtnRole('examine', $route.meta.roles)
-                  "
-                  @click="examineFn(scope.row.id)"
-                  type="text"
-                  class="textColor"
-                  slot="reference"
-                  >审核</el-button
-                >
-                <el-button
-                  v-if="
+                  " @click="examineFn(scope.row.id)" type="text" class="textColor" slot="reference">审核</el-button>
+                <el-button v-if="
                     (scope.row.examineStatus == 'FAIL_ONE' ||
                       scope.row.examineStatus == 'SAVE') &&
                     $checkBtnRole('edit', $route.meta.roles)
-                  "
-                  type="text"
-                  class="textColor"
-                  slot="reference"
-                  @click="editFn(scope.row.id)"
-                  >修改</el-button
-                >
-                <el-button
-                  @click="detailFn(scope.row.id)"
-                  type="text"
-                  class="textColor"
-                  slot="reference"
-                  >详情</el-button
-                >
+                  " type="text" class="textColor" slot="reference" @click="editFn(scope.row.id)">修改</el-button>
+                <el-button @click="detailFn(scope.row.id)" type="text" class="textColor" slot="reference">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
         </div>
         <!-- 分页 -->
         <div class="fr">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-sizes="[10, 20, 30, 50]"
-            :page-size="pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="listTotal"
-          >
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="listTotal">
           </el-pagination>
         </div>
       </div>
     </div>
     <ChangeListDetail :detailList="detailList" v-else-if="showPage == 2" />
-    <ChangeListExamine
-      @refresh="refreshFn"
-      :detailList="detailList"
-      v-else-if="showPage == 3"
-    />
-    <ChangeListReview
-      @refresh="refreshFn"
-      :detailList="detailList"
-      v-else-if="showPage == 4"
-    />
+    <ChangeListExamine @refresh="refreshFn" :detailList="detailList" v-else-if="showPage == 3" />
+    <ChangeListReview @refresh="refreshFn" :detailList="detailList" v-else-if="showPage == 4" />
   </div>
 </template>
 

+ 39 - 155
src/views/finance/components/account_list-detail.vue

@@ -6,90 +6,45 @@
     <el-divider></el-divider>
     <!-- 筛选条件 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="经销商名称" prop="customerId">
-              <el-select
-                v-model="searchForm.customerId"
-                class="selectStyle"
-                placeholder="请选择"
-                filterable
-                @change="changeFn"
-              >
-                <el-option
-                  v-for="(v, i) in customerList"
-                  :key="i"
-                  :label="v.name"
-                  :value="v.id"
-                >
+              <el-select v-model="searchForm.customerId" class="selectStyle" placeholder="请选择" filterable @change="changeFn">
+                <el-option v-for="(v, i) in customerList" :key="i" :label="v.name" :value="v.id">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="钱包" prop="customerWalletId">
-              <el-select
-                v-model="searchForm.customerWalletId"
-                class="selectStyle"
-                placeholder="请选择"
-              >
-                <el-option
-                  v-for="(v, i) in walletList"
-                  :key="i"
-                  :label="v.customerWalletName"
-                  :value="v.customerWalletId"
-                >
+              <el-select v-model="searchForm.customerWalletId" class="selectStyle" placeholder="请选择">
+                <el-option v-for="(v, i) in walletList" :key="i" :label="v.customerWalletName" :value="v.customerWalletId">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据号" prop="billNo">
-              <el-input
-                v-model="searchForm.billNo"
-                placeholder="请输入"
-              ></el-input>
+              <el-input v-model="searchForm.billNo" placeholder="请输入"></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="开始时间" prop="startTime">
-              <el-date-picker
-                class="selectStyle"
-                v-model="searchForm.startTime"
-                placeholder="选择日期"
-                type="datetime"
-                default-time="00:00:00"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker class="selectStyle" v-model="searchForm.startTime" placeholder="选择日期" type="datetime" default-time="00:00:00" value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="结束时间" prop="endTime">
-              <el-date-picker
-                class="selectStyle"
-                v-model="searchForm.endTime"
-                placeholder="选择日期"
-                type="datetime"
-                default-time="23:59:59"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker class="selectStyle" v-model="searchForm.endTime" placeholder="选择日期" type="datetime" default-time="23:59:59" value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="24" :lg="18">
             <el-form-item label="" class="fr">
               <el-button size="small" @click="clearFn">清空</el-button>
-              <el-button size="small" type="primary" @click="searchFn"
-                >搜索</el-button
-              >
+              <el-button size="small" type="primary" @click="searchFn">搜索</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -104,100 +59,44 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-          show-summary
-          :summary-method="$getSummaries"
-        >
-          <el-table-column
-            align="center"
-            label="序号"
-            type="index"
-            width="100"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="月份"
-            prop="month"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="对账状态"
-            prop="isReconciliation"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="$getSummaries">
+          <el-table-column align="left" label="序号" type="index" width="80" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="月份" prop="month" min-width="100" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="对账状态" prop="isReconciliation" min-width="100" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-tag type="success" v-if="scope.row.isReconciliation == true"
-                >已对账</el-tag
-              >
+              <el-tag type="success" v-if="scope.row.isReconciliation == true">已对账</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="客户编码" prop="customerCode" min-width="100" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerCode" />
+              <span>{{scope.row.customerCode}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="客户名称" prop="customerName" min-width="260" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerName" />
+              <span>{{scope.row.customerName}}</span>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="客户编码"
-            prop="customerCode"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="客户名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
           <!-- <el-table-column
-            align="center"
+            align="left"
             label="部门"
             prop=""
             min-width="160"
             show-overflow-tooltip
           ></el-table-column> -->
-          <el-table-column
-            align="center"
-            label="现金钱包类型"
-            prop="walletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="单据类型"
-            prop="billType"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="单据号"
-            prop="billNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="单据日期"
-            prop="theTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="right"
-            label="收付款金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="现金钱包类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="单据类型" prop="billType" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="单据号" prop="billNo" min-width="160" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.billNo" />
+              <span>{{scope.row.billNo}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="单据日期" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="right" label="收付款金额" prop="amount" min-width="130" show-overflow-tooltip>
             <template slot-scope="scope">
               {{ scope.row.amount | numToFixed }}
             </template>
@@ -209,26 +108,11 @@
             min-width="160"
             show-overflow-tooltip
           ></el-table-column> -->
-          <el-table-column
-            align="center"
-            label="备注"
-            prop="remark"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
         </el-table>
       </div>
       <!-- 分页 -->
       <div class="fr">
-        <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="currentPage"
-          :page-sizes="[10, 20, 30, 50]"
-          :page-size="pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="listTotal"
-        >
+        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="listTotal">
         </el-pagination>
       </div>
     </div>

+ 13 - 77
src/views/finance/components/change_list-detail.vue

@@ -13,74 +13,42 @@
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利互转单号" prop="">
-              <el-input
-                disabled
-                v-model="detailList.id"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.id" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据日期" prop="">
-              <el-input
-                disabled
-                v-model="detailList.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                v-model="detailList.createBy"
-                disabled
-                placeholder=""
-              ></el-input>
+              <el-input v-model="detailList.createBy" disabled placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="经销商编号" prop="">
-              <el-input
-                disabled
-                v-model="detailList.customerNumber"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.customerNumber" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="经销商名称" prop="">
-              <el-input
-                disabled
-                v-model="detailList.customerName"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.customerName" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注信息" prop="">
-              <el-input
-                disabled
-                v-model="detailList.remark"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col v-if="detailList.examineBy" :xs="24" :sm="12" :lg="6">
             <el-form-item label="审核人" prop="">
-              <el-input
-                disabled
-                v-model="detailList.examineBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.examineBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col v-if="detailList.examineBy" :xs="24" :sm="12" :lg="6">
             <el-form-item label="审核日期" prop="">
-              <el-input
-                disabled
-                v-model="detailList.examineTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.examineTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <!-- <el-col :xs="24" :sm="12" :lg="6">
@@ -99,43 +67,11 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            width="100"
-            type="index"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="customerWalletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注"
-            prop="remark"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="left" width="100" type="index" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="返利类型" prop="customerWalletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="返利金额" prop="amount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>

+ 11 - 67
src/views/finance/components/change_list-examine.vue

@@ -13,56 +13,32 @@
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利互转单号" prop="">
-              <el-input
-                disabled
-                v-model="detailList.id"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.id" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据日期" prop="">
-              <el-input
-                disabled
-                v-model="detailList.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                disabled
-                v-model="detailList.createBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.createBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="经销商编号" prop="">
-              <el-input
-                disabled
-                v-model="detailList.customerNumber"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.customerNumber" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="经销商名称" prop="">
-              <el-input
-                disabled
-                v-model="detailList.customerName"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.customerName" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注信息" prop="">
-              <el-input
-                disabled
-                v-model="detailList.remark"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <!-- <el-col :xs="24" :sm="12" :lg="6">
@@ -87,43 +63,11 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            width="100"
-            type="index"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="customerWalletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注"
-            prop="remark"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="left" width="100" type="index" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="返利类型" prop="customerWalletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="返利金额" prop="amount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>

+ 17 - 92
src/views/finance/components/change_list-review.vue

@@ -9,57 +9,31 @@
     <el-divider></el-divider>
     <!-- 筛选条件 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利互转单号" prop="">
-              <el-input
-                disabled
-                v-model="detailList.id"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.id" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据日期" prop="">
-              <el-input
-                disabled
-                v-model="detailList.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                disabled
-                v-model="detailList.createBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.createBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="经销商编号" prop="">
-              <el-input
-                disabled
-                v-model="detailList.customerNumber"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.customerNumber" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="经销商名称" prop="">
-              <el-input
-                disabled
-                v-model="detailList.customerName"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.customerName" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
@@ -67,32 +41,14 @@
               <el-input v-model="detailList.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
-          <el-col
-            v-if="detailList.examineStatus == 'FAIL_ONE'"
-            :xs="24"
-            :sm="12"
-            :lg="6"
-          >
+          <el-col v-if="detailList.examineStatus == 'FAIL_ONE'" :xs="24" :sm="12" :lg="6">
             <el-form-item label="审核人" prop="">
-              <el-input
-                disabled
-                v-model="detailList.examineBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.examineBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
-          <el-col
-            v-if="detailList.examineStatus == 'FAIL_ONE'"
-            :xs="24"
-            :sm="12"
-            :lg="6"
-          >
+          <el-col v-if="detailList.examineStatus == 'FAIL_ONE'" :xs="24" :sm="12" :lg="6">
             <el-form-item label="审核日期" prop="">
-              <el-input
-                disabled
-                v-model="detailList.examineTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="detailList.examineTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <!-- <el-col :xs="24" :sm="12" :lg="6">
@@ -111,47 +67,15 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            width="100"
-            type="index"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="customerWalletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="left" width="100" type="index" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="返利类型" prop="customerWalletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="返利金额" prop="amount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.amount"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="备注"
-            prop="remark"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.remark"></el-input>
             </template>
@@ -268,4 +192,5 @@ export default {
 };
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+</style>

+ 27 - 117
src/views/finance/components/credit_list-detail.vue

@@ -7,37 +7,17 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="开始时间" prop="startTime">
-              <el-date-picker
-                class="selectStyle"
-                v-model="searchForm.startTime"
-                type="datetime"
-                placeholder="选择日期时间"
-                default-time="00:00:00"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker class="selectStyle" v-model="searchForm.startTime" type="datetime" placeholder="选择日期时间" default-time="00:00:00" value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="结束时间" prop="endTime">
-              <el-date-picker
-                class="selectStyle"
-                v-model="searchForm.endTime"
-                type="datetime"
-                placeholder="选择日期时间"
-                default-time="00:00:00"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker class="selectStyle" v-model="searchForm.endTime" type="datetime" placeholder="选择日期时间" default-time="00:00:00" value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -45,9 +25,7 @@
           <el-col :xs="24" :sm="24" :lg="12">
             <el-form-item label="" class="fr">
               <el-button size="small" @click="clearFn">清空</el-button>
-              <el-button size="small" type="primary" @click="searchFn"
-                >搜索</el-button
-              >
+              <el-button size="small" type="primary" @click="searchFn">搜索</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -56,106 +34,38 @@
     <!-- 按钮 -->
     <div class="btn-group clearfix">
       <div class="fr">
-        <el-button type="primary" size="small" @click="exportList"
-          >导出</el-button
-        >
+        <el-button type="primary" size="small" @click="exportList">导出</el-button>
       </div>
     </div>
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            width="100"
-            type="index"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="关联钱包"
-            prop="customerWalletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="变更金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="使用金额"
-            prop="useAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="开始日期"
-            prop="startTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="结束日期"
-            prop="endTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="变更时间"
-            prop="updateTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="变更人"
-            prop="updateBy"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="left" width="100" type="index" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerNumber" />
+              <span>{{scope.row.customerNumber}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="经销商名称" prop="customerName" min-width="260" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerName" />
+              <span>{{scope.row.customerName}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="关联钱包" prop="customerWalletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="right" label="变更金额" prop="amount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="right" label="使用金额" prop="useAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="开始日期" prop="startTime" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="结束日期" prop="endTime" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="变更时间" prop="updateTime" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="变更人" prop="updateBy" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
       <!-- 分页 -->
       <div class="fr">
-        <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="currentPage"
-          :page-sizes="[10, 20, 30, 50]"
-          :page-size="10"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="listTotal"
-        >
+        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="10" layout="total, sizes, prev, pager, next, jumper" :total="listTotal">
         </el-pagination>
       </div>
     </div>

+ 48 - 316
src/views/finance/components/rebate_list-apply.vue

@@ -4,89 +4,43 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利单号" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.rebateOrderId"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.rebateOrderId" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.remark"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="审批人" prop="">
-              <el-input
-                v-if="this.searchForm.secondExamineBy != null"
-                disabled
-                v-model="searchForm.secondExamineBy"
-                placeholder=""
-              ></el-input>
-              <el-input
-                v-else
-                disabled
-                v-model="searchForm.examineBy"
-                placeholder=""
-              ></el-input>
+              <el-input v-if="this.searchForm.secondExamineBy != null" disabled v-model="searchForm.secondExamineBy" placeholder=""></el-input>
+              <el-input v-else disabled v-model="searchForm.examineBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="审批日期" prop="">
-              <el-input
-                v-if="this.searchForm.secondExamineTime != null"
-                disabled
-                v-model="searchForm.secondExamineTime"
-                placeholder=""
-              ></el-input>
-              <el-input
-                v-else
-                disabled
-                v-model="searchForm.examineTime"
-                placeholder=""
-              ></el-input>
+              <el-input v-if="this.searchForm.secondExamineTime != null" disabled v-model="searchForm.secondExamineTime" placeholder=""></el-input>
+              <el-input v-else disabled v-model="searchForm.examineTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -95,127 +49,23 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            width="100"
-            type="index"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="walletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利总金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="暂扣返利"
-            prop="withholdAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文件流水号"
-            prop="policyFileNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文号"
-            prop="policyDocNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策年份"
-            prop="policyYear"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策月份"
-            prop="policyMonth"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策归属部门"
-            prop="policyOrg"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="客户区域"
-            prop="customerArea"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="客户属性"
-            prop="customerAttr"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="奖励实际归属客户"
-            prop="rewardActualCustomers"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注1"
-            prop="remark1"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注2"
-            prop="remark2"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="center" width="100" type="index" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策文件流水号" prop="policyFileNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策文号" prop="policyDocNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策年份" prop="policyYear" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策月份" prop="policyMonth" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策归属部门" prop="policyOrg" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="客户区域" prop="customerArea" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="客户属性" prop="customerAttr" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="奖励实际归属客户" prop="rewardActualCustomers" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="备注1" prop="remark1" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="备注2" prop="remark2" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>
@@ -224,142 +74,32 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList2"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            align="center"
-            type="selection"
-            prop=""
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利单号"
-            prop="rebateOrderId"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="walletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="总返利金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利金额"
-            prop=""
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="折让金额"
-            prop="allowanceAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="暂扣返利"
-            prop="withholdAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="折让编号"
-            prop="allowanceCode"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList2" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column align="center" type="selection" prop="" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利单号" prop="rebateOrderId" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="总返利金额" prop="amount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利金额" prop="rebateAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="折让金额" prop="allowanceAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="折让编号" prop="allowanceCode" min-width="160" show-overflow-tooltip>
             <!-- <template slot-scope="scope">
               <el-input v-model="scope.row.allowanceCode"></el-input>
             </template> -->
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="折让账号"
-            prop="allowanceAccount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="折让账号" prop="allowanceAccount" min-width="160" show-overflow-tooltip>
             <!-- <template slot-scope="scope">
               <el-input v-model="scope.row.allowanceAccount"></el-input>
             </template> -->
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="已办理折让金额"
-            prop="handledAllowanceAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="折让对应收款单号"
-            prop="allowanceOrderNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="确认人"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="确认日期"
-            prop="customerConfirmTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="复核人"
-            prop="secondExamineBy"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="复核日期"
-            prop="secondExamineTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+          <el-table-column align="center" label="已办理折让金额" prop="handledAllowanceAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="折让对应收款单号" prop="allowanceOrderNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="确认人" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="确认日期" prop="customerConfirmTime" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="复核人" prop="secondExamineBy" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="复核日期" prop="secondExamineTime" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>
@@ -374,22 +114,14 @@
         <el-col :span="12" class="item">
           <div class="label">审批结果</div>
           <div class="value">
-            <el-radio disabled v-model="examineStatus" label="OK"
-              >通过</el-radio
-            >
-            <el-radio disabled v-model="examineStatus" label="FAIL"
-              >驳回</el-radio
-            >
+            <el-radio disabled v-model="examineStatus" label="OK">通过</el-radio>
+            <el-radio disabled v-model="examineStatus" label="FAIL">驳回</el-radio>
           </div>
         </el-col>
         <el-col :span="24" class="item">
           <div class="label">审批说明</div>
           <div class="value">
-            <el-input
-              disabled
-              v-model="examineRemark"
-              placeholder="请输入内容"
-            ></el-input>
+            <el-input disabled v-model="examineRemark" placeholder="请输入内容"></el-input>
           </div>
         </el-col>
       </el-row>

+ 17 - 107
src/views/finance/components/rebate_list-confirm.vue

@@ -9,89 +9,43 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利单号" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.rebateOrderId"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.rebateOrderId" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.remark"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="审批人" prop="">
-              <el-input
-                v-if="this.searchForm.secondExamineBy != null"
-                disabled
-                v-model="searchForm.secondExamineBy"
-                placeholder=""
-              ></el-input>
-              <el-input
-                v-else
-                disabled
-                v-model="searchForm.examineBy"
-                placeholder=""
-              ></el-input>
+              <el-input v-if="this.searchForm.secondExamineBy != null" disabled v-model="searchForm.secondExamineBy" placeholder=""></el-input>
+              <el-input v-else disabled v-model="searchForm.examineBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="审批日期" prop="">
-              <el-input
-                v-if="this.searchForm.secondExamineTime != null"
-                disabled
-                v-model="searchForm.secondExamineTime"
-                placeholder=""
-              ></el-input>
-              <el-input
-                v-else
-                disabled
-                v-model="searchForm.examineTime"
-                placeholder=""
-              ></el-input>
+              <el-input v-if="this.searchForm.secondExamineTime != null" disabled v-model="searchForm.secondExamineTime" placeholder=""></el-input>
+              <el-input v-else disabled v-model="searchForm.examineTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -100,69 +54,25 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            width="100"
-            type="index"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="walletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="总返利金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="center" width="100" type="index" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="总返利金额" prop="amount" min-width="160" show-overflow-tooltip>
             <!-- <template slot-scope="scope">
              
             </template> -->
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="返利金额"
-            prop=""
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="返利金额" prop="" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model.number="scope.row.rebateAmount"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="折让金额"
-            prop=""
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="折让金额" prop="" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model.number="scope.row.allowanceAmount"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="备注"
-            prop="policyDocNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+          <el-table-column align="center" label="备注" prop="policyDocNo" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>

+ 23 - 153
src/views/finance/components/rebate_list-detail.vue

@@ -6,57 +6,31 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利单号" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.rebateOrderId"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.rebateOrderId" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.remark"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <!-- <el-col :xs="24" :sm="12" :lg="6">
@@ -75,127 +49,23 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            width="100"
-            type="index"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="walletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利总金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="暂扣返利"
-            prop="withholdAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文件流水号"
-            prop="policyFileNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文号"
-            prop="policyDocNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策年份"
-            prop="policyYear"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策月份"
-            prop="policyMonth"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策归属部门"
-            prop="policyOrg"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="客户区域"
-            prop="customerArea"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="客户属性"
-            prop="customerAttr"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="奖励实际归属客户"
-            prop="rewardActualCustomers"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注1"
-            prop="remark1"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注2"
-            prop="remark2"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="center" width="100" type="index" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策文件流水号" prop="policyFileNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策文号" prop="policyDocNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策年份" prop="policyYear" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策月份" prop="policyMonth" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策归属部门" prop="policyOrg" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="客户区域" prop="customerArea" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="客户属性" prop="customerAttr" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="奖励实际归属客户" prop="rewardActualCustomers" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="备注1" prop="remark1" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="备注2" prop="remark2" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>

+ 43 - 294
src/views/finance/components/rebate_list-edit.vue

@@ -6,24 +6,11 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利日期" prop="">
-              <el-date-picker
-                disabled
-                class="selectStyle"
-                type="datetime"
-                placeholder="系统自动生成"
-                default-time="23:59:59"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker disabled class="selectStyle" type="datetime" placeholder="系统自动生成" default-time="23:59:59" value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -41,160 +28,50 @@
         <el-button type="primary" size="small" @click="addFn">保存</el-button>
       </div>
       <div class="fr" v-if="state == 'SAVE'">
-        <el-button type="primary" size="small" @click="addRowFn"
-          >添加行</el-button
-        >
-        <el-button type="primary" size="small" @click="delRowFn"
-          >删除行</el-button
-        >
+        <el-button type="primary" size="small" @click="addRowFn">添加行</el-button>
+        <el-button type="primary" size="small" @click="delRowFn">删除行</el-button>
       </div>
     </div>
     <!-- 列表 -->
     <div v-if="this.state != 'SAVE'" class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-          :row-class-name="rouClassNameFn"
-          @row-click="onRowClick"
-        >
-          <el-table-column
-            align="center"
-            label="序号"
-            type="index"
-            width="100"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe :row-class-name="rouClassNameFn" @row-click="onRowClick">
+          <el-table-column align="center" label="序号" type="index" width="100" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="200"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="经销商名称" prop="customerName" min-width="200" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="walletName"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="返利总金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="暂扣返利"
-            prop="withholdAmount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文件流水号"
-            prop="policyFileNo"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策文件流水号" prop="policyFileNo" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文号"
-            prop="policyDocNo"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策文号" prop="policyDocNo" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyDocNo"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策年份"
-            prop="policyYear"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策年份" prop="policyYear" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策月份"
-            prop="policyMonth"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策月份" prop="policyMonth" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策归属部门"
-            prop="policyOrg"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策归属部门" prop="policyOrg" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="客户区域"
-            prop="customerArea"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="客户区域" prop="customerArea" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="客户属性"
-            prop="customerAttr"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="客户属性" prop="customerAttr" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="建立实际归属客户"
-            prop="rewardActualCustomers"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="建立实际归属客户" prop="rewardActualCustomers" min-width="160" show-overflow-tooltip>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="备注1"
-            prop="remark1"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="备注1" prop="remark1" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.remark1"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="备注2"
-            prop="remark2"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="备注2" prop="remark2" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.remark2"></el-input>
             </template>
@@ -205,216 +82,88 @@
     <!-- 列表 -->
     <div v-if="this.state == 'SAVE'" class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-          :row-class-name="rouClassNameFn"
-          @row-click="onRowClick"
-        >
-          <el-table-column
-            align="center"
-            label="序号"
-            type="index"
-            width="100"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe :row-class-name="rouClassNameFn" @row-click="onRowClick">
+          <el-table-column align="center" label="序号" type="index" width="100" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input disabled v-model="scope.row.customerNumber"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="200"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="经销商名称" prop="customerName" min-width="200" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-select
-                @change="changeCustomerFn($event, scope.$index, scope.row)"
-                v-model="scope.row.customerId"
-                placeholder="请选择"
-              >
-                <el-option
-                  v-for="item in customerData"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                >
+              <el-select @change="changeCustomerFn($event, scope.$index, scope.row)" v-model="scope.row.customerId" placeholder="请选择">
+                <el-option v-for="item in customerData" :key="item.id" :label="item.name" :value="item.id">
                 </el-option>
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="customerWalletId"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="返利类型" prop="customerWalletId" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-select
-                v-if="state2"
-                v-model="scope.row.customerWalletId"
-                placeholder="请选择"
-              >
-                <el-option
-                  v-for="item in scope.row.walletList"
-                  :key="item.customerWalletId"
-                  :label="item.name"
-                  :value="item.customerWalletId"
-                >
+              <el-select v-if="state2" v-model="scope.row.customerWalletId" placeholder="请选择">
+                <el-option v-for="item in scope.row.walletList" :key="item.customerWalletId" :label="item.name" :value="item.customerWalletId">
                 </el-option>
               </el-select>
-              <el-select
-                v-else
-                v-model="scope.row.walletName"
-                placeholder="请选择"
-              >
+              <el-select v-else v-model="scope.row.walletName" placeholder="请选择">
                 <el-option :label="scope.row.walletName" value=""> </el-option>
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="返利总金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model.number="scope.row.amount"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="暂扣返利"
-            prop="withholdAmount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model.number="scope.row.withholdAmount"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文件流水号"
-            prop="policyFileNo"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策文件流水号" prop="policyFileNo" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyFileNo"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文号"
-            prop="policyDocNo"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策文号" prop="policyDocNo" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyDocNo"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策年份"
-            prop="policyYear"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策年份" prop="policyYear" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyYear"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策月份"
-            prop="policyMonth"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策月份" prop="policyMonth" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyMonth"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策归属部门"
-            prop="policyOrg"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="政策归属部门" prop="policyOrg" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyOrg"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="客户区域"
-            prop="customerArea"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="客户区域" prop="customerArea" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.customerArea"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="客户属性"
-            prop="customerAttr"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="客户属性" prop="customerAttr" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.customerAttr"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="建立实际归属客户"
-            prop="rewardActualCustomers"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="建立实际归属客户" prop="rewardActualCustomers" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.rewardActualCustomers"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="备注1"
-            prop="remark1"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="备注1" prop="remark1" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.remark1"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="备注2"
-            prop="remark2"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="备注2" prop="remark2" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.remark2"></el-input>
             </template>

+ 24 - 157
src/views/finance/components/rebate_list-examine.vue

@@ -6,57 +6,31 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利单号" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.rebateOrderId"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.rebateOrderId" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.remark"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <!-- <el-col :xs="24" :sm="12" :lg="6">
@@ -75,127 +49,23 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            width="100"
-            type="index"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="walletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利总金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="暂扣返利"
-            prop="withholdAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文件流水号"
-            prop="policyFileNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文号"
-            prop="policyDocNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策年份"
-            prop="policyYear"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策月份"
-            prop="policyMonth"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策归属部门"
-            prop="policyOrg"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="客户区域"
-            prop="customerArea"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="客户属性"
-            prop="customerAttr"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="奖励实际归属客户"
-            prop="rewardActualCustomers"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注1"
-            prop="remark1"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注2"
-            prop="remark2"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="center" width="100" type="index" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策文件流水号" prop="policyFileNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策文号" prop="policyDocNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策年份" prop="policyYear" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策月份" prop="policyMonth" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策归属部门" prop="policyOrg" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="客户区域" prop="customerArea" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="客户属性" prop="customerAttr" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="奖励实际归属客户" prop="rewardActualCustomers" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="备注1" prop="remark1" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="备注2" prop="remark2" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>
@@ -215,10 +85,7 @@
         <el-col :span="24" class="item">
           <div class="label">审批说明</div>
           <div class="value">
-            <el-input
-              v-model="examineRemark"
-              placeholder="请输入内容"
-            ></el-input>
+            <el-input v-model="examineRemark" placeholder="请输入内容"></el-input>
           </div>
         </el-col>
       </el-row>

+ 45 - 306
src/views/finance/components/rebate_list-review.vue

@@ -6,89 +6,43 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利单号" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.rebateOrderId"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.rebateOrderId" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.remark"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="审批人" prop="">
-              <el-input
-                v-if="this.searchForm.secondExamineBy != null"
-                disabled
-                v-model="searchForm.secondExamineBy"
-                placeholder=""
-              ></el-input>
-              <el-input
-                v-else
-                disabled
-                v-model="searchForm.examineBy"
-                placeholder=""
-              ></el-input>
+              <el-input v-if="this.searchForm.secondExamineBy != null" disabled v-model="searchForm.secondExamineBy" placeholder=""></el-input>
+              <el-input v-else disabled v-model="searchForm.examineBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="审批日期" prop="">
-              <el-input
-                v-if="this.searchForm.secondExamineTime != null"
-                disabled
-                v-model="searchForm.secondExamineTime"
-                placeholder=""
-              ></el-input>
-              <el-input
-                v-else
-                disabled
-                v-model="searchForm.examineTime"
-                placeholder=""
-              ></el-input>
+              <el-input v-if="this.searchForm.secondExamineTime != null" disabled v-model="searchForm.secondExamineTime" placeholder=""></el-input>
+              <el-input v-else disabled v-model="searchForm.examineTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -97,127 +51,23 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            width="100"
-            type="index"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="walletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利总金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="暂扣返利"
-            prop="withholdAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文件流水号"
-            prop="policyFileNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文号"
-            prop="policyDocNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策年份"
-            prop="policyYear"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策月份"
-            prop="policyMonth"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="政策归属部门"
-            prop="policyOrg"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="客户区域"
-            prop="customerArea"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="客户属性"
-            prop="customerAttr"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="奖励实际归属客户"
-            prop="rewardActualCustomers"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注1"
-            prop="remark1"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注2"
-            prop="remark2"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="center" width="100" type="index" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策文件流水号" prop="policyFileNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策文号" prop="policyDocNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策年份" prop="policyYear" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策月份" prop="policyMonth" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="政策归属部门" prop="policyOrg" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="客户区域" prop="customerArea" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="客户属性" prop="customerAttr" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="奖励实际归属客户" prop="rewardActualCustomers" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="备注1" prop="remark1" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="备注2" prop="remark2" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>
@@ -226,143 +76,32 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList2"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-          @selection-change="selectionChangeFn"
-        >
-          <el-table-column
-            align="center"
-            type="selection"
-            prop=""
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利单号"
-            prop="rebateOrderId"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="walletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="总返利金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利金额"
-            prop="rebateAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="折让金额"
-            prop="allowanceAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="暂扣返利"
-            prop="withholdAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="折让编号"
-            prop="allowanceCode"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList2" element-loading-text="Loading" border fit highlight-current-row stripe @selection-change="selectionChangeFn">
+          <el-table-column align="center" type="selection" prop="" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利单号" prop="rebateOrderId" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="总返利金额" prop="amount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="返利金额" prop="rebateAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="折让金额" prop="allowanceAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="折让编号" prop="allowanceCode" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.allowanceCode"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="折让账号"
-            prop="allowanceAccount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="center" label="折让账号" prop="allowanceAccount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.allowanceAccount"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="已办理折让金额"
-            prop="handledAllowanceAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="折让对应收款单号"
-            prop="allowanceOrderNo"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="确认人"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="确认日期"
-            prop="customerConfirmTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="复核人"
-            prop="secondExamineBy"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="复核日期"
-            prop="secondExamineTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+          <el-table-column align="center" label="已办理折让金额" prop="handledAllowanceAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="折让对应收款单号" prop="allowanceOrderNo" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="确认人" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="确认日期" prop="customerConfirmTime" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="复核人" prop="secondExamineBy" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="center" label="复核日期" prop="secondExamineTime" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>

+ 17 - 12
src/views/finance/components/receivable_list-add.vue

@@ -69,12 +69,12 @@
     <div class="mymain-container">
       <div class="table">
         <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe :row-class-name="rouClassNameFn" @row-click="onRowClick">
-          <el-table-column align="center" label="序号">
+          <el-table-column align="left" label="序号">
             <template slot-scope="scope">
               {{ scope.$index + 1 }}
             </template>
           </el-table-column>
-          <el-table-column align="center" label="*经销商名称" prop="customerName" min-width="160" show-overflow-tooltip>
+          <el-table-column align="left" label="*经销商名称" prop="customerName" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-select @change="changeCustomerFn($event, scope.$index)" v-model="scope.row.customerId" placeholder="请选择" filterable>
                 <el-option v-for="(item, i) in customerList" :key="i" :label="item.name" :value="item.id">
@@ -82,27 +82,27 @@
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column align="center" label="费用项目编码" prop="projectCode" min-width="160" show-overflow-tooltip>
+          <el-table-column align="left" label="费用项目编码" prop="projectCode" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.projectCode"></el-input>
             </template>
           </el-table-column>
-          <el-table-column align="center" label="*项目费用名称" prop="projectName" min-width="160" show-overflow-tooltip>
+          <el-table-column align="left" label="*项目费用名称" prop="projectName" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.projectName"></el-input>
             </template>
           </el-table-column>
-          <el-table-column align="center" label="*费用承担部门" prop="departmentId" min-width="160" show-overflow-tooltip>
+          <el-table-column align="left" label="*费用承担部门" prop="departmentId" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.departmentId"></el-input>
             </template>
           </el-table-column>
-          <el-table-column align="center" label="*收入部门" prop="incomeDept" min-width="160" show-overflow-tooltip>
+          <el-table-column align="left" label="*收入部门" prop="incomeDept" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.incomeDept"></el-input>
             </template>
           </el-table-column>
-          <el-table-column align="center" label="现金钱包" prop="walletId" min-width="160" show-overflow-tooltip>
+          <el-table-column align="left" label="现金钱包" prop="walletId" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-select filterable v-model="scope.row.customerWalletId" placeholder="请选择">
                 <el-option v-for="item in scope.row.walletList" :key="item.customerWalletId" :label="item.customerWalletName" :value="item.customerWalletId">
@@ -110,7 +110,7 @@
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column align="center" label="*发票类型" prop="invoiceType" min-width="160" show-overflow-tooltip>
+          <el-table-column align="left" label="*发票类型" prop="invoiceType" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <!-- <el-input v-model="scope.row.invoiceType"></el-input> -->
               <el-select filterable v-model="scope.row.invoiceType" placeholder="请选择">
@@ -148,17 +148,17 @@
               <el-input type="number" v-model="scope.row.tax"></el-input>
             </template>
           </el-table-column> -->
-          <el-table-column align="center" label="*总金额" prop="tax" min-width="160" show-overflow-tooltip>
+          <el-table-column align="right" label="*总金额" prop="tax" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-input type="number" v-model="scope.row.totalAmount"></el-input>
+              <el-input class='mountclass' type="number" v-model="scope.row.totalAmount"></el-input>
             </template>
           </el-table-column>
-          <el-table-column align="center" label="税率%" prop="" min-width="160" show-overflow-tooltip>
+          <el-table-column align="left" label="税率%" prop="" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input type="number" :min="0" oninput="if(value>100)value=100;if(value<0)value=0" v-model="scope.row.taxRate"></el-input>
             </template>
           </el-table-column>
-          <el-table-column align="center" label="备注" prop="remark" min-width="160" show-overflow-tooltip>
+          <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.remark"></el-input>
             </template>
@@ -392,6 +392,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+::v-deep .mountclass {
+  input {
+    text-align: right;
+  }
+}
 ::v-deep .el-dialog__body {
   padding: 0 20px;
 }

+ 38 - 158
src/views/finance/components/receivable_list-approval.vue

@@ -8,102 +8,56 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据类型" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.billType"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.billType" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据编号" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.code"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.code" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据来源" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.source"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.source" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="业务日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="到期日" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.endTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.endTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="总金额" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.totalAmount"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.totalAmount" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createBy"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createBy" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.createTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据状态" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.examineStatus"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.examineStatus" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.remark"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -114,85 +68,28 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            type="index"
-            width="100"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编号"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="*费用项目编码"
-            prop="projectCode"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="项目费用名称"
-            prop="projectName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="*费用承担部门"
-            prop="departmentId"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="*收入部门"
-            prop="incomeDept"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="现金钱包"
-            prop="customerWalletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="*发票类型"
-            prop="invoiceType"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="left" type="index" width="100" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="经销商编号" prop="customerNumber" min-width="160" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerNumber" />
+              <span>{{scope.row.customerNumber}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="经销商名称" prop="customerName" min-width="260" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerName" />
+              <span>{{scope.row.customerName}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="*费用项目编码" prop="projectCode" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="项目费用名称" prop="projectName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="*费用承担部门" prop="departmentId" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="*收入部门" prop="incomeDept" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="现金钱包" prop="customerWalletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="*发票类型" prop="invoiceType" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-select
-                disabled
-                filterable
-                v-model="scope.row.invoiceType"
-                placeholder="请选择"
-              >
+              <el-select disabled filterable v-model="scope.row.invoiceType" placeholder="请选择">
                 <el-option label="普通发票" value=""> </el-option>
                 <el-option label="增值税发票" value="1"> </el-option>
                 <el-option label="机票" value="P"> </el-option>
@@ -203,33 +100,21 @@
             </template>
           </el-table-column>
           <!-- <el-table-column
-            align="center"
+            align="left"
             label="不含税金额"
             prop="afterTaxAmount"
             min-width="160"
             show-overflow-tooltip
           ></el-table-column>
           <el-table-column
-            align="center"
+            align="left"
             label="税额"
             prop="tax"
             min-width="160"
             show-overflow-tooltip
           ></el-table-column> -->
-          <el-table-column
-            align="center"
-            label="总金额"
-            prop="totalAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注"
-            prop="remark"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+          <el-table-column align="right" label="总金额" prop="totalAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>
@@ -254,10 +139,7 @@
         <el-col :span="24" class="item">
           <div class="label">审批说明</div>
           <div class="value">
-            <el-input
-              v-model="examineRemark"
-              placeholder="请输入内容"
-            ></el-input>
+            <el-input v-model="examineRemark" placeholder="请输入内容"></el-input>
           </div>
         </el-col>
       </el-row>
@@ -266,9 +148,7 @@
     <!-- 按钮 -->
     <div class="btn-group clearfix">
       <div class="fl">
-        <el-button type="primary" size="small" @click="btnOK"
-          >提交审批</el-button
-        >
+        <el-button type="primary" size="small" @click="btnOK">提交审批</el-button>
         <el-button type="primary" size="small" @click="resetFn">重置</el-button>
       </div>
     </div>

+ 34 - 141
src/views/finance/components/receivable_list-detail.vue

@@ -8,84 +8,46 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据类型" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.billType"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.billType" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据编号" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.code"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.code" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据来源" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.source"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.source" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="单据状态" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.examineStatus"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.examineStatus" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="业务日期" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.theTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.theTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="到期日" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.endTime"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.endTime" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="总金额" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.totalAmount"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.totalAmount" placeholder=""></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.remark"
-                placeholder=""
-              ></el-input>
+              <el-input disabled v-model="searchForm.remark" placeholder=""></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -96,85 +58,28 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-        >
-          <el-table-column
-            label="序号"
-            align="center"
-            type="index"
-            width="100"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编号"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="*费用项目编码"
-            prop="projectCode"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="项目费用名称"
-            prop="projectName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="*费用承担部门"
-            prop="departmentId"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="*收入部门"
-            prop="incomeDept"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="现金钱包"
-            prop="customerWalletName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="*发票类型"
-            prop="invoiceType"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe>
+          <el-table-column label="序号" align="left" type="index" width="100" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="经销商编号" prop="customerNumber" min-width="160" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerNumber" />
+              <span>{{scope.row.customerNumber}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="经销商名称" prop="customerName" min-width="260" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerName" />
+              <span>{{scope.row.customerName}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="*费用项目编码" prop="projectCode" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="项目费用名称" prop="projectName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="*费用承担部门" prop="departmentId" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="*收入部门" prop="incomeDept" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="现金钱包" prop="customerWalletName" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="*发票类型" prop="invoiceType" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-select
-                disabled
-                filterable
-                v-model="scope.row.invoiceType"
-                placeholder="请选择"
-              >
+              <el-select disabled filterable v-model="scope.row.invoiceType" placeholder="请选择">
                 <el-option label="普通发票" value=""> </el-option>
                 <el-option label="增值税发票" value="1"> </el-option>
                 <el-option label="机票" value="P"> </el-option>
@@ -185,33 +90,21 @@
             </template>
           </el-table-column>
           <!-- <el-table-column
-            align="center"
+            align="left"
             label="不含税金额"
             prop="afterTaxAmount"
             min-width="160"
             show-overflow-tooltip
           ></el-table-column>
           <el-table-column
-            align="center"
+            align="left"
             label="税额"
             prop="tax"
             min-width="160"
             show-overflow-tooltip
           ></el-table-column> -->
-          <el-table-column
-            align="center"
-            label="总金额"
-            prop="totalAmount"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="备注"
-            prop="remark"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+          <el-table-column align="right" label="总金额" prop="totalAmount" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
         </el-table>
       </div>
     </div>

+ 31 - 129
src/views/finance/credit_list.vue

@@ -3,28 +3,12 @@
     <div v-if="showRecord">
       <!-- 筛选条件 -->
       <div>
-        <el-form
-          ref="searchForm"
-          :model="searchForm"
-          label-width="100px"
-          size="small"
-          label-position="left"
-        >
+        <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
           <el-row :gutter="20">
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="经销商名称" prop="customerId">
-                <el-select
-                  class="selectStyle"
-                  v-model="searchForm.customerId"
-                  placeholder="请选择"
-                  filterable
-                >
-                  <el-option
-                    v-for="v in customerList"
-                    :key="v.id"
-                    :label="v.name"
-                    :value="v.id"
-                  >
+                <el-select class="selectStyle" v-model="searchForm.customerId" placeholder="请选择" filterable>
+                  <el-option v-for="v in customerList" :key="v.id" :label="v.name" :value="v.id">
                   </el-option>
                 </el-select>
               </el-form-item>
@@ -32,9 +16,7 @@
             <el-col :xs="24" :sm="12" :lg="18">
               <el-form-item label="" class="fr">
                 <el-button size="small" @click="clearFn">清空</el-button>
-                <el-button size="small" type="primary" @click="searchFn"
-                  >搜索</el-button
-                >
+                <el-button size="small" type="primary" @click="searchFn">搜索</el-button>
               </el-form-item>
             </el-col>
           </el-row>
@@ -43,56 +25,30 @@
       <!-- 按钮 -->
       <div class="btn-group clearfix">
         <div class="fr">
-          <ExportButton
-            :exUrl="'/wallet/customer/list/export'"
-            :exParams="exParams"
-            class="exportClass"
-          />
+          <ExportButton :exUrl="'/wallet/customer/list/export'" :exParams="exParams" class="exportClass" />
           <el-button type="primary" size="small">打印</el-button>
         </div>
       </div>
       <!-- 列表 -->
       <div class="mymain-container">
         <div class="table">
-          <el-table
-            v-loading="listLoading"
-            :data="dataList"
-            element-loading-text="Loading"
-            border
-            fit
-            highlight-current-row
-            stripe
-            show-summary
-            :summary-method="getSummaries"
-          >
-            <el-table-column
-              label="序号"
-              align="center"
-              type="index"
-              width="100"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="经销商编码"
-              prop="customerNumber"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="经销商名称"
-              prop="customerName"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="right"
-              label="总信用额度"
-              prop="amount"
-              min-width="160"
-              show-overflow-tooltip
-            >
+          <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="getSummaries">
+            <el-table-column label="序号" align="left" type="index" width="100" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.customerNumber" />
+                <span>{{scope.row.customerNumber}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.customerName" />
+                <span>{{scope.row.customerName}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="关联钱包" prop="name" min-width="160" show-overflow-tooltip></el-table-column>
+
+            <el-table-column align="right" label="总信用额度" prop="amount" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{
                   (scope.row.usedCreditAmount + scope.row.freeCreditAmount)
@@ -100,89 +56,35 @@
                 }}
               </template>
             </el-table-column>
-            <el-table-column
-              align="center"
-              label="关联钱包"
-              prop="name"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="操作"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
-                <el-button
-                  type="text"
-                  class="textColor"
-                  v-if="$checkBtnRole('edit', $route.meta.roles)"
-                  @click="editFn(scope.row)"
-                  >设置额度</el-button
-                >
-                <el-button
-                  type="text"
-                  class="textColor"
-                  @click="recordFn(scope.row.customerWalletId)"
-                  >记录</el-button
-                >
+                <el-button type="text" class="textColor" v-if="$checkBtnRole('edit', $route.meta.roles)" @click="editFn(scope.row)">设置额度</el-button>
+                <el-button type="text" class="textColor" @click="recordFn(scope.row.customerWalletId)">记录</el-button>
               </template>
             </el-table-column>
           </el-table>
         </div>
         <!-- 分页 -->
         <div class="fr">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-sizes="[10, 20, 30, 50]"
-            :page-size="10"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="listTotal"
-          >
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="10" layout="total, sizes, prev, pager, next, jumper" :total="listTotal">
           </el-pagination>
         </div>
       </div>
     </div>
     <CreditListDetail :recordsListId="recordsListId" v-else />
     <!-- 新增弹窗 -->
-    <el-dialog
-      title="经销商信用额度管理"
-      :visible.sync="dialogForm"
-      width="30%"
-      :show-close="false"
-      :close-on-click-modal="false"
-    >
-      <el-form
-        ref="addForm"
-        :rules="rules"
-        :model="addForm"
-        label-width="120px"
-      >
+    <el-dialog title="经销商信用额度管理" :visible.sync="dialogForm" width="30%" :show-close="false" :close-on-click-modal="false">
+      <el-form ref="addForm" :rules="rules" :model="addForm" label-width="120px">
         <el-form-item label="信用变更额度" prop="amount">
           <el-input v-model.number="addForm.amount"></el-input>
         </el-form-item>
 
         <el-form-item label="开始时间" prop="startTime">
-          <el-date-picker
-            class="selectStyle"
-            v-model="addForm.startTime"
-            type="date"
-            placeholder="选择日期时间"
-            value-format="yyyy-MM-dd"
-          >
+          <el-date-picker class="selectStyle" v-model="addForm.startTime" type="date" placeholder="选择日期时间" value-format="yyyy-MM-dd">
           </el-date-picker>
         </el-form-item>
         <el-form-item label="结束时间" prop="endTime">
-          <el-date-picker
-            class="selectStyle"
-            v-model="addForm.endTime"
-            type="date"
-            placeholder="选择日期时间"
-            value-format="yyyy-MM-dd"
-          >
+          <el-date-picker class="selectStyle" v-model="addForm.endTime" type="date" placeholder="选择日期时间" value-format="yyyy-MM-dd">
           </el-date-picker>
         </el-form-item>
       </el-form>
@@ -276,7 +178,7 @@ export default {
         if (index === 0) {
           sums[index] = "合计";
         }
-        if (index === 3) {
+        if (index === 4) {
           let map1 = data.map((v) => {
             return v.usedCreditAmount + v.freeCreditAmount;
           });

+ 39 - 208
src/views/finance/rebate_form.vue

@@ -4,13 +4,7 @@
     <el-divider></el-divider>
     <!-- 表头 -->
     <div>
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利单号" prop="">
@@ -19,33 +13,18 @@
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="返利日期" prop="">
-              <el-date-picker
-                disabled
-                class="selectStyle"
-                v-model="searchForm.theTime"
-                type="datetime"
-                placeholder="系统自动生成"
-                default-time="23:59:59"
-                value-format="yyyy-MM-dd HH:mm:ss"
-              >
+              <el-date-picker disabled class="selectStyle" v-model="searchForm.theTime" type="datetime" placeholder="系统自动生成" default-time="23:59:59" value-format="yyyy-MM-dd HH:mm:ss">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="备注" prop="remark">
-              <el-input
-                v-model="searchForm.remark"
-                placeholder="请输入"
-              ></el-input>
+              <el-input v-model="searchForm.remark" placeholder="请输入"></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="制单人" prop="">
-              <el-input
-                disabled
-                v-model="searchForm.createBy"
-                placeholder="请输入"
-              ></el-input>
+              <el-input disabled v-model="searchForm.createBy" placeholder="请输入"></el-input>
             </el-form-item>
           </el-col>
           <!-- <el-col :xs="24" :sm="12" :lg="6">
@@ -67,38 +46,18 @@
     <!-- 按钮 -->
     <div class="btn-group clearfix">
       <div class="fl">
-        <el-popconfirm
-          v-if="$checkBtnRole('del', $route.meta.roles)"
-          @onConfirm="delSeletFn"
-          title="这是一段内容确定删除吗?"
-        >
-          <el-button
-            :disabled="selectList.length < 1"
-            type="danger"
-            size="small"
-            class="textColor delStyle"
-            icon="el-icon-minus"
-            slot="reference"
-            >批量删除</el-button
-          >
+        <el-popconfirm v-if="$checkBtnRole('del', $route.meta.roles)" @onConfirm="delSeletFn" title="这是一段内容确定删除吗?">
+          <el-button :disabled="selectList.length < 1" type="danger" size="small" class="textColor delStyle" icon="el-icon-minus" slot="reference">批量删除</el-button>
         </el-popconfirm>
       </div>
       <div class="fr">
-        <el-button type="primary" size="small" @click="downLoadFn"
-          >模板</el-button
-        >
+        <el-button type="primary" size="small" @click="downLoadFn">模板</el-button>
         <!-- <a href="/rebate/order/download">下载文件</a> -->
         <!-- <el-button type="primary" size="small" @click="importFn"
           >批量导入</el-button
         > -->
 
-        <el-upload
-          class="import-btn"
-          action=""
-          :http-request="handleImport"
-          :file-list="importFileList"
-          :show-file-list="false"
-        >
+        <el-upload class="import-btn" action="" :http-request="handleImport" :file-list="importFileList" :show-file-list="false">
           <el-button type="primary" size="small">批量导入</el-button>
         </el-upload>
       </div>
@@ -106,212 +65,85 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="dataList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-          :row-class-name="rouClassNameFn"
-          @row-click="onRowClick"
-          @selection-change="selectionChange"
-          show-summary
-          :summary-method="getSummaries"
-        >
-          <el-table-column
-            align="center"
-            type="selection"
-            width="100"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商编码"
-            prop="customerNumber"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe :row-class-name="rouClassNameFn" @row-click="onRowClick" @selection-change="selectionChange" show-summary :summary-method="getSummaries">
+          <el-table-column align="center" type="selection" width="100" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input disabled v-model="scope.row.customerNumber"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="200"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="经销商名称" prop="customerName" min-width="200" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-select
-                @change="changeCustomerFn($event, scope.$index, scope.row)"
-                v-model="scope.row.customerId"
-                placeholder="请选择"
-                filterable
-              >
-                <el-option
-                  v-for="item in customerData"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                >
+              <el-select @change="changeCustomerFn($event, scope.$index, scope.row)" v-model="scope.row.customerId" placeholder="请选择" filterable>
+                <el-option v-for="item in customerData" :key="item.id" :label="item.name" :value="item.id">
                 </el-option>
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="返利类型"
-            prop="customerWalletId"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="返利类型" prop="customerWalletId" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-select
-                v-model="scope.row.customerWalletId"
-                placeholder="请选择"
-                filterable
-              >
-                <el-option
-                  v-for="item in scope.row.walletList"
-                  :key="item.customerWalletId"
-                  :label="item.name"
-                  :value="item.customerWalletId"
-                >
+              <el-select v-model="scope.row.customerWalletId" placeholder="请选择" filterable>
+                <el-option v-for="item in scope.row.walletList" :key="item.customerWalletId" :label="item.name" :value="item.customerWalletId">
                 </el-option>
               </el-select>
             </template>
           </el-table-column>
-          <el-table-column
-            align="left"
-            label="返利总金额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="right" label="返利总金额" prop="amount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-input v-model.number="scope.row.amount"></el-input>
+              <el-input class="mountclass" v-model.number="scope.row.amount"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="left"
-            label="暂扣返利"
-            prop="withholdAmount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="right" label="暂扣返利" prop="withholdAmount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-input v-model.number="scope.row.withholdAmount"></el-input>
+              <el-input class="mountclass" v-model.number="scope.row.withholdAmount"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文件流水号"
-            prop="policyFileNo"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="政策文件流水号" prop="policyFileNo" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyFileNo"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策文号"
-            prop="policyDocNo"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="政策文号" prop="policyDocNo" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyDocNo"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策年份"
-            prop="policyYear"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="政策年份" prop="policyYear" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyYear"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策月份"
-            prop="policyMonth"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="政策月份" prop="policyMonth" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyMonth"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="政策归属部门"
-            prop="policyOrg"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="政策归属部门" prop="policyOrg" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.policyOrg"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="客户区域"
-            prop="customerArea"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="客户区域" prop="customerArea" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.customerArea"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="客户属性"
-            prop="customerAttr"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="客户属性" prop="customerAttr" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.customerAttr"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="建立实际归属客户"
-            prop="rewardActualCustomers"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="建立实际归属客户" prop="rewardActualCustomers" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.rewardActualCustomers"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="备注1"
-            prop="remark1"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="备注1" prop="remark1" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.remark1"></el-input>
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="备注2"
-            prop="remark2"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="left" label="备注2" prop="remark2" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-input v-model="scope.row.remark2"></el-input>
             </template>
@@ -328,17 +160,11 @@
         <!-- <el-button type="primary" size="small" @click="submitFn"
           >提交审批</el-button
         > -->
-        <el-button type="primary" size="small" @click="cancelFn"
-          >重置</el-button
-        >
+        <el-button type="primary" size="small" @click="cancelFn">重置</el-button>
       </div>
       <div class="fr">
-        <el-button type="primary" size="small" @click="addRowFn"
-          >添加行</el-button
-        >
-        <el-button type="primary" size="small" @click="delRowFn"
-          >删除行</el-button
-        >
+        <el-button type="primary" size="small" @click="addRowFn">添加行</el-button>
+        <el-button type="primary" size="small" @click="delRowFn">删除行</el-button>
       </div>
     </div>
   </div>
@@ -597,6 +423,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+::v-deep .mountclass {
+  input {
+    text-align: right;
+  }
+}
 .selectStyle {
   width: 100%;
 }

+ 27 - 12
src/views/finance/receipt_list.vue

@@ -67,7 +67,7 @@
       <div class="mymain-container">
         <div class="table">
           <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="$getSummaries">
-            <el-table-column align="center" label="单据类型" prop="billType" min-width="160" show-overflow-tooltip>
+            <el-table-column align="left" label="单据类型" prop="billType" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{
                   scope.row.billType == 1
@@ -78,25 +78,35 @@
                 }}
               </template>
             </el-table-column>
-            <el-table-column align="center" label="单据编码" prop="billNo" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="业务日期" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据编码" prop="billNo" min-width="160" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.billNo" />
+                <span>{{scope.row.billNo}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="业务日期" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
             <!-- <el-table-column
-              align="center"
+              align="left"
               label="币别"
               prop="bibie"
               min-width="160"
               show-overflow-tooltip
             ></el-table-column> -->
 
-            <el-table-column align="center" label="钱包" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="表头·应收金额" prop="" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="往来单位" prop="wlCompanyName" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="钱包" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="right" label="表头·应收金额" prop="" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="往来单位" prop="wlCompanyName" min-width="260" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.wlCompanyName" />
+                <span>{{scope.row.wlCompanyName}}</span>
+              </template>
+            </el-table-column>
             <el-table-column align="right" label="表头·实收金额" prop="amount" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{ scope.row.billType == 3? -scope.row.amount:scope.row.amount | numToFixed }}
               </template>
             </el-table-column>
-            <el-table-column align="center" label="收款金额" prop="" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="right" label="收款金额" prop="" min-width="160" show-overflow-tooltip></el-table-column>
             <!-- <el-table-column
               align="center"
               label="结算方式"
@@ -111,14 +121,19 @@
               min-width="160"
               show-overflow-tooltip
             ></el-table-column> -->
-            <el-table-column align="center" label="付款单位" prop="customerName" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="付款单位" prop="customerName" min-width="260" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.customerName" />
+                <span>{{scope.row.customerName}}</span>
+              </template>
+            </el-table-column>
             <el-table-column align="right" label="表体·实收金额" prop="amount" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{ scope.row.billType == 3? -scope.row.amount:scope.row.amount | numToFixed }}
               </template>
             </el-table-column>
-            <el-table-column align="center" label="勾对" prop="" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="单据状态" prop="status" min-width="160" show-overflow-tooltip>
+            <el-table-column align="left" label="勾对" prop="" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据状态" prop="status" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 <el-tag v-show="scope.row.status == 'A'">保存</el-tag>
                 <el-tag v-show="scope.row.status == 'B'" type="info">审核中</el-tag>
@@ -126,7 +141,7 @@
                 <el-tag v-show="scope.row.status == 'D'" type="warning">重新审核</el-tag>
               </template>
             </el-table-column>
-            <el-table-column align="center" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
             <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip fixed="right">
               <template slot-scope="scope">
                 <el-button type="text" class="textColor" v-if="

+ 42 - 186
src/views/finance/receivable_list.vue

@@ -10,22 +10,11 @@
       <br /><br />
       <!-- 筛选条件 -->
       <div>
-        <el-form
-          ref="searchForm"
-          :model="searchForm"
-          label-width="100px"
-          size="small"
-          label-position="left"
-        >
+        <el-form ref="searchForm" :model="searchForm" label-width="100px" size="small" label-position="left">
           <el-row :gutter="20">
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="单据来源" prop="source">
-                <el-select
-                  v-model="searchForm.source"
-                  class="selectStyle"
-                  placeholder="请选择"
-                  filterable
-                >
+                <el-select v-model="searchForm.source" class="selectStyle" placeholder="请选择" filterable>
                   <el-option value="工程押金"> </el-option>
                   <el-option value="保证金"> </el-option>
                   <el-option value="工程价差"> </el-option>
@@ -34,43 +23,23 @@
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="单据编号" prop="code">
-                <el-input
-                  v-model="searchForm.code"
-                  placeholder="请输入"
-                ></el-input>
+                <el-input v-model="searchForm.code" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="往来单位" prop="userName">
-                <el-input
-                  v-model="searchForm.userName"
-                  placeholder="请输入"
-                ></el-input>
+                <el-input v-model="searchForm.userName" placeholder="请输入"></el-input>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="业务开始时间" prop="startTime">
-                <el-date-picker
-                  class="dateStyle"
-                  v-model="searchForm.startTime"
-                  placeholder="选择日期"
-                  type="datetime"
-                  default-time="00:00:00"
-                  value-format="yyyy-MM-dd HH:mm:ss"
-                >
+                <el-date-picker class="dateStyle" v-model="searchForm.startTime" placeholder="选择日期" type="datetime" default-time="00:00:00" value-format="yyyy-MM-dd HH:mm:ss">
                 </el-date-picker>
               </el-form-item>
             </el-col>
             <el-col :xs="24" :sm="12" :lg="6">
               <el-form-item label="业务结束时间" prop="endTime">
-                <el-date-picker
-                  class="dateStyle"
-                  v-model="searchForm.endTime"
-                  placeholder="选择日期"
-                  type="datetime"
-                  default-time="23:59:59"
-                  value-format="yyyy-MM-dd HH:mm:ss"
-                >
+                <el-date-picker class="dateStyle" v-model="searchForm.endTime" placeholder="选择日期" type="datetime" default-time="23:59:59" value-format="yyyy-MM-dd HH:mm:ss">
                 </el-date-picker>
               </el-form-item>
             </el-col>
@@ -78,9 +47,7 @@
             <el-col :xs="24" :sm="12" :lg="18">
               <el-form-item label="" class="fr">
                 <el-button size="small" @click="clearFn">清空</el-button>
-                <el-button size="small" type="primary" @click="searchFn"
-                  >搜索</el-button
-                >
+                <el-button size="small" type="primary" @click="searchFn">搜索</el-button>
               </el-form-item>
             </el-col>
           </el-row>
@@ -89,160 +56,66 @@
       <!-- 按钮 -->
       <div class="btn-group clearfix">
         <div class="fl">
-          <el-button
-            v-if="$checkBtnRole('add', $route.meta.roles)"
-            type="primary"
-            icon="el-icon-plus"
-            size="small"
-            @click="addFn"
-            >新建</el-button
-          >
+          <el-button v-if="$checkBtnRole('add', $route.meta.roles)" type="primary" icon="el-icon-plus" size="small" @click="addFn">新建</el-button>
 
-          <el-popconfirm
-            v-if="$checkBtnRole('del', $route.meta.roles)"
-            class="delClass"
-            @onConfirm="deleFn"
-            title="这是一段内容确定删除吗?"
-          >
-            <el-button
-              :disabled="deleList.length < 1"
-              slot="reference"
-              type="danger"
-              icon="el-icon-minus"
-              size="small"
-              >批量删除</el-button
-            >
+          <el-popconfirm v-if="$checkBtnRole('del', $route.meta.roles)" class="delClass" @onConfirm="deleFn" title="这是一段内容确定删除吗?">
+            <el-button :disabled="deleList.length < 1" slot="reference" type="danger" icon="el-icon-minus" size="small">批量删除</el-button>
           </el-popconfirm>
         </div>
         <div class="fr">
-          <ExportButton
-            :exUrl="'/finance/other/rece/listExport'"
-            :exParams="exParams"
-          />
+          <ExportButton :exUrl="'/finance/other/rece/listExport'" :exParams="exParams" />
         </div>
       </div>
       <!-- 列表 -->
       <div class="mymain-container">
         <div class="table">
-          <el-table
-            v-loading="listLoading"
-            :data="dataList"
-            element-loading-text="Loading"
-            border
-            fit
-            highlight-current-row
-            stripe
-            @selection-change="selectionChangeFn"
-            show-summary
-            :summary-method="$getSummaries"
-          >
+          <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe @selection-change="selectionChangeFn" show-summary :summary-method="$getSummaries">
             <el-table-column align="center" type="selection" width="100">
             </el-table-column>
-            <el-table-column
-              align="center"
-              label="单据类型"
-              prop="billType"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="单据来源"
-              prop="source"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="单据编码"
-              prop="code"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="业务日期"
-              prop="theTime"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="往来单位类型"
-              prop="userType"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="left" label="单据类型" prop="billType" min-width="100" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据来源" prop="source" min-width="100" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据编码" prop="code" min-width="190" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.code" />
+                <span>{{scope.row.code}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="业务日期" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="往来单位类型" prop="userType" min-width="140" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{ scope.row.userType == "BD_Customer" ? "客户" : "" }}
               </template>
             </el-table-column>
-            <el-table-column
-              align="center"
-              label="往来单位"
-              prop="userName"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="center"
-              label="币别"
-              prop="amountType"
-              min-width="160"
-              show-overflow-tooltip
-            ></el-table-column>
-            <el-table-column
-              align="right"
-              label="总金额"
-              prop="totalAmount"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="left" label="往来单位" prop="userName" min-width="260" show-overflow-tooltip>
               <template slot-scope="scope">
-                {{ scope.row.totalAmount | numToFixed }}
+                <CopyButton :copyText="scope.row.userName" />
+                <span>{{scope.row.userName}}</span>
               </template>
             </el-table-column>
-            <el-table-column
-              align="center"
-              label="单据状态"
-              prop="examineStatus"
-              min-width="160"
-              show-overflow-tooltip
-            >
+            <el-table-column align="left" label="币别" prop="amountType" min-width="100" show-overflow-tooltip></el-table-column>
+
+            <el-table-column align="left" label="单据状态" prop="examineStatus" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 <el-tag v-show="scope.row.examineStatus == 'SAVE'">保存</el-tag>
-                <el-tag v-show="scope.row.examineStatus == 'WAIT'"
-                  >待审核</el-tag
-                >
+                <el-tag v-show="scope.row.examineStatus == 'WAIT'">待审核</el-tag>
                 <el-tag v-show="scope.row.examineStatus == 'OK'">通过</el-tag>
-                <el-tag v-show="scope.row.examineStatus == 'FAIL'"
-                  >不通过</el-tag
-                >
-                <el-tag v-show="scope.row.examineStatus == 'CLOSE'"
-                  >已关闭</el-tag
-                >
+                <el-tag v-show="scope.row.examineStatus == 'FAIL'">不通过</el-tag>
+                <el-tag v-show="scope.row.examineStatus == 'CLOSE'">已关闭</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column align="right" label="总金额" prop="totalAmount" min-width="120" show-overflow-tooltip>
+              <template slot-scope="scope">
+                {{ scope.row.totalAmount | numToFixed }}
               </template>
             </el-table-column>
 
-            <el-table-column
-              align="center"
-              label="操作"
-              min-width="160"
-              show-overflow-tooltip
-              fixed="right"
-            >
+            <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip fixed="right">
               <template slot-scope="scope">
-                <el-button
-                  v-show="
+                <el-button v-show="
                     (scope.row.examineStatus == 'WAIT' ||
                       scope.row.examineStatus == 'FAIL') &&
                     $checkBtnRole('examine', $route.meta.roles)
-                  "
-                  type="text"
-                  class="textColor"
-                  @click="approvalFn(scope.row.id)"
-                  >审批</el-button
-                >
+                  " type="text" class="textColor" @click="approvalFn(scope.row.id)">审批</el-button>
                 <!-- <el-button
                   type="text"
                   class="textColor"
@@ -250,37 +123,20 @@
                   @click="unApprovalFn(scope.row.id)"
                   >弃审</el-button
                 > -->
-                <el-button
-                  type="text"
-                  class="textColor"
-                  @click="detailFn(scope.row.id)"
-                  >详情</el-button
-                >
+                <el-button type="text" class="textColor" @click="detailFn(scope.row.id)">详情</el-button>
               </template>
             </el-table-column>
           </el-table>
         </div>
         <!-- 分页 -->
         <div class="fr">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="currentPage"
-            :page-sizes="[10, 20, 30, 50]"
-            :page-size="pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="listTotal"
-          >
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="listTotal">
           </el-pagination>
         </div>
       </div>
     </div>
     <ReceivableListAdd @updateList="updateList" v-else-if="showPage == 2" />
-    <ReceivableListApproval
-      :approvalId="approvalId"
-      @updateList="updateList"
-      v-else-if="showPage == 3"
-    />
+    <ReceivableListApproval :approvalId="approvalId" @updateList="updateList" v-else-if="showPage == 3" />
     <ReceivableListDetail :approvalId="approvalId" v-else-if="showPage == 4" />
   </div>
 </template>

+ 35 - 15
src/views/finance/standbook_list.vue

@@ -98,13 +98,18 @@
       <div class="mymain-container">
         <div class="table">
           <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="getSummaries">
-            <el-table-column label="序号" align="center" width="100" type="index" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="单据日期" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column label="序号" align="left" width="100" type="index" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据日期" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
             <el-table-column align="left" label="单据类型" prop="billType" min-width="280" show-overflow-tooltip></el-table-column>
-            <el-table-column align="left" label="单据号" prop="billNo" min-width="220" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据号" prop="billNo" min-width="220" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.billNo" />
+                <span>{{scope.row.billNo}}</span>
+              </template>
+            </el-table-column>
             <el-table-column align="left" label="钱包" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="操作时间" prop="createTime" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="摘要" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="操作时间" prop="createTime" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="摘要" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
             <el-table-column align="right" label="预付货款" prop="flag" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{
@@ -218,20 +223,35 @@
       <div class="mymain-container">
         <div class="table">
           <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="getSummaries2">
-            <el-table-column label="序号" align="center" width="100" type="index" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="客户编码" prop="customerCode" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="客户名称" prop="customerName" min-width="260" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="单据日期" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="审核日期" prop="examineTime" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="单据类型" prop="billType" min-width="160" show-overflow-tooltip>
+            <el-table-column label="序号" align="left" width="100" type="index" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="客户编码" prop="customerCode" min-width="160" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.customerCode" />
+                <span>{{scope.row.customerCode}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="客户名称" prop="customerName" min-width="260" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.customerName" />
+                <span>{{scope.row.customerName}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="单据日期" prop="theTime" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="审核日期" prop="examineTime" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据类型" prop="billType" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{ scope.row.billType == 3 ? "付款单" : scope.row.billType }}
               </template>
             </el-table-column>
-            <el-table-column align="center" label="单据号" prop="billNo" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="操作时间" prop="createTime" min-width="160" show-overflow-tooltip></el-table-column>
-            <el-table-column align="center" label="摘要" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="单据号" prop="billNo" min-width="160" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <CopyButton :copyText="scope.row.billNo" />
+                <span>{{scope.row.billNo}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column align="left" label="返利类型" prop="walletName" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="操作时间" prop="createTime" min-width="160" show-overflow-tooltip></el-table-column>
+            <el-table-column align="left" label="摘要" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
             <el-table-column align="right" label="收入" prop="amountType" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
                 {{

+ 36 - 157
src/views/finance/wallet.vue

@@ -6,29 +6,12 @@
     <br />
     <!-- 筛选条件 -->
     <div v-if="show2">
-      <el-form
-        ref="searchForm"
-        :model="searchForm"
-        :rules="rulesSearchForm"
-        label-width="100px"
-        size="small"
-        label-position="left"
-      >
+      <el-form ref="searchForm" :model="searchForm" :rules="rulesSearchForm" label-width="100px" size="small" label-position="left">
         <el-row :gutter="20">
           <el-col :xs="24" :sm="12" :lg="6">
             <el-form-item label="经销商名称" prop="customerId">
-              <el-select
-                class="selectStyle"
-                v-model="searchForm.customerId"
-                placeholder="请选择"
-                filterable
-              >
-                <el-option
-                  v-for="(v, i) in customerList"
-                  :key="i"
-                  :label="v.name"
-                  :value="v.id"
-                >
+              <el-select class="selectStyle" v-model="searchForm.customerId" placeholder="请选择" filterable>
+                <el-option v-for="(v, i) in customerList" :key="i" :label="v.name" :value="v.id">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -37,9 +20,7 @@
           <el-col :xs="24" :sm="12" :lg="18">
             <el-form-item label="" class="fr">
               <el-button size="small" @click="resetFn">清空</el-button>
-              <el-button size="small" type="primary" @click="searchFn"
-                >搜索</el-button
-              >
+              <el-button size="small" type="primary" @click="searchFn">搜索</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -48,9 +29,7 @@
     <!-- 按钮 -->
     <div class="btn-group clearfix">
       <div class="fr">
-        <el-button type="primary" size="small" @click="exportFn"
-          >导出</el-button
-        >
+        <el-button type="primary" size="small" @click="exportFn">导出</el-button>
       </div>
     </div>
     <el-row>
@@ -69,71 +48,31 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="walletList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-          show-summary
-          :summary-method="$getSummaries"
-        >
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="钱包"
-            prop="name"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="right"
-            label="余额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="walletList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="$getSummaries">
+          <el-table-column align="left" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerName" />
+              <span>{{scope.row.customerName}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="钱包" prop="name" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="更新时间" prop="updateTime" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="right" label="余额" prop="amount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               {{ scope.row.amount | numToFixed }}
             </template>
           </el-table-column>
-          <el-table-column
-            align="right"
-            label="可用信用额度"
-            prop="freeCreditAmount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="right" label="可用信用额度" prop="freeCreditAmount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               {{ scope.row.freeCreditAmount | numToFixed }}
             </template>
           </el-table-column>
-          <el-table-column
-            align="right"
-            label="已用信用额度"
-            prop="usedCreditAmount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+          <el-table-column align="right" label="已用信用额度" prop="usedCreditAmount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               {{ scope.row.usedCreditAmount | numToFixed }}
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="更新时间"
-            prop="updateTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
+
         </el-table>
       </div>
     </div>
@@ -142,49 +81,21 @@
     <!-- 列表 -->
     <div class="mymain-container">
       <div class="table">
-        <el-table
-          v-loading="listLoading"
-          :data="rebateList"
-          element-loading-text="Loading"
-          border
-          fit
-          highlight-current-row
-          stripe
-          show-summary
-          :summary-method="$getSummaries"
-        >
-          <el-table-column
-            align="center"
-            label="经销商名称"
-            prop="customerName"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="center"
-            label="返利钱包"
-            prop="name"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
-          <el-table-column
-            align="right"
-            label="钱包余额"
-            prop="amount"
-            min-width="160"
-            show-overflow-tooltip
-          >
+        <el-table v-loading="listLoading" :data="rebateList" element-loading-text="Loading" border fit highlight-current-row stripe show-summary :summary-method="$getSummaries">
+          <el-table-column align="left" label="经销商名称" prop="customerName" min-width="160" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <CopyButton :copyText="scope.row.customerName" />
+              <span>{{scope.row.customerName}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="left" label="返利钱包" prop="name" min-width="160" show-overflow-tooltip></el-table-column>
+          <el-table-column align="left" label="更新时间" prop="updateTime" min-width="160" show-overflow-tooltip></el-table-column>
+
+          <el-table-column align="right" label="钱包余额" prop="amount" min-width="160" show-overflow-tooltip>
             <template slot-scope="scope">
               {{ scope.row.amount | numToFixed }}
             </template>
           </el-table-column>
-          <el-table-column
-            align="center"
-            label="更新时间"
-            prop="updateTime"
-            min-width="160"
-            show-overflow-tooltip
-          ></el-table-column>
           <!-- <el-table-column
             align="center"
             label="操作"
@@ -206,25 +117,10 @@
       </div>
     </div>
     <!-- 弹窗 -->
-    <el-dialog
-      title="配置返利比例"
-      :visible.sync="dialogForm"
-      width="30%"
-      :show-close="false"
-      :close-on-click-modal="false"
-    >
-      <el-form
-        ref="addForm"
-        :rules="rules"
-        :model="addForm"
-        label-width="100px"
-      >
+    <el-dialog title="配置返利比例" :visible.sync="dialogForm" width="30%" :show-close="false" :close-on-click-modal="false">
+      <el-form ref="addForm" :rules="rules" :model="addForm" label-width="100px">
         <el-form-item label="返利比例" prop="rebateRate">
-          <el-input
-            v-model.number="addForm.rebateRate"
-            oninput="if(value>100)value=100;if(value<0)value=0"
-            ><i class="el-input__icon" slot="suffix">% </i></el-input
-          >
+          <el-input v-model.number="addForm.rebateRate" oninput="if(value>100)value=100;if(value<0)value=0"><i class="el-input__icon" slot="suffix">% </i></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -233,30 +129,13 @@
       </div>
     </el-dialog>
     <!-- 导出弹窗 -->
-    <el-dialog
-      title="导出"
-      :visible.sync="dialogExportForm"
-      width="30%"
-      :show-close="false"
-      :close-on-click-modal="false"
-    >
-      <el-form
-        ref="exportForm"
-        :rules="exportRules"
-        :model="exportForm"
-        label-width="120px"
-      >
+    <el-dialog title="导出" :visible.sync="dialogExportForm" width="30%" :show-close="false" :close-on-click-modal="false">
+      <el-form ref="exportForm" :rules="exportRules" :model="exportForm" label-width="120px">
         <el-form-item label="编码范围" prop="">
           <div class="fanwei">
-            <el-input
-              v-model="exportForm.startCustomerId"
-              type="number"
-            ></el-input>
+            <el-input v-model="exportForm.startCustomerId" type="number"></el-input>
             <span>——</span>
-            <el-input
-              v-model="exportForm.endCustomerId"
-              type="number"
-            ></el-input>
+            <el-input v-model="exportForm.endCustomerId" type="number"></el-input>
           </div>
         </el-form-item>
       </el-form>