sale-client 4.2.4 → 4.2.6

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

@@ -0,0 +1,296 @@
+<template>
+  <div class="basic-main " style="overflow: auto">
+    <div
+      novalidate
+      class="form-horizontal select-overspread auto"
+    >
+      <div class="col-sm-12 ">
+        <label style="padding: 20px">参数设置</label>
+        <button class="btn btn-default" style="float: right;margin: 10px" @click="refreshParam()">
+          <span class="glyphicon glyphicon-refresh"
+          ><span style="margin-left: 5px">初始化数据</span></span
+          >
+        </button>
+      </div>
+      <div v-for="data in newmeterinfo" class="row" style="border-bottom: 2px solid #eee;padding: 10px">
+
+        <div class="col-sm-12" >
+          <ul class="nav nav-tabs col-sm-12">
+
+            <input
+              class="magic-checkbox"
+              type="checkbox"
+              :id="data.name"
+              :true-value="'是'"
+              :false-value="''"
+              v-model="data.check"
+            />
+            <label style="width:40%" :for="data.name"
+            ><a>{{ data.label ? data.label : data.name }}</a>
+            </label>
+
+          </ul>
+          <!--          <div class="col-sm-3 col-sm-offset-1">-->
+          <!--            <button class="btn btn-info btn-sm " v-if="data.mode" @click="paramRead(data.name)">参数读取</button>-->
+          <!--          </div>-->
+        </div>
+        <div class="col-sm-6 form-group " style="" v-for="param in data.params">
+          <div class="col-sm-12 auto">
+            <div class="col-sm-6">
+              <label class="font_normal_body"  :title="param.remark" style="text-align: left;cursor: pointer;margin-left: 10px;line-height: 20px"
+              >
+                {{ param.name }}
+                ：</label
+              >
+            </div>
+            <div class="col-sm-6 " v-if="param.type !== 'option'">
+              <input
+                :type="param.type"
+                :max="param.max"
+                :min="param.min"
+                v-model="row[param.title]"
+                style="width: 90%"
+                class="form-control"
+                :placeholder="param.remark"
+              />
+            </div>
+            <div class="col-sm-6" v-if="param.type === 'option'">
+              <v-select
+                :placeholder=" "
+                :value.sync="row[param.title]"
+                style="width: 90%"
+                width="90%"
+                :value-single="true"
+                v-model="row[param.title]"
+                :options="param.params"
+                close-on-select
+              >
+              </v-select>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-sm-12 auto" style="padding: 20px">
+
+        <button style="float: right" class="btn btn-primary width-100" @click="paramSet()">
+          <span style="margin-left: 5px">提交</span>
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {HttpResetClass} from "vue-client";
+
+export default {
+  title: "表计信息修改",
+  props: ["data", "user", "checked1", "condition", "alias"],
+
+  data() {
+    return {
+      check: [],
+      sendData: [],
+      newmeterinfo: [{}],
+      gasbrand: '',
+      defaultd: [{label: 1, value: 1}, {label: 0, value: 0}],
+      row: {
+        setPowerOnOpenValve: 0
+      },
+    };
+  },
+  ready() {
+    this.refreshParam();
+  },
+  watch: {
+    alias(val) {
+      this.refreshParam();
+
+    },
+    user(val) {
+      if (val) {
+        // this.refreshParam();
+      }
+    },
+  },
+  methods: {
+    //获取历史最新设置参数
+    getParams(val) {
+      let s = val.f_param_list
+      let rowdata = {}
+      if (JSON.parse(s)) {
+        let meterparam = JSON.parse(s);
+        for (let key in meterparam) {
+          rowdata[key] = meterparam[key].toString();
+        }
+        this.row = Object.assign({}, this.row, rowdata);
+      } else {
+        this.$showMessage('未获取到正确的历史参数')
+      }
+
+      // this.$resetpost("webmeter/rs/sql/getIotParams", {data: val}).then(
+      //   (res) => {
+      //     let rowdata = {}
+      //     if (res.data.length > 0) {
+      //       let s = res.data
+      //       for (let i = 0; i < s.length; i++) {
+      //         let meterparam = JSON.parse(s[i].f_data)[0];
+      //         for (let key in meterparam) {
+      //           rowdata[key] = meterparam[key].toString();
+      //         }
+      //       }
+      //       this.row = Object.assign({}, this.row, rowdata);
+      //     } else {
+      //       this.refreshParam()
+      //     }
+      //
+      //   }
+      // );
+    },
+    //参数读取
+    paramRead(val) {
+      if (!this.checked1) {
+        console.log('非全选')
+        if (this.data.size > 0) {
+          let that = this
+          this.data.forEach(function (value, key) {
+            let data = {
+              userId: key,
+              title: val.replace("设置", "读"),
+              content: {
+                readType: val.replace("设置", "读")
+              },
+              alias: value.f_alias, //气表品牌别名，t_gasbrand的f_alias
+              inputtor: that.$login.f.name,  //操作人
+              moduleName: "AoDeSystem", //固定值
+            }
+            let http = new HttpResetClass()
+            http.load('post', 'webmeter/rs/logic/syncSaveReadParamsTemplate', {data: data})
+          });
+        } else {
+          return this.$showMessage("请选择您要读取的用户");
+        }
+      } else {
+        console.log('全选、批量读取')
+        let data = {
+          userId: null,
+          title: val.replace("设置", "读"),
+          content: {
+            readType: val.replace("设置", "读")
+          },
+          alias: this.alias.value, //气表品牌别名，t_gasbrand的f_alias
+          inputtor: this.$login.f.name,  //操作人
+          moduleName: "ShanChengSyncNB", //固定值
+        }
+        let url = 'syncSaveReadParamsTemplate'
+        let condition = this.condition
+        this.$resetpost('rs/logic/readParamsAll', {param: data, condition: condition, url: url})
+      }
+
+
+    },
+    close() {
+      this.$dispatch("close");
+    },
+    //参数设置
+    paramSet() {
+      if (this.data.size === 0 && !this.checked1) {
+        return this.$showMessage("请选择您要设置的用户");
+      }
+      let user = [];
+      this.data.forEach(function (value, key) {
+        user.push(key);
+      });
+      let params = [];
+      let param = {
+        condition: this.condition,
+        switchCheckAll: this.checked1,
+        users: user,
+        params: params,
+        columnName: "g.f_userfiles_id",
+        inputter_name: this.$login.f.name,
+        f_operatorid: "",
+        checkStair: false,
+        checkMeter: false,
+        check: false,
+      };
+      this.getData()
+      let rowdata = {}
+      let paramList = {}
+      for (let i = 0; i < this.sendData.length; i++) {
+        for (let key in this.sendData[i].param) {
+          let key1 = key
+          paramList[key1] = this.sendData[i].param[key]
+        }
+        if (this.sendData[i].check === '是') {
+          for (let key in this.sendData[i].param) {
+            let key1 = key.toLowerCase()
+            rowdata[key1] = this.sendData[i].param[key]
+            if (rowdata[key1] === null || rowdata[key1] === '') {
+              return this.$showMessage('请完善选定的设置参数数据,检查是否有未填项')
+            }
+          }
+        }
+      }
+      param.sendData = this.sendData
+      param.paramList = paramList
+      param.rowData = rowdata
+      param.alias = this.alias.value
+      console.log(param);
+      this.$resetpost("rs/logic/alteration_batch", {data: param}).then(
+        (res) => {
+        }
+      );
+    },
+    //组织参数设置数据
+    getData() {
+      this.sendData = []
+      for (let i = 0; i < this.newmeterinfo.length; i++) {
+        let data = {param: {}};
+        for (let j = 0; j < this.newmeterinfo[i].params.length; j++) {
+          data.check = this.newmeterinfo[i].check ? this.newmeterinfo[i].check : '否'
+          let key = this.newmeterinfo[i].params[j].title
+          let type = this.newmeterinfo[i].params[j].type
+          let defaultdata = this.newmeterinfo[i].params[j].default
+          if (type === 'option') {
+            data.param[key] = this.row[key] ? this.row[key] : (defaultdata ? defaultdata : '-1');
+          } else {
+            data.param[key] = this.row[key] ? this.row[key] : (defaultdata ? defaultdata : '');
+          }
+          this.$set(`row.${key}`, data.param[key])
+          data.name = this.newmeterinfo[i].name
+        }
+        this.sendData.push(data)
+      }
+    },
+    //刷新设置参数类别
+    refreshParam() {
+      if (this.alias) {
+        this.newmeterinfo = [{}];
+        this.row = {},
+          // gasBrandId:
+          this.$resetpost("/webmeter/rs/logic/getParamsByGasBrand", {
+            data: {gasBrandId: this.alias.id},
+          }, {rejectMsg: null, resolveMsg: null}).then((res) => {
+            this.newmeterinfo = res.data;
+            this.getData()
+          });
+      }
+    },
+  },
+};
+</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);
+}
+input::placeholder {
+  font-size:10px;
+}
+</style>