car4s/application/admin/view/user4s/user/sms.html

<form id="sms-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  {:token()}
  <div class="panel panel-warning">
    <div class="panel-heading"><b>用户和平台信息</div>
    <div class="panel-body">

      <div class="form-group">
        <label class="control-label col-xs-4 col-sm-2">用户数:</label>
        <div class="col-xs-6 col-sm-8">
          <label class="control-label">{$user_num|htmlentities}</label>
        </div>
      </div>

      <div class="form-group">
        <label class="control-label col-xs-4 col-sm-2">姓名电话:</label>
        <div class="col-xs-6 col-sm-8">
          <label class="control-label" style="text-align: left;">
            {foreach $row as $vo} 
              <span class="label label-info" id="status_{$vo['id']}">{$vo['name']}({$vo['tel']})</span>
            {/foreach}
          </label>
        </div>
      </div>

      <div class="form-group">
        <label class="control-label col-xs-4 col-sm-2">发送状态:</label>
        <div class="col-xs-8 col-sm-10">
          <label class="control-label" style="text-align: left;" id="sms_status">
            未发送
          </label>
        </div>
      </div>

      <div class="form-group">
        <label class="control-label col-xs-4 col-sm-2">短信余额:</label>
        <div class="col-xs-6 col-sm-8">
          <label class="control-label">{$sms_info.overage|htmlentities}元</label>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-xs-4 col-sm-2">短信总点数:</label>
        <div class="col-xs-6 col-sm-8">
          <label class="control-label">{$sms_info.sendTotal|htmlentities}</label>
        </div>
      </div>

    </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">
      <textarea name="sms_content" class="form-control" data-rule="" rows="5" >【比亚迪汽车】亲爱的[姓氏][称呼]，祝您生日快乐，平安健康，美好常伴。退订回T</textarea>
      <span id="helpBlock" class="help-block">短信内容需要以“【公司名称】”开头，以“退订回T”结尾，支持环境变量。</span>
    </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">
      <label class="control-label" style="text-align: left;">

        <span class="label label-primary">[ID]  示例值：1</span>
        <span class="label label-primary">[姓名]  示例值：张三</span>
        <span class="label label-primary">[姓氏]  示例值：张</span>
        <span class="label label-primary">[联系方式]  示例值：1526425507</span>
        <span class="label label-primary">[余额]  示例值：1.00</span>
        <span class="label label-primary">[积分]  示例值：100</span>
        <span class="label label-primary">[性别]  示例值：男 女</span>
        <span class="label label-primary">[称呼]  示例值：先生 女士</span>
        <span class="label label-primary">[身份证]  示例值：3713261xxxxxxxxx</span>
        <span class="label label-primary">[生日]  示例值：2022-05-08</span>
        <span class="label label-primary">[购车日期]  示例值：2022-05-08</span>
        <span class="label label-primary">[车牌号码]  示例值：鲁Q12345</span>
        <span class="label label-primary">[车架号]  示例值：LGXC14DF6L0127066</span>
        <span class="label label-primary">[车型]  示例值：宋经典手动</span>
        <span class="label label-primary">[颜色]  示例值：水晶白</span>
        <span class="label label-primary">[保险类型]  示例值：交强险</span>
        <span class="label label-primary">[保险公司]  示例值：平安保险 人保</span>
        <span class="label label-primary">[保险日期]  示例值：2022-05-08</span>
        <span class="label label-primary">[备注]</span>
      </label>
    </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">{:__('发送')}</button>
      <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
    </div>
  </div>
</form>
<style>
  .bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;

    h4 {
      margin-top: 0;
      margin-bottom: 5px;
    }

    p:last-child {
      margin-bottom: 0;
    }

    code {
      border-radius: 3px;
    }

    +.bs-callout {
      margin-top: -5px;
    }
  }

  .bs-callout-danger {
    border-left-color: #ce4844;

    h4 {
      color: #ce4844;
    }
  }

  .bs-callout-warning {
    border-left-color: #aa6708;

    h4 {
      color: #aa6708;
    }
  }

  .bs-callout-info {
    border-left-color: #1b809e;

    h4 {
      color: #1b809e;
    }
  }
</style>