罚款退回页面修改&个贷口估复制修改

src/utils/personalUtil.js

@@ -394,8 +394,8 @@ export function validateParams(data){
 
 export function copyFacePriceWords(context){
     if (context){
-        var element = document.createElement('textarea');
-        element.textContent= context;
+        var element = document.createElement('div');
+        element.innerHTML= context;
         document.body.appendChild(element); 
         if (document.selection) {
           var range = document.body.createTextRange();
@@ -409,5 +409,6 @@ export function copyFacePriceWords(context){
         }
         document.execCommand('copy'); 
         document.body.removeChild(element);
+
       }
 }

src/views/finance/fineRefund.vue

@@ -7,11 +7,11 @@
             <el-tab-pane label="资产业务" name="ASSET_BUSINESS">
                 <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
                     <template slot="left">
-                        <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 300px;float: left;"></el-input>
-                        <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                        <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                        <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                        <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 150px;float: left;">
+                        <el-input v-model="queryDTO.keyWord" placeholder="项⽬编号或产品号" clearable style="width: 250px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
+                        <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 100px;float: left;">
                             <el-option label="已确认" value="true"></el-option>
                             <el-option label="未确认" value="false"></el-option>
                         </el-select>
@@ -135,11 +135,11 @@
             <el-tab-pane label="大中型业务" name="MAJOR_BUSINESS">
                 <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
                     <template slot="left">
-                        <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 300px;float: left;"></el-input>
-                        <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                        <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                        <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                        <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 150px;float: left;">
+                        <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 250px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
+                        <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 100px;float: left;">
                             <el-option label="已确认" value="true"></el-option>
                             <el-option label="未确认" value="false"></el-option>
                         </el-select>
@@ -172,12 +172,12 @@
                         <el-button class="filter-item" style="float: left;" round type="warning" @click="fineRefundListExport()">导出</el-button>
                     </template>
                     <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
-                        <el-table-column label="项⽬编号" align="center" width="150">
+                        <el-table-column label="项⽬编号" align="center" width="120">
                             <template slot-scope="{row}">
                                 <span>{{ row.orderId }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="项⽬名称" align="center" width="250">
+                        <el-table-column label="项⽬名称" align="center" width="150" show-overflow-tooltip>
                             <template slot-scope="{row}">
                                 <span>{{ row.orderName}}</span>
                             </template>
@@ -187,64 +187,64 @@
                                 <span>{{ row.productionNo}}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="产品类型" align="center" width="250">
+                        <el-table-column label="产品类型" align="center">
                             <template slot-scope="{row}">
                                 <span>{{ row.productionType }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="客户经理" align="center" width="150">
+                        <el-table-column label="客户经理" align="center">
                             <template slot-scope="{row}">
                                 <span>{{ row.clientManagerName }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="客户名称" align="center" width="150">
+                        <el-table-column label="已罚金额" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.customerName }}</span>
+                                <span>{{ row.finedAmount}}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="业务来源" align="center" width="150">
+                        <el-table-column label="罚款日期" align="center" width="130">
                             <template slot-scope="{row}">
-                                <span>{{ row.customerSubName }}</span>
+                                <span>{{ row.punishDate }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="委托方" align="center" width="150">
+                        <el-table-column label="退款金额" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.bailor}}</span>
+                                <span>{{ row.refundAmount }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="已罚金额" align="center" width="150">
+                        <el-table-column label="退款原因" align="center" width="150" show-overflow-tooltip>
                             <template slot-scope="{row}">
-                                <span>{{ row.finedAmount}}</span>
+                                <span>{{ row.refundReason === 'RETURN_PRODUCTION' ? '退产品' : row.refundReason === 'RETURN_MONEY' ? '退款' : row.refundReason === 'RETURN_PRODUCTION_INVOICE' ? '退产品并退发票' : '-' }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="罚款日期" align="center" width="150">
+                        <el-table-column label="退款状态" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.punishDate }}</span>
+                                <span>{{ row.status === 'RETURNED' ? '已退' : row.status === 'NOT_RETURNED' ? '未退' : row.status === 'IGNORE' ? '不退' : '-' }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="退款金额" align="center" width="150">
+                        <el-table-column label="操作人" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.refundAmount }}</span>
+                                <span>{{ row.operator }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="退款原因" align="center" width="150">
+                        <el-table-column label="退款日期" align="center" width="130">
                             <template slot-scope="{row}">
-                                <span>{{ row.refundReason === 'RETURN_PRODUCTION' ? '退产品' : row.refundReason === 'RETURN_MONEY' ? '退款' : row.refundReason === 'RETURN_PRODUCTION_INVOICE' ? '退产品并退发票' : '-' }}</span>
+                                <span>{{ row.refundDate }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="退款状态" align="center" width="150">
+                        <el-table-column label="客户名称" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.status === 'RETURNED' ? '已退' : row.status === 'NOT_RETURNED' ? '未退' : row.status === 'IGNORE' ? '不退' : '-' }}</span>
+                                <span>{{ row.customerName }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="操作人" align="center" width="150">
+                        <el-table-column label="业务来源" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.operator }}</span>
+                                <span>{{ row.customerSubName }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="退款日期" align="center" width="150">
+                        <el-table-column label="委托方" align="center" >
                             <template slot-scope="{row}">
-                                <span>{{ row.refundDate }}</span>
+                                <span>{{ row.bailor}}</span>
                             </template>
                         </el-table-column>
                         <el-table-column label="操作" align="center" width="160" fixed="right">
@@ -263,11 +263,11 @@
             <el-tab-pane label="个贷业务" name="PERSONAL_BUSINESS">
                 <y-page-list-layout :page-list="pageData" :page-para="queryDTO" :get-page-list="page">
                     <template slot="left">
-                        <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 300px;float: left;"></el-input>
-                        <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                        <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                        <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 150px;float: left;"></el-input>
-                        <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 150px;float: left;">
+                        <el-input v-model="queryDTO.keyWord" placeholder="关键字(项⽬编号或产品号)" clearable style="width: 250px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.finedAmount" type="number" placeholder="已罚金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.refundAmount" type="number" placeholder="退款金额" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
+                        <el-input v-model="queryDTO.clientManagerName" placeholder="客户经理" clearable style="margin-left: 20px;width: 100px;float: left;"></el-input>
+                        <el-select v-model="queryDTO.status" filterable placeholder="是否确认" clearable style="margin-left: 20px;width: 100px;float: left;">
                             <el-option label="已确认" value="true"></el-option>
                             <el-option label="未确认" value="false"></el-option>
                         </el-select>
@@ -300,74 +300,74 @@
                         <el-button class="filter-item" style="float: left;" round type="warning" @click="fineRefundListExport()">导出</el-button>
                     </template>
                     <parentTable ref="table" v-loading="listLoading" :data="pageData.records" slot="table" style="width: 100%;">
-                        <el-table-column label="项⽬编号" align="center" width="150">
+                        <el-table-column label="项⽬编号" align="center" width="120">
                             <template slot-scope="{row}">
                                 <span>{{ row.orderId }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="项⽬名称" align="center" width="250">
+                        <el-table-column label="项⽬名称" align="center" width="150" show-overflow-tooltip>
                             <template slot-scope="{row}">
                                 <span>{{ row.orderName}}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="产品类型" align="center" width="250">
+                        <el-table-column label="产品类型" align="center">
                             <template slot-scope="{row}">
                                 <span>{{ row.productionType }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="客户经理" align="center" width="150">
+                        <el-table-column label="客户经理" align="center">
                             <template slot-scope="{row}">
                                 <span>{{ row.clientManagerName }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="客户名称" align="center" width="150">
+                        <el-table-column label="已罚金额" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.customerName }}</span>
+                                <span>{{ row.finedAmount}}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="业务来源" align="center" width="150">
+                        <el-table-column label="罚款日期" align="center" width="130">
                             <template slot-scope="{row}">
-                                <span>{{ row.customerSubName }}</span>
+                                <span>{{ row.punishDate }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="委托方" align="center" width="150">
+                        <el-table-column label="退款金额" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.bailor}}</span>
+                                <span>{{ row.refundAmount }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="已罚金额" align="center" width="150">
+                        <el-table-column label="退款原因" align="center" width="150" show-overflow-tooltip>
                             <template slot-scope="{row}">
-                                <span>{{ row.finedAmount}}</span>
+                                <span>{{ row.refundReason === 'RETURN_PRODUCTION' ? '退产品' : row.refundReason === 'RETURN_MONEY' ? '退款' : row.refundReason === 'RETURN_PRODUCTION_INVOICE' ? '退产品并退发票' : '-' }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="罚款日期" align="center" width="150">
+                        <el-table-column label="退款状态" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.punishDate }}</span>
+                                <span>{{ row.status === 'RETURNED' ? '已退' : row.status === 'NOT_RETURNED' ? '未退' : row.status === 'IGNORE' ? '不退' : '-' }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="退款金额" align="center" width="150">
+                        <el-table-column label="操作人" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.refundAmount }}</span>
+                                <span>{{ row.operator }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="退款原因" align="center" width="150">
+                        <el-table-column label="退款日期" align="center" width="130">
                             <template slot-scope="{row}">
-                                <span>{{ row.refundReason === 'RETURN_PRODUCTION' ? '退产品' : row.refundReason === 'RETURN_MONEY' ? '退款' : row.refundReason === 'RETURN_PRODUCTION_INVOICE' ? '退产品并退发票' : '-' }}</span>
+                                <span>{{ row.refundDate }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="退款状态" align="center" width="150">
+                        <el-table-column label="客户名称" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.status === 'RETURNED' ? '已退' : row.status === 'NOT_RETURNED' ? '未退' : row.status === 'IGNORE' ? '不退' : '-' }}</span>
+                                <span>{{ row.customerName }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="操作人" align="center" width="150">
+                        <el-table-column label="业务来源" align="center">
                             <template slot-scope="{row}">
-                                <span>{{ row.operator }}</span>
+                                <span>{{ row.customerSubName }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="退款日期" align="center" width="150">
+                        <el-table-column label="委托方" align="center" >
                             <template slot-scope="{row}">
-                                <span>{{ row.refundDate }}</span>
+                                <span>{{ row.bailor}}</span>
                             </template>
                         </el-table-column>
                         <el-table-column label="操作" align="center" width="160" fixed="right">

src/views/personal/facePriceHistory.vue

@@ -102,7 +102,7 @@
         </el-table-column>
         <el-table-column label="操作" align="center" fixed="right">
           <template slot-scope="{row}">
-            <el-button type="text"  @click="genWords(row)">复制文案</el-button>
+            <el-button type="text" id="btn"  @click="genWords(row)">复制文案</el-button>
           </template>
         </el-table-column>
       </parentTable>
@@ -225,14 +225,13 @@ export default {
                   "【总价】"+(row.faceAmount / 10000).toFixed(2)+"万\n"+
                   "\n"+
                   "【备注】本次口估按“精装修”进行估算！\n"
-                  copyFacePriceWords(faceWords);
-                 // this.$message({'type':'success','message': context+' 已复制!'});
-
+                  
                  let html = faceWords.replace(/\n/g,"</br>")
                  this.$message({ 'type':'success','duration':'5000',
                   dangerouslyUseHTMLString: true,
                   message: html
                 });
+               copyFacePriceWords(html);
     }
   },