sale-client 4.2.70 → 4.2.71

package/src/components/webMeter/InstructQuery.vue

@@ -0,0 +1,414 @@
+<template style="position: absolute;">
+  <div class="flex">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.search' v-ref:criteria>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div class="col-sm-2">
+              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp;</label>
+              <right-tree @re-res="$parent.$parent.getorg"
+                          :initresid='$parent.$parent.org'></right-tree>
+            </div>
+            <div class="col-sm-2">
+              <label class="font_normal_body">客户编号</label>
+              <input @keyup.enter="search" type="text" class="input_search" style="width:60%"
+                     v-model="model.f_userinfo_code"
+                     placeholder='客户编号'
+                     condition="f_userinfo_code like '{}%'"
+              >
+            </div>
+            <div class="col-sm-2">
+              <label class="font_normal_body">客户名称</label>
+              <input @keyup.enter="search" type="text" class="input_search" style="width:60%"
+                     v-model="model.f_user_name"
+                     placeholder='客户名称'
+                     condition="f_user_name like '%{}%'"
+              >
+            </div>
+            <div class="col-sm-2">
+              <label class="font_normal_body">客户地址</label>
+              <input @keyup.enter="search" type="text" class="input_search" style="width:60%"
+                     v-model="model.f_address"
+                     placeholder='客户地址'
+                     :size="model.f_address ? model.f_address.length : 6"
+                     condition="f_address like '%{}%'"
+              >
+            </div>
+
+
+
+            <div style="float:right;">
+              <button class="button_search button_spacing" @click="search()" v-el:cba>查询</button>
+
+              <button class="button_clear button_spacing" @click="$parent.$parent.clearmsg">清空</button>
+              <export-excel
+                :data="{condition: $parent.$parent.condition}"
+                :field="$parent.$parent.getfield"
+                sqlurl="rs/logic/saleExport" sql-name="iot_getNewMeterBrandAndModel" template-name='表具查询'
+                :choose-col="true"></export-excel>
+              <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
+            </div>
+          </div>
+
+
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <div class="col-sm-2">
+              <label class="font_normal_body">&nbsp;&nbsp;&nbsp;表号&nbsp;&nbsp;&nbsp;</label>
+              <input @keyup.enter="search" type="text" class="input_search" style="width:60%"
+                     v-model="model.f_meternumber"
+                     placeholder='表号'
+                     condition="f_meternumber = '{}'">
+            </div>
+            <div class="col-sm-2">
+              <label class="font_normal_body">客户类型</label>
+              <v-select
+                placeholder='客户类型'
+                value-single="true"
+                style="width:60%"
+                :value.sync="model.f_user_type"
+                v-model="model.f_user_type"
+                :options='$parent.$parent.Gasusertype'
+                close-on-select condition="f_user_type ='{}'">
+              </v-select>
+            </div>
+
+            <div class="col-sm-2">
+              <label class="font_normal_body">用气性质</label>
+              <v-select
+                placeholder='用气性质'
+                value-single="true"
+                :value.sync="model.f_gasproperties"
+                style="width:60%"
+                v-model="model.f_gasproperties"
+                :options='$parent.$parent.Gasproperties'
+                close-on-select condition="f_gasproperties ='{}'">
+              </v-select>
+            </div>
+            <div class="col-sm-2">
+              <label class="font_normal_body">气表状态</label>
+              <v-select
+                placeholder='气表状态'
+                :value.sync="model.f_table_state"
+                style="width:60%"
+                v-model="model.f_table_state"
+                :options='$parent.$parent.TableStates'
+                close-on-select
+                condition="f_table_state='{}'">
+              </v-select>
+            </div>
+            <div class="col-sm-2">
+              <label class="font_normal_body">气表品牌</label>
+              <v-select
+                placeholder='气表品牌'
+
+                :value.sync="model.f_gasbrand"
+                style="width:60%"
+                v-model="model.f_gasbrand"
+                :options='$parent.$parent.meterbrand'
+                close-on-select
+                condition="f_meter_brand='{}'">
+              </v-select>
+            </div>
+
+          </div>
+
+
+
+      </div>
+
+
+      </criteria>
+      <data-grid  :model="model" partial='list'  class="list_area table_sy" v-ref:grid>
+        <template partial='head'>
+          <tr>
+            <th style="text-align:center"><nobr>序号</nobr></th>
+            <th style="text-align:center"><nobr>客户编号</nobr></th>
+            <th style="text-align:center"><nobr>客户名称</nobr></th>
+            <th style="text-align:center"><nobr>客户地址</nobr></th>
+            <th style="text-align:center;color:#3c763d"><nobr>表号</nobr></th>
+            <th style="text-align:center"><nobr>气表品牌</nobr></th>
+            <th style="text-align:center"><nobr>气表底数</nobr></th>
+            <th style="text-align:center"><nobr>累购金额</nobr></th>
+            <th style="text-align:center"><nobr>表上余额</nobr></th>
+            <th style="text-align:center"><nobr>阀门状态</nobr></th>
+            <th style="text-align:center"><nobr>指令生成时间</nobr></th>
+            <th style="text-align:center"><nobr>指令标题</nobr></th>
+            <th style="text-align:center"><nobr>执行状态</nobr></th>
+            <th style="text-align:center"><nobr>执行结果</nobr></th>
+            <th style="text-align:center"><nobr>公司编号</nobr></th>
+            <th style="text-align:center"><nobr>指令发送时间</nobr></th>
+            <th style="text-align:center"><nobr>上表时间</nobr></th>
+            <th style="text-align:center"><nobr>指令下发者</nobr></th>
+            <th style="text-align:center"><nobr>指令类型</nobr></th>
+           <!-- <th style="text-align:center"><nobr>公司编号</nobr></th> -->
+            <th style="text-align:center"><nobr>组织机构</nobr></th>
+            <th style="text-align:center"><nobr>气表状态</nobr></th>
+            <th style="text-align:center"><nobr>客户类型</nobr></th>
+            <th style="text-align:center"><nobr>用气性质</nobr></th>
+
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr>
+            <td style="text-align:center"><nobr>{{$index + 1}}</nobr></td>
+            <td style="text-align:center">
+              <span @click="$parent.$parent.$parent.dealmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
+            </td>
+            <td style="text-align:center"><nobr>{{row.f_user_name}}</nobr></td>
+            <td><nobr>{{row.f_address}}</nobr></td>
+            <td style="text-align:center;color:#3c763d" ><nobr>{{row.f_meternumber}}</nobr></td>
+            <td style="text-align:center;color:#3c763d" ><nobr>{{row.f_meter_brand}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_meter_base}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_total_fee}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_balance_amount}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_valve_state}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_instruct_date}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_instruct_title}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_instruct_state}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_receive_state}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.uf.f_filialeid}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_send_date}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_callback_date}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_inputtor}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_instruct_type}}</nobr></td>
+            <!--<td style="text-align:center"><nobr>{{row.f_orgid}}</nobr></td> -->
+            <td style="text-align:center"><nobr>{{row.f_orgname}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_table_state}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_user_type}}</nobr></td>
+            <td style="text-align:center"><nobr>{{row.f_gasproperties}}</nobr></td>
+          </tr>
+        </template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+
+  let readyGen = async function (self) {
+    await self.$LoadParams.loadParam()
+    self.initQueryParam()
+    self.getinstructtype()
+    self.getinstructstate()
+    await self.$getConfig(self, 'HandManager')
+    console.log('指令查询config', self.config)
+    self.getfield = self.config.excelHeaders
+    // self.reflash()
+  }
+
+  export default {
+    title: '指令查询',
+    data () {
+      return {
+        model: new PagedList('rs/sql/iot_getBiaoju', 50),
+        row: null,
+        meterbrand: [],
+        searchshow: false,
+        orgcondition:' and uf.f_filialeid = ' + this.$login.f.orgid,
+        getfield: {},
+        org:[this.$login.f.orgid],
+        criteriaShow:false,
+        config: {
+          excelHeaders: {
+            'f_userinfo_code': '客户编号','f_user_name': '客户名称','f_address': '客户地址',
+            'f_meternumber': '表号','f_meter_brand': '气表品牌','f_meter_base': '气表底数',
+            'f_total_fee': '累购金额','f_balance_amount': '表上余额', 'f_valve_state': '阀门状态',
+            'f_instruct_date': '指令生成时间','f_instruct_title': '指令标题','f_instruct_state': '执行状态',
+            'f_receive_state': '执行结果','uf.f_filialeid': '公司编号','f_send_date': '指令发送时间',
+            'f_callback_date': '上表时间','f_inputtor': '指令下发者','f_instruct_type': '指令类型',
+            'f_orgname': '公司名称','f_table_state': '气表状态',
+            'f_user_type': '客户类型','f_gasproperties': '用气性质'
+          }
+        },
+        condition:'uf.f_filialeid = ' + this.$login.f.orgid,
+        WarningType: [
+          {label: '全部', value: ''}
+        ],
+        Warningstyle: [
+          {label: '全部', value: ''}
+        ],
+        Warningstyles: [
+          {label: '全部', value: ''}
+        ],
+        styles: false,
+        softVwareersion: [],
+        Gasusertype: [],
+        Gasproperties:[],
+        // Gasproperties: this.$refs.paged.$refs.criteria.model.f_user_type.length === 1 ? this.$appdata.getParam(this.model.f_user_type[0]) : [],
+        Gasproperties2: [],
+        str: '',
+        isBusy: false,
+      }
+
+    },
+  props: ['searchobj', 'isdeal'],
+    ready(){
+    //初始化气表品牌下拉框
+    //初始化客户类型，用气性质，用气属性，软件版本号下拉框
+    readyGen(this)
+    this.$refs.paged.$refs.criteria.model.f_table_state=['正常']
+      this.$refs.paged.$refs.criteria.model.f_start_date = Util.toStandardDateString() + ' 00:00:00'
+      this.$refs.paged.$refs.criteria.model.f_end_date = Util.toStandardDateString() + ' 23:59:59'
+    this.$refs.paged.$refs.criteria.search()
+    },
+    watch: {
+      'searchobj'(val) {
+        if (this.searchobj != null) {
+          this.$refs.paged.$refs.criteria.model.f_meternumber = this.searchobj.f_meternumber
+          this.$refs.paged.$refs.criteria.search()
+        }
+      }
+    },
+    methods: {
+      hidden() {
+        this.criteriaShow = !this.criteriaShow
+      },
+      clearmsg() {
+        this.$refs.paged.$refs.criteria.model = {}
+      },
+      clickshow() {
+        this.searchshow = !this.searchshow
+      },
+      dealmsg(val) {
+        val.model = this.model.model
+        this.$emit('deal-msg', val)
+      },
+      search(args) {
+        this.isBusy = true
+        args.condition = `${args.condition} `+this.orgcondition
+        this.condition=args.condition
+        this.model.search(args.condition, args.model)
+      },
+
+      /**search() {
+        this.$refs.paged.$refs.criteria.search()
+      },**/
+
+      getorg(obj) {
+        if (obj.resids.length>0) {
+          this.orgcondition = " and uf.f_filialeid in " + this.$login.convertToIn(obj.resids)
+        }else
+        {
+          this.orgcondition = " and uf.f_filialeid = " + this.$login.f.orgid
+        }
+      },
+
+      userTypeChange () {
+        this.gasproperties = []
+        if (this.model.f_user_type.length === 1) {
+          if (this.model.f_user_type[0]) {
+            this.gasproperties = this.$appdata.getParam(this.model.f_user_type[0])
+          } else {
+            this.$refs.paged.$refs.criteria.model.f_gasproperties = ''
+          }
+        }
+      },
+      initQueryParam () {
+        let arr = []
+        this.$GetSaleParam.getGasbrand().forEach((item) => {
+          let temp = {}
+          if(item.value.f_meter_type==='物联网表'){
+            temp.label = item.label
+            temp.value = item.value.f_meter_brand
+            arr.push(temp )
+          }
+
+        })
+        this.meterbrand = [{label: '全部', value: ''}, ...arr]
+      }
+
+    },
+    getinstructtype(){
+      this.instructtype=[]
+      let load = new HttpResetClass()
+      load.load('POST', 'rs/sql/querySingleTable', {
+        data: {
+          items:'f_instruct_type',
+          tablename:'t_instruct',
+          condition:'f_instruct_type is not null  group by f_instruct_type'
+        }
+      },{warnMsg:null,resolveMsg:null}).then((res) => {
+        this.instructtype.push({label: '全部', value: ''})
+        res.data.forEach((item) => {
+          this.instructtype.push({label: item.f_instruct_type, value: item.f_instruct_type})
+        })
+      })
+
+    },
+    getinstructstate(){
+      this.instructstate=[]
+      let load = new HttpResetClass()
+      load.load('POST', 'rs/sql/querySingleTable', {
+        data: {
+          items:'f_instruct_state',
+          tablename:'t_instruct',
+          condition:'f_instruct_state is not null  group by f_instruct_state'
+        }
+      },{warnMsg:null,resolveMsg:null}).then((res) => {
+        this.instructstate.push({label: '全部', value: ''})
+        res.data.forEach((item) => {
+          this.instructstate.push({label: item.f_instruct_state, value: item.f_instruct_state})
+        })
+      })
+
+    },
+
+    computed: {
+      /* Warningstyle () {
+         return [{label: '全部', value: ''}, ...this.$appdata.getParam('燃气表型号')]
+       },*/
+      MeterTypes() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
+      },
+      TableStates() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表状态')]
+      },
+      Gasproperties() {
+        let rs = []
+        if (this.model.model.f_user_type) {
+          rs = this.$appdata.getParam(this.model.model.f_user_type[0])
+        }
+        return rs
+        // return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]
+      },
+      Gasusertype() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
+      },
+     /* signtype1() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('标记名称')]
+      },
+      parameterState() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('标记状态')]
+      },*/
+      userfilesState() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('上报状态')]
+      },
+      /*softVwareersion() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('软件版本号')]
+      },*/
+      valvestate() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('阀门状态')]
+      },
+      meterbrands() {
+        return this.$GetSaleParam.getGasbrand()
+      }
+    }
+
+
+  }
+</script>
+<style>
+.form-input-group label {
+  text-align: right;
+  width: auto;
+}
+
+.datapanel {
+  color: #333;
+  background-color: white;
+  box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
+  padding: 10px 30px 10px 30px;
+  border-radius: 15px;
+}
+</style>