system-phone 3.0.16 → 3.0.18

package/package.json

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

package/src/components/AttendManage.vue

@@ -10,6 +10,12 @@
           <div class="badge" v-show="tab.name == '抄表待办'">
             <div class="badge-content">{{ meterNum?meterNum:0 }}</div>
           </div>
+          <div class="badge" v-show="tab.name == '安检待办'">
+            <div class="badge-content">{{ safeckNum?safeckNum:0 }}</div>
+          </div>
+          <div class="badge" v-show="tab.name == '维修待办'">
+            <div class="badge-content">{{ repairNum?repairNum:0 }}</div>
+          </div>
           <p></p>
           <p class="pagesfoot">{{tab.name}}</p>
 
@@ -66,6 +72,8 @@
         isMenu: true,
         isshowTag:false,
         tabs: [],
+        safeckNum:0,
+        repairNum:0,
         text: '导航组件this',
         beforeName: '待办工作',
         componentName: 'repair-first',
@@ -177,7 +185,14 @@
 
       },
       getRepair(){
+        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
+          return
+        }
         var _this = this;
+        let bbb = _this.$androidUtil.path({'alias':`getServiceMobile`,'data':{condition:'1 = 1'}})
+        if (bbb.code === 200) {
+          _this.repairNum = bbb.data.length
+        }
         this.timeoutRepair = window.setInterval(function() {
           let result = _this.$androidUtil.path({'alias':`getServiceMobile`,'data':{condition:'1 = 1'}})
           if (result.code === 200) {
@@ -186,12 +201,20 @@
               title: '维修待办',
               sum: result.data.length
             }
-            _this.changesum(crv)
+            _this.repairNum = result.data.length
+            // _this.changesum(crv)
           }
-        }, 6000)
+        }, 100000)
       },
       getSafeCheck(){
+        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
+          return
+        }
         var _this = this;
+        let aaa = _this.$androidUtil.path({'alias':`safecheckGetServiceMobile`,'data':{condition:'1 = 1'}})
+        if (aaa.code === 200) {
+          _this.safeckNum = aaa.data.length
+        }
         this.timeoutRepair = window.setInterval(function() {
           let result = _this.$androidUtil.path({'alias':`safecheckGetServiceMobile`,'data':{condition:'1 = 1'}})
           if (result.code === 200) {
@@ -200,11 +223,15 @@
               title: '安检待办',
               sum: result.data.length
             }
-            _this.changesum(crv)
+            _this.safeckNum = result.data.length
+            // _this.changesum(crv)
           }
-        }, 6000)
+        }, 100000)
       },
       getZhihuan(){
+        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
+          return
+        }
         var _this = this;
         this.timeoutZhihuan = window.setInterval(function() {
           let result = _this.$androidUtil.path({'alias':`getSubstitMobile`,'data':{condition:'1 = 1'}})
@@ -216,7 +243,7 @@
             }
             _this.changesum(crv)
           }
-        }, 6000)
+        }, 100000)
       },
       changesum(titdata){
         for(var i = 0;i<this.tabs.length;i++){
@@ -269,6 +296,7 @@
           }
         }
         this.getmeterNum()
