<template>
  <div style="height:100%">
    <q-card style="width:420px;height:100%" 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  scroll myscroll" style="height:calc(100% - 48px)" 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" style="margin-bottom:20px;">
            <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 scroll myscroll"  style="height:calc(100% - 48px)">
            <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 style="margin-bottom:10px">&nbsp;</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>
  </div>
</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, );
    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>
