safecheck-client 3.0.34-gongyi → 3.0.35-2

package/src/components/android/ImgSelfAndroid.vue

@@ -0,0 +1,181 @@
+<template>
+  <div>
+    <img :src="src" :alt="alt" @click="open()"   :width="width" :height="height"title="点击查看图片" :id="'vc-imgself-img-'+attach">
+    <div class="full-img" v-if="show">
+      <div @click="on"  draggable="false" >
+        <img :src="src" id="image" alt="" style="width: 100%" class="img-state" :alt="alt || ''">
+      </div>
+      <div class="btns">
+        <button type="button" name="button" class="btn btn-primary" @click="close()" :id="'vc-imgself-close-'+attach">关闭</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import $ from 'jquery'
+
+
+  export default {
+    props: {
+      src: {
+        type: String
+      },
+      width: {
+        default: 60
+      },
+      height: {
+        default: 60
+      },
+      alt: {
+        default: '图片加载失败'
+      },
+      attach: {
+        type: String,
+        default: 'name'
+      }
+    },
+    data () {
+      return {
+        show: false,
+        deg: 0,
+        power: 1
+      }
+    },
+    methods: {
+      open () {
+        this.deg = 0
+        this.power = 0.5
+        this.show = true
+      },
+      close () {
+        this.show = false
+      },
+      on(){
+        $(function (){
+          let result = {}
+          var eleImg = document.querySelector('#image');
+          var store = {
+            scale: 1
+          };
+          // 缩放处理
+          eleImg.addEventListener('touchstart', function (event) {
+            var touches = event.touches;
+            var events = touches[0];
+            var events2 = touches[1];
+
+            var x = eleImg.offsetLeft;
+            var y = eleImg.offsetTop;
+
+            if (!events) {
+              return;
+            }
+            event.preventDefault();
+            // 第一个触摸点的坐标
+            store.pageX = events.pageX;
+            store.pageY = events.pageY;
+            store.x = x;
+            store.y = y;
+            store.moveable = true;
+            if (events2) {
+              store.pageX2 = events2.pageX;
+              store.pageY2 = events2.pageY;
+            }
+            store.originScale = store.scale || 1;
+          },{ passive: false });
+          document.addEventListener('touchmove', function (event) {
+            if (!store.moveable) {
+              return;
+            }
+            event.preventDefault();
+            var touches = event.touches;
+            var events = touches[0];
+            var events2 = touches[1];
+            result.textContent = '触摸点数量：' + touches.length;
+            if (events2) {
+              if (!store.pageX2) {
+                store.pageX2 = events2.pageX;
+              }
+              if (!store.pageY2) {
+                store.pageY2 = events2.pageY;
+              }
+              var getDistance = function (start, stop) {
+                return Math.hypot(stop.x - start.x, stop.y - start.y);
+              };
+              var zoom = getDistance({
+                  x: events.pageX,
+                  y: events.pageY
+                }, {
+                  x: events2.pageX,
+                  y: events2.pageY
+                }) /
+                getDistance({
+                  x: store.pageX,
+                  y: store.pageY
+                }, {
+                  x: store.pageX2,
+                  y: store.pageY2
+                });
+              var newScale = store.originScale * zoom;
+              if (newScale > 4) {
+                newScale = 4;
+              }
+              store.scale = newScale;
+              eleImg.style.transform = 'scale('+ newScale +')';
+              result.textContent = 'zoom: '+ zoom + ', apply scale: ' + newScale;
+            }else{
+              var moveX = events.pageX - store.pageX;
+              var moveY = events.pageY - store.pageY;
+              var imagetop = store.x + moveX;
+              var imageleft = store.y + moveY;
+              eleImg.style.transform = `translate(${imagetop}px, ${imageleft}px) scale(${store.scale})`;
+            }
+          },{ passive: false });
+
+          document.addEventListener('touchend', function () {
+            store.moveable = false;
+
+            delete store.pageX2;
+            delete store.pageY2;
+          },{ passive: false });
+          document.addEventListener('touchcancel', function () {
+            store.moveable = false;
+            delete store.pageX2;
+            delete store.pageY2;
+          },{ passive: false });
+        });
+      }
+
+    },
+    ready(){
+    }
+  }
+</script>
+<style media="screen">
+  .full-img {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 20;
+    background: rgba(0,0,0,0.8);
+    display: flex;
+    overflow: auto;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    color: #fff;
+  }
+  .btns {
+    position: fixed;
+    bottom: 100px;
+    height: auto;
+  }
+  .btns button {
+    margin-right: 20px;
+  }
+  .img-state {
+
+  }
+</style>

