system-clients 3.1.86-aode → 3.1.86-xianyang

package/src/components/equipment/QCManage.vue

@@ -0,0 +1,150 @@
+<template>
+  <div class="flex-row">
+    <div :class="{'basic-main':!isChange,'binary-left':isChange}">
+      <qc-list :row="row" @dblclick="selected"  style="width:auto;" :f_filialeid.sync="f_filialeids" :isshowless="isChange" v-ref:list ></qc-list>
+    </div>
+    <div class="binary-right" style="margin-left: 10px; width: 40%;" v-if="isChange">
+      <qc-add :data="row" :info="infoadd" :f_filialeids.sync="f_filialeids" v-ref:addbox></qc-add>
+    </div>
+
+    <modal v-if="batchPos" :show.sync="batchPos" backdrop="false" >
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="close"><span>&times;</span></button>
+        <h4 class="modal-title">批量操作</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <form class="form-horizontal">
+          <div class="row">
+            <div>
+              <h4>注意事项</h4>
+              <p>1.如果需要对POS设备进行升级，批量选择的POS设备包含非正常状态，则只会对状态为正常的设备进行升级。</p>
+              <p>2.如果POS设备处于停用状态，则可以进行启用操作。如果设备处于启用状态，则可以进行停用和升级操作。</p>
+              <p>3.批量操作可能耗时较长，请刷新列表查看结果。</p>
+            </div>
+          </div>
+        </form>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="button_search button_spacing" @click="batchRoot('2')">批量升级</button>
+        <button type="button" class="button_search button_spacing" @click="batchRoot('1')">批量启用</button>
+        <button type="button" class="button_search button_spacing" @click="batchRoot('0')">批量停用</button>
+        <button type="button" class="button_clear button_spacing" @click='close'>退出</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+
+  import QcList from './QCList'
+  import QcAdd from './QCAdd'
+
+  export default {
+    title: 'POS终端管理',
+    components: {
+      QcList, QcAdd
+    },
+    data () {
+      return {
+        isChange: false,
+        row: null,
+        infoadd: true,  // 判断是否显示 升级 等按钮（true/false）
+        batchPos: false,
+        f_filialeids: ''
+      }
+    },
+    methods: {
+      // 批量操作
+      async batchRoot(val){
+        let arrs = []
+        let alertMessage=''
+        let selPos = this.$refs.list.selPos
+        if (val==='0'){
+          alertMessage='停用'
+          for (const tmp of selPos) {
+            if (tmp.f_state==='正常') arrs.push(tmp)
+          }
+        } else if (val==='1'){
+          alertMessage='启用'
+          for (const tmp of selPos) {
+            if (tmp.f_state==='停用') arrs.push(tmp)
+          }
+        } else if(val==='2'){
+          alertMessage='升级'
+          for (const tmp of selPos) {
+            if (tmp.f_state==='正常') arrs.push(tmp)
+          }
+        } else {
+          this.showAlert('出现异常，请重新进操作')
+          return
+        }
+
+        await this.$resetpost('rs/logic/batchPos',{data: {tasks: arrs, taskState: val}}, {rejectMsg: null, resolveMsg: null})
+
+        // 需要提示
+        this.$showAlert(`已经开始批量${alertMessage}，选择${selPos.length}，其中${arrs.length}台可以正常${alertMessage}，具体请留意设备情况，并刷新列表查看执行结果！`)
+        this.isChange = false
+        this.close()
+      },
+      close(){
+        this.batchPos = false
+      },
+      selected (obj, idx) {
+        console.log(obj)
+        if (!(obj instanceof MouseEvent)) {
+          if (this.$refs.list.selPos.length > 0){
+            this.$showMessage(`系统检测到您进行了多选，是否进行批量操作？`, ['confirm', 'cancel']).then((res) => {
+              if (res==='confirm'){
+                this.batchPos = true
+              } else {
+                this.isChange = true
+                this.infoadd = true
+                this.row = obj
+              }
+            })
+
+          }else {
+            this.isChange = true
+            this.infoadd = true
+            this.row = obj
+          }
+        } else {
+          this.$showAlert('如需新增，请点击增加按钮！', 'info', 1000)
+        }
+      }
+    },
+    events: {
+      'search' () {
+        this.infoadd=true
+        this.isChange = false
+        this.row = null
+        this.$refs.list.$refs.paged.$refs.cri.search()
+      },
+      'research' () {
+        console.log('重新查询')
+        this.isChange = false
+        this.row = null
+      },
+      'refresh' () {
+        this.isChange = false
+        this.row = null
+        this.$refs.list.search()
+      },
+      'error' (name, row, res) {
+        this.isChange = false
+        this.row = null
+      },
+      'close' () {
+        this.isChange = false
+        this.row = null
+        // this.$refs.list.search()
+      },
+      'add' (val) {
+        this.f_filialeids = val
+        this.infoadd=false
+        this.row = null
+        this.isChange = true
+        this.$refs.list.$refs.paged.$refs.grid.selectStore.selected = null
+      }
+    }
+  }
+</script>

package/src/components/server/LeftTree.vue