+        this.getModelSum()
       },
       getmeterNum() {
         if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {

package/src/components/OnlineManage.vue

@@ -1,362 +1,354 @@
-<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,tab.navigate)">
-          <div class="badge" v-show="tab.name == '维修派发'">
-            <div class="badge-content">{{ pointNum?pointNum:0 }}</div>
-          </div>
-          <div class="badge" v-show="tab.name == '抄表待办'">
-            <div class="badge-content">{{ meterNum?meterNum:0 }}</div>
-          </div>
-          <div class="badge" v-show="tab.name == '信息公告'">
-            <div class="badge-content">{{ infoNum?infoNum:0 }}</div>
-          </div>
-          <img class="imgs" :src="imgback(tab.name)" alt="">
-          <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>
-  </div>
-</template>
-
-<script scoped>
-  import Vue from 'vue'
-  import {HttpResetClass} from "vue-client";
-
-  export default {
-    title: '在线业务导航',
-    data () {
-      return {
-        titleName:'在线业务',
-        isMenu:true,
-        tabs: this.getTabs(),
-        text: '导航组件this',
-        beforeName: '在线业务',
-        sourcet: '竖屏',
-        pointNum: null,
-        infoNum:null,
-        meterNum:null
-      }
-    },
-    ready () {
-      // this.getModelSum()
-    },
-
-    methods: {
-      //看去哪个页面
-      getModelSum(){
-        for(var i = 0;i<this.tabs.length;i++){
-          if(this.tabs[i].link == 'readmeter-home' ){
-            this.getZhihuan()
-          }
-          if(this.tabs[i].link == 'weiup-load' ){
-            this.getRepair()
-          }
-          if(this.tabs[i].link == 'upload-page' ){
-            this.getSafeCheck()
-          }
-        }
-
-      },
-      getRepair(){
-        var _this = this;
-        this.timeoutRepair = window.setInterval(function() {
-          let result = _this.$androidUtil.path({'alias':'notUpload','data': {f_workorder_type: '报修单'}})
-          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':'safecheckNotUpload','data': {}})
-          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 = {code:200}
-          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
-          }
-        }
-      },
-      getTabs(){
-        this.getRepairNum()
-        debugger
-        this.getInfoNum()
-        this.getmeterNum()
-        for(let funs in Vue.functions){
-          if(Vue.functions[funs].link == 'online-manage'){
-            return Vue.functions[funs].children
-          }
-        }
-      },
-      getmeterNum() {
-        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
-          return
-        }
-        window.setInterval( ()=> {
-          let val = {
-            items:"*",
-            tablename:"t_handplan",
-            orderitem:"id desc",
-            condition:`1=1 and f_inputtor = '${Vue.user.name}' and f_hand_state = '有效' and f_meter_state = '未抄表'`,
-            f_orgid:`'${Vue.user.orgid}'`
-          }
-          let http = new HttpResetClass()
-          http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: val}, {
-            resolveMsg: null,
-            rejectMsg: null
-          }).then((res) => {
-            this.meterNum = res.data.length
-            debugger
-            console.log("this.meterNum的值是：",this.meterNum)
-          })
-        },10000)
-        this.timeOutGetmeterNum()
-      },
-      getInfoNum() {
-        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
-          return
-        }
-        debugger
-        window.setInterval( ()=> {
-          let val = {
-            items:"*",
-            tablename:"T_STOPGAS",
-            orderitem:"f_date desc",
-            condition:'1=1',
-            f_orgstr:`'${Vue.user.orgid}'`
-          }
-          let http = new HttpResetClass()
-          http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: val}, {
-            resolveMsg: null,
-            rejectMsg: null
-          }).then((res) => {
-            this.infoNum = res.data.length
-            debugger
-            console.log("this.infoNum的值是：",this.infoNum)
-          })
-        },10000)
-        this.timeOutGetInfoNum()
-      },
-      getRepairNum() {
-        debugger
-        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
-          return
-        }
-        window.setInterval( ()=> {
-          let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
-          let val = {
-            condition: {
-              condition: condition,
-              sign: '1 = 1'
-            },
-            userid: Vue.user.name
-          }
-          let http = new HttpResetClass()
-          http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorServiceAndroid`, {data: val}, {
-            resolveMsg: null,
-            rejectMsg: null
-          }).then((res) => {
-            this.pointNum = res.data.length
-          })
-        },10000)
-        this.timeOutGetRepairNum()
-      },
-      timeOutGetRepairNum(){
-        debugger
-        let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
-        let val = {
-          condition: {
-            condition: condition,
-            sign: '1 = 1'
-          },
-          userid: Vue.user.name
-        }
-        let http = new HttpResetClass()
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorServiceAndroid`, {data: val}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then((res) => {
-          this.pointNum = res.data.length
-        })
-      },
-      timeOutGetInfoNum(){
-        debugger
-        let val = {
-          items:"*",
-          tablename:"T_STOPGAS",
-          orderitem:"f_date desc",
-          condition:'1=1',
-          f_orgstr:`'${Vue.user.orgid}'`
-        }
-        let http = new HttpResetClass()
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: val}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then((res) => {
-          this.infoNum = res.data.length
-        })
-      },
-      timeOutGetmeterNum(){
-        let val = {
-          items:"*",
-          tablename:"t_handplan",
-          orderitem:"id desc",
-          condition:`1=1 and f_inputtor = '${Vue.user.name}' and f_hand_state = '有效' and f_meter_state = '未抄表'`,
-          f_orgid:`'${Vue.user.orgid}'`
-        }
-        let http = new HttpResetClass()
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: val}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then((res) => {
-          this.meterNum = res.data.length
-        })
-      },
-      imgback(val){
-        return require('../assets/'+val+'.png')
-      },
-      // 返回主界面
-      back(){
-        this.titleName = '主界面'
-        this.isMenu = true
-
-      },
-      gotopage(param,title,navigate) {
-        console.log('进入子组件')
-        var prpdata = {
-          _this:this,
-          title:title,
-          safe:false
-        }
-        this.$dispatch('gotoson',prpdata)
-        if(navigate){
-          this.$goto('embbed-page', {domainName: navigate, title: title, compName: param, login: Vue.user})
-        }else{
-          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;
-    right: 0;
-    display: inline-flex;
-    vertical-align: middle;
-    box-sizing: content-box;
-    border-radius: 100px;
-    background-color: red;
-  }
-
-  .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,tab.navigate)">
+          <div class="badge" v-show="tab.name == '维修派发'">
+            <div class="badge-content">{{ pointNum?pointNum:0 }}</div>
+          </div>
+          <div class="badge" v-show="tab.name == '抄表待办'">
+            <div class="badge-content">{{ meterNum?meterNum:0 }}</div>
+          </div>
+          <div class="badge" v-show="tab.name == '信息公告'">
+            <div class="badge-content">{{ infoNum?infoNum:0 }}</div>
+          </div>
+          <img class="imgs" :src="imgback(tab.name)" alt="">
+          <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>
+  </div>
+</template>
+
+<script scoped>
+  import Vue from 'vue'
+  import {HttpResetClass} from "vue-client";
+
+  export default {
+    title: '在线业务导航',
+    data () {
+      return {
+        titleName:'在线业务',
+        isMenu:true,
+        tabs: this.getTabs(),
+        text: '导航组件this',
+        beforeName: '在线业务',
+        sourcet: '竖屏',
+        pointNum: null,
+        infoNum:null,
+        meterNum:null
+      }
+    },
+    ready () {
+      // this.getModelSum()
+    },
+
+    methods: {
+      //看去哪个页面
+      getModelSum(){
+        for(var i = 0;i<this.tabs.length;i++){
+          if(this.tabs[i].link == 'readmeter-home' ){
+            this.getZhihuan()
+          }
+          if(this.tabs[i].link == 'weiup-load' ){
+            this.getRepair()
+          }
+          if(this.tabs[i].link == 'upload-page' ){
+            this.getSafeCheck()
+          }
+        }
+
+      },
+      getRepair(){
+        var _this = this;
+        this.timeoutRepair = window.setInterval(function() {
+          let result = _this.$androidUtil.path({'alias':'notUpload','data': {f_workorder_type: '报修单'}})
+          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':'safecheckNotUpload','data': {}})
+          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 = {code:200}
+          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
+          }
+        }
+      },
+      getTabs(){
+        this.getRepairNum()
+        this.getInfoNum()
+        this.getmeterNum()
+        for(let funs in Vue.functions){
+          if(Vue.functions[funs].link == 'online-manage'){
+            return Vue.functions[funs].children
+          }
+        }
+      },
+      getmeterNum() {
+        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
+          return
+        }
+        window.setInterval( ()=> {
+          let val = {
+            items:"*",
+            tablename:"t_handplan",
+            orderitem:"id desc",
+            condition:`1=1 and f_inputtor = '${Vue.user.name}' and f_hand_state = '有效' and f_meter_state = '未抄表'`,
+            f_orgid:`'${Vue.user.orgid}'`
+          }
+          let http = new HttpResetClass()
+          http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: val}, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            this.meterNum = res.data.length
+          })
+        },100000)
+        this.timeOutGetmeterNum()
+      },
+      getInfoNum() {
+        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
+          return
+        }
+        window.setInterval( ()=> {
+          let val = {
+            items:"*",
+            tablename:"T_STOPGAS",
+            orderitem:"f_date desc",
+            condition:'1=1',
+            f_orgstr:`'${Vue.user.orgid}'`
+          }
+          let http = new HttpResetClass()
+          http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: val}, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            this.infoNum = res.data.length
+          })
+        },100000)
+        this.timeOutGetInfoNum()
+      },
+      getRepairNum() {
+        if (!Vue.android || !Vue.come || !Vue.come == 'tongchuan') {
+          return
+        }
+        window.setInterval( ()=> {
+          let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
+          let val = {
+            condition: {
+              condition: condition,
+              sign: '1 = 1'
+            },
+            userid: Vue.user.name
+          }
+          let http = new HttpResetClass()
+          http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorServiceAndroid`, {data: val}, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            this.pointNum = res.data.length
+          })
+        },100000)
+        this.timeOutGetRepairNum()
+      },
+      timeOutGetRepairNum(){
+
+        let condition = `1 = 1  and f_workorder_type = '报修单' and f_state = null `
+        let val = {
+          condition: {
+            condition: condition,
+            sign: '1 = 1'
+          },
+          userid: Vue.user.name
+        }
+        let http = new HttpResetClass()
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/path/operatorServiceAndroid`, {data: val}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          this.pointNum = res.data.length
+        })
+      },
+      timeOutGetInfoNum(){
+        let val = {
+          items:"*",
+          tablename:"T_STOPGAS",
+          orderitem:"f_date desc",
+          condition:'1=1',
+          f_orgstr:`'${Vue.user.orgid}'`
+        }
+        let http = new HttpResetClass()
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: val}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          this.infoNum = res.data.length
+        })
+      },
+      timeOutGetmeterNum(){
+        let val = {
+          items:"*",
+          tablename:"t_handplan",
+          orderitem:"id desc",
+          condition:`1=1 and f_inputtor = '${Vue.user.name}' and f_hand_state = '有效' and f_meter_state = '未抄表'`,
+          f_orgid:`'${Vue.user.orgid}'`
+        }
+        let http = new HttpResetClass()
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {data: val}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          this.meterNum = res.data.length
+        })
+      },
+      imgback(val){
+        return require('../assets/'+val+'.png')
+      },
+      // 返回主界面
+      back(){
+        this.titleName = '主界面'
+        this.isMenu = true
+
+      },
+      gotopage(param,title,navigate) {
+        console.log('进入子组件')
+        var prpdata = {
+          _this:this,
+          title:title,
+          safe:false
+        }
+        this.$dispatch('gotoson',prpdata)
+        if(navigate){
+          this.$goto('embbed-page', {domainName: navigate, title: title, compName: param, login: Vue.user})
+        }else{
+          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;
+    right: 0;
+    display: inline-flex;
+    vertical-align: middle;
+    box-sizing: content-box;
+    border-radius: 100px;
+    background-color: red;
+  }
+
+  .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>