Browse Source

adq对接

yumeng 5 ngày trước cách đây
mục cha
commit
49556f7fa8

+ 1 - 69
src/views/modules/policy-management/policy-management.less

@@ -120,74 +120,6 @@
     }
 
 }
-::v-deep .audit-policy-class {
-    width: 930px !important;
-
-    .audit-policy-footer {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        border-top: 1px solid #e8e8e8;
-
-        .cancel-btn {
-            margin-right: 12px;
-            margin-top: 12px;
-        }
-
-    }
-
-    // .ant-modal-body {
-    //     height: 440px;
-    //     overflow-y: auto;
-    // }
-
-    .audit-policy-icon {
-        position: absolute;
-        right: 22px;
-        top: 20px;
-        font-size: 15px;
-        cursor: pointer;
-    }
-
-    .policy-line-quen {
-        display: flex;
-        // height: 345px;
-
-        .line-quen-left,
-        .line-quen-right {
-            flex: 1;
-
-            .policy-line-left,
-            .policy-line-right {
-                display: flex;
-                margin-bottom: 16px;
-
-                .line-left-spn {
-                    display: inline-block;
-                    width: 120px;
-                    text-align: right;
-                }
-
-                .line-right-spn {
-                    display: inline-block;
-                    width: 220px;
-                    overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
-                }
-                .line-right-spn-else {
-                    display: inline-block;
-                    width: 280px;
-                    max-height: 100px;
-                    overflow: auto;
-                }
-
-            }
-
-        }
-
-    }
-}
 ::v-deep .policy-operation-class {
     width: 1000px !important;
     // .ant-modal-body {
@@ -251,4 +183,4 @@
             }
         }
     }
-}
+}

+ 195 - 129
src/views/modules/policy-management/policy-management.vue

@@ -301,132 +301,121 @@
             </div>
         </a-modal>
         <!-- 查看详情 -->
