Bladeren bron

罚款页面调整

wucl 3 maanden geleden
bovenliggende
commit
b06f83cb30
1 gewijzigde bestanden met toevoegingen van 82 en 80 verwijderingen
  1. 82 80
      src/views/finance/fine.vue

+ 82 - 80
src/views/finance/fine.vue

@@ -31,12 +31,12 @@
                         <el-button class="filter-item" style="float: left;" round type="warning" @click="fineListExport()">导出</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>
@@ -46,76 +46,78 @@
                                 <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">
                             <template slot-scope="{row}">
-                                <span>{{ row.invoiceNo }}</span>
+                                <span>{{ row.invoiceNo?row.invoiceNo:'未开票' }}</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.shouldAmount }}</span>
+                                <span style="color: #dca550; font-weight: bold;">{{ row.fineAmount }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="标准收费" align="center" width="150">
+                        <el-table-column label="实际罚款⾦额" align="center" width="120">
                             <template slot-scope="{row}">
-                                <span>{{ row.standardAmount }}</span>
+                                <span style="color: red; font-weight: bold;">{{ row.realFineAmount?row.realFineAmount:'待确认' }}</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.overdueDay}}</span>
+                                <span>{{ row.status ? '已确认' : '待确认' }}</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.customerName }}</span>
+                                <span>{{ row.punishDate }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="业务来源" align="center" width="150">
+                        <el-table-column label="客户经理情况说明" align="center" width="250" show-overflow-tooltip>
                             <template slot-scope="{row}">
-                                <span>{{ row.customerSubName }}</span>
+                                <span>{{ row.explain }}</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.shouldAmount }}</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.fineAmount }}</span>
+                                <span>{{ row.standardAmount }}</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.realFineAmount }}</span>
+                                <span>{{ row.overdueDay}}</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 ? '已确认' : '未确认' }}</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.punishDate }}</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.explain }}</span>
+                                <span>{{ row.bailor}}</span>
                             </template>
                         </el-table-column>
+                      
+                       
                         <el-table-column label="操作" align="center" width="160" fixed="right">
                             <template slot-scope="{row}">
                                 <PermissionButton menu-code="_views_finance_fine_explain" class-name="filter-item" name type="text" @click="openExplain(row)" />
@@ -153,12 +155,12 @@
                         <el-button class="filter-item" style="float: left;" round type="warning" @click="fineListExport()">导出</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>
@@ -168,74 +170,74 @@
                                 <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">
                             <template slot-scope="{row}">
-                                <span>{{ row.invoiceNo }}</span>
+                                <span>{{ row.invoiceNo?row.invoiceNo:'未开票' }}</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.shouldAmount }}</span>
+                                <span style="color: #dca550; font-weight: bold;">{{ row.fineAmount }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="标准收费" align="center" width="150">
+                        <el-table-column label="实际罚款⾦额" align="center" width="120">
                             <template slot-scope="{row}">
-                                <span>{{ row.standardAmount }}</span>
+                                <span style="color: red; font-weight: bold;">{{ row.realFineAmount?row.realFineAmount:'待确认' }}</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.overdueDay}}</span>
+                                <span>{{ row.status ? '已确认' : '待确认' }}</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.customerName }}</span>
+                                <span>{{ row.punishDate }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="业务来源" align="center" width="150">
+                        <el-table-column label="客户经理情况说明" align="center" width="250" show-overflow-tooltip>
                             <template slot-scope="{row}">
-                                <span>{{ row.customerSubName }}</span>
+                                <span>{{ row.explain }}</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.shouldAmount }}</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.fineAmount }}</span>
+                                <span>{{ row.standardAmount }}</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.realFineAmount }}</span>
+                                <span>{{ row.overdueDay}}</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 ? '已确认' : '未确认' }}</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.punishDate }}</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.explain }}</span>
+                                <span>{{ row.bailor}}</span>
                             </template>
                         </el-table-column>
                         <el-table-column label="操作" align="center" width="160" fixed="right">
@@ -275,79 +277,79 @@
                         <el-button class="filter-item" style="float: left;" round type="warning" @click="fineListExport()">导出</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="450" 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">
                             <template slot-scope="{row}">
-                                <span>{{ row.invoiceNo }}</span>
+                                <span>{{ row.invoiceNo?row.invoiceNo:'未开票' }}</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.shouldAmount }}</span>
+                                <span style="color: #dca550; font-weight: bold;">{{ row.fineAmount }}</span>
                             </template>
                         </el-table-column>
-                        <el-table-column label="客户经理" align="center" width="150">
+                        <el-table-column label="实际罚款⾦额" align="center" width="120">
                             <template slot-scope="{row}">
-                                <span>{{ row.clientManagerName}}</span>
+                                <span style="color: red; font-weight: bold;">{{ row.realFineAmount?row.realFineAmount:'待确认' }}</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.overdueDay}}</span>
+                                <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.status ? '已确认' : '待确认' }}</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" width="250" show-overflow-tooltip>
                             <template slot-scope="{row}">
-                                <span>{{ row.bailor}}</span>
+                                <span>{{ row.explain }}</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.fineAmount }}</span>
+                                <span>{{ row.shouldAmount }}</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.realFineAmount }}</span>
+                                <span>{{ row.standardAmount }}</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 ? '已确认' : '未确认' }}</span>
+                                <span>{{ row.overdueDay}}</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.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.explain }}</span>
+                                <span>{{ row.customerSubName }}</span>
                             </template>
                         </el-table-column>
                         <el-table-column label="操作" align="center" width="160" fixed="right">