<template>
  <div class="auto form-horizontal" >
    <modal :show.sync="show"  v-ref:modal middle backdrop="false">
      <header slot="modal-header" class="modal-header">
        <h3 style="color:black" class="modal-title">选择短信模版</h3>
      </header>

      <article slot="modal-body" style = "padding-bottom:10px;">
        <div style="overflow:auto;">
        <table class="table table-bordered table-striped table-hover">
          <tr>
            <th>

            </th>
            <th style="text-align:center"><nobr>名称</nobr></th>
            <th style="text-align:center"><nobr>短信模板</nobr></th>

          </tr>
          <tr v-for="item in templateMessage">
            <td style="text-align:center">
              <input type="checkbox" v-model="smsids" :value="item.content">
            </td>
            <td style="text-align:center">{{item.title}}</td>
            <td style="text-align:center">{{item.content}}</td>
          </tr>
        </table>
        </div>
      </article>
      <footer slot="modal-footer" class="modal-footer">
        <button type="button" class="btn btn-default" @click="confirm('false')">生成短信</button>
        <button type="button" class="btn btn-default" @click="confirm('true')">生成并发送短信</button>
        <button type="button" class="btn btn-default" @click='cancel()'>取消</button>
      </footer>
    </modal>
  </div>
</template>
<script>

import { HttpResetClass } from 'vue-client'

let templateMessageReady = async function (self) {
  let http = new HttpResetClass()
  let result = await http.load('GET', 'rs/vue/TemplateMessage.json', {}, {resolveMsg: null, rejectMsg: null})
  Object.assign(self, result.data)
}

export default {
  title: '获取短信模板',
  props: ['show', 'ids', 'condition'],
  data () {
    return {
      smsids: [],
      templateMessage: [
          {title: '参数示例', content: '客户编号 : @[客户编号] , 表编号 : @[表编号] , 用户姓名 : @[用户姓名] , 用户电话 : @[用户电话] , 用户类型 : @[用户类型] , 缴费方式 : @[缴费方式] , 用户地址 : @[用户地址] , 表类型 : @[表类型] , 表品牌 : @[表品牌] , 应交气量 : @[应交气量] , 应交气费 : @[应交气费] , 违约金 : @[违约金] , 欠费总额 : @[欠费总额] , 账户结余 : @[账户结余]'},
          {title: '欠费模板1', content: '尊敬的用户您好，你当前账户余额为：@[账户结余]，请及时缴费，谢谢合作！'},
          {title: '欠费模板2', content: '尊敬的客户：您当前帐户余额为@[账户结余]（不包含违约金），用户地址：@[用户地址]，户名：@[用户姓名]，请您及时缴纳气费，谢谢合作！'}
      ]
    }
  },
  ready () {
    templateMessageReady(this)
  },
  methods: {
    cancel  () {
      this.$dispatch('toggle')
    },
    confirm (args) {
      if (this.smsids.length !== 1) {
        this.$showAlert('请选择一条短信模板', 'danger', 1000)
      } else {
        let createsms = {
          issend: args,
          usermsg: this.smsids[0], // 修改短信内容
          condition: this.ids.length === 0 ? `${this.condition}` : `${this.condition} and f_userinfo_id in (${this.ids})`,
          operatorname: this.$login.f.name,
          f_filiale: this.$login.f.f_fengongsi,
          f_outlets: this.$login.f.f_parentname,
          f_orgstr: this.$login.f.orgpathstr,
          f_filialeids: this.$login.f.f_orgids
        }
        this.$resetpost('rs/logic/CreateArrearsSMS', { data: createsms }, {resolveMsg: null, rejectMsg: '生成短信失败'}).then((res) => {
          this.$showAlert('成功生成短信' + res.data + '条', 'success', 2000)
        })
        this.$dispatch('toggle')
      }
    }

  }
}
</script>
<style >
</style>
