insure/application/admin/view/product/add.html

<style>
#shuxing{
    min-height: 100%;
    height: auto;
}

.demo_line_01{
    padding: 0 20px 0;
    margin: 20px 0;
    line-height: 1px;
    border-left: 200px solid #ddd;
    border-right: 200px solid #ddd;
    text-align: center;
    color: red;
    border-top: 80px;
}

</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text">
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">所属保险分类:</label>
        <div class="col-xs-12 col-sm-8">


            <select id="c-pid" data-live-search="true" data-rule="required" class="form-control selectpicker" name="row[category_id]">
                {foreach name="parentList" item="vo"}
                <option data-type="{$vo.type}" value="{$key}" {in name="key" value=""}selected{/in}>{$vo.name}</option>
                {/foreach}
            </select>

        </div>
    </div>

    <div class="form-group" style="display: block">
        <label class="control-label col-xs-12 col-sm-2">包含属性:</label>
        <div id="shuxing" style="margin-left: 150px">

        </div>



    </div>




<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Category_id')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <input id="c-category_id" data-rule="required" data-source="category/selectpage" data-params='{"custom[type]":"product"}' class="form-control selectpage" name="row[category_id]" type="text" value="">-->
<!--        </div>-->
<!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Company_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-company_id" data-rule="required" data-source="company/index" class="form-control selectpage" name="row[company_id]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Sort')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-sort" class="form-control" name="row[sort]" type="number" value="0">
        </div>
    </div>
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <textarea id="c-content" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>-->
<!--        </div>-->
<!--    </div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('P_image')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-p_image" class="form-control" size="50" name="row[p_image]" type="text">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-p_image" class="btn btn-danger faupload" data-input-id="c-p_image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-p_image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-p_image" class="btn btn-primary fachoose" data-input-id="c-p_image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-p_image"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-p_image"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">是否保存草稿:</label>
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <input id="c-status" class="form-control" name="row[status]" type="number" value="0">-->
<!--        </div>-->
        <div class="col-xs-12 col-sm-8">
            <select  class="form-control selectpicker" name="row[status]">
                {if condition="$group_id eq 7 "}
                <option value="0" >发布状态</option>
                {elseif condition="$group_id eq 6" }
                <option value="1" >草稿状态</option>
                {elseif condition="$group_id eq 1" }
                <option value="0" >发布状态</option>
                <option value="1" >草稿状态</option>
                {else /}
                <option value="0" >发布状态</option>
                {/if}

            </select>
        </div>

    </div>




    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">状态属性:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-attribute" class="form-control selectpicker" name="row[attribute]">
                {foreach name="attributeList" item="vo"}
                    <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>

    <div class="demo_line_01">
        下方添加其他保险属性
    </div>
    <div class="form-group">
        <dl class="fieldlist" id="fieldlist" data-name="row[content]" data-template="fieldtpl" style="margin-left: 100px">
            <dd>
                <ins>名称</ins>
                <ins>内容</ins>
            </dd>
            <dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i>追加</a></dd>
            <textarea name="row[content]" id="sendcontent" class="form-control hide" cols="30" rows="5">
<!--            [{"key":"特殊数据1","name":"内容1"},{"key":"特殊数据2","name":"内容2"}]-->
            </textarea>

        </dl>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>

<!--以下是自定义模板的内容-->




<script id="fieldtpl">
    <dd class="form-inline">
        <input  type="text" name="<%=name%>[<%=index%>][key]" class="form-control" value="" size="10" />
        <input  type="text" name="<%=name%>[<%=index%>][name]" class="form-control" value="" size="30" />
        <span  class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
        <span  class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
    <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span>
    </dd>

   

</script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script>
        function myFocus(obj){ 

             //判断文本框中的内容是否是默认内容
obj.value="";



             //设置文本框获取焦点时候背景颜色变换
            
         }
         
         $(document).on("focus", "#c-pid", function(){
             
             obj.value="";
         })
         
    $(document).on("change", "#c-pid", function(){
        var id = $("#c-pid").val();
        var list = {id:id};
        var addHtml = "";
        $("#shuxing").html(addHtml);
        $.ajax({
            //请求方式
            type : "POST",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            url : "Product/params",
            //数据，json字符串
            data:JSON.stringify(list),
            //请求成功
            success : function(result) {
                // $("#fieldlist").dataset.name = result.data;
                // var ele = document.getElementById("test");
                // ele.value = ele.value + result.data;
                // document.getElementById('shuxing').style.display = "block";
                // document.getElementById("content1").value = result.data;
                if(result.code == 1){
                    var obj_json = result.data;
                    var packJson = JSON.parse(obj_json);
                    var addHtml = "";
                    for(var i = 0; i < packJson.length; i++){
                        console.log(packJson[i].key + " " + packJson[i].name);
                        addHtml += "<div class=\"col-xs-6 col-sm-8\">\n" +
                            "            <input  readonly=\"readonly\" data-rule=\"required\" style=\"width: 30%;\"  name=\"row[key1][]\"" +
                            " value="+packJson[i].key+ "  type=\"text\">\n" +
                            "            <input   data-rule=\"required\"  style=\"width: 30%;\" name=\"row[name1][]\"" +
                            " value="+packJson[i].name+ "  type=\"text\">\n" +
                            "        </div>";

                    }

                    $("#shuxing").append(addHtml);
                }else{
                    console.log(result.msg);
                }

            },
            //请求失败，包含具体的错误信息
            error : function(e){
                var addHtml = "";
                $("#shuxing").append(addHtml);
                console.log(e.status);
                console.log(e.responseText);
            }
        });

    });

</script>