questionnaire-front
/
design-list.html

<html>
<head>
  <meta charset="utf-8">
  <title>问卷设计</title>
  <link rel="stylesheet" type="text/css" href="css/wenjuan_ht.css">
  <script src="js/jquery-1.8.0.min.js"></script>
  <link rel="stylesheet" href="layui/css/layui.css">

  <style>
    .input_score{
      font-family: "微软雅黑";
      width: 80px;
      height: 33px;
      line-height: 33px;
      padding-left: 10px;
      border: 1px solid #ccc;
      background: #FFF;
      color: #666;
    }
  </style>
</head>

<body>
<div  style="width: 80%;margin-left: auto;margin-right: auto">
  <div class="layui-text" style="font-weight: 700;font-size:18px;">问卷评价指标填写<span class="layui-icon layui-icon-edit"></span></div>
  <div id="questionnaireDes">
    <p>初始化的内容</p>
  </div>
  <button class="layui-btn layui-btn-info" id="getContent">获取内容</button>
</div>

<div style="width: 80%;margin-left: auto;margin-right: auto">
  <button class="layui-btn layui-btn-warm" id="addClass">添加分类</button>

  <div class="class-field">
<!--    <div class="item-class">-->
<!--      <br>-->
<!--      <div class="layui-inline">-->
<!--        <label class="layui-form-label">分类名称</label>-->
<!--        <div class="layui-input-inline">-->
<!--          <input type="text" name="classname"  autocomplete="off" placeholder="分类名称" class="layui-input">-->
<!--        </div>-->
<!--      </div>-->
<!--      <div class="layui-inline">-->
<!--        <label class="layui-form-label">题目</label>-->
<!--        <div class="layui-input-inline">-->
<!--          <input type="text" name="classquestion"  placeholder="格式为1,2,3,4" autocomplete="off" class="layui-input">-->
<!--        </div>-->
<!--      </div>-->
<!--      <span class="layui-icon layui-icon-delete remove-class"></span>-->

<!--    </div>-->
  </div>

<!--  <div class="choose-title-list">-->

<!--    <label>-->
<!--      <input value="1" type="checkbox" name="">-->
<!--      <span>1</span>-->
<!--    </label>-->
<!--    <label>-->
<!--      <input value="2" type="checkbox">-->
<!--      <span>1</span>-->
<!--    </label>-->
<!--    <label>-->
<!--      <input value="3" type="checkbox">-->
<!--      <span>1</span>-->
<!--    </label>-->
<!--  </div>-->
</div>


