DocSys/Application/Home/View/Item/add.html

<include file="Common/header" />
<link rel="stylesheet" href="__PUBLIC__/css/login.css" />
<style type="text/css">
.choose_type{
    margin-bottom: 20px;
    text-align: center;
}
#choose_item{
    width: 100%;
}
</style>
    <div class="container">

      <form class="form-signin myform" method="post"  action="server/index.php?s=/api/item/add">
        <!-- <h3 class="form-signin-heading">新建项目</h3> -->
        <div class="choose_type">
            <label class="radio inline">
              <input type="radio" name="item_type" id="item_type1" value="1" checked >
              常规项目
            </label>
            <label class="radio inline">
              <input type="radio" name="item_type" id="item_type2" value="2" >
              单页项目
              &nbsp;
              <a href="https://www.showdoc.cc/page/65391" target="_blank"><i class="icon-question-sign"></i></a>

            </label>
        </div>


        <input type="text" class="input-block-level" id="item_name" name="item_name" placeholder="{$Think.Lang.item_name}" autocomplete="off" value="{$item.item_name}" >
        <input type="text" class="input-block-level" id="item_description" name="item_description" placeholder="{$Think.Lang.item_description}" autocomplete="off" value="{$item.item_description}">
        <input type="text" style="display:none" class="input-block-level"  name="item_domain" placeholder="{$Think.Lang.item_domain}" autocomplete="off" value="{$item.item_domain}" >
        <input style="display:none"><!-- for disable autocomplete on chrome -->
        <input style="display:none"><!-- for disable autocomplete on chrome -->
        <input type="text" onfocus="this.type='password'" id="password" class="input-block-level" name="password" placeholder="{$Think.Lang.visit_password_placeholder}" title="{$Think.Lang.visit_password_placeholder}" autocomplete="off" value="{$item.password}">
        <label class="checkbox">
            <input type="checkbox" id="show_copy"> 复制已存在项目
        </label>
        <div >
            <select id="choose_item" name="copy_item_id">

            </select>
        </div>
        <br>
        <button class="btn  btn-primary" type="submit">{$Think.Lang.submit}</button>
        <a href="javascript:history.go(-1)" class="btn">{$Think.Lang.goback}</a>
      </form>

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


 <include file="Common/footer" />
 <script src="__PUBLIC__/js/jquery.form.min.js"></script>
 <script type="text/javascript">
 var password = $("#password").val();
 if (password) {
    $("#password").val('');
    $("#password").attr('type','password');
    $("#password").val(password);  
 };

$("#choose_item").hide();

//如果是编辑项目，则禁用复制项目功能
if ($("#item_id").val()) {
    $("#show_copy").parent().hide();
    $(".choose_type").html("");
};

$("#show_copy").change(function(){
    if ($("#show_copy").is(':checked')) {
        $("#choose_item").show();
        $("#item_type1").attr("disabled","disabled");
        $("#item_type2").attr("disabled","disabled");
        $("#item_type1").removeAttr("checked");
        $("#item_type2").removeAttr("checked");
    }else{
        $("#choose_item").hide();
        $("#item_type1").removeAttr("disabled");
        $("#item_type2").removeAttr("disabled");
        $("#item_name").val("");
        $("#item_description").val('');
        $("#password").val('');
    }
    get_item_list();
});


function get_item_list(){
    //获取已有项目列表
    $.get(
            DocConfig.server+"/api/item/itemList",
            {},
            function(data){
             if (data.error_code === 0) {
                var json = data.data ;
                var html = '<option>请选择</option>';
                for (var i = 0; i < json.length; i++) {
                    html += '<option value="'+json[i].item_id+'" item_description="'+json[i].item_description+'" password="'+json[i].password+'" >'+json[i].item_name+'</option>';
                };
                $("#choose_item").html(html);

             };
            },
            "json"
        );    
}


//当用户选择了某个复制项目，则填充信息
$("#choose_item").change(function(){
    var a = $(this).find("option:selected");
    var item_name = a.text();
    var item_description = a.attr("item_description");
    var password = a.attr("password");
    $("#item_name").val(item_name+"--copy");
    $("#item_description").val(item_description);
    $("#password").val(password);

});


//上传表单参数
var ajax_option = {
  dataType:"json",
  beforeSubmit:function(){

  },
  success:function(res){
    if (res.error_code === 0) {
      window.location.href = "?s=/home/item/index";
    }else{
      $.alert(res.error_message);
    }

    return false;
  }
};

$('.myform').ajaxForm(ajax_option); 

 </script>