system-phone 1.4.0 → 3.0.1

package/src/components/PhoneSellInfo.vue

@@ -1,122 +1,123 @@
-<template >
-  <div class="panel panel-default auto repair-info-content">
-    <div class="panel-body">
-      <div class="panel panel-default well" v-for="row in model">
-        <div class="bg-info">
-          <div class="row form-group">
-            <div class="col-xs-12 col-sm-12 col-md-12">
-              <div class="row">
-                <div class="col-xs-6 col-sm-6 col-md-6">
-                  购气量: {{row.f_pregas}}
-                </div>
-                <div class="col-xs-6 col-sm-6 col-md-6">
-                  购气金额: {{row.f_preamount}}
-                </div>
-                <div class="col-xs-6 col-sm-6 col-md-6">
-                  收费状态: {{row.f_charge_state}}
-                </div>
-                <div class="col-xs-6 col-sm-6 col-md-6">
-                  收款: {{row.f_collection}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  缴费方式: {{row.f_payment}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  营业网点: {{row.f_outlets}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  操作员: {{row.f_operator}}
-                </div>
-                <div class="col-xs-12 col-sm-12 col-md-12">
-                  购气时间: {{row.f_delivery_date.substring(0,11)}} {{row.f_delivery_date.substring(11,19)}}
-                </div>
-
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <p v-show="model.length == 0 ">此用户暂无购气记录</p>
-    </div>
-  </div>
-</template>
-
-<script>
-  import { PagedList } from 'vue-client'
-  import co from 'co'
-  export default {
-    title: '查询用户',
-    data () {
-      return {
-        model: [],
-        show: false,
-        row: Object
-      }
-    },
-    props: {
-      user: {
-        type: Object
-      },
-      f_userinfo_id:''
-    },
-    methods: {
-      getmodel () {
-        let userinfoid
-        if(this.f_userinfo_id){
-          userinfoid = this.f_userinfo_id
-        }else{
-          userinfoid = this.user.f_userinfo_id
-          console.log(this.user.f_userinfo_id)
-        }
-        console.log(userinfoid)
-        this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: {items: '*', tablename: 't_sellinggas', orderitem: 'f_delivery_date desc', condition:`f_userinfo_id = '${userinfoid}'`}}).then((row) => {
-          this.model = row.data
-        })
-      },
-      back(){
-
-      }
-    },
-    watch: {
-      'user' (val) {
-        // this.model.search(`card_id = ${this.user.card_id}`)
-        if(this.user){
-          if (!(this.user.isNuN)) {
-            this.model= []
-            this.getmodel()
-          }
-        }
-      },
-      'f_userinfo_id'(){
-        if(this.f_userinfo_id){
-          this.model= []
-          this.getmodel()
-        }
-      }
-    },
-    ready () {
-      if (this.user && this.user.f_userinfo_id) {
-        // this.model.search(`card_id = ${this.user.card_id}`)
-        this.getmodel()
-      }
-      if(this.f_userinfo_id){
-        this.getmodel()
-      }
-    }
-  }
-</script>
-<style>
-  .app-botton {
-    position:fixed;
-    background: #87b2dd;
-    color: #FFF;
-    padding: 8px;
-    text-align: center;
-    font-size: 1.2em;
-    z-index: 10;
-    opacity:0.5;
-    bottom: 50px;
-    margin-top: -10px;
-    height: 40px;
-  }
-</style>
+<template >
+  <div class="panel panel-default auto repair-info-content">
+    <div class="panel-body" v-show="show">
+      <div class="panel panel-default well" v-for="row in model">
+        <div class="bg-info">
+          <div class="row form-group">
+            <div class="col-xs-12 col-sm-12 col-md-12">
+              <div class="row">
+                <div class="col-xs-6 col-sm-6 col-md-6">
+                  购气量: {{row.f_pregas}}
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-6">
+                  购气金额: {{row.f_preamount}}
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-6">
+                  收费状态: {{row.f_state}}
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-6">
+                  收款: {{row.f_collection}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  缴费方式: {{row.f_payment}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  营业网点: {{row.f_depname}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  操作员: {{row.f_operator}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  购气时间: {{row.f_operate_date}}
+                </div>
+
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <p v-show="model.length == 0 ">此用户暂无购气记录</p>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { PagedList } from 'vue-client'
+  import co from 'co'
+  export default {
+    title: '查询用户',
+    data () {
+      return {
+        model: [],
+        show: false,
+        row: Object
+      }
+    },
+    props: {
+      user: {
+        type: Object
+      },
+      f_userinfo_id:''
+    },
+    methods: {
+      getmodel () {
+        let userinfoid
+        if(this.f_userinfo_id){
+          userinfoid = this.f_userinfo_id
+        }else{
+          userinfoid = this.user.f_userinfo_id
+          console.log(this.user.f_userinfo_id)
+        }
+        console.log(userinfoid)
+        this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: {items: '*', tablename: 't_sellinggas', orderitem: 'f_operate_date desc', condition:`f_userinfo_id = '${userinfoid}'`}},{resolveMsg : null,rejectMsg :null}).then((row) => {
+          this.model = row.data
+          this.show=true
+        })
+      },
+      back(){
+
+      }
+    },
+    watch: {
+      'user' (val) {
+        // this.model.search(`card_id = ${this.user.card_id}`)
+        if(this.user){
+          if (!(this.user.isNuN)) {
+            this.model= []
+            this.getmodel()
+          }
+        }
+      },
+      'f_userinfo_id'(){
+        if(this.f_userinfo_id){
+          this.model= []
+          this.getmodel()
+        }
+      }
+    },
+    ready () {
+      if (this.user && this.user.f_userinfo_id) {
+        // this.model.search(`card_id = ${this.user.card_id}`)
+        this.getmodel()
+      }
+      if(this.f_userinfo_id){
+        this.getmodel()
+      }
+    }
+  }
+</script>
+<style>
+  .app-botton {
+    position:fixed;
+    background: #87b2dd;
+    color: #FFF;
+    padding: 8px;
+    text-align: center;
+    font-size: 1.2em;
+    z-index: 10;
+    opacity:0.5;
+    bottom: 50px;
+    margin-top: -10px;
+    height: 40px;
+  }
+</style>

package/src/components/PhoneSellInfoLite.vue

@@ -0,0 +1,112 @@
+<template >
+  <div class="panel panel-default auto repair-info-content">
+    <div class="panel-body">
+      <div class="panel panel-default well" v-for="row in model">
+        <div class="bg-info">
+          <div class="row form-group">
+            <div class="col-xs-12 col-sm-12 col-md-12">
+              <div class="row">
+                <div class="col-xs-6 col-sm-6 col-md-6">
+                  购气量: {{row.f_pregas}}
+                </div>
+                <div class="col-xs-6 col-sm-6 col-md-6">
+                  购气金额: {{row.f_preamount}}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  购气时间: {{row.f_delivery_date.substring(0,11)}} {{row.f_delivery_date.substring(11,19)}}
+                </div>
+
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <p v-show="model.length == 0 && noExp ">此用户暂无购气记录</p>
+      <p v-show="model.length == 0 && !noExp ">{{expMsg}}</p>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { PagedList } from 'vue-client'
+  import co from 'co'
+  export default {
+    title: '查询用户',
+    data () {
+      return {
+        model: [],
+        show: false,
+        row: Object,
+        noExp: false,
+        expMsg: '查询中......'
+      }
+    },
+    props: {
+      user: {
+        type: Object
+      },
+      f_userinfo_id:''
+    },
+    methods: {
+      getmodel () {
+        let userinfoid
+        if(this.f_userinfo_id){
+          userinfoid = this.f_userinfo_id
+        }else{
+          userinfoid = this.user.f_userinfo_id
+          console.log(this.user.f_userinfo_id)
+        }
+        console.log(userinfoid)
+        this.noExp = false
+        this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: {items: '*', tablename: 't_sellinggas', orderitem: 'f_delivery_date desc', condition:`f_userinfo_id = '${userinfoid}'`}}).then((row) => {
+          this.model = row.data
+          this.noExp = true
+        })
+      },
+      back(){
+
+      }
+    },
+    watch: {
+      'user' (val) {
+        // this.model.search(`card_id = ${this.user.card_id}`)
+        if(this.user){
+          if (!(this.user.isNuN)) {
+            this.model= []
+            this.getmodel()
+          }
+        }
+      },
+      'f_userinfo_id'(){
+        if(this.f_userinfo_id){
+          this.model= []
+          this.getmodel()
+        }
+      }
+    },
+    ready () {
+      if (this.user && this.user.f_userinfo_id) {
+        // this.model.search(`card_id = ${this.user.card_id}`)
+        this.getmodel()
+      }
+      if(this.f_userinfo_id){
+        this.getmodel()
+      }
+    }
+  }
+</script>
+<style>
+  .app-botton {
+    position:fixed;
+    background: #87b2dd;
+    color: #FFF;
+    padding: 8px;
+    text-align: center;
+    font-size: 1.2em;
+    z-index: 10;
+    opacity:0.5;
+    bottom: 50px;
+    margin-top: -10px;
+    height: 40px;
+  }
+</style>

package/src/components/PhoneUser.vue

@@ -0,0 +1,202 @@
+<template>
+  <div class="container">
+    <div class="row" >
+      <div class="col-sm-12 col-xs-12" style="height: auto" >
+        <input  class="form-control"  type="text" v-model="model.selectVal" placeholder="点击搜索按钮筛选"/>
+      </div>
+      <!--用户的显示-->
+      <div class="col-sm-11 col-xs-11" v-show="!show">
+      <span v-for="dd in beginarray">
+        <a  name="{{dd}}" v-if="zz(dd)">
+       <p class="bq">{{dd}}</p>
+    </a>
+      <a name="#" v-if="sz(dd)">
+       <p class="bq">#</p>
+    </a>
+    <ul class="list-unstyled" v-for="user in beginarrayss">
+      <tr>
+      <li v-if="user.PY===dd" @click.prevent="confirm(user)">
+        &nbsp&nbsp
+        <img src="../image/touxiang.jpg">
+        <strong id="name">{{user.name}}</strong>
+        <hr>
+      </li>
+      </tr>
+    </ul>
+        </span>
+      </div>
+      <!--根据首字母查找-->
+      <div class="col-sm-1 col-xs-1" id="inlineZM" v-show="!show">
+      <span v-for="cc in beginarrays">
+        <a id="a" href="#{{cc}}" >{{cc}}</a><br>
+      </span>
+      </div>
+      <div class="col-sm-11 col-xs-11" v-if="show">
+      <span v-for="dd in quchong()">
+        <a  name="{{dd}}" v-if="zz(dd)">
+       <p class="bq">{{dd}}</p>
+    </a>
+      <a name="#" v-if="sz(dd)">
+       <p class="bq">#</p>
+    </a>
+    <ul class="list-unstyled" v-for="user in model.like">
+      <tr>
+      <li v-if="user.PY===dd" @click.prevent="confirm(user)">
+        &nbsp&nbsp
+        <img src="../image/touxiang.jpg">
+        <strong id="name">{{user.name}}</strong>
+        <hr>
+      </li>
+      </tr>
+    </ul>
+        </span>
+      </div>
+      <!--根据首字母查找-->
+      <div class="col-sm-1 col-xs-1" id="inlineZM" v-if="show">
+      <span v-for="cc in model.db">
+        <a id="a" href="#{{cc}}" >{{cc}}</a><br>
+      </span>
+      </div>
+
+    </div>
+  </div>
+</template>
+<script type="module">
+  import Vue from 'vue'
+  import pinyin from '../plugins/vue-py'
+
+  export default {
+    title: '展示客户信息',
+    data () {
+      return {
+        show:false,
+        beginarray:'',
+        beginarrays:'',
+        beginarrayss:'',
+        model: {
+          pp: [],
+          db: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q',
+            'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '#'],
+          like: [],
+          data: [
+            {name: '张三', phone: '12321354213', userid: '11670', nickName: 'Z', img: '../assets/安检导航竖屏.png'},
+            {name: '李四', phone: '12341231114', userid: '11671', nickName: 'L', img: '../asss/安检导航竖屏1.png'},
+            {name: '王五', phone: '12345512345', userid: '11672', nickName: 'W', img: '../assets/安检导航竖屏2.png'}],
+          selectVal: ''//关键字
+        }
+      }
+    },
+    methods: {
+      sz (dd) {
+        let m = /[0-9]/.test(dd)
+        if (m) {
+          return true
+        } else {
+          return false
+        }
+      },
+      zz (dd) {
+        let m = /[a-zA-Z]/.test(dd)
+        if (m) {
+          return true
+        } else {
+          return false
+        }
+      },
+      confirm (user) {
+        let phone = 1122334455
+        this.$goto('phone-user-detil', {row: user, repair: phone})
+      },
+      search: function () {//搜索
+        this.model.like = []
+        let likename = this.model.selectVal
+        let name = this.model.data
+        if (likename){
+          for (let i = 0; i < name.length; i++) {
+            if (name[i].name.indexOf(likename) >= 0) {
+              this.model.like.push(name[i])
+              console.log(this.model.like)
+            }
+          }
+        }else{
+          this.model.like = name
+        }
+      },
+      quchong () {
+        return Array.from(new Set(this.model.pp)).sort()
+      }
+    },
+    ready () {
+      this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/search`, {
+        data: {
+          source: 'this.getParentByType($organization$).getSpecialResByType($user$)',
+          userid: Vue.user.id
+        }
+      }).then((res) => {
+        console.log(res.data)
+        this.model.data = res.data
+        this.model.like = res.data
+        for (let i = 0; i < this.model.like.length; i++) {
+          this.model.like[i].PY = pinyin.chineseToPinYin(this.model.like[i].name).charAt(0).toUpperCase()
+          this.model.pp.push(this.model.like[i].PY)
+        }
+        this.beginarray=Object.assign([],this.quchong())
+        console.log(this.beginarray)
+
+        this.beginarrays=Object.assign([],this.model.db)
+        this.beginarrayss=Object.assign([],this.model.like)
+        console.log(this.beginarrays)
+      })
+    },
+    watch: {
+      'model.selectVal'(val){
+        console.log("999999999")
+        console.log((val))
+          if (val){
+            this.search()
+            this.show=true
+            console.log("22222")
+
+          }else {
+            this.show=false
+            console.log("33333")
+            console.log(this.beginarray)
+            console.log(this.quchong())
+            console.log(this.beginarrays)
+            console.log(this.model.db)
+          }
+
+      }
+    }
+  }
+</script>
+<style scoped>
+  img {
+    height: 15px;
+    weight: 22%;
+  }
+
+  #inlineZM {
+    text-align: center;
+    position: fixed;
+    right: 2%;
+    top: 7%;
+  }
+
+  ul {
+    color: #5bc0de;
+    left: 1%;
+  }
+
+  li {
+    list-style-type: none;
+
+  }
+
+  .bq {
+    background-color: #dde2e5;
+  }
+</style>
+
+
+

package/src/components/PhoneUserDetil.vue

@@ -0,0 +1,70 @@
+<template xmlns:v-bond="http://www.w3.org/1999/html">
+  <div>
+    <form align="center">
+      <h3 align="center">通讯录</h3>
+      <img class="touxiang" src="../image/touxiang.jpg"><br/>
+      <h5 align="center">{{ model.data.name }}</h5>
+      <p> &nbsp&nbsp手机:</p>
+      <hr>
+      <p> &nbsp&nbsp{{ model.data.phone }}<img src="../assets/phone.png" align="right"
+                                            @click.stop.prevent='makeAPhoneCall(model.data.phone)'>&nbsp&nbsp</p>
+      <hr>
+      <p> &nbsp&nbsp紧急联系人:</p>
+      <hr>
+      <p> &nbsp&nbsp{{ model.data.accesstime }}<img src="../assets/phone.png" align="right">&nbsp&nbsp</p>
+      <hr>
+      <p> &nbsp&nbsp岗位服务:<span>{{ model.data.rolestr(1) }}&nbsp&nbsp</span></p><br/>
+      <hr>
+      <p> &nbsp&nbsp电子邮箱:<span align="right">{{ model.data.loginip }}&nbsp&nbsp</span></p><br/>
+      <hr>
+      <p> &nbsp&nbsp所属公司:<span align="right">{{ model.data.f_department_name }}&nbsp&nbsp</span></p><br/>
+      <hr>
+      <p> &nbsp&nbsp所属部门:<span al ign="right">{{ model.data.state }}&nbsp&nbsp</span></p><br/>
+    </form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PhoneUserDetil',
+  title: '展示客户信息详情',
+  data () {
+    return {
+      model: {
+        data: [
+          {
+            name: '周杰伦', phone: '123', ectt: '123', JobSe: '待定', email: '1235@aqw.com', img: '../assets/安检导航竖屏.png'
+            , office: '梁平区聚源有限公司', depment: '安全运营部'
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    makeAPhoneCall (phoneNumber) {
+      alert('将要拨通的号码为:'+phoneNumber)
+      this.$androidUtil.makeAPhoneCall(phoneNumber)
+    }
+  },
+  ready () {
+    console.log(this.row)
+    this.model.data = this.row
+    this.model.data.phone=12345
+  }
+}
+</script>
+
+<style scoped>
+.touxiang {
+  width: 30%;
+  height: 30%;
+}
+
+p {
+  text-align: left;
+}
+
+span {
+  float: right;
+}
+</style>