程序博客网 > 淘宝键盘

task_Edit

来源：互联网 发布：淘宝键盘 编辑：程序博客网 时间：2024/06/08 10:59
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/taskEdit.css">
    <script src="../js/jquery-2.1.3.min.js"></script> 
<script src="../js/vue_2.1.8_vue.min.js"></script>
<script src="../js/vue-resource.js"></script>


</head>
<body>
<div id="csTaskEdit">
<div class="place">
   <span>位置：</span>
   <ul class="placeul">
       <li><a href="#">首页</a></li>
       <li><a href="#">分析评估</a></li>
       <li><a href="#">任务编写</a></li>
   </ul>
</div>
<div class="formbody">

   <div class="formtitle"><span>测试任务编辑</span></div>

   <ul class="forminfo">
       <li><label><span>*&nbsp;</span>测试任务名称：</label><input name="" type="text" class="scinput" v-model="taskName" /></li>
       <li><label>创建者：</label><input name="" type="text" v-model="taskCreator" class="scinput" /></li>
       <li><label>任务描述：</label><textarea v-model="taskDescribe" class="textinput"></textarea></li>
       <li class="proSystem">
        <div> 
        <label><span>*&nbsp;</span>所属项目：</label>
               <select name=""  class="scinput" v-model="toProject"  @change="proClick()">
        <option   v-for="item in dataFromEnd" v-bind:value="item.proName">
                           <!--{% verbatim myblock %}-->
                               {{item.proName}}
                           <!--{% endverbatim myblock %}-->
                      </option> 
       </select>
        </div>
        <div> 
       <label><span>*&nbsp;</span>所属系统：</label>
       <select name=""  class="scinput" v-model="toSystem"> 
                       <option   v-for="item in sysData" v-bind:value="item">{{item}}</option> 
           </select>
       </div> 
         
       </li> 
   </ul>
</div>

<div class="vme">
<label><span>&nbsp;&nbsp;*&nbsp;</span>执行内容：</label> 
   <table cellpadding="0" cellspacing="0" id="optionContainer" class="tabA" >
       <thead>
           <tr id="option0">
               <th width="40%"><span>&nbsp;&nbsp;*&nbsp;</span>选择测试项</th>
               <th width="20%"><span>&nbsp;&nbsp;*&nbsp;</span>执行优先级</th>
               <th width="15%"><span>&nbsp;&nbsp;*&nbsp;</span>执行次数</th>
               <th width="15%"><span>&nbsp;&nbsp;*&nbsp;</span>通道选择</th> 
               <th width="10%">删除</th>
           </tr>
       </thead>
       <tbody>
        <tr>
           <td>
               <select name="选择测试项" id="option"+index   class="dfinput"  v-for="(item,index) in caseFiles">
                   <option value="">{{item}}</option>  
               </select> 
           </td>
           <td>
               <select name="执行优先级" class="dfinput1">
                   <option value="">1</option>
                   <option value="">2</option>
                   <option value="">3</option>
                   <option value="">4</option>
                   <option value="">5</option>
               </select>
           </td>
           <td>
               <select name="执行次数" class="dfinput2">
                   <option value="">1</option>
                   <option value="">2</option>
                   <option value="">3</option>
                   <option value="">4</option>
                   <option value="">5</option>
               </select>
           </td>
           <td>
               <select name="通道选择"  class="dfinput2">
                   <option value="">#RS421</option>
                   <option value="">#RS422</option>
                   <option value="">#RS423</option> 
               </select>
           </td>
           <td @click=delRow(index)>
            <img src="../images/close1.png" />
           </td>
        </tr>
       
        <!--'<tr> <td> <select name="选择测试项" id="option"'+index   class="dfinput"  v-for="(item,index) in caseFiles"> <option value="">{{item}}</option>  </select> </td> <td> <select name="执行优先级" class="dfinput1"> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> </select> </td> <td> <select name="执行次数" class="dfinput2"> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> </select> </td> <td> <select name="通道选择"  class="dfinput2"> <option value="">#RS421</option> <option value="">#RS422</option> <option value="">#RS423</option> </select> </td> <td @click=delRow(index)> <img src="../images/close1.png" /> </td> </tr>"-->
       <!--<tr id="option1">
           <td>
               <select name="" id="" class="dfinput">
                   <option value="">必定通过的测试项</option>
                   <option value="">延迟测试项</option>
                   <option value="">发布消息测试</option>
                   <option value="">必定失败测试项</option>
                   <option value="">弹窗测试</option>
                   <option value="">发送消息测试-自定义内容</option>
                   <option value="">socket收发测试</option>
                   <option value="">--------</option>
               </select>
           </td>
           <td>
               <select name="" id="" class="dfinput1">
                   <option value="">1</option>
                   <option value="">2</option>
                   <option value="">3</option>
                   <option value="">4</option>
                   <option value="">5</option>
               </select>
           </td>
           <td>
               <select name="" id="" class="dfinput2">
                   <option value="">1</option>
                   <option value="">2</option>
                   <option value="">3</option>
                   <option value="">4</option>
                   <option value="">5</option>
               </select>
           </td>
           <td>
               <select name="" id="" class="dfinput2">
                   <option value="">1</option>
                   <option value="">2</option>
                   <option value="">3</option>
                   <option value="">4</option>
                   <option value="">5</option>
               </select>
           </td>
           <td onclick=delRow(1)>
            <img src="../images/close1.png" />
           </td>
       </tr>
      -->
       
       </tbody>

   </table>
   <div>
       <button name="" type="button" class="scbtn" value="添加测试项"  @click="addRow()" >添加测试项</button>
   </div>
   
