Revert "框架调整"

fengxiang

2018-07-11 12b04f145bae740e1971036b1e2dfc1bc224d17b

 src/app/routes/extras/poi/edit/edit.component.html

New file
@@ -0,0 +1,87 @@
<div class="modal-header">
  <div class="modal-title">{{i.id > 0 ? '编辑' : '添加'}}-门店（基于HTML模板表单写法）</div>
</div>
<form #f="ngForm" (ngSubmit)="save()" nz-form>
  <nz-form-item class="mb-sm">
    <nz-form-label nzSpan="4">所属分销商</nz-form-label>
    <nz-form-control nzSpan="8">
      {{i.user_id}}
      <a (click)="msgSrv.info('find')">查找用户</a>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item class="mb-sm">
    <nz-form-label nzSpan="4">门店名称</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.name" name="name" maxlength="30" required />
      <p nz-form-explain>如：国美、麦当劳，不应包含地区、地址、分店名等信息，错误示例：北京国美</p>
    </nz-form-control>
    <nz-form-label nzSpan="4">分店名称</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.branch_name" name="branch_name" maxlength="20" required />
      <p nz-form-explain>不应包含地区信息，不应与门店名有重复，错误示例：北京王府井店</p>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item class="mb-sm">
    <nz-form-label nzSpan="4">所在地</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.geo" name="geo" maxlength="50" required />
    </nz-form-control>
    <nz-form-label nzSpan="4">街道地址</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.address" name="address" maxlength="50" required />
    </nz-form-control>
  </nz-form-item>
  <nz-form-item class="mb-sm">
    <nz-form-label nzSpan="4">纬度</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.lat" name="lat" required />
    </nz-form-control>
    <nz-form-label nzSpan="4">经度</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.lng" name="lng" required />
    </nz-form-control>
  </nz-form-item>
  <nz-form-item class="mb-sm">
    <nz-form-label nzSpan="4">电话</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.tel" name="tel" maxlength="30" required />
    </nz-form-control>
    <nz-form-label nzSpan="4">门店类型</nz-form-label>
    <nz-form-control nzSpan="8">
      <nz-select [(ngModel)]="i.categories" name="categories" required [nzAllowClear]="false">
        <nz-option *ngFor="let i of cat" [nzLabel]="i" [nzValue]="i">
        </nz-option>
      </nz-select>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item class="mb-sm">
    <nz-form-label nzSpan="4">推荐品</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.recommend" name="recommend" maxlength="200" placeholder="200字以内" />
    </nz-form-control>
    <nz-form-label nzSpan="4">特色服务</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.special" name="special" maxlength="50" placeholder="50字以内" />
    </nz-form-control>
  </nz-form-item>
  <nz-form-item class="mb-sm">
    <nz-form-label nzSpan="4">商户简介</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.introduction" name="introduction" maxlength="300" placeholder="300字以内" />
    </nz-form-control>
    <nz-form-label nzSpan="4">营业时间</nz-form-label>
    <nz-form-control nzSpan="8">
      <input nz-input [(ngModel)]="i.open_time" name="open_time" maxlength="30" placeholder="30字以内" />
    </nz-form-control>
  </nz-form-item>
  <nz-form-item class="mb-sm">
    <nz-form-label nzSpan="4">人均价格</nz-form-label>
    <nz-form-control nzSpan="8">
      <nz-input-number [(ngModel)]="i.avg_price" name="avg_price" [nzMin]="0" [nzStep]="10"></nz-input-number>
    </nz-form-control>
  </nz-form-item>
  <div class="modal-footer">
    <button nz-button type="button" (click)="close()">关闭</button>
    <button nz-button [disabled]="!f.form.valid || !f.form.dirty" [nzLoading]="http.loading" [nzType]="'primary'">保存</button>
  </div>
</form>