safecheck-client 4.0.0-9 → 4.0.0-90

package/src/filiale/meihekou/android/PhoneInsurancePurchaseDetail.vue

@@ -0,0 +1,293 @@
+<template>
+  <div class="auto clearfix">
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">客户编号</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <p class="text-left show-font">{{ model.f_userinfo_code }}</p>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">投保人</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input type="text" class="form-control show-font" v-model="model.f_operator" placeholder="请输入投保人">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-12 col-md-12">
+      <div class="col-xs-4 col-sm-2 col-md-2">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">客户地址</span>
+      </div>
+      <div class="col-xs-8 col-sm-10 col-md-10">
+        <input type="text" class="form-control show-font" v-model="model.f_address" placeholder="请输入客户地址">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">客户电话</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input type="number" class="form-control show-font" v-model="model.f_user_phone" placeholder="请输入电话号码">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">身份证号</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input type="text" class="form-control show-font" v-model="model.f_idnumber" placeholder="请输入身份证号">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">保单号</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input type="number" class="form-control show-font" v-model="model.f_ins_number" placeholder="请输入保单号">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">上期保费截至日期</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <p class="text-left show-font">{{ model.f_last_insexpiration_date }}</p>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">投保日期</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <datepicker :value.sync="model.f_ins_start_date" v-model="model.f_ins_start_date" :format="'yyyy-MM-dd'"
+                    placeholder="请选择投保日期" style="width: 60%" @change="changeExpirationDate">
+        </datepicker>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">购买年限</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input type="number" placeholder="购买年限" style="width: 60%" class="form-control show-font" v-model="model.f_salecount" @change="changeExpirationDate">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">购买日期</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <datepicker :value.sync="create_date" v-model="create_date" :format="'yyyy-MM-dd'"
+                    placeholder="购买日期" style="width: 60%">
+        </datepicker>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">到期日期</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <datepicker :value.sync="model.f_expiration_date" v-model="model.f_expiration_date" :format="'yyyy-MM-dd'"
+                    placeholder="到期日期" style="width: 60%">
+        </datepicker>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">金额</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input type="number" class="form-control show-font" v-model="model.f_money" placeholder="请输入金额">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img alt="" src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px">
+        <span class="text-left font">保险险种</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <v-select v-model="model.f_insurance_type" :options="insurance_types"
+                  :value-single="true" :value.sync="model.f_insurance_type"
+                  close-on-select placeholder="保险险种"
+                  style="width: 100%">
+        </v-select>
+      </div>
+    </div>
+    <div class="row app-row col-xs-12 col-sm-6 col-md-6">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">办理人</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input type="text" class="form-control show-font" v-model="model.f_ins_number" placeholder="请输入办理人">
+      </div>
+    </div>
+    <div class="row app-row col-xs-12">
+      <div class="col-xs-4 col-sm-4 col-md-4">
+        <img src="../../../assets/add.png" style="width: 20px;" alt="">
+        <span class="text-left font">备注</span>
+      </div>
+      <div class="col-xs-8 col-sm-8 col-md-8">
+        <input class="form-control show-font" v-model="model.f_comments" placeholder="备注">
+      </div>
+    </div>
+    <div class="col-xs-12 text-center  app-row">
+      <button type="button" class="btn btn-lg btn-font btn-color" style="width: 22%;" @click="commit()">提交</button>
+    </div>
+  </div>
+</template>
+<script>
+import { HttpResetClass } from 'vue-client'
+import * as Util from '../../../components/Util'
+import Vue from 'vue'
+export default {
+  title: '手机单户抄表',
+  data() {
+    return {
+      create_date:Util.getNowDate(),
+      insurance_types: [{label: '请选择', value: ''}, ...this.$appdata.getParam('险种')],
+      isCommit:false
+    }
+  },
+  props: {
+    data: {
+      type: Object,
+      default: function () {
+        return {
+        }
+      }
+    },
+    model: {
+      type: Object,
+      default: {}
+    }
+  },
+  ready() {
+    new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
+      data: {
+          items: 'tu.*,uf.f_userfiles_id',
+          tablename: 't_userinfo tu left join t_userfiles uf on tu.f_userinfo_id = uf.f_userinfo_id',
+          condition: `tu.f_userinfo_id  = '${this.model.f_userinfo_id}' and uf.f_table_state in ('停用','正常')`,
+        orderitem: '1'
+      }
+    }).then(response => {
+      this.model = Object.assign({}, this.model, response.data[0])
+      this.model.f_last_insexpiration_date = response.data[0].f_ins_stop_date
+      this.model.f_total_ins_charge = response.data[0].f_total_ins_charge || 0
+    })
+    this.model.f_money = ''
+    this.model.f_fee_type = ''
+    this.model.f_insurance_type = '燃气险'
+    this.model.f_comments = ''
+    this.model.f_salecount = 1
+    this.model.f_ins_number = ''
+    this.model.f_ins_start_date = Util.toStandardDateString()
+  },
+  methods: {
+    commit() {
+      if (!this.model.f_money){
+        this.$showMessage('金额未填写，请填写后重新尝试。')
+        return
+      }
+      if (!this.model.f_ins_start_date){
+        this.$showMessage('投保日期未选择，请选择后重新尝试。')
+        return
+      }
+      if (!this.model.f_expiration_date){
+        this.$showMessage('到期日期未选择，请选择后重新尝试。')
+        return
+      }
+      if (!this.model.f_insurance_type){
+        this.$showMessage('保险险种未填写，请填写后重新尝试。')
+        return
+      }
+        let commit_data = this.model
+        commit_data.f_buy_date = this.create_date
+        commit_data.f_operatorid = Vue.user.id
+        commit_data.f_operate_date = Util.toStandardDateString()
+        commit_data.f_state = '有效'
+        commit_data.f_orgid = Vue.user.orgid
+        commit_data.f_orgname = Vue.user.orgs
+        commit_data.f_depid = Vue.user.depids
+        commit_data.f_depname = Vue.user.deps
+        new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/api/af-revenue/logic/saveInsInfo`, { data: commit_data }).then(response => {
+          this.$showMessage('提交成功')
+          this.$back()
+        }).catch(error => {
+          this.$showMessage('提交失败')
+          this.isCommit = false
+        })
+    },
+    changeExpirationDate(){
+      if (this.model.f_ins_start_date && this.model.f_salecount){
+        let factoryDate = new Date(this.model.f_ins_start_date)
+        let scrapDate = new Date(factoryDate)
+        scrapDate.setFullYear(factoryDate.getFullYear() + parseInt(this.model.f_salecount))
+        let year = scrapDate.getFullYear()
+        let month = (scrapDate.getMonth() + 1).toString().padStart(2, '0')
+        let day = scrapDate.getDate().toString().padStart(2, '0')
+        this.model.f_expiration_date = `${year}-${month}-${day}`
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+.mt-5 {
+  margin-top: 5px;
+}
+
+.mt-10 {
+  margin-top: 10px;
+}
+
+.mt-20 {
+  margin-top: 20px;
+}
+
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+}
+
+.app-row-none-border {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+}
+
+.font {
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+
+.show-font {
+  font: 15px PingFang-SC-Medium;
+  color: #333333
+}
+
+.btn-font {
+  font: 600 16px PingFang-SC-Bold;
+  color: #499EDF;
+}
+
+.btn-color {
+  background-color: #FFFFFF;
+  border-radius: 10px;
+  border: 1px solid #499EDF;
+}
+</style>