@@ -1,111 +1,111 @@
-<template>
-  <div class='over'>
-    <tree :model='functions' :flagres="false" :is-click="false" v-ref:tree @toggle="toggled" >
-      <span partial class="row" :class="{ 'tree-img': isFolder(row), 'tree-span': !isFolder(row) }">
-        <div class="col-sm-2" >
-          <img v-if="isFolder(row)" :src="row.data.icon" alt="">
-        </div>
-        <div class="col-sm-8" style="padding-left:6%;text-align: left">{{row.data.name}}</div>
-      </span>
-    </tree>
-  </div>
-</template>
-<script>
-  import Vue from 'vue'
-
-export default {
-  props: ['functions', 'userid','tabs'],
-  title: '左侧树菜单',
-  data () {
-    return {
-      index: -1,
-      name: null,
-      tbcg:[]
-    }
-  },
-  methods: {
-    open (row) {
-      if (row.data.name === '资源管理') {
-        this.$parent.changeMain(row.data.id)
-          return
-      }
-        console.log(row.data.navigate)
-        if (row.data.navigate) {
-
-            let isExist = false
-        this.tbcg.forEach((tab) => {
-            if(tab.comp.name == row.data.link) {
-            isExist = true
-          }
-        })
-        if (!isExist){
-          this.$goto('embbed-page', {domainName: row.data.navigate, title: row.data.name, compName: row.data.link, login: Vue.$login, param: Vue.$appdata}, 'main')
-        }else {
-            console.log(isExist,'aa')
-          this.$emit('isnodo',row.data.link)
-        }
-      } else if (row.data.link) {
-        let isExist = false
-        this.tbcg.forEach((tab) => {
-          if(tab.comp.name == row.data.link) {
-            isExist = true
-          }
-        })
-        if (!isExist){
-          this.$goto(row.data.link, {f: this.functions}, 'main')
-        }else {
-            console.log(isExist,'saaa')
-          this.$emit('isnodo',row.data.link)
-        }
-      }
-    },
-    changeSelect(name) {
-      if (!name) {
-        this.$refs.tree.selectStore.select(null)
-        return
-      }
-      this.name = name
-      let index = this.selfFindIndex(name)
-      this.index = index
-      // 当前激活页签有，index为-1，说明菜单收缩
-      this.changeSelected(index)
-    },
-    selfFindIndex (name) {
-
-      return this.$refs.tree.toNode.findIndex((item) => {
-        return item.data.link === name
-      })
-    },
-    changeSelected (index) {
-
-      if (index === -1) {
-        this.$refs.tree.selectStore.select(null)
-      }else {
-        this.$refs.tree.selectStore.select(this.$refs.tree.toNode[index])
-      }
-
-    },
-    toggled () {
-
-      if (this.name && this.index === -1) {
-        let index = this.selfFindIndex(this.name)
-        if (index !== -1) {
-          this.changeSelected(index)
-        }
-      }
-    }
-  },
-  events: {
-    'select-changed': function (data) {
-
-      // 事件回调内的 `this` 自动绑定到注册它的实例上
-      this.open(data.val)
-    }
-  },
-  watch:{
-    'tabs'(val){
-      this.tbcg = val
-    }
-  }
-}
-</script>
+<template>
+  <div class='over'>
+    <tree :model='functions' :flagres="false" :is-click="false" v-ref:tree @toggle="toggled" >
+      <span partial class="row" :class="{ 'tree-img': isFolder(row), 'tree-span': !isFolder(row) }">
+        <div class="col-sm-2" >
+          <img v-if="isFolder(row)" :src="row.data.icon" alt="">
+        </div>
+        <div class="col-sm-8" style="padding-left:6%;text-align: left">{{row.data.name}}</div>
+      </span>
+    </tree>
+  </div>
+</template>
+<script>
+  import Vue from 'vue'
+
+export default {
+  props: ['functions', 'userid','tabs'],
+  title: '左侧树菜单',
+  data () {
+    return {
+      index: -1,
+      name: null,
+      tbcg:[]
+    }
+  },
+  methods: {
+    open (row) {
+      if (row.data.name === '资源管理') {
+        this.$parent.changeMain(row.data.id)
+          return
+      }
+        console.log(row.data.navigate)
+        if (row.data.navigate) {
+
+            let isExist = false
+        this.tbcg.forEach((tab) => {
+            if(tab.comp.name == row.data.link) {
+            isExist = true
+          }
+        })
+        if (!isExist){
+          this.$goto('embbed-page', {domainName: row.data.navigate, title: row.data.name, compName: row.data.link, login: Vue.$login, param: Vue.$appdata}, 'main')
+        }else {
+            console.log(isExist,'aa')
+          this.$emit('isnodo',row.data.link)
+        }
+      } else if (row.data.link) {
+        let isExist = false
+        this.tbcg.forEach((tab) => {
+          if(tab.comp.name == row.data.link) {
+            isExist = true
+          }
+        })
+        if (!isExist){
+          this.$goto(row.data.link, {f: this.functions}, 'main')
+        }else {
+            console.log(isExist,'saaa')
+          this.$emit('isnodo',row.data.link)
+        }
+      }
+    },
+    changeSelect(name) {
+      if (!name) {
+        this.$refs.tree.selectStore.select(null)
+        return
+      }
+      this.name = name
+      let index = this.selfFindIndex(name)
+      this.index = index
+      // 当前激活页签有，index为-1，说明菜单收缩
+      this.changeSelected(index)
+    },
+    selfFindIndex (name) {
+
+      return this.$refs.tree.toNode.findIndex((item) => {
+        return item.data.link === name
+      })
+    },
+    changeSelected (index) {
+
+      if (index === -1) {
+        this.$refs.tree.selectStore.select(null)
+      }else {
+        this.$refs.tree.selectStore.select(this.$refs.tree.toNode[index])
+      }
+
+    },
+    toggled () {
+
+      if (this.name && this.index === -1) {
+        let index = this.selfFindIndex(this.name)
+        if (index !== -1) {
+          this.changeSelected(index)
+        }
+      }
+    }
+  },
+  events: {
+    'select-changed': function (data) {
+
+      // 事件回调内的 `this` 自动绑定到注册它的实例上
+      this.open(data.val)
+    }
+  },
+  watch:{
+    'tabs'(val){
+      this.tbcg = val
+    }
+  }
+}
+</script>