-        <a-modal
-            v-if="auditPolicyStatus"
-            title="审核政策"
-            dialog-class="audit-policy-class"
-            :visible="auditPolicyStatus"
-            :closable="false"
-            :footer="null"
-            v-dialog-drag
-
-        >
-            <div>
-                <span class="audit-policy-icon" @click="handleCloseAuditPolicy"><a-icon type="close"/></span>
-                <div class="policy-line-quen">
-                    <div class="line-quen-left">
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">公司名称:</span>
-                            <span class="line-right-spn-else">{{ queryByIdList.companyName || '-' }}</span>
-                        </div>
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">广告主:</span>
-                            <span class="line-right-spn-else">{{ queryByIdList.advertiserName || '-' }}</span>
-                        </div>
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">产品名称:</span>
-                            <div style="width: 200px;">
-                                <div
-                                    class="line-right-spn"
-                                    v-for="(item, index) in queryByIdList.policyProductName"
-                                    :key="index + 1"
-                                >
-                                    {{ item }}
-                                </div>
-                            </div>
-                        </div>
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">媒体:</span>
-                            <span class="line-right-spn">{{ queryByIdList.updateMediaType }}</span>
-                        </div>
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">销售:</span>
-                            <span class="line-right-spn">{{ queryByIdList.saleName }}</span>
-                        </div>
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">区域:</span>
-                            <span class="line-right-spn">{{ queryByIdList.areaInfo }}</span>
-                        </div>
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">我司主体:</span>
-                            <span class="line-right-spn">{{ queryByIdList.companySubjectName }}</span>
-                        </div>
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">运营方式:</span>
-                            <span class="line-right-spn">{{ queryByIdList.promotionType === 0 ? '自运营' : '代运营' }}</span>
-                        </div>
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">集团简称:</span>
-                            <span class="line-right-spn-else">{{ queryByIdList.groupAbbreviation || '-' }}</span>
-                        </div>
-                        <div class="policy-line-left">
-                            <span class="line-left-spn">预估利润:</span>
-                            <span class="line-right-spn-else">{{ queryByIdList.estimatedProfit || '-' }}</span>
-                        </div>
-                    </div>
-                    <div class="line-quen-right">
-                        <div class="policy-line-right">
-                            <span class="line-left-spn">是否预付:</span>
-                            <span class="line-right-spn">{{ queryByIdList.advancePay === 0 ? '否' : '是' }}</span>
-                        </div>
-                        <div class="policy-line-right">
-                            <span class="line-left-spn">返点类型:</span>
-                            <span class="line-right-spn">{{ queryByIdList.updateRebateType }}</span>
-                        </div>
-                        <div class="policy-line-right">
-                            <span class="line-left-spn">返点比例:</span>
-                            <span class="line-right-spn">{{ queryByIdList.rebateRate + '%' }}</span>
-                        </div>
-                        <div v-if="queryByIdList.advancePay === 0">
-                            <div class="policy-line-right">
-                                <span class="line-left-spn">账期:</span>
-                                <span class="line-right-spn">{{ queryByIdList.accountingPeriod && queryByIdList.accountingPeriod + '天' }}</span>
-                            </div>
-                            <div class="policy-line-right">
-                                <span class="line-left-spn">是否第三方垫付:</span>
-                                <span class="line-right-spn">{{ queryByIdList.isDianPay === 0 ? '否' : '是' }}</span>
-                            </div>
-                            <div v-if="queryByIdList.isDianPay === 1">
-                                <div class="policy-line-right">
-                                    <span class="line-left-spn">垫付公司:</span>
-                                    <span class="line-right-spn-else">{{ queryByIdList.dianPayCompanyName }}</span>
-                                </div>
-                                <div class="policy-line-right">
-                                    <span class="line-left-spn">垫付返点:</span>
-                                    <span class="line-right-spn">{{ queryByIdList.dianPayCompanyRebateRate && queryByIdList.dianPayCompanyRebateRate + '%' }}</span>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="policy-line-right">
-                            <span class="line-left-spn">政策起止时间:</span>
-                            <span class="line-right-spn">{{ queryByIdList.policyStartDate }} 至 {{ queryByIdList.policyEndDate }}</span>
-                        </div>
-                        <div class="policy-line-right">
-                            <span class="line-left-spn">是否老客户:</span>
-                            <span class="line-right-spn">{{ queryByIdList.customerFlag === 0 ? '否' : '是' }}</span>
-                        </div>
-                        <div class="policy-line-right">
-                            <span class="line-left-spn">备注:</span>
-                            <span class="line-right-spn-else">{{ queryByIdList.remarks || '-' }}</span>
-                        </div>
-                        <div class="policy-line-right" v-if="queryByIdList.theForwardingBossContent ">
-                            <span class="line-left-spn">转审原因:</span>
-                            <span
-                                class="line-right-spn-else">{{ queryByIdList.theForwardingBossContent  || '-' }}</span>
-                        </div>
-                        <div class="policy-line-right" v-if="queryByIdList.meidiaAffairsContent">
-                            <span class="line-left-spn">媒介/财务审核:</span>
-                            <span class="line-right-spn-else">{{ queryByIdList.meidiaAffairsContent || '-' }}</span>
-                        </div>
-
-                        <div class="policy-line-right" v-if="queryByIdList.theBossContent">
-                            <span class="line-left-spn">老板审核意见:</span>
-                            <span class="line-right-spn-else">{{ queryByIdList.theBossContent || '-' }}</span>
-                        </div>
-
-
-                    </div>
-                </div>
+        <a-modal
+            v-if="auditPolicyStatus"
+            title="审核政策"
+            dialog-class="policy-management-audit-modal"
+            :visible="auditPolicyStatus"
+            :closable="false"
+            :footer="null"
+            :width="1160"
+            v-dialog-drag
+
+        >
+            <div class="audit-policy-detail" style="min-height: 480px;">
+                <span class="audit-policy-icon" style="position: absolute; right: 22px; top: 20px; font-size: 15px; cursor: pointer;" @click="handleCloseAuditPolicy"><a-icon type="close"/></span>
+                <div style="display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 40px; align-items: start;">
+                    <div style="min-width: 0;">
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">公司名称:</span>
+                            <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.companyName || '-' }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">广告主:</span>
+                            <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.advertiserName || '-' }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">产品名称:</span>
+                            <span style="display: block; min-width: 0; text-align: left; white-space: normal; word-break: break-all;">{{ Array.isArray(queryByIdList.policyProductName) ? queryByIdList.policyProductName.filter(item => item).join('、') : (queryByIdList.policyProductName || '-') }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">媒体:</span>
+                            <span>{{ queryByIdList.updateMediaType }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">销售:</span>
+                            <span>{{ queryByIdList.saleName }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">区域:</span>
+                            <span>{{ queryByIdList.areaInfo }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">我司主体:</span>
+                            <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.companySubjectName }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">运营方式:</span>
+                            <span>{{ queryByIdList.promotionType === 0 ? '自运营' : '代运营' }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">集团简称:</span>
+                            <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.groupAbbreviation || '-' }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">预估利润:</span>
+                            <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.estimatedProfit || '-' }}</span>
+                        </div>
+                    </div>
+                    <div style="min-width: 0;">
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">是否预付:</span>
+                            <span>{{ queryByIdList.advancePay === 0 ? '否' : '是' }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">返点类型:</span>
+                            <span>{{ queryByIdList.updateRebateType }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">返点比例:</span>
+                            <span>{{ queryByIdList.rebateRate + '%' }}</span>
+                        </div>
+                        <div v-if="queryByIdList.advancePay === 0">
+                            <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                                <span style="text-align: right;">账期:</span>
+                                <span>{{ queryByIdList.accountingPeriod && queryByIdList.accountingPeriod + '天' }}</span>
+                            </div>
+                            <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                                <span style="text-align: right;">是否第三方垫付:</span>
+                                <span>{{ queryByIdList.isDianPay === 0 ? '否' : '是' }}</span>
+                            </div>
+                            <div v-if="queryByIdList.isDianPay === 1">
+                                <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                                    <span style="text-align: right;">垫付公司:</span>
+                                    <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.dianPayCompanyName }}</span>
+                                </div>
+                                <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                                    <span style="text-align: right;">垫付返点:</span>
+                                    <span>{{ queryByIdList.dianPayCompanyRebateRate && queryByIdList.dianPayCompanyRebateRate + '%' }}</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">政策起止时间:</span>
+                            <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.policyStartDate }} 至 {{ queryByIdList.policyEndDate }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">是否老客户:</span>
+                            <span>{{ queryByIdList.customerFlag === 0 ? '否' : '是' }}</span>
+                        </div>
+                        <div style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">备注:</span>
+                            <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.remarks || '-' }}</span>
+                        </div>
+                        <div v-if="queryByIdList.theForwardingBossContent " style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">转审原因:</span>
+                            <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.theForwardingBossContent  || '-' }}</span>
+                        </div>
+                        <div v-if="queryByIdList.meidiaAffairsContent" style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">媒介/财务审核:</span>
+                            <span style="min-width: 0; max-height: 220px; overflow: auto; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.meidiaAffairsContent || '-' }}</span>
+                        </div>
+                        <div v-if="queryByIdList.theBossContent" style="display: grid; grid-template-columns: 126px minmax(0, 1fr); column-gap: 12px; align-items: start; margin-bottom: 16px; font-size: 16px; line-height: 1.65;">
+                            <span style="text-align: right;">老板审核意见:</span>
+                            <span style="min-width: 0; white-space: pre-wrap; word-break: break-all;">{{ queryByIdList.theBossContent || '-' }}</span>
+                        </div>
+                    </div>
+                </div>
                 <div solt="footer" class="audit-policy-footer" style="justify-content: flex-end;">
                     <div v-if="queryByIdList.theBossRight == 'yes'">
                         <a-button type="primary" @click="toLeader" class="cancel-btn">转领导审批</a-button>
