| | |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache"> |
| | | <title>商务首页</title> |
| | | <title>运营首页</title> |
| | | |
| | | <script type="text/javascript"> |
| | | var pageVue = null; |
| | |
| | | new BasicsVue({ |
| | | el: "#vbody", |
| | | data: { |
| | | title: "商务首页", |
| | | title: "运营首页", |
| | | tableData: [], |
| | | dataRequest: [ |
| | | { |
| | |
| | | |
| | | // 首页模板列表 |
| | | modulelist: [ |
| | | {isshow: "T", code: "M001", title: "我的通知", layout: "left", width: "100%", height: "30%", order_no: 1}, |
| | | {isshow: "T", code: "M001", title: "我的通知", layout: "left", width: "100%", height: "40%", order_no: 1}, |
| | | // {isshow: "T", code: "M002", title: "我的申请", layout: "left", width: "50%", height: "30%", order_no: 2}, |
| | | {isshow: "T", code: "M003", title: "我的指标", layout: "left", width: "100%", height: "306px", order_no: 3}, |
| | | {isshow: "T", code: "M004", title: "我的客户", layout: "left", width: "100%", height: "148px", order_no: 4}, |
| | | {isshow: "T", code: "M003", title: "我的工作", layout: "left", width: "100%", height: "30%", order_no: 3}, |
| | | {isshow: "T", code: "M004", title: "我的客户", layout: "left", width: "100%", height: "30%", order_no: 4}, |
| | | {isshow: "T", code: "M002", title: "我的提醒", layout: "right", width: "100%", height: "20%", order_no: 5}, |
| | | {isshow: "T", code: "M005", title: "植入日历", layout: "right", width: "100%", height: "50%", order_no: 5}, |
| | | {isshow: "T", code: "M005", title: "工作日历", layout: "right", width: "100%", height: "50%", order_no: 5}, |
| | | {isshow: "T", code: "M006", title: "快捷入口", layout: "right", width: "100%", height: "30%", order_no: 6}, |
| | | ], |
| | | moduleLayout: { |
| | |
| | | // {isshow: "T", code: "004", title: "我的客户", layout: "left", width: "100%", height: "30%", order_no: 4}, |
| | | // ], |
| | | // right: [ |
| | | // {isshow: "T", code: "005", title: "植入日历", layout: "right", width: "100%", height: "50%", order_no: 5}, |
| | | // {isshow: "T", code: "005", title: "工作日历", layout: "right", width: "100%", height: "50%", order_no: 5}, |
| | | // {isshow: "T", code: "006", title: "快捷入口", layout: "right", width: "100%", height: "50%", order_no: 6}, |
| | | // ], |
| | | }, |
| | |
| | | year: {}, |
| | | quarter: {}, |
| | | month: {}, |
| | | |
| | | customer: {val_sale: 300, rate_completion: 50}, |
| | | terminal: {val_sale: 100, rate_completion: 66}, |
| | | flow: {val_sale: 2560, rate_completion: 30}, |
| | | |
| | | // year: {year:"2023", quarter: "3", month:"7", val_target: 600, val_sale: 300, rate_completion: 50}, |
| | | // quarter: {year:"2023", quarter: "3", month:"7", val_target: 150, val_sale: 100, rate_completion: 66}, |
| | |
| | | if (me.dataRequestObj.sys_notify_message && me.dataRequestObj.sys_notify_message.data && me.dataRequestObj.sys_notify_message.data.entityset) { |
| | | dataobj_.M001 = clone(me.dataRequestObj.sys_notify_message.data.entityset) |
| | | var file_ = { |
| | | id: "111", type_code: "sale", title: "《客户DMS操作手册-简版-1.1》", create_time: "2024-03-20 15:48:04", |
| | | id: "111", type_code: "sale", title: "《营销一体化运营平台操作手册1.1》", create_time: "2024-03-20 15:48:04", |
| | | files: [ |
| | | {filename: "客户DMS操作手册-简版-1.1.pdf", fileid: "11111", dataname: "sys_notify_message"}, |
| | | {filename: "营销一体化运营平台操作手册1.1.pdf", fileid: "11111", dataname: "sys_notify_message"}, |
| | | ]} |
| | | dataobj_.M001.push(file_); |
| | | |
| | |
| | | val_target: summary_obj_dealer.month_qty_target_sum, val_sale: summary_obj_dealer.month_qty_achieve_sum, |
| | | rate_completion: summary_obj_dealer.month_qty_target_sum ? window.top.toPercent((summary_obj_dealer.month_qty_achieve_sum / summary_obj_dealer.month_qty_target_sum) * 100) : ""}, |
| | | } |
| | | dataobj_.M003.shangcai.amt = clone(M003_sc_amt); |
| | | dataobj_.M003.shangcai.qty = clone(M003_sc_qty); |
| | | // dataobj_.M003.shangcai.amt = clone(M003_sc_amt); |
| | | // dataobj_.M003.shangcai.qty = clone(M003_sc_qty); |
| | | } |
| | | // 植入 |
| | | if (me.dataRequestObj.business_data_summary_zr && me.dataRequestObj.business_data_summary_zr.data) { |
| | |
| | | */ |
| | | var M004_ = { |
| | | Customer: [ |
| | | {type:"first", actor: "直采客商", cnt: channel_qtysum_obj.first ? channel_qtysum_obj.first : 0}, |
| | | {type:"platform", actor: "平台商", cnt: channel_qtysum_obj.platform ? channel_qtysum_obj.platform : 0}, |
| | | {type:"second", actor: "非直采客商", cnt: channel_qtysum_obj.second ? channel_qtysum_obj.second : 0}, |
| | | {type:"distribute", actor: "配送商", cnt: channel_qtysum_obj.distribute ? channel_qtysum_obj.distribute : 0}, |
| | | {type:"first", actor: "储备", cnt: channel_qtysum_obj.first ? channel_qtysum_obj.first : 0}, |
| | | {type:"platform", actor: "预合作", cnt: channel_qtysum_obj.platform ? channel_qtysum_obj.platform : 0}, |
| | | {type:"second", actor: "合作中", cnt: channel_qtysum_obj.second ? channel_qtysum_obj.second : 0}, |
| | | {type:"distribute", actor: "退出/调整", cnt: channel_qtysum_obj.distribute ? channel_qtysum_obj.distribute : 0}, |
| | | ], |
| | | Hospital: [ |
| | | {type:"hospital", actor: "辖区医院", cnt: channel_qtysum_obj.hospital ? channel_qtysum_obj.hospital : 0}, |
| | | // {type:"hospital", actor: "其它医院", cnt: 12}, |
| | | {type:"hospital", actor: "医院", cnt: channel_qtysum_obj.hospital ? channel_qtysum_obj.hospital : 0}, |
| | | {type:"pharmacy", actor: "药店", cnt: 12}, |
| | | ] |
| | | } |
| | | |
| | |
| | | if (this.calendar_month_map[slotData.day].order_open_time && this.calendar_month_map[slotData.day].order_open_time != "00:00") { |
| | | tooltip_ = "关账日【"+ this.calendar_month_map[slotData.day].order_open_time +"】后不允许下单。"; |
| | | }else { |
| | | tooltip_ = "关账日内不允许下单。"; |
| | | tooltip_ = "流向可申诉"; |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | if (this.calendar_month_map[slotData.day] && this.calendar_month_map[slotData.day].is_implant_open) { |
| | | tooltip_ += "【允许植入上报】。"; |
| | | tooltip_ += "【初版流向】"; |
| | | } |
| | | if (this.calendar_month_map[slotData.day] && this.calendar_month_map[slotData.day].is_order_open) { |
| | | tooltip_ += "【允许下单】。"; |
| | | tooltip_ += "【终版流向】"; |
| | | } |
| | | } |
| | | return tooltip_; |
| | | }, |
| | | |
| | | // 快捷入口 |
| | | arriveAddOrder() { |
| | | console.log("Order"); |
| | | |
| | | var me = this; |
| | | var config = { |
| | | totab: true, //true: 以Tab导航的方式打开 |
| | | width: "900px", |
| | | height: "900px", |
| | | icon: "icon-product", |
| | | text: "直销订单信息", |
| | | id: "direct_order_list_info" + "add",//totab: true时需设置,用于判断是否已打开此页面 |
| | | url: "module/order/page/direct_order_list_info.html", |
| | | data: {}, |
| | | delta: {}, |
| | | sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse", |
| | | callback: function(obj, callback) { |
| | | // me.onQuery(); |
| | | if (callback) { |
| | | callback(); |
| | | quickClick(type) { |
| | | if (type == "signatures") { |
| | | window.open("http://esign.highdatas.com") |
| | | } |
| | | else if (type == "highdatas") { |
| | | window.open("http://highdatas.com/") |
| | | } |
| | | }; |
| | | me.doPopupByPublic(config); |
| | | }, |
| | | |
| | | //打开客户主数据或辖区医院列表页 |
| | |
| | | /* border-left: 1px solid #6495ed; */ |
| | | border-right: 1px solid #6495ed; |
| | | border-bottom: 1px solid #6495ed; |
| | | background-color: #6495ed; |
| | | border-radius: 5px; |
| | | cursor: pointer; |
| | | } |
| | |
| | | /* border-left: 1px solid #55aa7f; */ |
| | | border-right: 1px solid #55aa7f; |
| | | border-bottom: 1px solid #55aa7f; |
| | | background-color: #55aa7f; |
| | | border-radius: 5px; |
| | | cursor: pointer; |
| | | } |
| | |
| | | <el-card class="h_card" :body-style="{width: '100%', height: '100%', 'overflow-y': 'auto', position: 'relative'}" shadow="always"> |
| | | <div class="h_card_title"> |
| | | <span>{{module_l.title}}</span> |
| | | |
| | | <el-radio-group style="float: right;" v-if="module_l.code == 'M003'" v-model="target_type" size="mini" @input="targetTypeChange"> |
| | | <el-radio-button label="amt">金额</el-radio-button> |
| | | <el-radio-button label="qty">数量</el-radio-button> |
| | | </el-radio-group> |
| | | </div> |
| | | |
| | | <!-- 我的通知 --> |
| | |
| | | |
| | | <!-- 我的指标 --> |
| | | <div v-else-if="module_l.code == 'M003'" class="h_card_body"> |
| | | <!-- 商采指标 --> |
| | | <el-row > |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | | <span style="border-bottom: 1px solid #0270c1;">推广商</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: center;"> |
| | | <el-col :span="12" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].shangcai[target_type].customer.val_sale ? dataobj[module_l.code].shangcai[target_type].customer.val_sale :'0'}}</span></div> |
| | | <div>预合作</div> |
| | | </el-col> |
| | | <el-col :span="12" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].shangcai[target_type].customer.rate_completion ? dataobj[module_l.code].shangcai[target_type].customer.rate_completion :'0'}}</span></div> |
| | | <div>审批中</div> |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | | <span style="border-bottom: 1px solid #0270c1;">医院推广</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: center;"> |
| | | <el-col :span="12" class="h_card_fontsize_dc" style="border-left: 1px solid #0270c1;"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].shangcai[target_type].terminal.val_sale ? dataobj[module_l.code].shangcai[target_type].terminal.val_sale :'0'}}</span></div> |
| | | <div>本期新增</div> |
| | | </el-col> |
| | | <el-col :span="12" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].shangcai[target_type].terminal.rate_completion ? dataobj[module_l.code].shangcai[target_type].terminal.rate_completion :'0'}}</span></div> |
| | | <div>待确认</div> |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | | <span style="border-bottom: 1px solid #0270c1;">渠道流向</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: center;"> |
| | | <el-col :span="12" class="h_card_fontsize_dc" style="border-left: 1px solid #0270c1;"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].shangcai[target_type].flow.val_sale ? dataobj[module_l.code].shangcai[target_type].flow.val_sale :'0'}}</span></div> |
| | | <div>终端纯销</div> |
| | | </el-col> |
| | | <el-col :span="12" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].shangcai[target_type].flow.rate_completion ? dataobj[module_l.code].shangcai[target_type].flow.rate_completion :'0'}}</span></div> |
| | | <div>申诉流向</div> |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | | |
| | | </el-col> |
| | | </el-row> |
| | | <!-- 商采指标 --> |
| | | <!-- <el-row > |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | |
| | | </div> |
| | | |
| | | </el-col> |
| | | </el-row> |
| | | </el-row> --> |
| | | <!-- 植入指标 --> |
| | | <el-row > |
| | | <!-- <el-row > |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | |
| | | </div> |
| | | |
| | | </el-col> |
| | | </el-row> |
| | | </el-row> --> |
| | | </div> |
| | | |
| | | <!-- 我的客户 --> |
| | | <div v-else-if="module_l.code == 'M004'" class="h_card_body"> |
| | | <el-row > |
| | | <el-col :span="20"> |
| | | <el-col :span="18"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize" > |
| | | <i class="iconfont icon-gongwenbao h_cellclick" style="color: #ff5500;" @click="onOpenMenu('org')"></i> |
| | | <span class="h_cellclick" @click="onOpenMenu('org')">经销商</span> |
| | | <span class="h_cellclick" @click="onOpenMenu('org')">推广商</span> |
| | | </div> |
| | | <div class="h_div_flex"> |
| | | <div v-for="(data_1, key1) in dataobj[module_l.code].Customer" style="display: block;"> |
| | |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-col :span="6"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize" > |
| | | <i class="iconfont icon-yiyuan h_cellclick" style="color: #ff5500;" @click="onOpenMenu('hospital')"></i> |
| | | <span class=" h_cellclick" @click="onOpenMenu('hospital')">医院</span> |
| | | <span class=" h_cellclick" @click="onOpenMenu('hospital')">终端</span> |
| | | </div> |
| | | <div class="h_div_flex" style="border-left: 1px solid #0270c1; justify-content: center;"> |
| | | <div class="h_div_flex" style="border-left: 1px solid #0270c1;"> |
| | | <div v-for="(data_1, key1) in dataobj[module_l.code].Hospital" style="display: block;"> |
| | | <div style="text-align: center;"><span class="h_cnt20_fontsize">{{data_1.cnt}}</span>家</div> |
| | | <div><span class="h_cnt20_fontsize">{{data_1.cnt}}</span>家</div> |
| | | <div>{{data_1.actor}}</div> |
| | | </div> |
| | | </div> |
| | |
| | | <!-- 快捷入口 --> |
| | | <div v-else-if="module_r.code == 'M006'" class="h_card_body"> |
| | | <div class="button-wrap"> |
| | | <!-- <div class="button implanted click_button" @click = ""> |
| | | <div class="button implanted click_button" @click = "quickClick('signatures')"> |
| | | <img class="icon-button" src="implanted.png" alt="cart"> |
| | | <span>协 议</span> |
| | | <span>电子签章</span> |
| | | </div> |
| | | <div class="button order click_button" @click = ""> |
| | | <div class="button order click_button" @click = "quickClick('highdatas')"> |
| | | <img class="icon-button" src="implanted.png" alt="cart"> |
| | | <span>备 案</span> |
| | | <span>关于瀚潮</span> |
| | | </div> |
| | | <div class="button receive click_button" @click = ""> |
| | | <!-- <div class="button receive click_button" @click = ""> |
| | | <img class="icon-button" src="implanted.png" alt="cart"> |
| | | <span>辖 区</span> |
| | | </div> |