<div class=" all_660" style="width: 80%">
  <div id="qidonly" style="display: none"></div>
  <div class="yd_box">


  </div>
  <div class="but">
    <select id="addquerstions" class="addquerstions layui-select" name="">
      <option value="-1">添加问题</option>
      <option value="0">单选</option>
      <option value="1">多选</option>
      <option value="2">填空</option>
      <option value="3">矩阵</option>
    </select>
    <button id="submit-btn" class="layui-btn layui-btn-warm">提交问题</button>
  </div>
  <!--选项卡区域  模板区域---------------------------------------------------------------------------------------------------------------------------------------->
  <div class="xxk_box">
    <div class="xxk_conn hide">
      <!--单选----------------------------------------------------------------------------------------------------------------------------------------->
      <div class="xxk_xzqh_box dxuan ">
        <textarea name="" cols="" rows="" class="input_wenbk btwen_text btwen_text_dx" placeholder="单选题目"></textarea>
        <div class="title_itram">
          <div class="kzjxx_iteam">
            <input name="" type="radio" value="" class="dxk">
            <input name="" type="text" class="input_wenbk" value="" placeholder="选项">
            <input name="" type="text" class="input_score" value="" placeholder="分数">

            <label>
              <input name="" type="checkbox" value="" class="fxk">
              <span>可填空</span>
            </label>
            <a href="javascript:void(0);" class="del_xm">删除</a>
          </div>
        </div>
        <a href="javascript:void(0)" class="zjxx">增加选项</a>
        <!--完成编辑-->
        <div class="bjqxwc_box">
          <a href="javascript:void(0);" class="qxbj_but">取消编辑</a>
          <a href="javascript:void(0);" class="swcbj_but"> 完成编辑</a>
        </div>
      </div>
      <!--多选----------------------------------------------------------------------------------------------------------------------------------------->
      <div class="xxk_xzqh_box duoxuan hide">
        <textarea name="" cols="" rows="" class="input_wenbk btwen_text btwen_text_duox" placeholder="多选题目"></textarea>
        <div class="title_itram">
          <div class="kzjxx_iteam">
            <input name="" type="checkbox" value="" class="dxk">
            <input name="" type="text" class="input_wenbk" value="选项" placeholder="选项">
            <label>
              <input name="" type="checkbox" value="" class="fxk">
              <span>可填空</span></label>
            <a href="javascript:void(0);" class="del_xm">删除</a>
          </div>
        </div>
        <a href="javascript:void(0)" class="zjxx">增加选项</a>
        <!--完成编辑-->
        <div class="bjqxwc_box">
          <a href="javascript:void(0);" class="qxbj_but">取消编辑</a>
          <a href="javascript:void(0);" class="swcbj_but"> 完成编辑</a>
        </div>
      </div>
      <!-- 填空----------------------------------------------------------------------------------------------------------------------------------------->
      <div class="xxk_xzqh_box tktm hide">
        <textarea name="" cols="" rows="" class="input_wenbk btwen_text btwen_text_tk" placeholder="答题区"></textarea>
        <!--完成编辑-->
        <div class="bjqxwc_box">
          <a href="javascript:void(0);" class="qxbj_but">取消编辑</a>
          <a href="javascript:void(0);" class="swcbj_but"> 完成编辑</a>
        </div>
      </div>
      <!-- 矩阵----------------------------------------------------------------------------------------------------------------------------------------->
      <div class="xxk_xzqh_box  hide">
        <div class="line_dl"></div>
        <div class="jztm">
          <textarea name="" cols="" rows="" class="input_wenbk btwen_text" placeholder="题目"></textarea>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>
            <tr valign="top">
              <td width="135">
                <h4 class="ritwenz_xx">左标题</h4>
                <textarea name="" cols="" rows="" class="leftbtwen_text" placeholder="例子：CCTV1，CCTV2，CCTV3"></textarea>
              </td>
              <td>
                <h4 class="ritwenz_xx  ">右侧选项文字 <input type="radio" name="xz" value="0" checked="checked" class="xzqk">单选<input type="radio"  value="1" name="xz" class="xzqk">多选</h4>
                <div class="title_itram">
                  <div class="kzjxx_iteam">
                    <input name="" type="text" class="input_wenbk jzwent_input" value="选项" onblur="if(!this.value)this.value='选项'" onclick="if(this.value&amp;&amp;this.value=='选项' )  this.value=''">
                    <label>
                      <input name="" type="checkbox" value="" class="fxk">
                      <span>可填空</span></label>
                    <a href="javascript:void(0);" class="del_xm">删除</a>
                  </div>
                  <div class="kzjxx_iteam">
                    <input name="" type="text" class="input_wenbk jzwent_input" value="选项" onblur="if(!this.value)this.value='选项'" onclick="if(this.value&amp;&amp;this.value=='选项' )  this.value=''">
                    <label>
                      <input name="" type="checkbox" value="" class="fxk">
                      <span>可填空</span></label>
                    <a href="javascript:void(0);" class="del_xm">删除</a>
                  </div>
                  <div class="kzjxx_iteam">
                    <input name="" type="text" class="input_wenbk jzwent_input" value="选项" onblur="if(!this.value)this.value='选项'" onclick="if(this.value&amp;&amp;this.value=='选项' )  this.value=''">
                    <label>
                      <input name="" type="checkbox" value="" class="fxk">
                      <span>可填空</span></label>
                    <a href="javascript:void(0);" class="del_xm">删除</a>
                  </div>
                </div>
                <a href="javascript:void(0)" class="zjxx" style="margin-left:0;">增加选项</a>
              </td>
            </tr>
            </tbody>
          </table>
          <!--完成编辑-->
          <div class="bjqxwc_box">
            <a href="javascript:void(0);" class="qxbj_but">取消编辑</a>
            <a href="javascript:void(0);" class="swcbj_but"> 完成编辑</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="evl-content" style="display: none"></div>


<script type="text/javascript" src="js/wangEditor.min.js"></script>

<script src="js/index.js"></script>

<script src="js/designpost.js"></script>


<script src="js/common.js"></script>

<script src="layui/layui.js"></script>

</body>


</html>