@@ -2166,6 +2155,83 @@
         }
     };
 </script>
-<style lang="less" scoped>
-    @import "policy-management";
-</style>
+<style lang="less" scoped>
+    @import "policy-management";
+</style>
+<style lang="less">
+    .policy-management-audit-modal {
+        .ant-modal-body {
+            max-height: 680px;
+            overflow-y: auto;
+            padding: 24px 24px 20px;
+        }
+
+        .audit-policy-detail {
+            min-height: 480px;
+        }
+
+        .audit-policy-icon {
+            position: absolute;
+            right: 22px;
+            top: 20px;
+            font-size: 15px;
+            cursor: pointer;
+        }
+
+        .audit-policy-footer {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-top: 1px solid #e8e8e8;
+
+            .cancel-btn {
+                margin-right: 12px;
+                margin-top: 12px;
+            }
+        }
+
+        .policy-line-quen {
+            display: flex;
+            align-items: flex-start;
+            gap: 40px;
+        }
+
+        .line-quen-left,
+        .line-quen-right {
+            flex: 1;
+            min-width: 0;
+        }
+
+        .policy-line-left,
+        .policy-line-right {
+            display: flex;
+            align-items: flex-start;
+            margin-bottom: 18px;
+            color: #4a4a4a;
+            font-size: 16px;
+            line-height: 1.65;
+        }
+
+        .line-left-spn {
+            display: inline-block;
+            flex: 0 0 126px;
+            margin-right: 12px;
+            text-align: right;
+            color: #4a4a4a;
+        }
+
+        .line-right-spn,
+        .line-right-spn-else {
+            display: inline-block;
+            flex: 1;
+            min-width: 0;
+            white-space: pre-wrap;
+            word-break: break-all;
+        }
+
+        .line-right-spn-else {
+            max-height: 150px;
+            overflow: auto;
+        }
+    }
+</style>