| | |
| | | modulelist: [ |
| | | {isshow: "T", code: "M001", title: "我的通知", layout: "left", width: "100%", height: "30%", 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: "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: "M005", title: "工作日历", layout: "right", width: "100%", height: "50%", order_no: 5}, |
| | | {isshow: "T", code: "M006", title: "快捷入口", layout: "right", width: "100%", height: "50%", order_no: 6}, |
| | |
| | | // {createtime: "2023-10-12", code: "D00000010", name: "北京瑞欣康泰科技有限公司"}, |
| | | ], |
| | | M003: { |
| | | shangcai: { |
| | | amt: { |
| | | year: {}, |
| | | quarter: {}, |
| | | month: {}, |
| | | |
| | | // 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}, |
| | | // month: {year:"2023", quarter: "3", month:"7", val_target: 50, val_sale: 40, rate_completion: 80}, |
| | | }, |
| | | qty: { |
| | | year: {}, |
| | | quarter: {}, |
| | | month: {}, |
| | | // 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}, |
| | | // month: {year:"2023", quarter: "3", month:"7", val_target: 50, val_sale: 40, rate_completion: 80}, |
| | | } |
| | | month: { |
| | | // bf_reach: {}, // 拜访达成 |
| | | // tg_reach: {}, // 推广达成 |
| | | // xs_reach: {}, // 销售达成 |
| | | |
| | | bf_reach: {year:"2024", quarter: "3", month:"08", val_target: 220, val_sale: 100, rate_completion: 45}, |
| | | tg_reach: {year:"2024", quarter: "3", month:"08", val_target: 160, val_sale: 120, rate_completion: 75}, |
| | | xs_reach: {year:"2024", quarter: "3", month:"08", val_target: 10000, val_sale: 3000, rate_completion: 30}, |
| | | }, |
| | | year: { |
| | | bf_reach: {year:"2024", quarter: "3", month:"08", val_target: 2000, val_sale: 1600, rate_completion: 80}, |
| | | tg_reach: {year:"2024", quarter: "3", month:"08", val_target: 1800, val_sale: 1200, rate_completion: 67}, |
| | | xs_reach: {year:"2024", quarter: "3", month:"08", val_target: 120000, val_sale: 80000, rate_completion: 67}, |
| | | }, |
| | | zhiru: { |
| | | amt: { |
| | |
| | | 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) { |
| | |
| | | rate_completion: summary_obj_implant.month_qty_target_sum ? window.top.toPercent((summary_obj_implant.month_qty_achieve_sum / summary_obj_implant.month_qty_target_sum) * 100) : ""}, |
| | | } |
| | | |
| | | dataobj_.M003.zhiru.amt = clone(M003_zr_amt); |
| | | dataobj_.M003.zhiru.qty = clone(M003_zr_qty); |
| | | // dataobj_.M003.zhiru.amt = clone(M003_zr_amt); |
| | | // dataobj_.M003.zhiru.qty = clone(M003_zr_qty); |
| | | } |
| | | if (me.dataRequestObj.channel_qtysum) { |
| | | var channel_qtysum_obj = {} |
| | |
| | | */ |
| | | 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}, |
| | | ] |
| | | } |
| | | |
| | |
| | | <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-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> |
| | | </el-radio-group> --> |
| | | </div> |
| | | |
| | | <!-- 我的通知 --> |
| | |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | | <span style="border-bottom: 1px solid #0270c1;">商采指标 {{dataobj[module_l.code].shangcai[target_type].year.year}}年度</span> |
| | | <span style="border-bottom: 1px solid #0270c1;">拜访完成 {{dataobj[module_l.code].month['bf_reach'].year}} - {{dataobj[module_l.code].month['bf_reach'].month}}</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: left;"> |
| | | <el-col :span="15"> |
| | | <div class="h_cnt_div"><span>指标{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].shangcai[target_type].year.val_target ? '0':'0'}}</span> |
| | | </div> |
| | | <div class="h_cnt_div"><span>达成{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].shangcai[target_type].year.val_sale}}</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: center;"> |
| | | <el-col :span="15" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].month['bf_reach'].val_sale}} / {{dataobj[module_l.code].month['bf_reach'].val_target}}</span></div> |
| | | <div>实际拜访次数/计划次数</div> |
| | | </el-col> |
| | | <el-col :span="9" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].shangcai[target_type].year.rate_completion ? '0':'0'}}</span></div> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].month['bf_reach'].rate_completion}}%</span></div> |
| | | <div>达成率</div> |
| | | </el-col> |
| | | </div> |
| | |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | | <span style="border-bottom: 1px solid #0270c1;">商采指标 {{dataobj[module_l.code].shangcai[target_type].year.year}} - {{dataobj[module_l.code].shangcai[target_type].quarter.quarter}}季度</span> |
| | | <span style="border-bottom: 1px solid #0270c1;">推广达成 {{dataobj[module_l.code].month['tg_reach'].year}} - {{dataobj[module_l.code].month['tg_reach'].month}}</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: left;"> |
| | | <el-col :span="15" style="border-left: 1px solid #0270c1;"> |
| | | <div class="h_cnt_div"><span>指标{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].shangcai[target_type].quarter.val_target ? '0':'0'}}</span> |
| | | </div> |
| | | <div class="h_cnt_div"><span>达成{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].shangcai[target_type].quarter.val_sale}}</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: center;"> |
| | | <el-col :span="15" class="h_card_fontsize_dc" style="border-left: 1px solid #0270c1;"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].month['tg_reach'].val_sale}} / {{dataobj[module_l.code].month['tg_reach'].val_target}}</span></div> |
| | | <div>实际推广家数/计划家数</div> |
| | | </el-col> |
| | | <el-col :span="9" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].shangcai[target_type].quarter.rate_completion ? '0':'0'}}</span></div> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].month['tg_reach'].rate_completion}}%</span></div> |
| | | <div>达成率</div> |
| | | </el-col> |
| | | </div> |
| | |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | | <span style="border-bottom: 1px solid #0270c1;">商采指标 {{dataobj[module_l.code].shangcai[target_type].year.year}} - {{dataobj[module_l.code].shangcai[target_type].month.month}}月度</span> |
| | | <span style="border-bottom: 1px solid #0270c1;">销售达成 {{dataobj[module_l.code].month['xs_reach'].year}} - {{dataobj[module_l.code].month['xs_reach'].month}}</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: left;"> |
| | | <el-col :span="15" style="border-left: 1px solid #0270c1;"> |
| | | <div class="h_cnt_div"><span>指标{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].shangcai[target_type].month.val_target ? '0':'0'}}</span> |
| | | </div> |
| | | <div class="h_cnt_div"><span>达成{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].shangcai[target_type].month.val_sale}}</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: center;"> |
| | | <el-col :span="15" class="h_card_fontsize_dc" style="border-left: 1px solid #0270c1;"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].month['xs_reach'].val_sale}} / {{dataobj[module_l.code].month['xs_reach'].val_target}}</span></div> |
| | | <div>实际销量/计划销量</div> |
| | | </el-col> |
| | | <el-col :span="9" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].shangcai[target_type].month.rate_completion ? '0':'0'}}</span></div> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].month['xs_reach'].rate_completion}}%</span></div> |
| | | <div>达成率</div> |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | | |
| | | </el-col> |
| | | </el-row> |
| | | <!-- 植入指标 --> |
| | |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | | <span style="border-bottom: 1px solid #0270c1;">植入指标 {{dataobj[module_l.code].zhiru[target_type].year.year}}年度</span> |
| | | <span style="border-bottom: 1px solid #0270c1;">拜访完成 {{dataobj[module_l.code].year['bf_reach'].year}} YTD</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: left;"> |
| | | <el-col :span="15"> |
| | | <div class="h_cnt_div"><span>指标{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].zhiru[target_type].year.val_target ? '0':'0'}}</span> |
| | | </div> |
| | | <div class="h_cnt_div"><span>达成{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].zhiru[target_type].year.val_sale}}</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: center;"> |
| | | <el-col :span="15" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].year['bf_reach'].val_sale}} / {{dataobj[module_l.code].year['bf_reach'].val_target}}</span></div> |
| | | <div>实际拜访次数/计划次数</div> |
| | | </el-col> |
| | | <el-col :span="9" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].zhiru[target_type].year.rate_completion ? '0':'0'}}</span></div> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].year['bf_reach'].rate_completion}}%</span></div> |
| | | <div>达成率</div> |
| | | </el-col> |
| | | </div> |
| | |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | | <span style="border-bottom: 1px solid #0270c1;">植入指标 {{dataobj[module_l.code].zhiru[target_type].year.year}} - {{dataobj[module_l.code].zhiru[target_type].quarter.quarter}}季度</span> |
| | | <span style="border-bottom: 1px solid #0270c1;">推广达成 {{dataobj[module_l.code].year['tg_reach'].year}} YTD</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: left;"> |
| | | <el-col :span="15" style="border-left: 1px solid #0270c1;"> |
| | | <div class="h_cnt_div"><span>指标{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].zhiru[target_type].quarter.val_target ? '0':'0'}}</span> |
| | | </div> |
| | | <div class="h_cnt_div"><span>达成{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].zhiru[target_type].quarter.val_sale}}</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: center;"> |
| | | <el-col :span="15" class="h_card_fontsize_dc" style="border-left: 1px solid #0270c1;"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].year['tg_reach'].val_sale}} / {{dataobj[module_l.code].year['tg_reach'].val_target}}</span></div> |
| | | <div>实际推广家数/计划家数</div> |
| | | </el-col> |
| | | <el-col :span="9" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].zhiru[target_type].quarter.rate_completion ? '0':'0'}}</span></div> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].year['tg_reach'].rate_completion}}%</span></div> |
| | | <div>达成率</div> |
| | | </el-col> |
| | | </div> |
| | |
| | | <el-col :span="8"> |
| | | <div style="font-size: 14px;"> |
| | | <div class="h_title_fontsize"> |
| | | <span style="border-bottom: 1px solid #0270c1;">植入指标 {{dataobj[module_l.code].zhiru[target_type].year.year}} - {{dataobj[module_l.code].zhiru[target_type].month.month}}月度</span> |
| | | <span style="border-bottom: 1px solid #0270c1;">销售达成 {{dataobj[module_l.code].year['xs_reach'].year}} YTD</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: left;"> |
| | | <el-col :span="15" style="border-left: 1px solid #0270c1;"> |
| | | <div class="h_cnt_div"><span>指标{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].zhiru[target_type].month.val_target ? '0':'0'}}</span> |
| | | </div> |
| | | <div class="h_cnt_div"><span>达成{{target_type == 'amt'? '金额(万元)' : '数量' }}:</span> |
| | | <br /> |
| | | <span class="h_cnt_fontsize"> {{dataobj[module_l.code].zhiru[target_type].month.val_sale}}</span> |
| | | </div> |
| | | <div class="h_card_fontsize" style="text-align: center;"> |
| | | <el-col :span="15" class="h_card_fontsize_dc" style="border-left: 1px solid #0270c1;"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].year['xs_reach'].val_sale}} / {{dataobj[module_l.code].year['xs_reach'].val_target}}</span></div> |
| | | <div>实际销量/计划销量</div> |
| | | </el-col> |
| | | <el-col :span="9" class="h_card_fontsize_dc"> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].zhiru[target_type].month.rate_completion ? '0':'0'}}</span></div> |
| | | <div><span class="h_cnt20_fontsize">{{dataobj[module_l.code].year['xs_reach'].rate_completion}}%</span></div> |
| | | <div>达成率</div> |
| | | </el-col> |
| | | </div> |
| | | </div> |
| | | |
| | | </el-col> |
| | | </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>{{data_1.actor}}</div> |
| | | </div> |
| | | </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> |