前端给所有数据批量加不重复id

这个名字很奇怪,因为是根据需求来的,讲实话,我遇到的这种需求也不常见。下面我来说是具体需求:领导要求我写一个问卷调查的页面,不过没有后台,所有的数据要前端自己写,页面如下:

90%以上都是这种单选题,其他也有一些下拉框、输入框、文本域等题目,本文主要针对这种单选题,我要手动把模块、题目、选项作为数据录入进来,我数了一下85题,这工作量。。。。。。

不管咋样,活安排了,就得干。。。。

首先分析了一下需要的数据结构,这个循环遍历的时候好用,要一个三维数组,结构根部节点的是模块,一共14个模块,接着下面一个节点是题目,最后一个节点是选项。分析完就开始录入数据,因为没有原始数据,只能一个一个复制粘贴,模块和题目都不一样,只能手动写,选项是一样的,只要写一个对象,留着备用就行:

1.按照三维数组的格式录入数据,这个是必须要录入的,因为每条数据都不一样:

// 需求:给所有数据批量加不重复id
      // 数据录入,要按照模板的格式录入
      var numArr = [
        {
          modularTitle: '一、流程设计:目标',
          modularList: [
            {
              title:
                '6.部门负责人能根据业务环境变化,及时进行流程的调整,使流程与实际业务/管理活动不脱节。'
              , radioList: []            }
            ,
            {
              title:
                '7.部门负责人关注所在部门的绩效改善,并在流程设计过程中与其他部门经理积极沟通。'
              , radioList: []            }
            ,
            {
              title:
                '8.设计流程的时候是否跟流程中涉及的其他部门进行充分的沟通协商,共同完成流程设计与优化。'
              , radioList: []            }
            ,
            {
              title:
                '9.流程是以提升业务流程的整体绩效,而非其中的局部绩效为原则进行设计和优化。'
              , radioList: []            }
            ,
            {
              title:
                '10.公司内部的所有流程之间能够保持很好的衔接,不存在重叠和冲突的情况。(不存在两个流程针对同一个事情,也不存在做事情没有流程或作业标准)'
              , radioList: []            }
            ,
            {
              title:
                '11.流程能够有效的用于指导相关IT系统的设计、并始终与IT系统的业务逻辑保持一致。'
              , radioList: []
            }
          ]
        },
        {
         modularTitle: '二、流程设计:关联性',
          modularList: [
            {
              title: '12.作为流程的使用者,你获知流程的输入和输入。'
              , radioList: []
            },
            {
              title: '13.作为流程的使用者,你清楚流程的上下游流程。'
              , radioList: []
            },
            {
              title: '14.作为流程的使用者,你清楚流程的客户。'
              , radioList: []
            },
            {
              title:
                '15.有关联、存在对接的不同流程之间,多个流程责任人在跨流程的整体绩效上达成了共识。'
              , radioList: []
            }
          ]
        },
        {
         modularTitle: '三、流程设计:文件',
          modularList: [
            {
              title: '16.流程文件主要按业务来进行组织和设计,并有流程架构。'
              , radioList: []
            },
            {
              title:
                '17.流程文件明确定义了公司内部执行该流程的各个部门之间的相互联系。'
              , radioList: []            }
            ,
            {
              title:
                '18.流程文件以业务或管理为主线,按照业务逐层细化和分解,进行组织和设计。'
              , radioList: []            }
            ,
            {
              title:
                '19.流程以需求的产生作为起点,以需求的满足作为终点进行设计。(例如:物料采购流程,以物料需求的产生为起点,以物料验收合格入库可用即物料需求的满足为终点)'
              , radioList: []     
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值