system-phone 1.2.141 → 1.3.1-zk

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "system-phone",
-  "version": "1.2.141",
+  "version": "1.3.1-zk",
   "description": "手机模块 前端组件",
   "author": "何宁社 <524395609@qq.com>",
   "license": "ISC",

package/src/components/AttendManage.vue

@@ -1,420 +1,420 @@
-<template>
-  <div class="nav-bgcolor">
-    <div class="auto">
-      <div class="row nav-bgcolor" >
-        <div class="col-xs-6  manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name)">
-          <img class="imgs" :src="imgback(tab.name)">
-          <div class="badge"
-          v-show="isshowTag&&tab.num&&tab.num>0"
-          ><div class="badge-content">{{tab.num>99?'99+':tab.num}}</div></div>
-          <p></p>
-          <p class="pagesfoot">{{tab.name}}</p>
-
-          <!--<p class="pagesfoot">{{tab.name}}&nbsp;{{tab.icon}}</p>-->
-          <p></p>
-        </div>
-      </div>
-      <!--<div class="row" style="overflow:auto;">-->
-        <!--<repair-first v-show="componentName == 'repair-first'" worktype="报修单"  :sourcet="sourcet" tabname="维修待办" v-on:changesum="changesum"></repair-first>-->
-        <!--<zhihuan-first v-show="componentName == 'zhihuan-first'" worktype="置换通气单"  :sourcet="sourcet" tabname="置换待办" v-on:changesum="changesum"></zhihuan-first>-->
-      <!--</div>-->
-    </div>
-    <validator name="v">
-      <modal
-        v-if="showModal"
-        :show.sync="showModal"
-        backdrop="false"
-        title="工程类型"
-        cancel-text="取消"
-        ok-text="确认"
-        :callback="apply"
-      >
-        <div class="form-horizontal" slot="modal-body">
-          <div class="row form-group app-input" style="margin: 10px auto">
-            <label class="">报建类型：</label>
-            <div class="col-sm-8">
-              <v-select
-                v-model="applyType"
-                placeholder='请选择需要发起的工程类型'
-                :value.sync="applyType"
-                :options='applyTypes'
-                :value-single="true"
-                class="select select_list"
-                :search="false"
-                close-on-select ></v-select>
-            </div>
-          </div>
-        </div>
-      </modal>
-    </validator>
-  </div>
-</template>
-
-<script scoped>
-  import Vue from 'vue'
-  import  * as Util from '../Util'
-  import {HttpResetClass} from "vue-client";
-  export default {
-    title: '待办工作导航',
-     data() {
-      return {
-        titleName: '待办工作',
-        showModal: false,
-        isMenu: true,
-        isshowTag:false,
-        tabs: [],
-        text: '导航组件this',
-        beforeName: '待办工作',
-        componentName: 'repair-first',
-        sourcet: '竖屏',
-        applyType: '',  // 报建类型
-        // applyTypes:this.$appdata.getParam("手机报建类型"),
-        applyTypes: [{label: '散户报建', value: '散户报建'}, {label: '工商户报建', value: '工商户报建'}, {
-          label: '团购报建',
-          value: '团购报建'
-        }, {label: '改管报建', value: '改管报建'}, {label: '增容报建', value: '增容报建'}, {
-          label: '退款报建',
-          value: '退款报建'
-        }, {label: '团购转散户', value: '团购转散户'}, {label: '报警器报建', value: '报警器报建'}, {label: '工商业报警器报建', value: '工商业报警器报建'}],
-
-      }
-    },
-    ready () {
-      // this.getModelSum()
-      if(Vue.config.telephone&&Vue.config.telephone.TipConfig&&Vue.config.telephone.TipConfig.data){
-        this.isshowTag = true
-        this.getTabs()
-      }else{
-        this.getNoTagTabs()
-      }
-
-    },
-
-    methods: {
-      click (row) {
-        row.laiyuan='工程发起'
-        let _this = this
-        this.$dispatch('gotoson', {
-          _this: _this,
-          title: row.defname,
-          safe: true
-        })
-        this.$goto('app-service-control', {selectdata: row})
-      },
-      async getProcessId(processname) {
-        let data = {
-          workname: processname
-        }
-        let http = new HttpResetClass()
-        let res = await http.load(
-          'POST',
-          `${this.$androidUtil.getProxyUrl()}/rs/logic/getProcessId`,
-          {data: data},
-          {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
-        )
-
-        return res.data
-      },
-      async apply () {
-        if (this.applyType === '' || this.applyType === null) {
-          this.$showAlert('请选择需要发起的类型', 'warning', 3000)
-          return
-        }
-        let data = {
-          f_apply_type: this.applyType
-        }
-        if (this.applyType === '散户报建') {
-          data.processname = '散户报建流程'
-          data.defname = '报装申请'
-        } else if (this.applyType === '工商户报建') {
-          data.processname = '工商户报建流程'
-          data.defname = '报装申请'
-        } else if (this.applyType === '改管报建') {
-          data.processname = '改管报建流程'
-          data.defname = '报装申请'
-        } else if (this.applyType === '增容报建') {
-          data.processname = '增容报建流程'
-          data.defname = '报装申请'
-        } else if (this.applyType === '团购报建') {
-          data.processname = '团购报建流程'
-          data.defname = '报装申请'
-        } else if (this.applyType === '退款报建') {
-          data.processname = '退款报建流程'
-          data.defname = '终止报建'
-        } else if (this.applyType === '团购转散户') {
-          data.processname = '团购转散户报建流程'
-          data.defname = '信息确认'
-        }else if (this.applyType === '报警器报建') {
-          data.processname = '报警器报建流程'
-          data.defname = '报装申请'
-        }else if (this.applyType === '工商业报警器报建') {
-          data.processname = '工商业报警器报建流程'
-          data.defname = '报装申请'
-        } else {
-          this.$showMessage('暂无此类报装')
-          return
-        }
-
-        data.f_sub_state = "新增"
-        data.f_apply_source = "线下发起"
-        data.f_process_id = await this.getProcessId(data.processname)
-
-        // 调用ExplorationUser事件
-
-        this.click(data)
-        this.applyType = null
-        this.showModal = false
-      },
-      // 查询本地所有待办
-      getModelSum(){
-        for(var i = 0;i<this.tabs.length;i++){
-          if(this.tabs[i].link == 'zhihuan-first' ){
-            this.getZhihuan()
-          }
-          if(this.tabs[i].link == 'repair-first' ){
-            this.getRepair()
-          }
-          if(this.tabs[i].link == 'current-create' ){
-            this.getSafeCheck()
-          }
-        }
-
-      },
-      getRepair(){
-        var _this = this;
-        this.timeoutRepair = window.setInterval(function() {
-          let result = _this.$androidUtil.path({'alias':`getServiceMobile`,'data':{condition:'1 = 1'}})
-          if (result.code === 200) {
-            console.log('查询得到的代办2' + JSON.stringify(result))
-            var crv = {
-              title: '维修待办',
-              sum: result.data.length
-            }
-            _this.changesum(crv)
-          }
-        }, 6000)
-      },
-      getSafeCheck(){
-        var _this = this;
-        this.timeoutRepair = window.setInterval(function() {
-          let result = _this.$androidUtil.path({'alias':`safecheckGetServiceMobile`,'data':{condition:'1 = 1'}})
-          if (result.code === 200) {
-            console.log('查询得到的安检代办' + JSON.stringify(result))
-            var crv = {
-              title: '安检待办',
-              sum: result.data.length
-            }
-            _this.changesum(crv)
-          }
-        }, 6000)
-      },
-      getZhihuan(){
-        var _this = this;
-        this.timeoutZhihuan = window.setInterval(function() {
-          let result = _this.$androidUtil.path({'alias':`getSubstitMobile`,'data':{condition:'1 = 1'}})
-          if (result.code === 200) {
-            console.log('查询得到的代办2' + JSON.stringify(result))
-            var crv = {
-              title: '置换待办',
-              sum: result.data.length
-            }
-            _this.changesum(crv)
-          }
-        }, 6000)
-      },
-      changesum(titdata){
-        for(var i = 0;i<this.tabs.length;i++){
-          if(this.tabs[i].name == titdata.title){
-            this.tabs[i].icon = titdata.sum + '单'
-            console.log(JSON.stringify(this.tabs[i].icon))
-            return
-          }
-        }
-      },
-      getNoTagTabs(){
-        for(let funs in Vue.functions){
-          if(Vue.functions[funs].link == 'attend-manage'){
-            this.$set('tabs',Vue.functions[funs].children)
-          }
-        }
-      },
-      async getTabs(){
-        const config = Vue.config.telephone.TipConfig.data
-        const user = Vue.user
-        console.log("Vue.android"+Vue.android)
-        if(Vue.android){
-          const result = this.$androidUtil.syncBzLogic("TipConfig",{data:{config,user}})
-          if(result.code === 200){
-            for(let funs in Vue.functions){
-              if(Vue.functions[funs].link == 'attend-manage'){
-                Vue.functions[funs].children.forEach(res=>{
-                  console.log(res)
-                  result.result.forEach(ress=>{
-                    if(res.link === ress.link){
-                      res.num=ress.num
-                    }
-                  })
-                })
-                this.$set('tabs',Vue.functions[funs].children)
-              }
-            }
-          }else{
-            for(let funs in Vue.functions){
-              if(Vue.functions[funs].link == 'attend-manage'){
-                this.$set('tabs',Vue.functions[funs].children)
-              }
-            }
-          }
-        }else{
-          const result = {"code":200,"result":[{"link":"repair-first","num":50},{"link":"current-create","num":30}]}
-          if(result.code === 200){
-            for(let funs in Vue.functions){
-              if(Vue.functions[funs].link == 'attend-manage'){
-                Vue.functions[funs].children.forEach(res=>{
-                  console.log(res)
-                  result.result.forEach(ress=>{
-                    if(res.link === ress.link){
-                      res.num=ress.num
-                    }
-                  })
-                })
-                this.$set('tabs',Vue.functions[funs].children)
-              }
-            }
-          }else{
-
-          }
-
-        }
-
-      },
-      imgback(val){
-        return require('../assets/'+val+'.png')
-      },
-      // 返回主界面
-      back(){
-        this.titleName = '主界面'
-        this.isMenu = true
-
-      },
-      gotopage(param,title) {
-        if(title === '工程发起'){
-            this.showModal = !this.showModal
-        }else{
-          console.log('进入子组件')
-          var prpdata = {
-            _this:this,
-            title:title,
-            safe:false
-          }
-          this.$dispatch('gotoson',prpdata)
-          this.$goto(param,{sourcet:'竖屏',tabname:title})
-        }
-      },
-      mute () {
-        HostApp.mute()
-      }
-    },
-  }
-</script>
-<style lang="less">
-.badge-content{
-  color: #fff;
-  box-sizing: border-box;
-  min-width: 8px;
-  font-size: 9px;
-  line-height: 12px;
-  white-space: nowrap;
-  font-weight: 400;
-  text-align: center;
-}
-.badge{
-  top: 6px;
-  position: absolute;
-  max-height: 13px;
-  min-height: 8px;
-  //transform: translate(50%,-50%);
-  right:0;
-  display: inline-flex;
-  vertical-align: middle;
-  box-sizing: content-box;
-  border-radius: 100px;
-  background-color: red;
-}
-.app-input {
-  label {
-    float: left;
-  }
-  .select {
-    button {
-      border: none;
-      outline: none;
-      text-align: left;
-      .btn-placeholder {
-        color: #ACA899
-      }
-    }
-  }
-  .datepicker {
-    .form-control:focus {
-      border: none!important;
-      outline: none!important;
-      -webkit-box-shadow: none;
-      box-shadow: none;
-    }
-  }
-}
-  .tab-befor-img  {
-    content: '';
-    background-size: 30px;
-    display: inline-block;
-    margin-right: 8px;
-    height: 30px;
-    width: 30px;
-    vertical-align: -35%;
-  }
-  .pageskuang{
-    vertical-align:middle;
-    display:table-cell;
-    width: 32%;
-    top:-50%;
-    margin-top: 1%;
-    margin-left: 1%;
-    border:1px solid #e3e3e3;
-    text-align: center;
-    background-color: #ffffff;
-  }
-  .pgesfoot{
-    font-size: 14px;
-    color: #666666;
-    /*    font-family: "Pingfhs";*/
-  }
-  .imgs{
-    width: 35px;
-    margin-top: 15px;
-  }
-  .pages-bgcolor{
-    text-align: center;
-    background-color: #f0f0ef;
-  }
-  img[src=""],img:not([src]){
-    opacity: 0;
-    border:none;
-    visibility: hidden;
-    max-width: none;
-  }
-
-  .manbiankuang{
-    width: 44%;
-    margin-top: 15px;
-    margin-left: 4%;
-    border:1px solid #e3e3e3;
-    border-radius:10px 10px 10px 10px;
-    text-align: center;
-    background-color: #ffffff;
-  }
-
-  .nav-bgcolor{
-    background-color: #ffffff;
-  }
-</style>
+<template>
+  <div class="nav-bgcolor">
+    <div class="auto">
+      <div class="row nav-bgcolor" >
+        <div class="col-xs-6  manbiankuang" v-for="tab in tabs" @click="gotopage(tab.link,tab.name)">
+          <img class="imgs" :src="imgback(tab.name)">
+          <div class="badge"
+          v-show="isshowTag&&tab.num&&tab.num>0"
+          ><div class="badge-content">{{tab.num>99?'99+':tab.num}}</div></div>
+          <p></p>
+          <p class="pagesfoot">{{tab.name}}</p>
+
+          <!--<p class="pagesfoot">{{tab.name}}&nbsp;{{tab.icon}}</p>-->
+          <p></p>
+        </div>
+      </div>
+      <!--<div class="row" style="overflow:auto;">-->
+        <!--<repair-first v-show="componentName == 'repair-first'" worktype="报修单"  :sourcet="sourcet" tabname="维修待办" v-on:changesum="changesum"></repair-first>-->
+        <!--<zhihuan-first v-show="componentName == 'zhihuan-first'" worktype="置换通气单"  :sourcet="sourcet" tabname="置换待办" v-on:changesum="changesum"></zhihuan-first>-->
+      <!--</div>-->
+    </div>
+    <validator name="v">
+      <modal
+        v-if="showModal"
+        :show.sync="showModal"
+        backdrop="false"
+        title="工程类型"
+        cancel-text="取消"
+        ok-text="确认"
+        :callback="apply"
+      >
+        <div class="form-horizontal" slot="modal-body">
+          <div class="row form-group app-input" style="margin: 10px auto">
+            <label class="">报建类型：</label>
+            <div class="col-sm-8">
+              <v-select
+                v-model="applyType"
+                placeholder='请选择需要发起的工程类型'
+                :value.sync="applyType"
+                :options='applyTypes'
+                :value-single="true"
+                class="select select_list"
+                :search="false"
+                close-on-select ></v-select>
+            </div>
+          </div>
+        </div>
+      </modal>
+    </validator>
+  </div>
+</template>
+
+<script scoped>
+  import Vue from 'vue'
+  import  * as Util from '../Util'
+  import {HttpResetClass} from "vue-client";
+  export default {
+    title: '待办工作导航',
+     data() {
+      return {
+        titleName: '待办工作',
+        showModal: false,
+        isMenu: true,
+        isshowTag:false,
+        tabs: [],
+        text: '导航组件this',
+        beforeName: '待办工作',
+        componentName: 'repair-first',
+        sourcet: '竖屏',
+        applyType: '',  // 报建类型
+        // applyTypes:this.$appdata.getParam("手机报建类型"),
+        applyTypes: [{label: '散户报建', value: '散户报建'}, {label: '工商户报建', value: '工商户报建'}, {
+          label: '团购报建',
+          value: '团购报建'
+        }, {label: '改管报建', value: '改管报建'}, {label: '增容报建', value: '增容报建'}, {
+          label: '退款报建',
+          value: '退款报建'
+        }, {label: '团购转散户', value: '团购转散户'}, {label: '报警器报建', value: '报警器报建'}, {label: '工商业报警器报建', value: '工商业报警器报建'}],
+
+      }
+    },
+    ready () {
+      // this.getModelSum()
+      if(Vue.config.telephone&&Vue.config.telephone.TipConfig&&Vue.config.telephone.TipConfig.data){
+        this.isshowTag = true
+        this.getTabs()
+      }else{
+        this.getNoTagTabs()
+      }
+
+    },
+
+    methods: {
+      click (row) {
+        row.laiyuan='工程发起'
+        let _this = this
+        this.$dispatch('gotoson', {
+          _this: _this,
+          title: row.defname,
+          safe: true
+        })
+        this.$goto('app-service-control', {selectdata: row})
+      },
+      async getProcessId(processname) {
+        let data = {
+          workname: processname
+        }
+        let http = new HttpResetClass()
+        let res = await http.load(
+          'POST',
+          `${this.$androidUtil.getProxyUrl()}/rs/logic/getProcessId`,
+          {data: data},
+          {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
+        )
+
+        return res.data
+      },
+      async apply () {
+        if (this.applyType === '' || this.applyType === null) {
+          this.$showAlert('请选择需要发起的类型', 'warning', 3000)
+          return
+        }
+        let data = {
+          f_apply_type: this.applyType
+        }
+        if (this.applyType === '散户报建') {
+          data.processname = '散户报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '工商户报建') {
+          data.processname = '工商户报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '改管报建') {
+          data.processname = '改管报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '增容报建') {
+          data.processname = '增容报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '团购报建') {
+          data.processname = '团购报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '退款报建') {
+          data.processname = '退款报建流程'
+          data.defname = '终止报建'
+        } else if (this.applyType === '团购转散户') {
+          data.processname = '团购转散户报建流程'
+          data.defname = '信息确认'
+        }else if (this.applyType === '报警器报建') {
+          data.processname = '报警器报建流程'
+          data.defname = '报装申请'
+        }else if (this.applyType === '工商业报警器报建') {
+          data.processname = '工商业报警器报建流程'
+          data.defname = '报装申请'
+        } else {
+          this.$showMessage('暂无此类报装')
+          return
+        }
+
+        data.f_sub_state = "新增"
+        data.f_apply_source = "线下发起"
+        data.f_process_id = await this.getProcessId(data.processname)
+
+        // 调用ExplorationUser事件
+
+        this.click(data)
+        this.applyType = null
+        this.showModal = false
+      },
+      // 查询本地所有待办
+      getModelSum(){
+        for(var i = 0;i<this.tabs.length;i++){
+          if(this.tabs[i].link == 'zhihuan-first' ){
+            this.getZhihuan()
+          }
+          if(this.tabs[i].link == 'repair-first' ){
+            this.getRepair()
+          }
+          if(this.tabs[i].link == 'current-create' ){
+            this.getSafeCheck()
+          }
+        }
+
+      },
+      getRepair(){
+        var _this = this;
+        this.timeoutRepair = window.setInterval(function() {
+          let result = _this.$androidUtil.path({'alias':`getServiceMobile`,'data':{condition:'1 = 1'}})
+          if (result.code === 200) {
+            console.log('查询得到的代办2' + JSON.stringify(result))
+            var crv = {
+              title: '维修待办',
+              sum: result.data.length
+            }
+            _this.changesum(crv)
+          }
+        }, 6000)
+      },
+      getSafeCheck(){
+        var _this = this;
+        this.timeoutRepair = window.setInterval(function() {
+          let result = _this.$androidUtil.path({'alias':`safecheckGetServiceMobile`,'data':{condition:'1 = 1'}})
+          if (result.code === 200) {
+            console.log('查询得到的安检代办' + JSON.stringify(result))
+            var crv = {
+              title: '安检待办',
+              sum: result.data.length
+            }
+            _this.changesum(crv)
+          }
+        }, 6000)
+      },
+      getZhihuan(){
+        var _this = this;
+        this.timeoutZhihuan = window.setInterval(function() {
+          let result = _this.$androidUtil.path({'alias':`getSubstitMobile`,'data':{condition:'1 = 1'}})
+          if (result.code === 200) {
+            console.log('查询得到的代办2' + JSON.stringify(result))
+            var crv = {
+              title: '置换待办',
+              sum: result.data.length
+            }
+            _this.changesum(crv)
+          }
+        }, 6000)
+      },
+      changesum(titdata){
+        for(var i = 0;i<this.tabs.length;i++){
+          if(this.tabs[i].name == titdata.title){
+            this.tabs[i].icon = titdata.sum + '单'
+            console.log(JSON.stringify(this.tabs[i].icon))
+            return
+          }
+        }
+      },
+      getNoTagTabs(){
+        for(let funs in Vue.functions){
+          if(Vue.functions[funs].link == 'attend-manage'){
+            this.$set('tabs',Vue.functions[funs].children)
+          }
+        }
+      },
+      async getTabs(){
+        const config = Vue.config.telephone.TipConfig.data
+        const user = Vue.user
+        console.log("Vue.android"+Vue.android)
+        if(Vue.android){
+          const result = this.$androidUtil.syncBzLogic("TipConfig",{data:{config,user}})
+          if(result.code === 200){
+            for(let funs in Vue.functions){
+              if(Vue.functions[funs].link == 'attend-manage'){
+                Vue.functions[funs].children.forEach(res=>{
+                  console.log(res)
+                  result.result.forEach(ress=>{
+                    if(res.link === ress.link){
+                      res.num=ress.num
+                    }
+                  })
+                })
+                this.$set('tabs',Vue.functions[funs].children)
+              }
+            }
+          }else{
+            for(let funs in Vue.functions){
+              if(Vue.functions[funs].link == 'attend-manage'){
+                this.$set('tabs',Vue.functions[funs].children)
+              }
+            }
+          }
+        }else{
+          const result = {"code":200,"result":[{"link":"repair-first","num":50},{"link":"current-create","num":30}]}
+          if(result.code === 200){
+            for(let funs in Vue.functions){
+              if(Vue.functions[funs].link == 'attend-manage'){
+                Vue.functions[funs].children.forEach(res=>{
+                  console.log(res)
+                  result.result.forEach(ress=>{
+                    if(res.link === ress.link){
+                      res.num=ress.num
+                    }
+                  })
+                })
+                this.$set('tabs',Vue.functions[funs].children)
+              }
+            }
+          }else{
+
+          }
+
+        }
+
+      },
+      imgback(val){
+        return require('../assets/'+val+'.png')
+      },
+      // 返回主界面
+      back(){
+        this.titleName = '主界面'
+        this.isMenu = true
+
+      },
+      gotopage(param,title) {
+        if(title === '工程发起'){
+            this.showModal = !this.showModal
+        }else{
+          console.log('进入子组件')
+          var prpdata = {
+            _this:this,
+            title:title,
+            safe:false
+          }
+          this.$dispatch('gotoson',prpdata)
+          this.$goto(param,{sourcet:'竖屏',tabname:title})
+        }
+      },
+      mute () {
+        HostApp.mute()
+      }
+    },
+  }
+</script>
+<style lang="less">
+.badge-content{
+  color: #fff;
+  box-sizing: border-box;
+  min-width: 8px;
+  font-size: 9px;
+  line-height: 12px;
+  white-space: nowrap;
+  font-weight: 400;
+  text-align: center;
+}
+.badge{
+  top: 6px;
+  position: absolute;
+  max-height: 13px;
+  min-height: 8px;
+  //transform: translate(50%,-50%);
+  right:0;
+  display: inline-flex;
+  vertical-align: middle;
+  box-sizing: content-box;
+  border-radius: 100px;
+  background-color: red;
+}
+.app-input {
+  label {
+    float: left;
+  }
+  .select {
+    button {
+      border: none;
+      outline: none;
+      text-align: left;
+      .btn-placeholder {
+        color: #ACA899
+      }
+    }
+  }
+  .datepicker {
+    .form-control:focus {
+      border: none!important;
+      outline: none!important;
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+  }
+}
+  .tab-befor-img  {
+    content: '';
+    background-size: 30px;
+    display: inline-block;
+    margin-right: 8px;
+    height: 30px;
+    width: 30px;
+    vertical-align: -35%;
+  }
+  .pageskuang{
+    vertical-align:middle;
+    display:table-cell;
+    width: 32%;
+    top:-50%;
+    margin-top: 1%;
+    margin-left: 1%;
+    border:1px solid #e3e3e3;
+    text-align: center;
+    background-color: #ffffff;
+  }
+  .pgesfoot{
+    font-size: 14px;
+    color: #666666;
+    /*    font-family: "Pingfhs";*/
+  }
+  .imgs{
+    width: 35px;
+    margin-top: 15px;
+  }
+  .pages-bgcolor{
+    text-align: center;
+    background-color: #f0f0ef;
+  }
+  img[src=""],img:not([src]){
+    opacity: 0;
+    border:none;
+    visibility: hidden;
+    max-width: none;
+  }
+
+  .manbiankuang{
+    width: 44%;
+    margin-top: 15px;
+    margin-left: 4%;
+    border:1px solid #e3e3e3;
+    border-radius:10px 10px 10px 10px;
+    text-align: center;
+    background-color: #ffffff;
+  }
+
+  .nav-bgcolor{
+    background-color: #ffffff;
+  }
+</style>

package/src/components/ModifyPassWord.vue

@@ -1,192 +1,196 @@
-<template>
-  <!--<div class="app-botton" @click="back()">-->
-    <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
-  <!--</div>-->
-  <div class="auto">
-    <div class="row app-row">
-      <div class="col-xs-4">
-        <img src="../assets/姓名.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <span class="text-left font">账号</span>
-      </div>
-      <div class="col-xs-8 input-font">
-        <input type="text" class="search_input input-font" v-model="model.ename"  readonly/>
-      </div>
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4" style="margin-top: 8px">
-        <img src="../assets/原始密码.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <span class="text-left font">原始密码</span>
-      </div>
-      <div class="col-xs-8">
-        <input type="password" id="oldpassword" class="search_input input-font" v-model="model.oldpassword" placeholder="请输入原始密码"/>
-      </div>
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4" style="margin-top: 8px">
-        <img src="../assets/密码.png" style="width: 20px;margin-bottom: 5px" >
-        <span class="text-left font">新密码</span>
-      </div>
-      <div class="col-xs-8">
-        <input type="password" id="newpassword1" class="search_input input-font" v-model="model.password" :placeholder="weakPassword?'需要包含大小写字母符号数字':'请输入新密码'"/>
-      </div>
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4" style="margin-top: 8px">
-        <img src="../assets/密码.png" style="width: 20px;margin-bottom: 5px" alt="">
-        <span class="text-left font">确认密码</span>
-      </div>
-      <div class="col-xs-8">
-        <input type="password" id="newpassword2" class="search_input input-font" v-model="model.newpassword" placeholder="请重新输入新密码"/>
-      </div>
-    </div>
-    <div class="row app-row">
-      <div class="col-xs-4" style="margin-top: 8px">
-        <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showpass"@click="showoff()">
-        <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="!showpass" @click="showon()">
-        <span class="text-left font">显示密码</span>
-      </div>
-    </div>
-    <div class="row app-row text-center">
-      <button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="save()">提交</button>
-    </div>
-  </div>
-</template>
-<script>
-  import Vue from 'vue'
-
-  let asyncCheck = async function(self,url) {
-    try {
-      let that = self
-      let user = {
-        ename: that.model.ename,
-        newpassword:that.model.password,
-        affirmpassword:that.model.newpassword,
-        password : that.model.oldpassword
-      }
-      let res = await Vue.resetpost(`${url}/rs/user/modifypwd`,{data: user },{resolveMsg: null, rejectMsg: null})
-      console.log("手机端验证登陆原始密码")
-      console.log(res.data)
-      if(res.data){
-        that.$showMessage('修改密码成功！')
-        if(that.sourse == 'login'){
-          that.$emit('success',that.model.password)
-          return
-        }
-        that.$back()
-      }else {
-        that.$showMessage('修改密码失败，请重新输入！')
-        console.log(res.data)
-        return
-      }
-      } catch (error) {
-      if (error.status == 500) {
-        that.$showMessage('网络异常，请检查手机网络！')
-      }else{
-        throw error
-      }
-    }
-  }
-
-  export default {
-    title: '修改密码',
-    data () {
-      return {
-        model: {
-           user: Vue.user.name,
-           userid: Vue.user.id,
-           ename: Vue.user.ename,
-           oldpassword: '',
-           password: '',
-           newpassword:''
-        },
-        showpass:false
-      }
-    },
-    props: {
-      sourse:'',
-      weakPassword:false
-    },
-    ready () {
-
-    },
-    methods: {
-      back () {
-        let _this = this
-        this.$showMessage('所填写内容将不可恢复！', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            _this.$back()
-          }
-        })
-      },
-      // showpass(){
-      //   console.log('1')
-      //   document.getElementById("oldpassword").type = "text"
-      // },
-      showon(){
-        this.showpass = true
-        document.getElementById("oldpassword").type = "text"
-        document.getElementById("newpassword1").type = "text"
-        document.getElementById("newpassword2").type = "text"
-      },
-      showoff(){
-        this.showpass = false
-        document.getElementById("oldpassword").type = "password"
-        document.getElementById("newpassword1").type = "password"
-        document.getElementById("newpassword2").type = "password"
-      },
-      save() {
-        // 先对新密码和确认密码是否一致
-        if (this.model.password != this.model.newpassword) {
-          this.$showMessage('两次输入密码不一致！')
-          return
-        }
-        if(this.weakPassword && this.model.password && !(/^(?:(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])).*$/.test(this.model.password))){
-          this.$showMessage('新密码必须包含大小写字母、数字、符号！')
-          return
-        }
-        // 检验原始密码是否符合 并修改密码
-        asyncCheck(this, this.$androidUtil.getProxyUrl())
-        }
-    }
-  }
-</script>
-<style>
-  .search_input {
-    border: 0;
-    outline: none;
-  }
-  .app-row {
-    background-color: white;
-    padding: 10px 10px 0 10px;
-    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
-  }
-  .font{
-    font: 15px PingFang-SC-Medium;
-  }
-  .btn-font{
-    font:600 16px PingFang-SC-Bold;
-    color: #499EDF;
-  }
-  .btn-color{
-    background-color: #FFFFFF;
-    border-radius: 10px ;
-    border: 1px solid #499EDF;
-  }
-  .input-font{
-    font: 15px PingFang-SC-Medium;
-    color: #333333;
-  }
-  .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="app-botton" @click="back()">-->
+    <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
+  <!--</div>-->
+  <div class="auto">
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <img src="../assets/姓名.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">账号</span>
+      </div>
+      <div class="col-xs-8 input-font">
+        <input type="text" class="search_input input-font" v-model="model.ename"  readonly/>
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4" style="margin-top: 8px">
+        <img src="../assets/原始密码.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">原始密码</span>
+      </div>
+      <div class="col-xs-8">
+        <input type="password" id="oldpassword" class="search_input input-font" v-model="model.oldpassword" placeholder="请输入原始密码"/>
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4" style="margin-top: 8px">
+        <img src="../assets/密码.png" style="width: 20px;margin-bottom: 5px" >
+        <span class="text-left font">新密码</span>
+      </div>
+      <div class="col-xs-8">
+        <input type="password" id="newpassword1" class="search_input input-font" v-model="model.password" :placeholder="weakPassword?'需要包含大小写字母符号数字':'请输入新密码'"/>
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4" style="margin-top: 8px">
+        <img src="../assets/密码.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <span class="text-left font">确认密码</span>
+      </div>
+      <div class="col-xs-8">
+        <input type="password" id="newpassword2" class="search_input input-font" v-model="model.newpassword" placeholder="请重新输入新密码"/>
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4" style="margin-top: 8px">
+        <img src="../assets/选中.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="showpass"@click="showoff()">
+        <img src="../assets/未选.png" style="width: 20px;margin-bottom: 5px" alt="" v-if="!showpass" @click="showon()">
+        <span class="text-left font">显示密码</span>
+      </div>
+    </div>
+    <div class="row app-row text-center">
+      <button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="save()">提交</button>
+    </div>
+  </div>
+</template>
+<script>
+  import Vue from 'vue'
+
+  let asyncCheck = async function(self,url) {
+    try {
+      let that = self
+      let user = {
+        ename: that.model.ename,
+        newpassword:that.model.password,
+        affirmpassword:that.model.newpassword,
+        password : that.model.oldpassword
+      }
+      let res = await Vue.resetpost(`${url}/rs/user/modifypwd`,{data: user },{resolveMsg: null, rejectMsg: null})
+      console.log("手机端验证登陆原始密码")
+      console.log(res.data)
+      if(res.data){
+        that.$showMessage('修改密码成功！')
+        if(that.sourse == 'login'){
+          that.$emit('success',that.model.password)
+          return
+        }
+        that.$back()
+      }else {
+        that.$showMessage('修改密码失败，请重新输入！')
+        console.log(res.data)
+        return
+      }
+      } catch (error) {
+      if (error.status == 500) {
+        that.$showMessage('网络异常，请检查手机网络！')
+      }else{
+        throw error
+      }
+    }
+  }
+
+  export default {
+    title: '修改密码',
+    data () {
+      return {
+        model: {
+           user: Vue.user.name,
+           userid: Vue.user.id,
+           ename: Vue.user.ename,
+           oldpassword: '',
+           password: '',
+           newpassword:''
+        },
+        showpass:false
+      }
+    },
+    props: {
+      sourse:'',
+      weakPassword:false
+    },
+    ready () {
+
+    },
+    methods: {
+      back () {
+        let _this = this
+        this.$showMessage('所填写内容将不可恢复！', ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            _this.$back()
+          }
+        })
+      },
+      // showpass(){
+      //   console.log('1')
+      //   document.getElementById("oldpassword").type = "text"
+      // },
+      showon(){
+        this.showpass = true
+        document.getElementById("oldpassword").type = "text"
+        document.getElementById("newpassword1").type = "text"
+        document.getElementById("newpassword2").type = "text"
+      },
+      showoff(){
+        this.showpass = false
+        document.getElementById("oldpassword").type = "password"
+        document.getElementById("newpassword1").type = "password"
+        document.getElementById("newpassword2").type = "password"
+      },
+      save() {
+        if (this.model.password == '' || this.model.newpassword == ''){
+          this.$showMessage('密码不能为空！')
+          return
+        }
+        // 先对新密码和确认密码是否一致
+        if (this.model.password != this.model.newpassword) {
+          this.$showMessage('两次输入密码不一致！')
+          return
+        }
+        if(this.weakPassword && this.model.password && !(/^(?:(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[^A-Za-z0-9])).*$/.test(this.model.password))){
+          this.$showMessage('新密码必须包含大小写字母、数字、符号！')
+          return
+        }
+        // 检验原始密码是否符合 并修改密码
+        asyncCheck(this, this.$androidUtil.getProxyUrl())
+        }
+    }
+  }
+</script>
+<style>
+  .search_input {
+    border: 0;
+    outline: none;
+  }
+  .app-row {
+    background-color: white;
+    padding: 10px 10px 0 10px;
+    border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+  }
+  .font{
+    font: 15px PingFang-SC-Medium;
+  }
+  .btn-font{
+    font:600 16px PingFang-SC-Bold;
+    color: #499EDF;
+  }
+  .btn-color{
+    background-color: #FFFFFF;
+    border-radius: 10px ;
+    border: 1px solid #499EDF;
+  }
+  .input-font{
+    font: 15px PingFang-SC-Medium;
+    color: #333333;
+  }
+  .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>