yanglao/application/admin/view/service/packagecard/add.html

<style type="text/css" media="all">
    #app .center{
        vertical-align:middle;
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
<div id="app">
    <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">{:__('Images')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-images" data-rule="required" class="form-control" size="50" name="row[images]" type="text">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-images"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-images"></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  class="hidden" :value="JSON.stringify(info)" name="row[goods]"  type="text">
            <table  class="table table-striped table-bordered table-hover table-nowrap">
                            <thead>
                                <tr>
                                    <th>项目名</th>
                                    <th >项目规格</th>
                                    <th >项目原价</th>
                                    <th >套餐价</th>
                                    <th >套餐次数</th>
                                    <th >操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="(item,index) of info">
                                    <td class="center">{{item.goodsname}}</th>
                                    <td class="center">{{item.name}}</th>
                                    <td class="center">{{item.original_price}}</th>
                                    <td >
                                        <input  data-rule="required" class="form-control"  size="50" v-model="item.price" type="number" placeholder="请输入套餐价">
                                    </td>
                                    <td >
                                        <input  data-rule="required" class="form-control"  size="50" v-model="item.nums" type="number" placeholder="请输入次数">
                                    </td>
                                    <td class="center" @click="del(index)">删除</th>
                                </tr>
                            </tbody>
                        </table>
                        <a href="javascript:;" id="skugoods" class="btn btn-success " title="{:__('Add')}" @click="goodsSelect"><i class="fa fa-plus"></i> {:__('添加项目')}</a>
                                  
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Original_price')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input  class="hidden" :value="original_price" name="row[original_price]"  type="text">
            <input id="c-original_price" data-rule="required" min="0" class="form-control" disabled v-model="original_price" step="0.01" name="row[original_price]" type="number">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Price')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input  class="hidden" :value="price" name="row[price]"  type="text">
            <input id="c-price" data-rule="required" min="0" class="form-control" v-model="price" disabled step="0.01" name="row[price]" type="number">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Info_images')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-info_images" data-rule="required" class="form-control" size="50" name="row[info_images]" type="text">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-info_images" class="btn btn-danger faupload" data-input-id="c-info_images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-info_images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-info_images" class="btn btn-primary fachoose" data-input-id="c-info_images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-info_images"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-info_images"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Flow_images')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-flow_images" data-rule="required" class="form-control" size="50" name="row[flow_images]" type="text">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-flow_images" class="btn btn-danger faupload" data-input-id="c-flow_images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-flow_images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-flow_images" class="btn btn-primary fachoose" data-input-id="c-flow_images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-flow_images"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-flow_images"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Refund_content')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-refund_content" data-rule="required" class="form-control" rows="5" name="row[refund_content]" cols="50"></textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Daynums')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-daynums" data-rule="required" min="0" class="form-control" name="row[daynums]" type="number">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Plus_state')}:</label>
        <div class="col-xs-12 col-sm-8">
            
            <div class="radio">
            {foreach name="plusStateList" item="vo"}
            <label for="row[plus_state]-{$key|htmlentities}"><input id="row[plus_state]-{$key|htmlentities}" name="row[plus_state]" type="radio" value="{$key|htmlentities}" {in name="key" value="0"}checked{/in} /> {$vo|htmlentities}</label>
            {/foreach}
            </div>

        </div>
    </div>
    
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Coupon_state')}:</label>
        <div class="col-xs-12 col-sm-8">
            
            <div class="radio">
            {foreach name="couponStateList" item="vo"}
            <label for="row[coupon_state]-{$key|htmlentities}"><input id="row[coupon_state]-{$key|htmlentities}" name="row[coupon_state]" type="radio" value="{$key|htmlentities}" {in name="key" value="0"}checked{/in} /> {$vo|htmlentities}</label>
            {/foreach}
            </div>

        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Salenums')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-salenums" data-rule="required" min="0" class="form-control" name="row[salenums]" type="number" value="0">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Weigh')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-weigh" data-rule="required" class="form-control" name="row[weigh]" type="number" value="0">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            
            <div class="radio">
            {foreach name="statusList" item="vo"}
            <label for="row[status]-{$key|htmlentities}"><input id="row[status]-{$key|htmlentities}" name="row[status]" type="radio" value="{$key|htmlentities}" {in name="key" value="normal"}checked{/in} /> {$vo|htmlentities}</label>
            {/foreach}
            </div>

        </div>
    </div>
    </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-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
     
</form>