system-phone 3.0.2 → 3.0.4

package/src/components/iot/iotMonitoringMain.vue

@@ -1,501 +1,501 @@
-<template>
-  <div class="auto" style="background: #f8f8f8;">
-    <div partial class="bg-white ">
-      <div class="row app-row " style="margin-top: 10px">
-        <div class="col-xs-4">
-          <img src="../../assets/表号.png" style="width: 20px;margin-bottom: 5px" alt="">
-          <label  class="font ">表号：</label>
-        </div>
-        <div class="col-xs-8" >
-          <input  class="search_input input-font" placeholder="请输入您要查询的表号" v-model="f_meternumber" />
-        </div>
-      </div>
-      <div class="row app-row " style="margin-top: 10px">
-        <div class="col-xs-4">
-          <img src="../../assets/用户编号.png" style="width: 20px;margin-bottom: 5px" alt="">
-          <label  class="font ">用户编号：</label>
-        </div>
-        <div class="col-xs-8" >
-          <input  class="search_input input-font" placeholder="请输入用户编号" v-model="f_userinfo_code" />
-        </div>
-      </div>
-      <div class="row text-center" style="padding-top: 10px;padding-bottom:10px;text-align: center">
-        <button type="button" class="btn  btn-font" style="width: 25%;
-      margin-right: 3%; background-color: #499edf;color:#FFFFFF;border-radius: 10px ;" @click="query(querytitle)">查询</button>
-        <button type="button" class="btn  btn-font btn-color1" style="width: 25%;margin-right: 3%" @click="empty">清空</button>
-        <button type="button" class="btn  btn-font btn-color1" style="width: 25%;margin-right: 3%" @click="Scanningtable">扫表号</button>
-      </div>
-    </div>
-    <div class="meterinfo auto bg-white">
-      <iot-meter-info :row="row"></iot-meter-info>
-    </div>
-    <div class="">
-      <div class="row bg-white" style="padding: 10px;margin-bottom: 5px">
-        <div class="col-sm-12 " >
-          <img src="../../assets/caozuo.png" style="width: 20px;margin-bottom: 5px" alt="">
-          <label  class="font ">操作</label>
-          <button type="button" class="btn  btn-font btn-color" style="width: 20%" @click="OpenValve('1')">开阀</button>
-          <button type="button" class="btn  btn-font btn-color" style="width: 20%" @click="valveShutoff('0')">关阀</button>
-          <button type="button" class="btn  btn-font btn-color" style="width: 25%" @click="againOpening">重新开户</button>
-        </div>
-      </div>
-
-    </div>
-    <div class="bg-white" >
-      <!--<div class="row" style="padding-left: 10px">-->
-        <!--<label class="font_normal_body">信息查询</label>-->
-      <!--</div>-->
-      <div class="row  auto flex-row" style="justify-content: space-between">
-        <div @click="setquery('基础')"  >
-         <label :class="querytitle == '基础' ? 'text-center div_ul2' : 'text-center div_ul'">基础</label>
-        </div>
-        <div @click="setquery('指令查询')"  >
-          <label :class="querytitle == '指令查询' ? 'text-center div_ul2' : 'text-center div_ul'">指令</label>
-        </div>
-        <div @click="setquery('抄表查询')"   >
-        <label :class="querytitle == '抄表查询' ? 'text-center div_ul2' : 'text-center div_ul'">抄表</label>
-        </div>
-        <div @click="setquery('售气查询')" >
-          <label  :class="querytitle == '售气查询' ? 'text-center div_ul2' : 'text-center div_ul'">售气</label>
-        </div>
-        <div @click="setquery('上报查询')"  >
-         <label :class="querytitle == '上报查询' ? ' text-center div_ul2' : 'text-center div_ul'">上报</label>
-        </div>
-      </div>
-      <div v-if="model.rows.length == 0 && querytitle !== '基础'" style="margin-top: 20px">
-        <label class="font_normal_body"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;暂无记录...&nbsp;&nbsp;&nbsp;</b></label>
-      </div>
-      <div class="iotbaseinfo " v-if="querytitle == '基础'">
-        <iot-base-info :row="row"></iot-base-info>
-      </div>
-      <list :model="model" partial='list' style="padding-bottom: 10px" v-if="querytitle == '指令查询'">
-          <div partial>
-            <div  class="auto app-text" style="margin-top: 5px; " @click="$parent.$parent.goto(row)">
-              <div class="panel" style="padding: 10px 10px 5px 10px;">
-                <div class="panel-body panel-self " style="border: 2px solid #499EDF; border-radius: 10px">
-                  <div class="col-xs-12">
-                    <p class="panel-title col-xs-5 text-left font" style="float: left"><b>指令类型:</b></p>
-                    <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_instruct_type }}</p>
-                  </div>
-                  <div class="col-xs-12">
-                    <p class="panel-title col-xs-5 text-left font" style="float: left"><b>指令标题:</b></p>
-                    <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_instruct_title }}</p>
-                  </div>
-                  <div class="col-xs-12">
-                    <p class="panel-title col-xs-5 text-left font"><b>执行状态:</b></p>
-                    <p class="panel-title col-xs-7 text-left input-font">{{ row.f_instruct_state }}
-                    </p>
-                  </div>
-                  <div class="col-xs-12">
-                    <p class="panel-title col-xs-5 text-left font"><b>执行结果:</b></p>
-                    <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_receive_state }}
-                    </p>
-                  </div>
-                  <div class="col-xs-12">
-                    <p class="panel-title col-xs-5 text-left font"><b>生成人员:</b></p>
-                    <p class="panel-title col-xs-7 text-left input-font">{{ row.f_inputtor }}</p>
-                  </div>
-                  <div class="col-xs-12">
-                    <p class="panel-title col-xs-5 text-left font"><b>生成时间:</b></p>
-                    <p class="panel-title col-xs-7 text-left input-font">{{ row.f_instruct_date }}</p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </list>
-      <list :model="model" partial='list' style="padding-bottom: 10px" v-if="querytitle == '抄表查询'">
-        <div partial>
-          <div  class="auto app-text" style="margin-top: 5px;">
-            <div class="panel" style="padding: 10px 10px 5px 10px;">
-              <div class="panel-body panel-self" style="border: 2px solid #499EDF; border-radius: 10px">
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>本次抄表底数:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_tablebase }}</p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>上次抄表底数:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_last_tablebase }}</p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font"><b>操作员:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_inputtor }}
-                  </p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font"><b>抄表日期:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_input_date }}
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </list>
-      <list :model="model" partial='list' style="padding-bottom: 10px" v-if="querytitle == '售气查询'">
-        <div partial>
-          <div  class="auto app-text" style="margin-top: 5px;">
-            <div class="panel" style="padding: 10px 10px 5px 10px;">
-              <div class="panel-body panel-self" style="border: 2px solid #499EDF; border-radius: 10px">
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>预购气量:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_pregas }}</p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>预购金额:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_preamount }}</p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font"><b>累购气量:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_total_gas }}
-                  </p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font"><b>累购金额:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_total_fee }}
-                  </p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font"><b>缴费日期:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_operate_date }}
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </list>
-      <list :model="model" partial='list' style="padding-bottom: 10px" v-if="querytitle == '上报查询'">
-        <div partial>
-          <div  class="auto app-text" style="margin-top: 5px;">
-            <div class="panel" style="padding: 10px 10px 5px 10px;">
-              <div class="panel-body panel-self" style="border: 2px solid #499EDF; border-radius: 10px">
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>上报类型:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_upload_type }}</p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>阀门状态:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_valvestate }}</p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font"><b>表内单价:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_price }}
-                  </p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font"><b>抄表底数:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_tablebase }}
-                  </p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font"><b>上报日期:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_hand_date }}</p>
-                </div>
-                <div class="col-xs-12">
-                  <p class="panel-title col-xs-5 text-left font"><b>系统接收日期:</b></p>
-                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_insert_date }}</p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </list>
-    </div>
-
-  </div>
-
-</template>
-
-<script>
-  import Vue from 'vue'
-  import {HttpResetClass} from 'vue-client'
-  import IotMeterInfo from "./IotMeterInfo";
-    export default {
-      components: {IotMeterInfo},
-      title: '物联网监控',
-      data () {
-        return {
-          f_meternumber: '',
-          f_userinfo_code:'',
-          querytitle: '基础',
-          row:{},
-          model: {
-             rows: [{}]
-          }
-
-        }
-      },
-      ready () {
-        console.log('物联网监控')
-      },
-      methods: {
-        goto(row){
-        console.log(row)
-        let _this=this
-        var pardate = {
-          _this:_this,
-          title:'指令信息',
-          safe:false
-        }
-        this.$dispatch('gotoson',pardate)
-        this.$goto('instruct-message',{row:row}, 'self')
-        },
-        empty () {
-          console.log('清空')
-          this.f_meternumber = ''
-          this.f_userinfo_code = ''
-        },
-        // 查询表别名
-        queryAlias() {
-          console.log('查询表别名'+JSON.stringify(this.f_meternumber))
-          let data = {
-            items: ' f_alias , f_user_id ',
-            tablename: ' t_userfiles uf LEFT JOIN t_gasbrand gb ON uf.f_gasbrand_id = gb.id ',
-            orderitem: 'gb.id desc',
-            condition: ` f_meternumber = '${this.f_meternumber}'`
-          }
-          // console.log('查询条件'+ JSON.stringify(data))
-          // this.$resetpost(`/rs/sql/iot_singleTable_OrderBy`, {data: data}).then((row) => {
-            this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/iot_singleTable_OrderBy`, {data: data}).then((row) => {
-            // console.log('查询返回'+JSON.stringify(row))
-            return row.data[0]
-          }).catch((e) => {
-            this.$showMessage('表别名获取失败！')
-            // console.log('错误信息+++++++'+JSON.stringify(e))
-          })
-
-        },
-        async OpenValve(type) {
-          // console.log('开阀')
-          if (!this.f_meternumber) {
-            this.$showMessage('请输入/扫描用户表号！')
-            return
-          }
-          this.$showMessage(`您确认要生成开阀指令吗？`, ['confirm', 'cancel']).then(async (res) => {
-            if (res === 'confirm') {
-              // let alias = await this.queryAlias()
-              let data = {
-                userId: this.row.f_user_id,
-                content: {isOpen: type},
-                alias: this.row.f_alias,
-                inputtor: Vue.user.name,
-                moduleName: this.row.f_alias
-              }
-              // console.log('请求参数'+JSON.stringify(data))
-              // http://ip:port/webmeter/rs/logic/syncSaveValveControlTemplate
-              let http = new HttpResetClass()
-              http.load('POST',`${this.$androidUtil.getProxyUrl()}/webmeter/rs/logic/syncSaveValveControlTemplate`, {data: data}).then((row) => {
-                // http.load('POST',`${this.$androidUtil.getProxyUrl()}/SJwebmeter`, {data: data}).then((row) => {
-                // console.log('执行结果'+JSON.stringify(row))
-                this.$showMessage('发送成功！')
-              }).catch((e) => {
-                this.$showMessage('发送失败！')
-                // console.log('错误信息+++++++'+JSON.stringify(e))
-              })
-            }
-          })
-        },
-        valveShutoff (type) {
-          // console.log('关阀')
-          if (!this.f_meternumber) {
-            this.$showMessage('请输入/扫描用户表号！')
-            return
-          }
-          this.$showMessage(`您确认要生成关阀指令吗？`, ['confirm', 'cancel']).then(async (res) => {
-            if (res === 'confirm') {
-              // let alias = await this.queryAlias()
-              let data = {
-                userId: this.row.f_user_id,
-                content: {isOpen: type},
-                alias: this.row.f_alias,
-                inputtor: Vue.user.name,
-                moduleName: this.row.f_alias
-              }
-              // console.log('请求参数'+JSON.stringify(data))
-              // http://ip:port/webmeter/rs/logic/syncSaveValveControlTemplate
-              let http = new HttpResetClass()
-              http.load('POST',`${this.$androidUtil.getProxyUrl()}/webmeter/rs/logic/syncSaveValveControlTemplate`, {data: data}).then((row) => {
-                // http.load('POST',`${this.$androidUtil.getProxyUrl()}/SJwebmeter`, {data: data}).then((row) => {
-                // console.log('执行结果'+JSON.stringify(row))
-                this.$showMessage('发送成功！')
-              }).catch((e) => {
-                this.$showMessage('发送失败！')
-                // console.log('错误信息+++++++'+JSON.stringify(e))
-              })
-            }
-          })
-        },
-        againOpening () {
-          console.log('重新开户')
-          if (!this.f_meternumber) {
-            this.$showMessage('请输入/扫描用户表号！')
-            return
-          }
-          this.$showMessage(`您确认要重新开户吗？`, ['confirm', 'cancel']).then(async (res) => {
-            if (res === 'confirm') {
-              let http = new HttpResetClass()
-              let condition = `f_meternumber = '${this.f_meternumber}'`
-              console.log('修改条件===' + JSON.stringify(condition))
-              http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/againOpenAccountnvm `, {data: {condition: condition}},{resolveMsg: null, rejectMsg: null}).then((row) => {
-                // console.log('修改返回' + JSON.stringify(row))
-                this.$showMessage('操作成功！将会在一段时间内重新生成开户指令！')
-              }).catch((e) => {
-                this.$showMessage('操作失败！请稍后重试！')
-                console.log('错误信息+++++++'+JSON.stringify(e))
-              })
-            }
-          })
-
-
-        },
-        query (title) {
-          console.log('查询'+ JSON.stringify(title))
-          if (!this.f_meternumber&&!this.f_userinfo_code) {
-            this.$showMessage('请输入/扫描用户表号或输入用户编号！')
-            return
-          }
-          let condition = this.f_meternumber!==''? `f_meternumber = '${this.f_meternumber}'`:`f_userinfo_code = '${this.f_userinfo_code}'`
-          let data = {
-            items: '*',
-            tablename: 't_instruct',
-            orderitem: 'f_instruct_date desc',
-            f_meternumber: this.meternumber
-          }
-          if(title==='基础'){
-            // let condition = `f_meternumber = '${this.f_meternumber}'`
-            this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/getUserByMeter`, {data: {condition:condition}}).then((row) => {
-              if(row.data.length===0)
-                this.$showMessage('未查询到用户信息')
-              // console.log('查询返回'+JSON.stringify(row))
-            // this.f_meternumber = row.data[0].f_meternumber
-            // this.f_userinfo_code = row.data[0].f_userinfo_code?row.data[0].f_userinfo_code:this.f_userinfo_code
-            this.row = row.data[0]
-          }).catch((e) => {
-            console.log('错误信息+++++++'+JSON.stringify(e))
-          })
-          } else {
-          if (title == '指令查询') {
-            data = {
-              items: '*',
-              tablename: 't_instruct',
-              orderitem: 'f_instruct_date desc',
-              condition: condition
-            }
-          }else if (title == '抄表查询') {
-            data = {
-              items: '*',
-              tablename: 't_handplan',
-              orderitem: 'f_input_date desc',
-              condition: condition
-            }
-          }else if (title == '售气查询') {
-            if (!this.f_meternumber) {
-              this.$showMessage('请输入/扫描用户表号！')
-              return
-            }
-            data = {
-              items: '*',
-              tablename: 't_sellinggas',
-              orderitem: 'f_operate_date desc',
-              condition: condition
-            }
-          }else if (title == '上报查询') {
-            if (!this.f_meternumber) {
-              this.$showMessage('请输入/扫描用户表号！')
-              return
-            }
-            data = {
-              items: '*',
-              tablename: 't_meteread',
-              orderitem: 'f_hand_date  desc',
-              condition: condition
-            }
-          }
-          console.log('查询条件'+ JSON.stringify(data))
-          // this.$resetpost(`/rs/sql/iot_singleTable_OrderBy`, {data: data}).then((row) => {
-          this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/iot_singleTable_OrderBy`, {data: data}).then((row) => {
-            console.log('查询返回'+JSON.stringify(row))
-            this.model.rows = row.data
-            // this.f_meternumber = row.data[0].f_meternumber
-            // this.f_userinfo_code = row.data[0].f_userinfo_code?row.data[0].f_userinfo_code:this.f_userinfo_code
-          }).catch((e) => {
-            console.log('正在维护！')
-            console.log('错误信息+++++++'+JSON.stringify(e))
-          })
-          }
-        },
-        setquery (msg) {
-          console.log(msg)
-          this.querytitle = msg
-          // 查询
-          this.query(msg)
-        },
-        Scanningtable() {
-          console.log('扫表号6666666')
-          HostApp.__this__ = this
-          HostApp.scanCode({callback:"javascript:HostApp.__this__.getCode();"})
-        },
-        getCode () {
-          var datapa = HostApp.getCode().data
-          console.log(`扫码返回值${datapa}`)
-          this.f_meternumber = datapa
-          this.$showMessage(`扫码返回值为：${datapa}`)
-        },
-
-      }
-    }
-</script>
-
-<style scoped>
-  .btn-color{
-    background-color: #499edf;
-    border-radius: 10px ;
-    border: 1px solid #499EDF;
-    font:600 16px PingFang-SC-Bold;
-    color: #FFFFFF;
-
-  }
-  .btn-color1{
-    background-color: #FFFFFF;
-    border-radius: 10px ;
-    border: 1px solid #499EDF;
-    font:600 16px PingFang-SC-Bold;
-    color: #499EDF;
-  }
-  .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;
-  }
-  .div_ul {
-    height: 36px;
-    color:rgb(153,153,153);
-    /*border-right: 1px solid royalblue;*/
-    line-height: 36px;
-  }
-  .div_ul2 {
-    height: 36px;
-    /*border-right: 1px solid royalblue;*/
-    line-height: 36px;
-    color:#6eb0e3;
-    border-bottom: 2px solid #6eb0e3;
-  }
-.meterinfo{
-  padding: 10px;
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-</style>
+<template>
+  <div class="auto" style="background: #f8f8f8;">
+    <div partial class="bg-white ">
+      <div class="row app-row " style="margin-top: 10px">
+        <div class="col-xs-4">
+          <img src="../../assets/表号.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label  class="font ">表号：</label>
+        </div>
+        <div class="col-xs-8" >
+          <input  class="search_input input-font" placeholder="请输入您要查询的表号" v-model="f_meternumber" />
+        </div>
+      </div>
+      <div class="row app-row " style="margin-top: 10px">
+        <div class="col-xs-4">
+          <img src="../../assets/用户编号.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label  class="font ">用户编号：</label>
+        </div>
+        <div class="col-xs-8" >
+          <input  class="search_input input-font" placeholder="请输入用户编号" v-model="f_userinfo_code" />
+        </div>
+      </div>
+      <div class="row text-center" style="padding-top: 10px;padding-bottom:10px;text-align: center">
+        <button type="button" class="btn  btn-font" style="width: 25%;
+      margin-right: 3%; background-color: #499edf;color:#FFFFFF;border-radius: 10px ;" @click="query(querytitle)">查询</button>
+        <button type="button" class="btn  btn-font btn-color1" style="width: 25%;margin-right: 3%" @click="empty">清空</button>
+        <button type="button" class="btn  btn-font btn-color1" style="width: 25%;margin-right: 3%" @click="Scanningtable">扫表号</button>
+      </div>
+    </div>
+    <div class="meterinfo auto bg-white">
+      <iot-meter-info :row="row"></iot-meter-info>
+    </div>
+    <div class="">
+      <div class="row bg-white" style="padding: 10px;margin-bottom: 5px">
+        <div class="col-sm-12 " >
+          <img src="../../assets/caozuo.png" style="width: 20px;margin-bottom: 5px" alt="">
+          <label  class="font ">操作</label>
+          <button type="button" class="btn  btn-font btn-color" style="width: 20%" @click="OpenValve('1')">开阀</button>
+          <button type="button" class="btn  btn-font btn-color" style="width: 20%" @click="valveShutoff('0')">关阀</button>
+          <button type="button" class="btn  btn-font btn-color" style="width: 25%" @click="againOpening">重新开户</button>
+        </div>
+      </div>
+
+    </div>
+    <div class="bg-white" >
+      <!--<div class="row" style="padding-left: 10px">-->
+        <!--<label class="font_normal_body">信息查询</label>-->
+      <!--</div>-->
+      <div class="row  auto flex-row" style="justify-content: space-between">
+        <div @click="setquery('基础')"  >
+         <label :class="querytitle == '基础' ? 'text-center div_ul2' : 'text-center div_ul'">基础</label>
+        </div>
+        <div @click="setquery('指令查询')"  >
+          <label :class="querytitle == '指令查询' ? 'text-center div_ul2' : 'text-center div_ul'">指令</label>
+        </div>
+        <div @click="setquery('抄表查询')"   >
+        <label :class="querytitle == '抄表查询' ? 'text-center div_ul2' : 'text-center div_ul'">抄表</label>
+        </div>
+        <div @click="setquery('售气查询')" >
+          <label  :class="querytitle == '售气查询' ? 'text-center div_ul2' : 'text-center div_ul'">售气</label>
+        </div>
+        <div @click="setquery('上报查询')"  >
+         <label :class="querytitle == '上报查询' ? ' text-center div_ul2' : 'text-center div_ul'">上报</label>
+        </div>
+      </div>
+      <div v-if="model.rows.length == 0 && querytitle !== '基础'" style="margin-top: 20px">
+        <label class="font_normal_body"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;暂无记录...&nbsp;&nbsp;&nbsp;</b></label>
+      </div>
+      <div class="iotbaseinfo " v-if="querytitle == '基础'">
+        <iot-base-info :row="row"></iot-base-info>
+      </div>
+      <list :model="model" partial='list' style="padding-bottom: 10px" v-if="querytitle == '指令查询'">
+          <div partial>
+            <div  class="auto app-text" style="margin-top: 5px; " @click="$parent.$parent.goto(row)">
+              <div class="panel" style="padding: 10px 10px 5px 10px;">
+                <div class="panel-body panel-self " style="border: 2px solid #499EDF; border-radius: 10px">
+                  <div class="col-xs-12">
+                    <p class="panel-title col-xs-5 text-left font" style="float: left"><b>指令类型:</b></p>
+                    <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_instruct_type }}</p>
+                  </div>
+                  <div class="col-xs-12">
+                    <p class="panel-title col-xs-5 text-left font" style="float: left"><b>指令标题:</b></p>
+                    <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_instruct_title }}</p>
+                  </div>
+                  <div class="col-xs-12">
+                    <p class="panel-title col-xs-5 text-left font"><b>执行状态:</b></p>
+                    <p class="panel-title col-xs-7 text-left input-font">{{ row.f_instruct_state }}
+                    </p>
+                  </div>
+                  <div class="col-xs-12">
+                    <p class="panel-title col-xs-5 text-left font"><b>执行结果:</b></p>
+                    <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_receive_state }}
+                    </p>
+                  </div>
+                  <div class="col-xs-12">
+                    <p class="panel-title col-xs-5 text-left font"><b>生成人员:</b></p>
+                    <p class="panel-title col-xs-7 text-left input-font">{{ row.f_inputtor }}</p>
+                  </div>
+                  <div class="col-xs-12">
+                    <p class="panel-title col-xs-5 text-left font"><b>生成时间:</b></p>
+                    <p class="panel-title col-xs-7 text-left input-font">{{ row.f_instruct_date }}</p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </list>
+      <list :model="model" partial='list' style="padding-bottom: 10px" v-if="querytitle == '抄表查询'">
+        <div partial>
+          <div  class="auto app-text" style="margin-top: 5px;">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self" style="border: 2px solid #499EDF; border-radius: 10px">
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>本次抄表底数:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_tablebase }}</p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>上次抄表底数:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_last_tablebase }}</p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font"><b>操作员:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_inputtor }}
+                  </p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font"><b>抄表日期:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_input_date }}
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </list>
+      <list :model="model" partial='list' style="padding-bottom: 10px" v-if="querytitle == '售气查询'">
+        <div partial>
+          <div  class="auto app-text" style="margin-top: 5px;">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self" style="border: 2px solid #499EDF; border-radius: 10px">
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>预购气量:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_pregas }}</p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>预购金额:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_preamount }}</p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font"><b>累购气量:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_total_gas }}
+                  </p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font"><b>累购金额:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_total_fee }}
+                  </p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font"><b>缴费日期:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_operate_date }}
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </list>
+      <list :model="model" partial='list' style="padding-bottom: 10px" v-if="querytitle == '上报查询'">
+        <div partial>
+          <div  class="auto app-text" style="margin-top: 5px;">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self" style="border: 2px solid #499EDF; border-radius: 10px">
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>上报类型:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_upload_type }}</p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font" style="float: left"><b>阀门状态:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_valvestate }}</p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font"><b>表内单价:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_price }}
+                  </p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font"><b>抄表底数:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font" >{{ row.f_tablebase }}
+                  </p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font"><b>上报日期:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_hand_date }}</p>
+                </div>
+                <div class="col-xs-12">
+                  <p class="panel-title col-xs-5 text-left font"><b>系统接收日期:</b></p>
+                  <p class="panel-title col-xs-7 text-left input-font">{{ row.f_insert_date }}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </list>
+    </div>
+
+  </div>
+
+</template>
+
+<script>
+  import Vue from 'vue'
+  import {HttpResetClass} from 'vue-client'
+  import IotMeterInfo from "./IotMeterInfo";
+    export default {
+      components: {IotMeterInfo},
+      title: '物联网监控',
+      data () {
+        return {
+          f_meternumber: '',
+          f_userinfo_code:'',
+          querytitle: '基础',
+          row:{},
+          model: {
+             rows: [{}]
+          }
+
+        }
+      },
+      ready () {
+        console.log('物联网监控')
+      },
+      methods: {
+        goto(row){
+        console.log(row)
+        let _this=this
+        var pardate = {
+          _this:_this,
+          title:'指令信息',
+          safe:false
+        }
+        this.$dispatch('gotoson',pardate)
+        this.$goto('instruct-message',{row:row}, 'self')
+        },
+        empty () {
+          console.log('清空')
+          this.f_meternumber = ''
+          this.f_userinfo_code = ''
+        },
+        // 查询表别名
+        queryAlias() {
+          console.log('查询表别名'+JSON.stringify(this.f_meternumber))
+          let data = {
+            items: ' f_alias , f_user_id ',
+            tablename: ' t_userfiles uf LEFT JOIN t_gasbrand gb ON uf.f_gasbrand_id = gb.id ',
+            orderitem: 'gb.id desc',
+            condition: ` f_meternumber = '${this.f_meternumber}'`
+          }
+          // console.log('查询条件'+ JSON.stringify(data))
+          // this.$resetpost(`/rs/sql/iot_singleTable_OrderBy`, {data: data}).then((row) => {
+            this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/iot_singleTable_OrderBy`, {data: data}).then((row) => {
+            // console.log('查询返回'+JSON.stringify(row))
+            return row.data[0]
+          }).catch((e) => {
+            this.$showMessage('表别名获取失败！')
+            // console.log('错误信息+++++++'+JSON.stringify(e))
+          })
+
+        },
+        async OpenValve(type) {
+          // console.log('开阀')
+          if (!this.f_meternumber) {
+            this.$showMessage('请输入/扫描用户表号！')
+            return
+          }
+          this.$showMessage(`您确认要生成开阀指令吗？`, ['confirm', 'cancel']).then(async (res) => {
+            if (res === 'confirm') {
+              // let alias = await this.queryAlias()
+              let data = {
+                userId: this.row.f_user_id,
+                content: {isOpen: type},
+                alias: this.row.f_alias,
+                inputtor: Vue.user.name,
+                moduleName: this.row.f_alias
+              }
+              // console.log('请求参数'+JSON.stringify(data))
+              // http://ip:port/webmeter/rs/logic/syncSaveValveControlTemplate
+              let http = new HttpResetClass()
+              http.load('POST',`${this.$androidUtil.getProxyUrl()}/webmeter/rs/logic/syncSaveValveControlTemplate`, {data: data}).then((row) => {
+                // http.load('POST',`${this.$androidUtil.getProxyUrl()}/SJwebmeter`, {data: data}).then((row) => {
+                // console.log('执行结果'+JSON.stringify(row))
+                this.$showMessage('发送成功！')
+              }).catch((e) => {
+                this.$showMessage('发送失败！')
+                // console.log('错误信息+++++++'+JSON.stringify(e))
+              })
+            }
+          })
+        },
+        valveShutoff (type) {
+          // console.log('关阀')
+          if (!this.f_meternumber) {
+            this.$showMessage('请输入/扫描用户表号！')
+            return
+          }
+          this.$showMessage(`您确认要生成关阀指令吗？`, ['confirm', 'cancel']).then(async (res) => {
+            if (res === 'confirm') {
+              // let alias = await this.queryAlias()
+              let data = {
+                userId: this.row.f_user_id,
+                content: {isOpen: type},
+                alias: this.row.f_alias,
+                inputtor: Vue.user.name,
+                moduleName: this.row.f_alias
+              }
+              // console.log('请求参数'+JSON.stringify(data))
+              // http://ip:port/webmeter/rs/logic/syncSaveValveControlTemplate
+              let http = new HttpResetClass()
+              http.load('POST',`${this.$androidUtil.getProxyUrl()}/webmeter/rs/logic/syncSaveValveControlTemplate`, {data: data}).then((row) => {
+                // http.load('POST',`${this.$androidUtil.getProxyUrl()}/SJwebmeter`, {data: data}).then((row) => {
+                // console.log('执行结果'+JSON.stringify(row))
+                this.$showMessage('发送成功！')
+              }).catch((e) => {
+                this.$showMessage('发送失败！')
+                // console.log('错误信息+++++++'+JSON.stringify(e))
+              })
+            }
+          })
+        },
+        againOpening () {
+          console.log('重新开户')
+          if (!this.f_meternumber) {
+            this.$showMessage('请输入/扫描用户表号！')
+            return
+          }
+          this.$showMessage(`您确认要重新开户吗？`, ['confirm', 'cancel']).then(async (res) => {
+            if (res === 'confirm') {
+              let http = new HttpResetClass()
+              let condition = `f_meternumber = '${this.f_meternumber}'`
+              console.log('修改条件===' + JSON.stringify(condition))
+              http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/againOpenAccountnvm `, {data: {condition: condition}},{resolveMsg: null, rejectMsg: null}).then((row) => {
+                // console.log('修改返回' + JSON.stringify(row))
+                this.$showMessage('操作成功！将会在一段时间内重新生成开户指令！')
+              }).catch((e) => {
+                this.$showMessage('操作失败！请稍后重试！')
+                console.log('错误信息+++++++'+JSON.stringify(e))
+              })
+            }
+          })
+
+
+        },
+        query (title) {
+          console.log('查询'+ JSON.stringify(title))
+          if (!this.f_meternumber&&!this.f_userinfo_code) {
+            this.$showMessage('请输入/扫描用户表号或输入用户编号！')
+            return
+          }
+          let condition = this.f_meternumber!==''? `f_meternumber = '${this.f_meternumber}'`:`f_userinfo_code = '${this.f_userinfo_code}'`
+          let data = {
+            items: '*',
+            tablename: 't_instruct',
+            orderitem: 'f_instruct_date desc',
+            f_meternumber: this.meternumber
+          }
+          if(title==='基础'){
+            // let condition = `f_meternumber = '${this.f_meternumber}'`
+            this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/getUserByMeter`, {data: {condition:condition}}).then((row) => {
+              if(row.data.length===0)
+                this.$showMessage('未查询到用户信息')
+              // console.log('查询返回'+JSON.stringify(row))
+            // this.f_meternumber = row.data[0].f_meternumber
+            // this.f_userinfo_code = row.data[0].f_userinfo_code?row.data[0].f_userinfo_code:this.f_userinfo_code
+            this.row = row.data[0]
+          }).catch((e) => {
+            console.log('错误信息+++++++'+JSON.stringify(e))
+          })
+          } else {
+          if (title == '指令查询') {
+            data = {
+              items: '*',
+              tablename: 't_instruct',
+              orderitem: 'f_instruct_date desc',
+              condition: condition
+            }
+          }else if (title == '抄表查询') {
+            data = {
+              items: '*',
+              tablename: 't_handplan',
+              orderitem: 'f_input_date desc',
+              condition: condition
+            }
+          }else if (title == '售气查询') {
+            if (!this.f_meternumber) {
+              this.$showMessage('请输入/扫描用户表号！')
+              return
+            }
+            data = {
+              items: '*',
+              tablename: 't_sellinggas',
+              orderitem: 'f_operate_date desc',
+              condition: condition
+            }
+          }else if (title == '上报查询') {
+            if (!this.f_meternumber) {
+              this.$showMessage('请输入/扫描用户表号！')
+              return
+            }
+            data = {
+              items: '*',
+              tablename: 't_meteread',
+              orderitem: 'f_hand_date  desc',
+              condition: condition
+            }
+          }
+          console.log('查询条件'+ JSON.stringify(data))
+          // this.$resetpost(`/rs/sql/iot_singleTable_OrderBy`, {data: data}).then((row) => {
+          this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/sql/iot_singleTable_OrderBy`, {data: data}).then((row) => {
+            console.log('查询返回'+JSON.stringify(row))
+            this.model.rows = row.data
+            // this.f_meternumber = row.data[0].f_meternumber
+            // this.f_userinfo_code = row.data[0].f_userinfo_code?row.data[0].f_userinfo_code:this.f_userinfo_code
+          }).catch((e) => {
+            console.log('正在维护！')
+            console.log('错误信息+++++++'+JSON.stringify(e))
+          })
+          }
+        },
+        setquery (msg) {
+          console.log(msg)
+          this.querytitle = msg
+          // 查询
+          this.query(msg)
+        },
+        Scanningtable() {
+          console.log('扫表号6666666')
+          HostApp.__this__ = this
+          HostApp.scanCode({callback:"javascript:HostApp.__this__.getCode();"})
+        },
+        getCode () {
+          var datapa = HostApp.getCode().data
+          console.log(`扫码返回值${datapa}`)
+          this.f_meternumber = datapa
+          this.$showMessage(`扫码返回值为：${datapa}`)
+        },
+
+      }
+    }
+</script>
+
+<style scoped>
+  .btn-color{
+    background-color: #499edf;
+    border-radius: 10px ;
+    border: 1px solid #499EDF;
+    font:600 16px PingFang-SC-Bold;
+    color: #FFFFFF;
+
+  }
+  .btn-color1{
+    background-color: #FFFFFF;
+    border-radius: 10px ;
+    border: 1px solid #499EDF;
+    font:600 16px PingFang-SC-Bold;
+    color: #499EDF;
+  }
+  .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;
+  }
+  .div_ul {
+    height: 36px;
+    color:rgb(153,153,153);
+    /*border-right: 1px solid royalblue;*/
+    line-height: 36px;
+  }
+  .div_ul2 {
+    height: 36px;
+    /*border-right: 1px solid royalblue;*/
+    line-height: 36px;
+    color:#6eb0e3;
+    border-bottom: 2px solid #6eb0e3;
+  }
+.meterinfo{
+  padding: 10px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+</style>