Skip to content

C
confucius
Commit dc6f1ec0 authored by Mac's avatar Mac
Browse files
Options

1

parent 77398343
Show whitespace changes
Inline Side-by-side
Showing with 917 additions and 0 deletions
src/components/okr/guide.vue 0 → 100644
View file @ dc6f1ec0
<template>
<q-dialog v-model="dialog" maximized full-height seamless position="right">
<q-card style="margin-top:61px;width:420px" class="no-border-radius classinfo_Dialog">
<q-tabs
v-model="tab"
class="text-primary"
>
<q-tab name="one" label="填写指南" />
<q-tab name="two" label="最佳范例" />
</q-tabs>
<div class="WritingAssistant-tabContent-1nYI5" v-if="tab=='one'">
<div class="WritingGuide-section-1XCZt">
<h3 class="WritingGuide-title-3wBKZ">
如何写出好的 Objective？
</h3>
<div class="WritingGuide-block-3NjvJ">
<span class="WritingGuide-subtitle-6D5zl" >描述目标时要具体且有方向性</span>
<div class="WritingGuide-item-3QnrI">
<svg width="18" height="18" fill="none" class="svgstyle"><path d="M13.725 4.283a.747.747 0 00-1.057 0L9 7.943 5.333 4.275a.747.747 0 10-1.058 1.058L7.943 9l-3.668 3.668a.747.747 0 101.058 1.057L9 10.057l3.668 3.668a.747.747 0 101.057-1.057L10.057 9l3.668-3.667a.752.752 0 000-1.05z" fill="#D83931"></path></svg>
Objective:
<span class="AnnotatedSentence-annotatedWord-3YcNj" >提高英文水平
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px" self="center middle" anchor="top middle">
<span><span style="color: rgb(46, 161, 33)">解析:</span>「提高英文水平」目标描述不够具体,缺少方向性</span>
</q-tooltip>
</span>
</div>
<div class="WritingGuide-item-3QnrI"><svg class="svgstyle" width="18" height="18" fill="none"><path d="M6.75 12.15L4.125 9.525a.738.738 0 00-1.05 0 .738.738 0 000 1.05l3.143 3.143a.747.747 0 001.057 0l7.95-7.943a.738.738 0 000-1.05.738.738 0 00-1.05 0L6.75 12.15z" fill="#2EA121"></path></svg>Objective: 半年后，可以<span class="AnnotatedSentence-annotatedWord-3YcNj" aria-expanded="false">用英文做专业领域的分享
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px;max-width:350px" self="center middle" anchor="top middle">
<span><span style="color: rgb(46, 161, 33)">解析:</span>「用英文做专业领域的分享」描述了提高英文水平的方向和具体要实现的目标</span>
</q-tooltip>
</span></div>
</div>
<div class="WritingGuide-block-3NjvJ">
<span class="WritingGuide-subtitle-6D5zl" >制定目标时要有挑战性</span>
<div class="WritingGuide-item-3QnrI">
<svg class="svgstyle" width="18" height="18" fill="none"><path d="M13.725 4.283a.747.747 0 00-1.057 0L9 7.943 5.333 4.275a.747.747 0 10-1.058 1.058L7.943 9l-3.668 3.668a.747.747 0 101.058 1.057L9 10.057l3.668 3.668a.747.747 0 101.057-1.057L10.057 9l3.668-3.667a.752.752 0 000-1.05z" fill="#D83931"></path></svg>
十年后，可以用英文做专业领域的分享
</div>
<div class="WritingGuide-item-3QnrI"><svg class="svgstyle" width="18" height="18" fill="none"><path d="M6.75 12.15L4.125 9.525a.738.738 0 00-1.05 0 .738.738 0 000 1.05l3.143 3.143a.747.747 0 001.057 0l7.95-7.943a.738.738 0 000-1.05.738.738 0 00-1.05 0L6.75 12.15z" fill="#2EA121"></path></svg>Objective: <span class="AnnotatedSentence-annotatedWord-3YcNj" aria-expanded="false">半年
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px;max-width:350px" self="center middle" anchor="top middle">
<span><span style="color: rgb(46, 161, 33)">解析:</span>「半年」学会用英文做专业领域的分享,目标挑战性更强</span>
</q-tooltip>
</span>
<span>后，可以用英文做专业领域的分享</span>
</div>
</div>
</div>
<div class="WritingGuide-section-1XCZt">
<h3 class="WritingGuide-title-3wBKZ">
如何写出好的 Key Result？
</h3>
<div class="WritingGuide-block-3NjvJ">
<span class="WritingGuide-subtitle-6D5zl" >KR 要能支持目标实现</span>
<div class="WritingGuide-item-3QnrI">半年后，可以用英文做专业领域的分享</div>
<div class="WritingGuide-item-3QnrI">
<svg class="svgstyle" width="18" height="18" fill="none" ><path d="M13.725 4.283a.747.747 0 00-1.057 0L9 7.943 5.333 4.275a.747.747 0 10-1.058 1.058L7.943 9l-3.668 3.668a.747.747 0 101.058 1.057L9 10.057l3.668 3.668a.747.747 0 101.057-1.057L10.057 9l3.668-3.667a.752.752 0 000-1.05z" fill="#D83931"></path></svg>
KR 1：
<span class="AnnotatedSentence-annotatedWord-3YcNj" >学习日常口语
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px" self="center middle" anchor="top middle">
<span><span style="color: rgb(46, 161, 33)">解析:</span>仅靠「学习日常口语」无法支持「用英文做专业领域的分享」目标的实现</span>
</q-tooltip>
</span>
</div>
<div class="WritingGuide-item-3QnrI"><svg class="svgstyle" width="18" height="18" fill="none"><path d="M6.75 12.15L4.125 9.525a.738.738 0 00-1.05 0 .738.738 0 000 1.05l3.143 3.143a.747.747 0 001.057 0l7.95-7.943a.738.738 0 000-1.05.738.738 0 00-1.05 0L6.75 12.15z" fill="#2EA121"></path></svg>KR 1: 在某 App 学习与专业领域相关的口语表达，能口头说明专业概念</div>
</div>
<div class="WritingGuide-block-3NjvJ">
<span class="WritingGuide-subtitle-6D5zl" >定量或定性地描述 KR</span>
<div class="WritingGuide-item-3QnrI">
<svg class="svgstyle" width="18" height="18" fill="none"><path d="M13.725 4.283a.747.747 0 00-1.057 0L9 7.943 5.333 4.275a.747.747 0 10-1.058 1.058L7.943 9l-3.668 3.668a.747.747 0 101.058 1.057L9 10.057l3.668 3.668a.747.747 0 101.057-1.057L10.057 9l3.668-3.667a.752.752 0 000-1.05z" fill="#D83931"></path></svg>
KR 2：
<span class="AnnotatedSentence-annotatedWord-3YcNj" aria-expanded="false">背诵专业词汇
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px;max-width:350px" self="center middle" anchor="top middle">
<span><span style="color: rgb(46, 161, 33)">解析:</span>「背诵专业词汇」只是动作,不是关键结果,也无法衡量它的价值</span>
</q-tooltip>
</span>
</div>
<div class="WritingGuide-item-3QnrI"><svg class="svgstyle" width="18" height="18" fill="none"><path d="M6.75 12.15L4.125 9.525a.738.738 0 00-1.05 0 .738.738 0 000 1.05l3.143 3.143a.747.747 0 001.057 0l7.95-7.943a.738.738 0 000-1.05.738.738 0 00-1.05 0L6.75 12.15z" fill="#2EA121"></path></svg>
KR 2：
<span class="AnnotatedSentence-annotatedWord-3YcNj" aria-expanded="false">能熟练使用 200 个专业领域的词汇和表达
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px;max-width:350px" self="center middle" anchor="top middle">
<span><span style="color: rgb(46, 161, 33)">解析:</span>「能熟练使用200个专业领域的词汇和表达」,此结果对目标有价值且定量可衡量</span>
</q-tooltip>
</span>
</div>
<div class="WritingGuide-item-3QnrI">
<svg class="svgstyle" width="18" height="18" fill="none"><path d="M13.725 4.283a.747.747 0 00-1.057 0L9 7.943 5.333 4.275a.747.747 0 10-1.058 1.058L7.943 9l-3.668 3.668a.747.747 0 101.058 1.057L9 10.057l3.668 3.668a.747.747 0 101.057-1.057L10.057 9l3.668-3.667a.752.752 0 000-1.05z" fill="#D83931"></path></svg>
KR 3：能用英文
<span class="AnnotatedSentence-annotatedWord-3YcNj" aria-expanded="false">制作专业领域 PPT
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px;max-width:350px" self="center middle" anchor="top middle">
<span><span style="color: rgb(46, 161, 33)">解析:</span>「制作专业领域PPT」描述模棱两可,无法进行衡量和判断</span>
</q-tooltip>
</span>
</div>
<div class="WritingGuide-item-3QnrI"><svg class="svgstyle" width="18" height="18" fill="none"><path d="M6.75 12.15L4.125 9.525a.738.738 0 00-1.05 0 .738.738 0 000 1.05l3.143 3.143a.747.747 0 001.057 0l7.95-7.943a.738.738 0 000-1.05.738.738 0 00-1.05 0L6.75 12.15z" fill="#2EA121"></path></svg>
KR 3：能用英文制作专业领域 PPT，
<span class="AnnotatedSentence-annotatedWord-3YcNj" aria-expanded="false">可以准确解释专业概念
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px;max-width:350px" self="center middle" anchor="top middle">
<span><span style="color: rgb(46, 161, 33)">解析:</span>「可以准确解释专业概念」结果清晰,定性可衡量</span>
</q-tooltip>
</span>
</div>
</div>
</div>
<div class="WritingGuide-otherPrinciple-2AhOv" >
<h3 class="WritingGuide-title-3wBKZ">
其他制定原则
</h3>
<ul><li>Objective 和每个 Objective 对应的 Key Result 数量应控制在 3-5 个</li><li>及时与上级、合作方沟通目标，达成一致</li><li>想要了解更多？ <a href="https://bytedance.feishu.cn/docs/doccnNcwoql8HhrXSYZ7phudjMg" target="_blank" rel="noopener noreferrer">OKR 制定常见误区</a></li></ul>
</div>
</div>
<div v-else class="WritingAssistant-tabContent-1nYI5">
<div class="BestCase-tagContainer-1k1dW">
<div v-for="(x,y) in list" :key="y" class="BestCase-tag-206SU" :class="{'BestCase-focused-2aQSy':index == y}" @click="index=y,Selectlist = list[y].list">
{{x.title}}
</div>
</div>
<div v-if="Selectlist.length>0">
<div class="BestCase-object-24od-" v-for="(x,y) in Selectlist" :key="y">
<div class="BestCase-title-2vD62">
<div class="BestCase-flag-1mIPx"></div>
<span v-if="x.type==0">{{x.title}}</span>
<span v-if="x.type==1" class="AnnotatedSentence-annotatedWord-3YcNj">
{{x.title}}
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px" anchor="top middle" self="bottom middle" :offset="[10, 10]">
<span><span style="color: rgb(46, 161, 33)">解析:</span>{{x.tool}}</span>
</q-tooltip>
</span>
<div v-for="(item,index) in x.list" :key="index" class="BestCase-kr-kB1n6">
<span v-if="item.type==0">{{item.content}}</span>
<span v-if="item.type==1">
<span class="AnnotatedSentence-annotatedWord-3YcNj">{{item.content1}}
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px" anchor="top middle" self="bottom middle" :offset="[10, 10]">
<span><span style="color: rgb(46, 161, 33)">解析:</span>{{item.tool}}</span>
</q-tooltip>
</span>
</span>
<span v-if="item.type==2">
<span class="AnnotatedSentence-annotatedWord-3YcNj">{{item.content2}}
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px" anchor="top middle" self="bottom middle" :offset="[10, 10]">
<span><span style="color: rgb(46, 161, 33)">解析:</span>{{item.tool}}</span>
</q-tooltip>
</span>
<span>{{item.content3}}</span>
</span>
<span v-if="item.type==3">
<span>{{item.content2}}</span>
<span class="AnnotatedSentence-annotatedWord-3YcNj">{{item.content3}}
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px" anchor="top middle" self="bottom middle" :offset="[10, 10]">
<span><span style="color: rgb(46, 161, 33)">解析:</span>{{item.tool}}</span>
</q-tooltip>
</span>
<span>{{item.content4}}</span>
</span>
<span v-if="item.type==4">
<span>{{item.content3}}</span>
<span class="AnnotatedSentence-annotatedWord-3YcNj">{{item.content4}}
<q-tooltip content-class="bg-white" max-width="350px" content-style="color:#111;font-size: 14px" anchor="top middle">
<span><span style="color: rgb(46, 161, 33)">解析:</span>{{item.tool}}</span>
</q-tooltip>
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</q-card>
<div class="dialog-out-close" @click="closeSaveForm"
style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
<q-icon name="iconfont icon-jujue1" size="26px" />
</div>
</q-dialog>
</template>
<script>
export default {
name: "guide",
props: {
},
data() {
return {
dialog:true,
tab:'one',
list:[//type 0 没有弹出1 全部 2 前面 3 中间 4后面
{title:'市场',list:[
{title:'保持 XX 品牌领先优势，提升品牌知名度与影响力',type:0,tool:'',list:[
{type:0,content:'品牌策略：重新定义 XX 品牌，差异化表达品牌理念，以专项形式落地品牌策略，产出 10 个宣传素材，总曝光量达到 1 亿',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:4,content:'',
content1:'',
content2:'',
content3:'品牌宣传片：',
content4:'首月完成 1 支混剪出街视频，本次 OKR 周期结束前完成 XX 新品牌的视频拍摄',
tool:'明确关键结果完成时间,防止延期风险'
},
{type:0,content:'渠道合作：共创顶级 IP 合作（博物馆、历史文化、艺术、公益），吸引 10 个 XX 站粉丝量在 10 万以上的品牌账号入驻',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'沉淀创意经验和品牌管理方法论，输出中台支持能力',type:0,tool:'',list:[
{type:0,content:'完成素材中心系统的搭建，本周期内形成至少 1,000 份创意素材',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:1,content:'',
content1:'形成一套高质量的素材撰写方法论，提升整体员工撰写素材的效率和质量，至少缩短素材撰写周期 30%',
content2:'',
content3:'',
content4:'',
tool:'形成方法论的目的是提升撰写效率和质量,逻辑清晰,结果可衡量'
},
]},
{title:'通过在新社交媒体上的线上引流活动，提升活跃粉丝数量',type:0,tool:'',list:[
{type:0,content:'每周至少撰写 10 篇高质量推文，单篇阅读量不低于 10 万，周期内新增粉丝数 5 万 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:3,content:'',
content1:'',
content2:'至少开展 10 场线上转发抽奖活动，单场平均转发量不低于 1 万，',
content3:'参与活动的粉丝占比不低于 30% ',
content4:'@王一 @王二',
tool:'可衡量的关键结果,明确支撑目标「提升活跃粉丝数量」'
},
{type:0,content:'进行推文数据分析，并根据结果调整写作方式，下半月阅读量均值比上半月提升 10% @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]}
]},
{title:'销售',list:[
{title:'赋能销售团队，提升销售团队效率',type:0,tool:'',list:[
{type:4,content:'',
content1:'',
content2:'',
content3:'在 1 月底之前，制定销售技能认证机制，规范不同技能组合的培训内容，形成标准化讲义，',
content4:'最终确保全体销售成员通过认证',
tool:'明确清晰的关键结果'
},
{type:0,content:'丰富销售团队梯度，本周期内入职 3 名高级销售经理',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:4,content:'',
content1:'',
content2:'',
content3:'实施 XX 新流程，',
content4:'缩短正常流程时间至一周以内',
tool:'明确支撑目标中的「提高销售团队效率」'
},
]},
{title:'为销售提供数据分析支持，提供销售决策建议',type:0,tool:'',list:[
{type:4,content:'',
content1:'',
content2:'',
content3:'平台搭建 - 建立销售分析和 BI 商业智能平台，确保数据的完整性和可提取性，',
content4:'缩短业务数据分析时间 20%',
tool:'关键结果可衡量,建立平台的目的是提高业务分析效率,用数据分析时间进行衡量'
},
{type:4,content:'',
content1:'',
content2:'',
content3:'商机库建设 - 完成商机库一期建设，匹配存量客户，',
content4:'关联和打通客户信息',
tool:'有明确的衡量标准,虽然不是量化的数字指标,但关联和打通客户信息」也是清晰的关键结果'
},
{type:0,content:'数据报告 - 活动指标、渠道指标和结果指标自动生成摘要报告，并发送给销售人员，节省销售人工填写报告时间 1 小时',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'深耕北区市场，销售额达到 1,000 万美金，达成公司第一季度销售额目标',type:0,tool:'',list:[
{type:0,content:'第 1 季度参加 3 次北区行业活动，收获有效线索 30 条以上，保证线索转化率不低于 20%',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'优化信息同步机制，及时梳理销售线索和团队资源，确保信息同步不隔天',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'至少 60% 的销售团队完成配额',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'加大组合销售策略的推广力度，确保 40% 以上的营业额来自于预定销售和套餐销售',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]}
]},
{title:'人力',list:[
{title:'完成团队规模和结构升级，本月招聘计划完成率提升至 80% 以上',type:1,tool:'目标的方向和目的明确,且3条关键结果对目标的支撑逻辑清晰',list:[
{type:0,content:'本月至少完成 3 条新招聘渠道的扩展，各渠道每月推送人才线索量应不低于 1,000 @王一',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'完成公司紧缺人才的招募，本月招聘完成率不低于 90% @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'满足 XX 业务发展要求，提升 XX 部门的员工占比至 20% @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'优化高管团队的薪酬方案，提高薪酬方案的激励性',type:0,tool:'',list:[
{type:3,content:'',
content1:'',
content2:'完成对高管团队的薪酬满意度调研，覆盖率需达到 95%，基于调研结果制定一套薪酬方案优化建议书，',
content3:'获得董事会批准通过 ',
content4:'@王一',
tool:'「获得董事会批准通过」也是明确清晰的关键结果'
},
{type:0,content:'对标同行业最佳实践，完成股权激励方案的设计，并获董事会批准通过 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'推广实施新的薪酬方案，落地 2 个月后进行第二次薪酬满意度调研，满意度不低于 90%，并基于调研结果提出至少 5 条被董事会采纳的可行性改进建议',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'优化现有培训知识体系和平台，形成「全员学习」的公司文化',type:0,tool:'',list:[
{type:3,content:'',
content1:'',
content2:'搭建线上培训平台并推广落地，',
content3:'本月内',
content4:'高层试点覆盖率不低于 95%，全员覆盖率不低于 60%',
tool:'明确关键结果的完成时间,防止延期风险'
},
{type:4,content:'',
content1:'',
content2:'',
content3:'扩充现有培训知识库，每月需至少产出 10 套精品课程，',
content4:'课程内容满意度不低于 90%',
tool:'可衡量的关键结果'
},
{type:0,content:'优化现有的培训考核体系，倡导「全员学习」的理念，3 个月内全员平均培训参与度和各类考试平均分值通过率不低于 80%',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
]},
{title:'研发',list:[
{title:'为 XX 业务提供高效稳定的系统支持',type:0,tool:'',list:[
{type:0,content:'优化 XX 算法，缩短系统对客户需求的响应时间至 0.1 秒，同时维持 Bug 率不变 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:3,content:'',
content1:'',
content2:'XX 方案平稳落地，',
content3:'Bug 率控制在 3% 之内，系统无重大事故',
content4:'@王一 @王二',
tool:'可衡量的关键结果'
},
{type:0,content:'新建 XX 评估方案与 XX 模型，实现「系统稳定性」的可量化统计分析',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'打造完善的企业数据中台，实现所有产品数据的可积累、可溯源',type:1,tool:'目标的方向和目的明确,且3条关键结果对目标的支撑逻辑清晰',list:[
{type:0,content:'完成数据中台框架设计与方案设计，获得高管层、业务端一致通过 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'完成数据中台初代版本的模型搭建，稳定性保持在 99.9% 以上，无重大事故 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'初代版本达成后实现主营业务各环节数据 100% 可溯源、可统计',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'为即将开始的 XX 业务储备好充分的研发人才',type:0,tool:'',list:[
{type:0,content:'招聘测试工程师 10 人（满足 XX 要求），提升团队 XX 能力',
content1:'',
content2:'，',
content3:'',
content4:'',
tool:''
},
{type:2,content:'',
content1:'',
content2:'从一线大厂招聘有相似业务经历的 Leader 1 人',
content3:'，带来成熟的业务经验',
content4:'',
tool:'关键结果衡量标准清晰明确'
},
{type:0,content:'新业务组全员进行 XX 课程培训并全部通过测试（60 分），确保 XX 能力达标 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
]},
{title:'产品',list:[
{title:'进军 XX 赛道，完成赛道内初代产品设计',type:0,tool:'',list:[
{type:0,content:'通过调研用户圈层，提炼用户核心需求，输出相关统计结果',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:4,content:'',
content1:'',
content2:'',
content3:'根据调研结果，确定产品 XX 发展方向，并输出产品方案，',
content4:'获得各团队认可',
tool:'「获得各团队认可」也是明确的衡量方式'
},
{type:3,content:'',
content1:'',
content2:'进行灰度测试并优化产品，',
content3:'在周期内提升测试用户满意度至 90% ',
content4:'@王一 @王二',
tool:'明确关键结果的衡量指标及实现周期'
},
]},
{title:'完成产品基础能力优化，提升用户满意度',type:0,tool:'',list:[
{type:4,content:'调整 XX 体系，优化 XX 功能，用户满意度从 85% 提升至 90% @王一',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:3,content:'',
content1:'',
content2:'引入 XX 系统，强化产品 XX 能力，',
content3:'打通与业务团队 XX 的数据',
content4:'@王一',
tool:'「打通与业务团队ⅩX的数据」也是明确清晰的衡量方式'
},
{type:0,content:'完成产品需求的排期，明确当前所有需求的实现顺序，保证 P0 需求如期完成',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'优化 XX 产品的重点功能和体验，充分满足商业化要求',type:0,tool:'',list:[
{type:2,content:'',
content1:'',
content2:'X 月 X 日前完成 ',
content3:'XX 功能，满足 XX 应用商店上架标准 @王一',
content4:'',
tool:'明确关键结果的完成时间,防止延期风险'
},
{type:0,content:'在本次 OKR 周期前，打通 Y 产品的账户，支持免注册登录，免注册用户占比达到 20% @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'上架 1 个月内完成 2 个关键功能的 A/B 测试，提升平均页面留存率至 20% @王一',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
]},
{title:'财务',list:[
{title:'建立规范的预算管理体系，提升预算监控能力',type:1,tool:'目标的目的明确,3条关键结果对目标的支撑逻辑清晰',list:[
{type:3,content:'',
content1:'',
content2:'完成公司整体预算项目的梳理，',
content3:'明确预算项目和核算项目之间的映射关系，搭建一套完整、清晰的预实对比和分析体系（例如：明确分析周期、维度等）',
content4:'@王一 @王二',
tool:'关键结果的产出明确'
},
{type:0,content:'新版财务日报上线，展示科目和维度需进一步细化（依 XX 会议商定标准），数据更新周期缩短至 T+8 小时 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'预算监控功能上线，各部门覆盖率达到 100%，月均预警次数不低于 5 次 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'优化费用管控体系，提升业务部门差旅满意度',type:0,tool:'',list:[
{type:3,content:'',
content1:'',
content2:'完成同业最佳实践调研和公司内部满意度调研报告，',
content3:'首月末前',
content4:'提出针对管控优化方案的 5 点建议',
tool:'关键结果完成时间明确,防止延期风险'
},
{type:3,content:'',
content1:'',
content2:'基于优化方案建议，设计一套费用管控优化方案并推广实施，',
content3:'获得不同业务部门的认可',
content4:'@王一 @王二',
tool:'关键结果「获得不同业务部门的认可」清晰明确'
},
{type:0,content:'上线商旅系统，优化报销体验，缩短报销流程和时长至少 50%，业务部门差旅满意度提升 50% @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'搭建财务共享服务中心，实现财务团队的降本、增效、转型求',type:0,tool:'',list:[
{type:0,content:'引入咨询公司和技术公司，设计财务共享服务方案与平台，方案中需明确节省的人员成本和运转效率的提升程度 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'落地财务共享服务方案，完成财务人员的集中管理，至少覆盖集团下属 80% 以上的子公司',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'完成 SSC 人员的职能专业化分工，效率提升比例不低于 50%（总工时统计）；以及本地财务人员的释放和业务转型，释放和转型比例不低于 30%',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
]},
{title:'运营',list:[
{title:'结合目标用户群体核心需求，提出对当前产品的优化建议，提升用户使用粘性',type:1,tool:'「提岀增强用户粘性的5个优化建议」,「平均用户在线时长提升」和「用户流失率下降」明确支撑目标中的「提升用户使用粘性」',list:[
{type:0,content:'梳理现有产品功能使用情况，完成用户调研报告，明确用户群体核心需求，提出增强用户粘性的 5 个优化建议 @王一',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'优化现有 XX 标签体系，推送精准率提高至 40%，平均用户在线时长提升 20% @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'协同产品部门完成相关功能上线，日活跃用户规模达到 500 万水平，用户流失率下降 10%',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'实现 XX 产品用户量与用户活跃度的提升，为营收增长提供保障',type:0,tool:'',list:[
{type:3,content:'',
content1:'',
content2:'改进 XX 产品客户评分最低的 3 项功能，',
content3:'减少负反馈比例至 10%，客户留存率提升至 60% ',
content4:'@王一 @王二',
tool:'关键结果明确清晰,可衡量'
},
{type:0,content:'上线 XX 活动，鼓励老用户回归，活跃客户数达到 500 万 @王一',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'上线拉新相关的 XX 活动，吸引潜在消费者，新增注册客户数达 10 万 @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'优化 XX 产品的奖励回馈机制，使得用户在产品界面的停留时长上升 10% @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
{title:'提升 XX 产品的市场知名度',type:0,tool:'',list:[
{type:0,content:'与 XX 渠道达成新的合作关系，粉丝数量提升 10% @王一 @王二',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'发布 10 篇阅读量 5w+ 的高质量公关文章，话题讨论参与人数达 100 万 @王一',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
{type:0,content:'通过联动等活动，提升微博、微信、头条号等主流媒体的话题活跃度 20% @王一',
content1:'',
content2:'',
content3:'',
content4:'',
tool:''
},
]},
]},
],
Selectlist:[],
index:0,
}
},
created() {
this.Selectlist = this.list[0].list
},
methods: {
closeSaveForm() {
this.$emit('close')
this.dialog = false
},
}
}
</script>
<style scoped>
*{
margin: 0;
padding: 0;
}
a {
color: #3370ff;
}
.WritingAssistant-tabContent-1nYI5{
padding: 24px 24px 0;
height: calc(100% - 120px);
overflow-y: auto;
position: relative;
}
.WritingGuide-section-1XCZt{
margin-bottom: 32px;
}
.svgstyle{
margin-right: 5px;
padding-top: 2px;
}
h3 {
font-size: 16px;
line-height: 24px;
color: #1f2329;
font-weight: 500;
}
h4 {
font-size: 14px;
}
.WritingGuide-title-3wBKZ{
color: #1f2329;
margin-bottom: 12px;
}
.WritingGuide-block-3NjvJ{
margin-bottom: 12px;
}
.WritingGuide-subtitle-6D5zl {
margin-bottom: 12px;
line-height: 22px;
color: #1f2329;
font-size: 14px;
font-weight: 500;
}
.WritingGuide-block-3NjvJ {
background-color: #f5f6f7;
border-radius: 4px;
padding: 16px;
}
.AnnotatedSentence-annotatedWord-3YcNj {
/*padding-bottom: 2px;*/
/*padding-top: 3px;*/
border-bottom: 1px dashed #8f959e;
cursor: pointer;
}
.AnnotatedSentence-annotatedWord-3YcNj:hover{
color: #3370ff;
border-bottom: 1px dashed #3370ff;
}
.discenter{
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
line-height: 22px;
}
.WritingGuide-item-3QnrI:not(:last-child) {
margin-bottom: 8px;
margin-top: 12px;
}
.WritingGuide-item-3QnrI {
color: #646a73;
line-height: 22px;
position: relative;
/*display: flex;*/
/*flex-direction: row;*/
/*align-items: flex-start;*/
/*flex-wrap: wrap;*/
}
.WritingGuide-otherPrinciple-2AhOv li {
position: relative;
list-style: none;
padding-left: 14px;
font-size: 14px;
line-height: 22px;
word-break: break-word;
}
.WritingGuide-otherPrinciple-2AhOv li:before {
content: " ";
display: block;
position: absolute;
left: 2px;
top: 9px;
width: 4px;
height: 4px;
border-radius: 2px;
background-color: #8f959e;
}
.BestCase-tagContainer-1k1dW {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
margin-bottom: 12px;
}
.BestCase-tag-206SU {
border-radius: 20px;
padding: 1px 8px;
background-color: rgba(31,35,41,.08);
color: #373c43;
font-size: 14px;
line-height: 22px;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.BestCase-focused-2aQSy {
background-color: #3370ff;
color: #fff;
}
.BestCase-object-24od- {
background-color: #f5f6f7;
border-radius: 8px;
padding: 16px 24px 16px 46px;
position: relative;
}
.BestCase-title-2vD62 {
color: #1f2329;
font-size: 16px;
line-height: 24px;
}
.BestCase-flag-1mIPx {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAARm0lEQVR4Ab1bXawd11Ve+/jGoa2vcWhsKVLlFgmSqo0qoLUQWOQB0ScgIItWKJWq1EWRAlJohFInvGBUkSqpKpvyUBQJk0QiQkFEIS8gQh2a1kDVBgFKAk4p/VERTezKIa5c1773DN/PWrPn3Osb/8SX7Xtm771+v7X22nNm5oxbbHK778iwc2WIW/B5d4v5TUO0G4fVuH6YxXIbYhnzmM+H04Bxeog4GcPw0tBmx8F7oV0bz/7R/nZiMyG2zTB+78PDe1dW57chuPcPw3DzwCjR0Af+1DTOiTodmvjQkWy0NgzzeB6zp2ez2WOf/c32XKpfte6qJeDjfzUsY/3umMd8P2J5FyNRTIA6n3e8DByBIUAH6XkmJ3UISnTkjeKSpdowexH0IzveEg89+NHGqnnD7Q0n4OCfDjvOxPxjgHcXSvk6AwYuDtDm7OGFATmo3pNRwS2MKSvtksU2kQESYazFqWHePrNtexw+/JH2aopeUXfFCQDwduCRuB3IHpgP850CBggKOKEsBJ3BkrVIryDJyUA5TPkxaaN+rx5U0gnsrgNH7oqHG7aL1C7zcEUJOPDosHuYD4/hs3cEmO7ZraOBuI4+2QbaEmPmKgkOVImA9mhzkggaZWXM2uzYUovbHvrt9q3LjB/WLrPd9/Cwd3UYnkAF7OqgGLUDZ6BsI490k5LWy94ymEtisrKTINdukbEySgaJlO9or8DNvkfubsfS3SV1s0uSSqF7Hxn2rw7zowy+9BiEPiA4EHMYdH1IqYRwxZwQ554BKgDSzZAB63ZZySHork8xJA2VoyQBE85BRz98aNgvA5d4uKQKePzxYcs/n5l/CmfzuwtjgU38cqex40n3ADwpbQFNjvV7NXhlmageNEXX608Sl1WQ37JKoPANw6Fbd8/u+eAH22q627C7aAIc/PDE6ny4VR60d/uKVgLs2H4IyCu2Xq6XMGSZLClqmGND4kqXbPUWraRdIBFSAR09/p76ld1t38WScNEt4JVH8GwbBC+e0SmIiwYvWQaSgTNhMoI5iOuCB8/8rkNxVcvEhhNFuj63PvmN+FSa3bB73Qrgnp/P53/CfSbj6bSPbVeLhSHFaLCqnlqSTUYCE1U8HHq1eGUp7wSQl/pyYL59TRPGYCHJxZGfkssK2dI++ue/047I1AUOGyaAZ3sAOYo9uNVArD0Gl0R2AoWBSQagwEEhr0DTglZt3CIMxIqSkwvqayB7tcoMUKJgjkkbaWTRVwYtRxKnrXNLrf38n338wt8OF0yAvudXhy8P8znO9gRJ4DYo2wWQNI6JbS0tdcTLgKcysguC1SZJI61s0RkNoDHxWum01XFRmAD0Jxmrd5u4SHpl6zz2PHrv+uuEdecAOGnDKi5y+FXHsoL5AkQg1ewkZ3SenwU+9UkX+uI4oFE/B9bnBHyJ8GD92hJlIQUccRLnQGqc1nNmjR8n8F1nWzAmWe52ItYlgJe3AKwrPGfd4hVg3dhwXnFVMJIhaKhYPkFlIsiYrqLlk1bJLl0FxAqhNSZi2luHNMYklvxauts1DkaAc9neDzyIS/c1bSEjurHh/XgMO23UBiog6mrMuztqYlL7cZSnENoICoOpPhX7ihq8+TxOA5UZ2ZnySbW+oZffotWcOsbnnovVop3Y9qa48eG7+w3UQgWcxV1dBU9D/oAiazWHQfgmzRXiAOlPDAVRsta1voOdAvUKUpYOai2chCnPbNAhtagPXdFwGPUnvkGVHXJhHttk5/fOBO5ceyuvwfv54bvDN1Eq141n3JSrsud0BIMBx56XU/SQoVHSb/iRFj99U8Tbro/Y8WZ8tkVcsyXi1PcivvadiOf+c4h/+0bE6ryChqKak8Uh7TkIQ5U/0YpOqYl8AhrlUpZSshXt1HVb4u1HDvh5whIZaqfiDjhS8FKmNBpXmRGRNhoVkVyFmnSPSaXcgV9r8fZdBk3atO3aEcHPz7yzxenvD/Gl4xFffLHFN3k7g1ar5sA6APnX+YRVB9tcVrL5YafeyUhS0swzbbju1ZV2B8Q/TZ0xAfi+309CBVlBk2YHPUCRZM3lbx0SvJLkbxQ8edO2/KYWv/AToc+3cHf/la8OqI4Wr52JuPaaiG3g70YF/dgNLd66PeJv8FDsc/8KPwKVwTozMru2WioR5ZOiKDjGqgRoifgM7/zK/CsUokIlYdqvo9dKkMHxpCq4T//4txZOLzR9VdrK6hC3Hx60bQiW7tlG9xznSRrPE7kmiqdiKdnZUnvfk/e154SSDzDJoFAJTvtyQhlZxFGZFiNXnUkAvU5SlNyMtrSlxVY8/ajg6XMBa4IVLYMvHJJlRthWQzFrC8zx9JYWq6zITzu9T4IDpAQNQSO9S7uUyN7ERpd05Z4TJ99YMsCJDKEkTOGlLooDMeNCiM/t0d/MCYOiYC8nz63sseVokGbsjCOPS98UkTfpUAEx+N7gHxPinyLQGGJTGmRu/sD9w84l/miB/esniqMEA+FkJIyZc5JcK8xWAekVgMuNjmhTRoVqipA4hAXOiaAqteNLPqOSgaGdPd9umfEXG6FMqzbkyahM4xJyYkz3apOuq0Hxabzu55OwSZ38FkBhwIGrLKxGq2Ou/Ii5ZJmkFu/G6WR+U5U8e65e2bWZrAYZn6x4CUGjtsNiD0Ob2BYCmpzt6ZK8Ed6Ij7SsXMioQoZ20wyrdyMDLQVdYNCKUtGVfCPF9IAmo9lnbZTxSpoEN+swDdAOjV9jYyR8TmsrGEoSO64bl/hDZQmTrkBkKFeb9qbf+SnDBFXQGstd0qZAaPQqN1UscLHnwhEiG93yekTuOa5BYU2Crw9Q+xHXL0FmmRpdmKZsrAc+WgKH7roTeQPJ+pTD5Mp+pIHuZTS6Slga4pDTiREsCKkAJxlxOg3xLS8B73IFr14XNFCQtewnV3o25ZWWbRqlcFZJTeVrEw90KYjpvvzyG4CV6bnRclGmtMl8GVeCZDqGUpK2Di6uKnWb7V8xDFr6o4NyZL1u5+qOVPppss5Z2hag1Z4XVuEDcUwIlYzRseBCCDdBfDEhWwYEgpPiCrC+E2UHlbTi00IFXUkom5vUJ0YCzfgSQ2FjDIlPEIzPleAx7hlO81KYv7O/lSHUSlcoCooTGlLBYUJvEnCgRS9nkEbrFkg/8VrEV/874rXvW33XD+MFgt0Rb762y1nvUo/wzX9MQqpwzJn7smP7Dpoa1rOkeKd5EjwJpXcYtM11w2XQwdp6Bq5LUBgZPdqZjIPGkjz5v6HgH/9CxH99J23luWI2a/Gz7xziF/dE7N7ZdQv6Rv2ZHwzxg/PJZYlP/DNENh5NXsRvfsZCmdZOLkHyJQi/z2qdyYT0VaVJzMsBps4qtRZ1aosc/3bE2QRqMA6SY15T8Lb22RdafP75iPe8Yx6/tKfFe35040TgyW78039E/OU/RJzHL34VICHxOigJ1RkvhIicKHW+Guf+CgXjpSW+kEQB388znH6SsxMH3gOWuTRIv9DBStSPmKWP62wLZkyVGAKqlUh0eCzW4l++zkoY8JQo4sdviNiOR2h8dPYyqujlUxH/iOBffpXB0CeXI3FhLp9lLCtMcjxQjoE7GFFKH5PjS3wbS+BS0YK1qqkstaJhAgAKRJZIB23Up/BkJclTKzlOnBzZ4DRl+EiMH9orNdmmyEijbaaQQVGZPA4KHzkiTmgcFr/bhsoLS3wVLc7ibSzUZRmUPg9yw76Ue3WQKnp+/3grmCZWgcOEwxEk5CnL5qDAxZaYyphZepotBGvT1Mkk0ESNJW68pOlvDD7pIJN0zQ/FszO+hwcg2IkERYH6Lu3zEbwyVHQIZquApA+ay724wCBR2AapZE0jwcmwtGWY0249xxBboNHAGl1GxWa8HNmeATA2Wij88fxf/247oUdiWPqnySwB7S/NaYTNygVAsml8gSYHlLbj4tECWbbvsWik10d8UlM/5zI5GUueB7RaddOMXwlGIpTEjIE0x2ffieNp2vCTS7yEmDYlOJ6w5H0aDA0ZtACMDkgbMysZ8qsJoCbdVoGeytCE7RuNjqRBSFAWEmss1qdvNwcKDdY4SewTJ0/W1bbM4jGOlQC+gZkvIYJkw1LCzM55LEMYc8/auul1HjAROmKC55YZd3Alk/rs6oeXZKUcGGSOvjCEQMn0bebzkleZ/jp+61PPdOrk4r74t5/wW6euAPrBG5jyR1kYqU85lQ3RIQtuJYjSY3LKOfrzK+bQ+fkVgPIUil5SgwIxGZprnKtksTXnkySWLfmDEv9Gg8Wkz/UnbXLbLI6U1JgAvn7a2uyUA879JKPY0Sojn9xqPznoosFcnpBK/9i/R5zDhdDX/ifi298lnyDVaX8Cm/osHuEBW9cT3r+WF0OBck4J9LrycXDWd9IqYOs7hr6Q1KN+O/WW5XhIhjirAfvf+MPVgzDyeyphlh5oBi3FBOASo/yUp9KqJIgJPmVSTiRO0DKO1O80sXFIMfCJwQTSrEf/llhLM7X4U5y0Yvqstd8/en87aK91EszZtu2zw7g+5teiHGs1CSCVe08wzrBAyjMc6J+BkiQ74lmebhK7eSSgTWn2Ubr0gXFWgGVp0MF1PdMElfL6FL6SR4/Y5lvjMO1UG7cACXzxGMoH7IDFgQ9XYTRKqX7S4Rm2mlfFsqTR7dik33kq0WQyODaXsrcU59Iv+xmpO9phqtkS4wRT4RCPWxe8woL/o3Dg7w/2dwPKgkzVAQbaRw4PX0C/l0bsDI7w50TQHOnWYFdjUizDAErOPXkKElNSeFDP4Ti2XfukkHkeJRYpYcx/NcbAttbqW4f6OI8dO/oH8XPoLWqj61+RocDWWcPvZjP/WK1VKGcylaoER7rtsfMn7fN8oGGBspq5DMDyVQ2lW/Ys7RUeebma0s1FsLx9dTzUq0b/7ZUtW+O2tcFTYmELlIreum6xD+VzrjtAsFmnckRhJacCdUBVHQZZNPcMhM02MagSF9VJEV8yliv/lQTbhyESVOIYUj7H4oNiefHO4dHDvr87uP4NMfq6YALI0FvXLe7sJ6DpajCr3Qm/AeiQbUyOxglOHB8EDEOtfE6mY9mRLfoofQwyWemm66sS6J8c4/JXshOK4O985pMXfkeQiDZMAJmP3t2OoGwO0bSCRM8x3OHYVx4ySSd5ApxiaMTmIPuc9wvi4bBw7zCupH05KOjDQCWHvfUzYMxIE1/65TgOPXP/xm+J0v/rJoACv/y2uAfOniogpHHMiOlGn/JH2mQssZxTi8M66zOJXZacCsLpXVhRKk+SbDv01fWURMxHGl6W3vVTcQ9VX69dNAF82/rW3bEPlg/RkH55gV+BYC+n7PtYDjUvunsqjfq6yOmVMbXTv3qpwL/pSk8SB7or0zRhAA25OrTrJ2PfX1yN1+Wn2fv1Tw/7h5X4LCBtpTO2sc8xyUUrfoqaroBKBoE5QgeZCqXfA4f8QhKoD0OsCgm7ejA9BxN3Xqzs6aaaN2LNLqH/0IPD3vNDPAHPu6bBEkdiwaDfhIgGu2tl6WotjXNtLxzrGaNtOlDbmgQNuUkCXuHZ/vVOeLS+tl10C6xV4FvXALIH2UdvyJTRiKcGDLSqUxrHKcBOQ60oJmp9HWhTdnPP1ypTnyfbaSv/IB/D4609lxs8bS1anFq/yBjOm969nccDWK2dtOQg3deYLnSjBHukOfgu2/mTlYWg5HQoffD5L2kc8L5lhsvbz33i//m/zU1zc/uhYQdfP11tcRcizRctHYACroiVgAxyTJbnkhuNJi0rpFaZiaIpz9spmPjMdtzYPLnm2n40c4mDK66Atfb3PzAsv7oSd+D3jv0A+S7yvVoc9UBHOuq2LqD0Fab1vYAcdEediBf5MIP380/lq65ivoHDVUvAFMOvfnJ4L9/Dw7XL+/Hs4mZEqjsQJ8RBKigcpjQXS/HZs8rxn6eHeHqOZ3jP5GOsqa83Ot6UBExB8VU0/ER2C19IwpMcvDodfCXneoyXsbjLlOWvtAj0NPqT6F8C7/iwJV7gc3s+up7au9rj/wOW+J7U3yeL4AAAAABJRU5ErkJggg==);
background-size: cover;
width: 24px;
height: 24px;
position: absolute;
left: 12px;
}
.BestCase-kr-kB1n6 {
margin-top: 14px;
padding-left: 18px;
color: #646a73;
font-size: 14px;
line-height: 22px;
position: relative;
}
.BestCase-kr-kB1n6:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #3370ff;
top: 8px;
left: 0;
}
.BestCase-object-24od-+.BestCase-object-24od- {
margin-top: 16px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment