sale-client 4.2.70 → 4.2.71

package/src/components/webMeter/ParamSet/ParamSet.vue

@@ -0,0 +1,556 @@
+<template>
+  <div class="basic-main" style="height: 98%;">
+    <div :class="f_gasbrand?'col-sm-6':'col-sm-12'" style="padding-right: 7px">
+      <criteria-paged :model='model' v-ref:paged>
+        <criteria :model='model' partial='criteria' v-ref:criteria @condition-changed='$parent.search'>
+          <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+            <div class="row">
+
+              <div class="row">
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'" class="form-group form-input-group">
+                  <label class="control-label">组织机构</label>
+                  <right-tree :userid.sync='$parent.$parent.obj.userid'
+                              :source.sync='$parent.$parent.obj.source'
+                              @re-res="$parent.$parent.getRes"></right-tree>
+                </div>
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'" class="form-group form-input-group">
+                  <label class="control-label  _zoom4 _zoom4">表&nbsp;&nbsp;号&nbsp;</label>
+                  <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
+                         v-model="model.f_meternumber"
+                         placeholder='表号'
+                         condition="f_meternumber = '{}'"
+                  >
+                </div>
+
+
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'"
+                     class="col-sm-4 form-group form-input-group">
+                  <label class="control-label  _zoom4 _zoom4">小区/地址</label>
+                  <input @keyup.enter="search" style="width:60%" type="text" class="input_search "
+                         v-model="model.f_address"
+                         placeholder='小区/地址'
+                         condition="f_address like '%{}%'"
+                  >
+                </div>
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'"
+                     class="col-sm-4 form-group form-input-group">
+                  <label class="control-label  _zoom4 _zoom4">用户编号</label>
+                  <input @keyup.enter="search" style="width:60%" type="text" class="input_search "
+                         v-model="model.f_userinfo_code"
+                         placeholder='用户编号'
+                         condition="f_userinfo_code = '{}'"
+                  >
+                </div>
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'"
+                     class="col-sm-4 form-group form-input-group">
+                  <label class="control-label  _zoom4 _zoom4">客户姓名</label>
+                  <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
+                         v-model="model.f_user_name"
+                         placeholder='客户姓名'
+                         condition="f_user_name like '%{}%'"
+                  >
+                </div>
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'"
+                     class="col-sm-4 form-group form-input-group">
+                  <label class="control-label _zoom4">气表品牌</label>
+                  <v-select :value.sync="model.f_gasbrand" width="100%"
+                            v-model="model.f_gasbrand"
+                            :value-single="true"
+
+                            @change="$parent.$parent.getMeterType"
+                            condition="f_alias = '{}'"
+                            :options='$parent.$parent.gasBrand' placeholder='气表品牌'
+                            close-on-select></v-select>
+                </div>
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'"
+                     class="col-sm-4 form-group form-input-group">
+                  <label class="control-label">气表型号</label>
+                  <v-select v-if="$parent.$parent.styles"
+                            placeholder='气表型号'
+                            :value.sync="model.f_meter_style"
+                            :value-single="true"
+                            v-model="model.f_meter_style"
+                            :options='$parent.$parent.Warningstyle'
+                            close-on-select
+                            condition="f_meter_style='{}'">
+                  </v-select>
+                  <v-select v-if="!$parent.$parent.styles"
+                            placeholder='气表型号'
+                            :value.sync="model.f_meter_style"
+                            v-model="model.f_meter_style"
+                            :options='$parent.$parent.Warningstyles'
+                            close-on-select
+                            condition="f_meter_style='{}'">
+                  </v-select>
+                </div>
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'"
+                     class="col-sm-4 form-group form-input-group">
+                  <label class="control-label _zoom4">表具状态</label>
+                  <v-select :value.sync="model.f_table_state" width="100%"
+                            v-model="model.f_table_state"
+                            :value-single="true"
+
+                            condition="f_table_state = '{}'"
+                            :options='$parent.$parent.f_table_state' placeholder='表具状态'
+                            close-on-select></v-select>
+                </div>
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'"
+                     class="col-sm-4 form-group form-input-group">
+                  <label class="control-label">用户类型</label>
+                  <v-select id="f_user_type"
+                            v-model="model.f_user_type"
+                            placeholder='用户类型'
+                            value-single="true"
+                            :value.sync="model.f_user_type"
+                            :options='$parent.$parent.Gasusertype'
+                            condition="f_user_type {}"
+                            close-on-select>
+                  </v-select>
+                </div>
+                <div :class="$parent.$parent.f_gasbrand?'col-sm-4':'col-sm-2'"
+                     class="col-sm-4 form-group form-input-group">
+                  <label class="control-label">用气性质</label>
+                  <v-select id="f_gasproperties"
+                            v-model="model.f_gasproperties"
+                            placeholder='用气性质'
+                            value-single="true"
+                            :value.sync="model.f_gasproperties"
+                            :options='$parent.$parent.Gasproperties'
+                            condition="f_gasproperties {}"
+                            close-on-select>
+                  </v-select>
+                </div>
+
+                <button style="float: right" class="btn btn-primary width-100 " @click="search()" v-el:cba>查询</button>
+              </div>
+            </div>
+          </div>
+        </criteria>
+        <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy">
+          <template partial='head'>
+            <tr>
+              <th style="text-align:center">
+                <nobr>全选</nobr>
+                <input @keyup.enter="search" style="width:60%" type="checkbox" v-model='checked1'
+                       @click="$parent.$parent.$parent.checkedALL()">
+              </th>
+              <th>
+                <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' partial='list' v-ref:grid>
+            <tr>
+              <td style="text-align:center">
+                <input @keyup.enter="search" style="width:60%" type="checkbox" name="opertioninput"
+                       v-model="row.f_ischeck"
+                       @click="$parent.$parent.$parent.checked(row)"></td>
+              <td style="text-align:center">
+                <button type="button" name="button" class="btn btn-link"
+                        @click.stop="$parent.$parent.$parent.paramSet(row)">获取上次设置参数
+              </td>
+              <td style="text-align:center">
+                <nobr>{{ row.f_userinfo_code }}</nobr>
+              </td>
+              <td style="text-align:center">
+                <nobr>{{ row.f_meternumber }}</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>
+              <td style="text-align:center">
+                <nobr>{{ row.f_user_name }}</nobr>
+              </td>
+              <td>
+                <nobr>{{ row.f_address }}</nobr>
+              </td>
+              <td style="text-align:center">
+                <nobr>{{ row.f_gas_date }}</nobr>
+              </td>
+
+              <td style="text-align:center">
+                <nobr>{{ row.f_meter_brand }}</nobr>
+              </td>
+              <td style="text-align:center">
+                <nobr>{{ row.f_meter_style }}</nobr>
+              </td>
+            </tr>
+          </template>
+          <template partial='foot'></template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+
+    <div class="col-sm-6 dleft" v-if="f_gasbrand">
+      <param-set-form v-ref:set :alias="f_gasbrand[0]" :data="map" :user="user" :checked1="checked1"
+                      :condition="model.condition"></param-set-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import {PagedList} from "vue-client";
+import ParamSetForm from "./ParamSetForm";
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  components: {ParamSetForm},
+  title: '参数设置',
+  name: "param-set",
+  data() {
+    return {
+      user: {},
+      obj: {
+        userid: this.$login.f.id,
+        source: `tool.getFullTree(this.getRights().where(row.getType() == $organization$))`,
+        res: this.$login.f.orgs,
+        resids: this.$login.f.orgid,
+      },
+      defaultSelect: [{label: '是', value: '是'},
+        {label: '否', value: '否'}],
+      meterbrand: [],
+      model: new PagedList("/rs/sql/iot_getNewOpertionList", 30),
+      searchshow: false,
+      gasBrand: [],
+      f_gasbrand: null,
+      criteriaShow: false,
+      condition: '',
+      orgcondition: ' and f_orgid = ' + this.$login.f.orgid,
+      isShowUserException: false,
+      val1: '',
+      f_beizhu: '',
+      Gasusertype: [],
+      Gasproperties: [],
+      Gasproperties2: [],
+      styles: false,
+      checked1: false,
+      WarningType: [
+        {label: '全部', value: ''}
+      ],
+      Warningstyle: [
+        {label: '全部', value: ''}
+      ],
+      Warningstyles: [
+        {label: '全部', value: ''}
+      ],
+      initres: {
+        org: [this.$login.f.orgid],
+        dep: [],
+        user: [],
+      },
+      valveLimit: false,
+      //设置参数权限
+      Setarameterermissions: false,
+      parameterType: '',
+      map: new Map()
+    }
+  },
+  ready() {
+    this.getGasBrand()
+    // this.model.search('1=1')
+  },
+  methods: {
+    // 气表型号
+    getMeterType() {
+      this.Warningstyle = [{label: '全部', value: ''}]
+      this.styles = false
+      let f_meter_brand = this.$refs.paged.$refs.criteria.model.f_gasbrand
+      this.getMeterTypeAndBrand('f_meter_style', `f_alias='${f_meter_brand}'`)
+    },
+    getMeterTypeAndBrand(groupname, condition) {
+      this.obj.resids = this.obj.resids.replace(/\./g, '')
+      condition = `${condition} and ui.f_orgid like '%${this.obj.resids}%'`
+      let self = this
+      let load = new HttpResetClass()
+      load.load('POST', 'rs/sql/iot_getNewMeterStyleAndBrand', {
+        data: {
+          condition: condition,
+          groupname: groupname
+        }
+      }, {warnMsg: null, resolveMsg: null}).then((res) => {
+        let dr = {label: '', value: ''}
+        let i = 0
+        for (i = 0; i < res.data.length; i++) {
+          dr = {label: '', value: ''}
+          if (groupname == 'f_meter_brand') {
+            dr.label = res.data[i].f_meter_brand
+            dr.value = res.data[i].f_meter_brand
+            //气表品牌
+            self.WarningType[i + 1] = dr
+          } else if (groupname == 'f_meter_style') {
+            dr.label = res.data[i].f_meter_style
+            dr.value = res.data[i].f_meter_style
+            //气表类型
+            self.Warningstyle[i + 1] = dr
+          }
+        }
+        if (self.Warningstyle.length > 1) {
+          self.showMeterStyle()
+        }
+      })
+
+    },
+    showMeterStyle() {
+      this.styles = true
+    },
+    getTypes() {
+      console.log(this.$login.f.orgid)
+      console.log(this.$login.f)
+      let ids = this.obj.resids ? this.obj.resids : this.$login.f.orgid,
+      f_user_type = [], f_gasproperties = []
+      this.$resetpost('rs/sql/iot_getNewTypes', {data: {condition: `f_orgid = '${ids}'`}}, {
+        warnMsg: null,
+        resolveMsg: null
+      }).then((res) => {
+        let i = 0
+        for (i = 0; i < res.data.length; i++) {
+          f_user_type[i] = res.data[i].f_user_type == null ? 'n' : res.data[i].f_user_type
+          f_gasproperties[i] = res.data[i].f_gasproperties == null ? 'n' : res.data[i].f_gasproperties
+        }
+        this.Gasusertype = this.uniq(f_user_type)
+        this.Gasproperties = this.uniq(f_gasproperties)
+      })
+    },
+    uniq(array) {
+      array.sort();
+      let arraytype = [{label: '全部', value: ''}]
+      let dr = {label: '', value: ''}
+      if (array[0] == 'n') {
+        dr = {label: '空值', value: 'is null'}
+      } else {
+        dr = {label: array[0], value: "='" + array[0] + "'"}
+      }
+      arraytype.push(dr)
+      let temp = [array[0]];
+      console.log(array[0] + "array[0]")
+      for (var i = 1; i < array.length; i++) {
+        if (array[i] !== temp[temp.length - 1]) {
+          if (array[i] == 'n') {
+            dr = {label: '空值', value: 'is null'}
+          } else {
+            dr = {label: array[i], value: "='" + array[i] + "'"}
+          }
+          arraytype.push(dr);
+          temp.push(array[i]);
+        }
+      }
+      return arraytype;
+    },
+    getRes(obj) {
+      this.obj.res = obj.res[0]
+      this.obj.resids = obj.resids[0]
+    },
+    getGasBrand() {
+
+      var condition = {
+        items: 'distinct f_alias  value,f_meter_brand label,id ',
+        tablename: ' t_gasbrand ',
+        condition: "f_meter_type ='物联网表' ",
+        orderitem: ' f_meter_brand '
+      }
+      this.$resetpost('rs/sql/singleTable_OrderBy', {data: condition}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then((res) => {
+        this.gasBrand = res.data
+        this.getTypes()
+      })
+    },
+    // 获取最新设置参数
+    paramSet(row) {
+      if (!row.f_ischeck) {
+        console.log(123)
+        row.f_ischeck = true
+        this.checked(row)
+      } else {
+
+      }
+      this.$refs.set.getParams(row)
+      this.user = row
+    },
+    hidden() {
+      this.criteriaShow = !this.criteriaShow
+    },
+    search(args) {
+      console.log(args)
+      if (!args.model.f_gasbrand) {
+        return this.$showMessage("请选择气表品牌")
+      }
+      this.f_gasbrand = this.gasBrand.filter(item => item.value === args.model.f_gasbrand)
+      this.map = new Map()
+      args.condition = `${args.condition} `
+      args.condition = `${args.condition} and f_orgid like '${this.obj.resids}%'`
+      this.condition = args.condition
+      this.model.search(args.condition, args.model)
+    },
+    mapset(array) {
+      this.map.clear();
+      console.log(array)
+      for (let i = 0; i < array.length; i++) {
+        let userid = array[i].f_userfiles_id;
+        let alias = array[i].f_alias;
+        let userinfoid = array[i].f_userinfo_code;
+        let f_orgid = array[i].f_depid;
+        let f_meternumber = array[i].f_meternumber;
+        this.map.set(userid, {
+          id: null,
+          f_user_id: userid,
+          f_alias: alias,
+          f_userinfo_id: userinfoid,
+          f_orgid: f_orgid,
+          f_meternumber: f_meternumber
+        })
+      }
+    },
+    back() {
+      this.$parent.msg = ""
+    },
+    clearmsg() {
+      this.$refs.paged.$refs.criteria.model = {}
+    },
+    clickshow() {
+      this.searchshow = !this.searchshow
+    },
+    checkedALL() {
+      this.checked1 = !this.checked1
+      let box = document.getElementsByName("opertioninput")
+      for (var i = 0; i < box.length; i++) {
+        box[i].checked = this.checked1;
+      }
+    },
+    checked(val) {
+      let userid = val.f_userfiles_id;
+      if (this.map.has(userid)) {
+        this.map.delete(userid)
+      } else {
+        // this.user = val
+        this.map.set(userid, {
+          id: null,
+          f_user_id: userid,
+          f_alias: val.f_alias,
+          f_userinfo_id: val.f_userinfo_id,
+          f_filiale: val.f_filiale,
+          f_orgid: val.f_orgid,
+          f_meternumber: val.f_meternumber
+        })
+      }
+    },
+    showModal(val) {
+      this.val1 = val;
+      this.isShowUserException = true
+    },
+    close() {
+      this.isShowUserException = false
+    }
+  },
+  computed: {
+    f_table_state() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表状态')]
+    },
+    f_distinct() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('行政区域')]
+    },
+    f_opera_area() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('运营区域')]
+    },
+
+    MeterTypes() {
+      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
+    // },
+    parameterTypeList() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('设置参数')]
+    },
+    signtype1() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('标记名称')]
+    },
+    parameterState() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('标记状态')]
+    },
+    userType() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
+    },
+    userfilesState() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('上报状态')]
+    },
+    valvestate() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('阀门状态')]
+    },
+    instructState() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('指令状态')]
+    }
+  },
+  events:{
+    'close'(){
+
+    }
+  },
+  watch: {
+    'checked1'(val) {
+      if (val) {
+        this.mapset(this.model.rows)
+      } else {
+        this.map.clear();
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.basic-main {
+  padding: 0.6%;
+  margin-left: 0.6%;
+  margin-right: 0.6%;
+  width: 99%;
+  height: 99%;
+  background-color: #ffffff;
+  border-radius: 14px;
+  box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.2);
+}
+
+.dleft {
+  padding: 10px;
+  background-color: #ffffff;
+  border-radius: 14px;
+  box-shadow: 0 1px 10px 0 rgba(2, 56, 104, 0.2);
+}
+
+</style>