package/src/components/android/Insurance/PhoneInsuranceManage.vue

@@ -0,0 +1,44 @@
+<template>
+  <div>
+    <tab-button v-ref:list :active="0">
+      <tabs header="保险登记">
+        <phone-insurance-purchase></phone-insurance-purchase>
+      </tabs>
+      <tabs header="保险记录">
+        <phone-insurance-record-list></phone-insurance-record-list>
+      </tabs>
+    </tab-button>
+  </div>
+</template>
+
+<script>
+  import TabButton from './TabButton.vue'
+  import Tabs from './Tabs.vue'
+
+  export default {
+    title: '保险管理',
+    data() {
+      return {
+        // 页面开关
+        f_start_date: '',
+        f_end_date: '',
+        listpage: true,
+        width: {
+          left: '100%',
+          right: '0%'
+        },
+        rowData: {},
+        show: [],
+      }
+    },
+    components: { Tabs, TabButton },
+    ready() {
+    },
+    methods: {
+      cancel(obj) {
+        this.listpage = true
+      }
+    }
+  }
+</script>
+<style></style>

package/src/components/android/Insurance/PhoneInsurancePurchase.vue

@@ -0,0 +1,282 @@
+<template>
+  <div class="auto">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+        <div partial>
+          <form>
+            <div class="row app-row">
+              <div class="col-xs-5" style="margin-bottom: 6px">
+                <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <span class="text-left font">客户编号</span>
+              </div>
+              <div class="col-xs-7">
+                <input class="form-control" v-model="model.f_userinfo_code" placeholder="请输入客户编号"
+                       condition="f_userinfo_code = '{}'" />
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-5" style="margin-bottom: 6px">
+                <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <span class="text-left font">客户姓名</span>
+              </div>
+              <div class="col-xs-7">
+                <input type="text" class="form-control" v-model="model.f_user_name" placeholder="请输入客户姓名"
+                       condition="f_user_name like '%{}%'" />
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-5" style="margin-bottom: 6px">
+                <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <span class="text-left font">客户电话</span>
+              </div>
+              <div class="col-xs-7">
+                <input type="text" class="form-control" v-model="model.f_user_phone" placeholder="请输入客户电话"
+                       condition="f_user_phone like '%{}%'" />
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-5" style="margin-bottom: 6px">
+                <img src="../../../assets/add.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <span class="text-left font">客户地址</span>
+              </div>
+              <div class="col-xs-7">
+                <input type="text" class="form-control" v-model="model.f_address" placeholder="请输入客户地址"
+                       condition="f_address like '%{}%'" />
+              </div>
+            </div>
+            <div class="row text-center app-row">
+              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
+                      @click="$parent.$parent.search()">查询
+              </button>
+              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
+                      @click="$parent.$parent.clearCondition">清空
+              </button>
+            </div>
+          </form>
+        </div>
+
+      </criteria>
+      <list :model="model" partial='list'>
+        <div partial>
+          <div class="panel" style="padding: 10px 10px 5px 10px;">
+            <div class="panel-body panel-self" @click="$parent.$parent.$parent.inspect(row)">
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">客户编号:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_userinfo_code }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">客户名称:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_user_name }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">客户地址:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_address }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">客户电话:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_user_phone }}</p>
+              </div>
+              <div class="row">
+                <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
+                        @click="$parent.$parent.$parent.inspect(row)">去登记
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </list>
+    </criteria-paged>
+  </div>
+</template>
+<script>
+
+
+  import { HttpResetClass, PagedList } from 'vue-client'
+  export default {
+    title: '保险登记',
+    data() {
+      return {
+        model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/getInsuranceList`, 20,
+          {
+            sort: `'asc'`
+          }
+        ),
+        orderFields: {
+          f_book_name: 'asc'
+        },
+        isShowRealityArrears: false,
+        criteriaShow: false,
+        booknames: [],//表册名
+        show: false
+      }
+    },
+    async ready() {
+      await getInitDate(this)
+    },
+    methods: {
+      switchPage(type) {
+        if (type === 'last' && this.currentPage > 1) {
+          this.currentPage--
+          this.search()
+          return
+        }
+        if (type === 'next' && this.currentPage < this.totalPage) {
+          this.currentPage++
+          this.search()
+          return
+        }
+      },
+      // 返回到抄表待办界面，主动刷新一次
+      clearCondition() {
+        Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
+          this.$refs.paged.$refs.cri.model[key] = []
+        })
+        this.$refs.paged.$refs.cri.model['f_meter_classify'] = ''
+      },
+      hidden() {
+        this.criteriaShow = !this.criteriaShow
+      },
+      async selfSearch(args) {
+
+        await this.model.search(args.condition, args.model)
+      },
+      search() {
+        this.$refs.paged.$refs.cri.search()
+      },
+      inspect(param) {
+        var propData = {
+          _this: this,
+          title: '保险登记详情',
+          safe: false
+        }
+        param.tabname = this.tabname
+        this.$dispatch('gotoson', propData)
+        this.$goto('phone-insurance-purchase-detail', { data: param, model: param }, 'self', this.search)
+      }
+    },
+    events: {
+      'select'(val) {
+        val.model = this.model
+        this.$dispatch('changepage', val, 'save')
+      },
+      'phonehand-success'(type) {
+        this.search()
+      }
+    },
+    watch: {
+      'currentPage'(val) {
+        if (this.currentPage !== val) {
+          this.search()
+        }
+      },
+      'tabname'() {
+
+      },
+      'model.f_userinfo_id'(val) {
+        if (val === '') {
+          this.search()
+        }
+      }
+    }
+  }
+</script>
+<style>
+  .bg {
+    background-color: blue;
+    height: 1px;
+    border: 0;
+  }
+
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+  }
+
+  .search_input {
+    border: 0;
+    outline: none;
+  }
+
+  .font {
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+
+  .input-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;
+  }
+
+  .app-text {
+    font-size: 12px;
+  }
+
+  .panel-self {
+    border-radius: 10px;
+    border: 1px solid #499EDF;
+    background-color: #F8F8F8;
+  }
+
+  .yybtn-color {
+    background-color: #499edf;
+    border-radius: 4px;
+    border: 1px solid #499EDF;
+    color: #FFFFFF;
+    font: 14px PingFang-SC-Bold;
+  }
+
+  .qxbtn-color {
+    background-color: #FFFFFF;
+    border-radius: 4px;
+    color: #499edf;
+    font: 14px PingFang-SC-Bold;
+    border: 1px solid #499EDF;
+  }
+
+  .sort-caret {
+    display: inline-block;
+    width: 0;
+    height: 0;
+    border: 0;
+    content: "";
+    position: absolute;
+    left: 3px;
+    z-index: 2;
+  }
+
+  .descending {
+    bottom: -30px;
+    border-top: 5px solid #97a8be;
+    border-bottom: none;
+    border-right: 5px solid transparent;
+    border-left: 5px solid transparent;
+  }
+
+  .ascending {
+    border-right: 5px solid transparent;
+    border-left: 5px solid transparent;
+    top: 9px;
+    border-top: none;
+    border-bottom: 5px solid #97a8be;
+  }
+
+  .ascend .ascending {
+    border-bottom-color: #48576a;
+  }
+
+  .descend .descending {
+    border-top-color: #48576a;
+  }
+</style>