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

<style>

    .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="edit-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" value="{$row.name|htmlentities}">
        </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">


            <select id="c-pid" 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="$row.category_id"}selected{/in}>{$vo.name}</option>
                {/foreach}
            </select>
            

        </div>
        
    </div>
       <div class="form-group" style="display: block">
           <input type="hidden" id="hidecate" value="{$row.category_id}">
        <label class="control-label col-xs-12 col-sm-2">包含属性:</label>
        <div id="shuxing" style="margin-left: 150px">
               <notempty name="content_one">
                   {foreach name="content_one" item="vo"}
                       <div class="col-xs-6 col-sm-8">
                        <input readonly="readonly"  data-rule="required" style="width: 30%;"  name="row[key1][]"    value="{$vo.key}"  type="text">
                        <input   data-rule="required"  style="width: 30%;" name="row[name1][]" value="{$vo.name}"   type="text">
                       </div>
                   {/foreach}

                </notempty>
        </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="{$row.company_id|htmlentities}">
        </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="{$row.sort|htmlentities}">
        </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" value="{$row.p_image|htmlentities}">
                <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="$row.status eq 1 && $group_id eq 6"} disabled="disabled" {/if}
            >
                {if condition="$group_id eq 7 "}
                <option value="0" >发布状态</option>
                {elseif condition="$group_id eq 6" }
               
                {if condition="$row.status eq 1"} 
                    <option value="0" selected="selected" >发布状态</option>
                    {else /}
                     <option value="1" >草稿状态</option>
                {/if}
                {elseif condition="$group_id eq 1" }
                <option value="0"  
                  {if condition="$row.status eq 0"} selected {/if}
                >发布状态</option>
                <option value="1"  {if condition="$row.status eq 1"} selected {/if} >草稿状态</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="$row.attribute"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>

    <div class="demo_line_01">
        下方添加其他保险属性
    </div>


    <div class="form-group">
        <dl class="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> {:__('Append')}</a></dd>
            <textarea name="row[content]" class="form-control hide" cols="30" rows="5">{$row.content}</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">
            {if condition="$group_id eq 6 && $row.status eq 0"}
            
            {else /}
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
            {/if}
        </div>
    </div>
</form>

<!--以下是自定义模板的内容-->
<script id="fieldtpl">
    <dd class="form-inline">
        <input type="text" name="<%=name%>[<%=index%>][key]" class="form-control" value="<%=row.key%>" size="10" />
        <input type="text" name="<%=name%>[<%=index%>][name]" class="form-control" value="<%=row.name%>" size="30" />
        <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="";



             //设置文本框获取焦点时候背景颜色变换
            
         }
    // var catid = $("#hidecate").val();
    // if(catid > 0)
    // {
    //     var list = {id:15};
    //     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  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);
    //         }
    //     });
    // }
    $(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>