|
|
@@ -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>
|