</div>
<button name="" type="button" class="savebtn" value="保存"  @click="saveBtn()" >保存</button>
 


</div>
<script>
new Vue({
el:'#csTaskEdit',
data:{ 
taskName:'',
taskCreator:'', 
taskDescribe:'',
dataFromEnd:[],
sysData:[],
toProject:'',
toSystem:'',
caseFiles:''
},
created: function () { 
//          this.$http.post('/queryOpt').then(function(res){
//            this.dataFromEnd= res.data;
//     })
        },
        methods:{
        proClick:function(){
           for(var i=0;i<this.dataFromEnd.length;i++){
               if(this.dataFromEnd[i].proName == this.toProject){
                   this.sysData =this.dataFromEnd[i].proSys;
                   console.log( this.sysData);
                   return false;
               }
           }
            },  
        addRow:function(){
       
        var rowCount = $("#optionContainer tbody tr").length; 
        rowCount++;
        var newRow='<tr id="option'+rowCount+'"><td><select name="" id="" class="dfinput"><option value="">必定通过的测试项</option><option value="">延迟测试项</option><option value="">发布消息测试</option><option value="">必定失败测试项</option><option value="">弹窗测试</option><option value="">发送消息测试-自定义内容</option><option value="">socket收发测试</option><option value="">--------</option></select></td><td><select name="" id="" class="dfinput1"><option value="">1</option><option value="">2</option><option value="">3</option><option value="">4</option><option value="">5</option></select></td><td><select name="" id="" class="dfinput2"><option value="">1</option><option value="">2</option><option value="">3</option><option value="">4</option><option value="">5</option></select></td><td><select name="" id="" class="dfinput2"><option value="">1</option><option value="">2</option><option value="">3</option><option value="">4</option><option value="">5</option></select></td><td onclick=delRow(5)><img src="../images/close1.png" /></td></tr>';
      $('#optionContainer').append(newRow);
        }
        }
})
 


</script>


</body>

</html>


 function addRow(){
        rowCount++;
        var newRow='<tr id="option'+rowCount+'"><td><select name="" id="" class="dfinput"><option value="">必定通过的测试项</option><option value="">延迟测试项</option><option value="">发布消息测试</option><option value="">必定失败测试项</option><option value="">弹窗测试</option><option value="">发送消息测试-自定义内容</option><option value="">socket收发测试</option><option value="">--------</option></select></td><td><select name="" id="" class="dfinput1"><option value="">1</option><option value="">2</option><option value="">3</option><option value="">4</option><option value="">5</option></select></td><td><select name="" id="" class="dfinput2"><option value="">1</option><option value="">2</option><option value="">3</option><option value="">4</option><option value="">5</option></select></td><td><select name="" id="" class="dfinput2"><option value="">1</option><option value="">2</option><option value="">3</option><option value="">4</option><option value="">5</option></select></td><td onclick=delRow(5)><img src="../images/close1.png" /></td></tr>';
       $('#optionContainer').append(newRow);
    }


    //删除行
    function delRow(rowIndex){
        $("#option"+rowIndex).remove();
        rowCount--;
    }


阅读全文
0 0
淘宝键盘 淘宝键盘
原创粉丝点击
热门IT博客
linux user nobodylinux user nobody
c语言写幻灯相册c语言写幻灯相册
中国省市区数据库
淘宝如何查看收藏宝贝
二维图形几何变换算法
算法 lookup table
北京知识产权软件
什么手机支持联通4g网络
淘宝卖家怎么看交易额
淘宝黑搜二期
数据库 文件系统
知乎live 免费
360软件管家手机官方
数据挖掘和数据分析
程序员的专业技能
百度贴吧查ip软件
护眼宝pc版 知乎
xp能装MySQL
ping不通阿里云服务器
汽车导航怎么链接网络
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 1408幻影凶间结局 1408幻影凶间4个结局 幻影车神4 大幻影 幻影现实 幻影书 乐高幻影人者 幻影一号 幻影wifi吧 漆黑的魅影幻影塔走法图解 幻影之塔怎么过 幻影之塔化石选哪个 漆黑的魅影幻影之塔 昆明幻颜医美 幻颜整形 幻颜整形医院 末世女清穿记 风幻颜 东方幻想乡 幻想乡乐园化计划化20 幻想乡乐园化计划 幻想乡乐园 东方之幻想乡 幻想乡玩家 幻想乡的兑换系统 我家的幻想乡大妈才不多 反抗在幻想乡 东方幻想乡乐园计划 东方幻想乡乐园化计划化20 幻想乡全人物图鉴 东方幻想乡乐园化计划化 可怕的幻想乡 反抗幻想乡 普通人的幻想乡 弟控的幻想乡 幻想乡的弱受 幻想 乡 幻想曲 家庭幻想曲 幻想曲古筝 家庭幻想曲全文读 动物幻想曲

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里