diff --git a/src/api/ebiz/billingDetail/billingDetail.js b/src/api/ebiz/billingDetail/billingDetail.js index 667435e18..62ad5bbc4 100644 --- a/src/api/ebiz/billingDetail/billingDetail.js +++ b/src/api/ebiz/billingDetail/billingDetail.js @@ -24,4 +24,12 @@ export function queryOutOrderList(data) { method: 'post', data }) + } + // 出单详情 + export function queryOutOrderDetail(data) { + return request({ + url: getUrl(`/sale/order/queryOutOrderDetail`, 1), + method: 'post', + data + }) } \ No newline at end of file diff --git a/src/components/ebiz/billingDetail/tableDetail2.vue b/src/components/ebiz/billingDetail/tableDetail2.vue index 39bdf69a5..91c9c0360 100644 --- a/src/components/ebiz/billingDetail/tableDetail2.vue +++ b/src/components/ebiz/billingDetail/tableDetail2.vue @@ -11,13 +11,18 @@ {{ Number(index) + 1 }} - {{ item.signDate }} - {{ item.appntDate }} + {{ item.signDate }} + {{ item.appntDate }} {{ item.productName }} {{ item.prem }} {{ item.name }} {{ item.manageComName }} + + 下载贺报 + 查看 + + @@ -28,6 +33,8 @@
上一页
{{ pageNum }}/{{ Math.ceil(total / pageSize) }}
下一页 >
+
+
@@ -62,9 +69,19 @@ export default { } }, data() { - return {} + return { + timeShow: false, + } + }, + created() { + for(let i=0;i import('@/views/ebiz/billingDetail/billingDetail') const generateImg = () => import('@/views/ebiz/generateImg/generateImg') +const policyDetails = () => import('@/views/ebiz/billingDetail/policyDetails') + export default [ { @@ -18,5 +20,13 @@ export default [ meta: { title: '业绩贺报' } - } + }, + { + path: '/policyDetails', + name: 'policyDetails', + component: policyDetails, + meta: { + title: '保单详情', + } + }, ] diff --git a/src/views/ebiz/billingDetail/billingDetail.vue b/src/views/ebiz/billingDetail/billingDetail.vue index c43f8f4ef..ce40fecb7 100644 --- a/src/views/ebiz/billingDetail/billingDetail.vue +++ b/src/views/ebiz/billingDetail/billingDetail.vue @@ -1,11 +1,11 @@ @@ -284,7 +300,7 @@ export default { timeShow: false, dialogForm: { outOrderType: '', - dateFlag: '', + dateFlag: 'all', startDate: '', endDate: '' }, @@ -293,7 +309,7 @@ export default { dateFlag: '', style02: 'style02', //style02 时，显示红字红三角的样式，不写的话展示默认样式 currentIndex: 0, //0 当月 1当天 - theads: ['序号', '承保时间', '预收时间', '产品名称', '保费', '业务员姓名', '机构'], + theads: ['序号', '承保时间', '预收时间', '产品名称', '保费', '业务员姓名', '机构','查看'], tableData: [], total: 0, maxDate: new Date(), @@ -333,10 +349,23 @@ export default { // 1: 中心支公司, 2: 营销服务部, 3: 下辖营业区 queryCom: '' }, - isJzg: false //是否是内勤账号 branchType=JZG 、N 开头的是 (fasle)内勤账号 ；branchType= 数字的是外勤(true) + isJzg: false, //是否是内勤账号 branchType=JZG 、N 开头的是 (fasle)内勤账号 ；branchType= 数字的是外勤(true) + titleText: '全部', + firstTime: true, + monthValue: '', + maxDate: new Date(), + monthDate: new Date(), + overlayShow: false, + } + }, + created() { + this.getyaerMonth(); + if (this.outOrderType === 'accept') { + this.theads.splice(2,1) + } else { + this.theads.splice(1,1) } }, - created() {}, mounted() { // this.getInfo() let date = new Date() @@ -358,7 +387,7 @@ export default { }, openTime(flag) { this.TimeFlag = flag - this.dialogForm.dateFlag = '' + // this.dialogForm.dateFlag = '' this.timeShow = true }, timeConfirm(t) { @@ -416,6 +445,7 @@ export default { this.queryOutOrderListFunc() }, openPopup() { + this.dialogForm = { outOrderType: this.outOrderType, dateFlag: this.dateFlag, @@ -426,6 +456,11 @@ export default { this.dialogForm.startDate = '' this.dialogForm.endDate = '' } + if(this.firstTime == true) { + this.dialogForm.dateFlag = 'all' + this.firstTime = false + } + console.log(this.dialogForm.dateFlag); this.show = true }, //时间筛选 @@ -461,10 +496,10 @@ export default { this.OrgLv3Name = '营业部' this.OrgLv4Name = '营业组' } else { - this.OrgLvName = '总公司' - this.OrgLv2Name = '分公司' - this.OrgLv3Name = '中支公司' - this.OrgLv4Name = '支公司' + this.OrgLvName = '全部' + this.OrgLv2Name = '全部' + this.OrgLv3Name = '全部' + this.OrgLv4Name = '全部' } const resf = await getMisBranchComList2({ // isJzg: this.isJzg, @@ -537,11 +572,10 @@ export default { loadingType: 'spinner', message: '加载中……' }) - queryOutOrderList({ outOrderType: this.outOrderType, // "accept",//--出单类型 承保 accept 预收 advance - startDate: this.startDate, // "2024-09-01", - endDate: this.endDate, //"2024-09-30", + startDate: this.dialogForm.startDate, // "2024-09-01", + endDate: this.dialogForm.endDate, //"2024-09-30", dateFlag: this.dateFlag, // -最近一月-m,最近一年y ,全部-all // appntDate: this.postDate, distCode: this.OrgLv2Code, @@ -596,8 +630,8 @@ export default { // this.params.manageLv = '01' // } this.OrgLv2Name = data - this.OrgLv3Name = this.isJzg ? '营业部' : '中支公司' - this.OrgLv4Name = this.isJzg ? '营业组' : '支公司' + this.OrgLv3Name = this.isJzg ? '营业部' : '全部' + this.OrgLv4Name = this.isJzg ? '营业组' : '全部' this.OrgLv3Code = '' this.OrgLv4Code = '' // 点击其他筛选条件-重置当前页为第一页 @@ -632,7 +666,7 @@ export default { this.OrgLv3Code = '' } this.OrgLv4Code = '' - this.OrgLv4Name = this.isJzg ? '营业组' : '支公司' + this.OrgLv4Name = this.isJzg ? '营业组' : '全部' // this.OrgLv2Code = '' // this.OrgLv4Code = '' // 点击其他筛选条件-重置当前页为第一页 @@ -670,6 +704,52 @@ export default { this.pageNum = 1 this.tableData = [] this.queryOutOrderListFunc() + }, + getyaerMonth() { + var currentDate = new Date(); + var currentYear = currentDate.getFullYear(); + var currentMonth = currentDate.getMonth() + 1; // 月份从0开始，所以要加1 + this.monthValue = currentYear + '-' + currentMonth + }, + typeCheck(e) { + this.dialogForm.dateFlag = e + if(e == 'all') { + this.titleText = '全部' + }if(e == 'm') { + this.overlayShow = true + this.titleText = '按月份查询' + }if(e == 'y') { + this.titleText = '按时间范围查询' + } + + }, + // 选择月份事件 + formatter(type, value) { + if (type === 'year') { + return `${value}年`; + } else if (type === 'month') { + return `${value}月` + } + return value + }, + // 月份选择取消按钮 + cancelChange() { + this.overlayShow = false + }, + // 月份选择确认按钮 + confirmChange(t) { + this.$nextTick(() => { + console.log(this.currentDate) + let time = new Date(t) + let y = time.getFullYear() + let m = time.getMonth() + 1 < 10 ? '0' + (time.getMonth() + 1) : time.getMonth() + 1 + console.log(y, m) + this.monthValue = y + '-' + m + this.dialogForm.startDate = y + '-' + m + '-' + '01' // "2024-09-01", + this.dialogForm.endDate = y + '-' + m + '-' + '30'//"2024-09-30", + console.log(this.startDate); + }) + this.overlayShow = false } } } @@ -685,7 +765,14 @@ export default { .van-icon { font-weight: bolder; } - +.titlebtn { + background-color: #fff; + border: none; + font-size: 12px; + color: #333; + padding: 8px 17px; + border-radius: 2px; +} ::v-deep .classification .van-icon { vertical-align: middle; margin-right: 5px; @@ -716,7 +803,7 @@ export default { background: #fff; } .table th { - width: 130px; + width: 100px; } table { width: 180vw; @@ -791,7 +878,7 @@ table { display: flex; justify-content: space-between; .van-button { - padding: 2px 20px; + padding: 2px 10px; } } .timeField { diff --git a/src/views/ebiz/billingDetail/policyDetails.vue b/src/views/ebiz/billingDetail/policyDetails.vue new file mode 100644 index 000000000..caa5ffb51 --- /dev/null +++ b/src/views/ebiz/billingDetail/policyDetails.vue @@ -0,0 +1,107 @@ + + + + + diff --git a/src/views/ebiz/generateImg/generateImg.vue b/src/views/ebiz/generateImg/generateImg.vue index af7235081..e11d33c1a 100644 --- a/src/views/ebiz/generateImg/generateImg.vue +++ b/src/views/ebiz/generateImg/generateImg.vue @@ -216,7 +216,10 @@ img { border: 2px solid; border-image: radial-gradient(circle, rgba(255, 233, 124, 1), rgba(222, 144, 34, 1)) 2 2; } - +/deep/ .van-button { + border-radius: 12px; + width: 49%; +} /deep/ .van-button--danger { background: linear-gradient(to right, #f26e43, #ac0209) !important; /*设置按钮为渐变颜色*/