apply-clients 4.0.65 → 4.1.0-weinan

package/src/components/product/Supervisory/SupervisoryControl.vue

@@ -1,157 +1,121 @@
-<template>
-  <div class="col-sm-12" style="overflow:auto;">
-      <button  type="button" class="btn btn-primary" header="全部查询" @click="$dispatch('tabsselect',1)" >未完成环节查询
-      </button>
-      <button type="button" class="btn btn-primary" header="完成环节查询" @click="$dispatch('tabsselect',2)">已完成环节查询
-      </button>
-    <div class="tops" v-bind:style="{ height: topheight }">
-      <supervisory-list v-if="showflag" v-ref:queryuser></supervisory-list>
-      <apply-finish-search v-if="!showflag" v-ref:queryuser ></apply-finish-search>
-    </div>
-    <div v-show="showtotal" v-bind:style="{ height: botheight }">
-      <div class="col-sm-2" v-show="showbasic">
-        <supervisory-chart :selectdata="selectdata" v-ref:supervisorychart></supervisory-chart>
-      </div>
-      <div class="col-sm-9">
-        <tabset v-ref:tabs :close="false">
-          <tab :header='header'>
-            <supervisory-service-control  :selectdata="selectdata" ></supervisory-service-control>
-          </tab>
-        <!--  <tab header='户档案信息'>
-            <record-message v-ref:record :selectdata="selectdata" :key="tittle1" :edit = "false"></record-message>
-          </tab>
-          <tab header='表档案信息'>
-            <record-message v-ref:record :selectdata="selectdata" :key="tittle2" :edit = "false"></record-message>
-          </tab>
-          <tab header='设备信息' v-if="selectdata.f_user_type =='非民用'">
-          <equipment-message v-ref:equipment :selectdata="selectdata" :key="tittle3" :edit = "false"></equipment-message>
-          </tab>
-          <tab header='材料信息'>
-            <material-message v-ref:material :selectdata="selectdata" :edit = "false"></material-message>
-          </tab>-->
-          <tab header='附件'>
-            <image-upload1 v-ref:file :blodid = "selectdata" :isusetype = "false" :isremark ="false"
-                    :isupload = "true"
-                    :takeimg = "true"
-                    :defname = "selectdata.defname"
-                    :edit = "false">
-            </image-upload1>
-          </tab>
-        </tabset>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  import Vue from 'vue'
-  import  {HttpResetClass} from 'vue-client'
-    export default {
-      title: '流程监控',
-      props: [ 'defname'],
-      data() {
-        return {
-          showflag:true,
-          flagl:false,
-          flagg: false,
-          showbasic: false,
-          showtotal: false,
-          header: null,
-          selectdata: {},
-          botheight: '0%',
-          topheight: '90%',
-          tittle1:'户档案管理',
-          tittle2:'表档案管理',
-          tittle3:'设备管理',
-          info: '流程监控'
-        }
-      },
-      created(){
-        let http = new HttpResetClass()
-        http.load('POST','rs/logic/ApplyGetConfigs', {data:this.$login.f}, {resolveMsg: null, rejectMsg: null}
-        ).then((res)=>{
-          if(res.data.code && res.data.code == 200){
-            Vue.supervisory_vue = Vue.prototype.$supervisory_vue = res.data.workflow_vue
-          }else{
-            this.$showMessage('获取报建配置失败,原因:' + res.data.msg)
-            return
-          }
-        }).catch((ret)=>{
-          this.$showMessage('获取报建配置失败,原因:' + JSON.stringify(ret.data))
-          return
-        })
-        console.log("$supervisory_vue:"+JSON.stringify(this.$supervisory_vue))
-      },
-      events: {
-        'tabsselect'(val){
-          if(val==1){
-            this.showflag = true
-          }
-          if(val==2){
-            this.showflag = false
-          }
-        },
-        'addactive'() {
-          this.$refs.queryuser.$refs.cp.$refs.cri.search()
-          this.hidden()
-          this.showbasic = true
-          this.topheight = '20%'
-          this.botheight = '80%'
-        },
-        'changeheight'() {
-          this.show = false
-          this.botheight = '0%'
-        },
-        'check'(val) {
-          this.selectdata = ''
-          this.selectdata = val
-          console.log("节点编号:"+this.selectdata.actdefid,"节点名称:"+this.selectdata.defname)
-          this.topheight = '20%'
-          this.botheight = '80%'
-          this.$refs.queryuser.$refs.cp.$refs.grid.model.rows = [val]
-          this.$refs.queryuser.$refs.cp.pager = false
-          this.showbasic = true
-          let msg = val.defname
-          this.header = msg
-          this.hidden()
-        },
-        'selfsearch'() {
-          this.$refs.queryuser.$refs.cp.$refs.cri.search()
-        },
-        'close'() {
-          this.hidden()
-          this.showtotal = false
-          this.topheight = '90%'
-          this.botheight = '0%'
-          if(this.$refs.queryuser){
-            this.$refs.queryuser.$refs.cp.pager = true
-          }
-        }
-      },
-      methods: {
-        hidden() {
-          this.showtotal = true
-        },
-        close() {
-          this.hidden()
-          this.topheight = '100%'
-          this.botheight = '0%'
-        }
-      },
-      watch: {
-        'selectdata'(val) {
-          console.log('selectdata:', val)
-        },
-        'selectdata.f_customer_type'() {
-          if (this.selectdata.f_customer_type == '企业') {
-            this.flagg = true
-          }
-        },
-        'selectdata.f_apply_type'() {
-          if (this.selectdata.f_apply_type=="集体报建" || this.selectdata.f_apply_type=="集体报建流程") {
-            this.flagl = true
-          }
-        }
-      },
-
-    }
-</script>
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <div :class="showData ? 'top' : 'auto'">
+        <supervisory-list v-ref:query :show-data="showData"></supervisory-list>
+      </div>
+      <div v-if="showtotal" style="height: 89%">
+        <div class="col-sm-2">
+          <supervisory-chart :selectdata="selectdata"></supervisory-chart>
+        </div>
+        <div class="col-sm-10">
+          <tabset v-ref:tabs :close="false">
+            <tab :header='selectdata.defname'>
+              <supervisory-service-control :selectdata="selectdata" :node-snapshot="true"></supervisory-service-control>
+            </tab>
+            <tab header='附件'>
+              <apply-upload :blodid="selectdata.f_process_id"
+                            :isupload = "false"
+                            :isdelete="false"
+                            :isusetype="true"
+                            :isremark = "true"
+                            :takeimg="false"
+                            :issearch="true"
+                            :defname="selectdata.defname">
+              </apply-upload>
+            </tab>
+          </tabset>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</template>
+<script>
+  import Vue from 'vue'
+  import {HttpResetClass} from 'vue-client'
+  export default {
+    title: '流程监控',
+    data () {
+      return {
+        showtotal: false, // 控制详细信息显示
+        showData: true,
+        selectdata: {},
+        xmlname: '' // 配置文件名称
+      }
+    },
+    created () {
+    },
+    methods: {
+      // 获取页面配置json文件
+      async loadName () {
+        let http = new HttpResetClass()
+        let xmldata = {
+          data: this.$login.f,
+          workname: this.xmlname
+        }
+        let res = await http.load('POST', 'rs/logic/ApplyGetConfigs', {data: xmldata}, {resolveMsg: null, rejectMsg: null})
+
+        if (res.data.code && res.data.code === 200) {
+          Vue.prototype.$workflow_vue = res.data.workflow_vue
+        } else {
+          this.$showMessage('获取报建配置失败,原因:' + res.data.msg)
+          return
+        }
+      }
+    },
+    events: {
+      'onMessage' (data) {
+        console.log('接收消息')
+        console.log(data)
+        if (data.type === 'apply-task') {
+          this.$refs.queryuser.$refs.cp.$refs.cri.search()
+        }
+      },
+      async 'apply' (val) {
+        this.selectdata = val
+        this.showtotal = false
+
+        if (this.selectdata.f_apply_type === '开发商集体报建') {
+          this.xmlname = '开发商集体报建流程'
+        } else if (this.selectdata.f_apply_type === '散户报建') {
+          this.xmlname = '散户报建流程'
+        }  else if (this.selectdata.f_apply_type === '工商户报建') {
+          this.xmlname = '工商户报建流程'
+        } else if (this.selectdata.f_apply_type === '散户集体报建') {
+          this.xmlname = '散户集体报建流程'
+        } else if (this.selectdata.f_apply_type === '煤改气报建') {
+          this.xmlname = '散户集体报建流程'
+        } else if (this.selectdata.f_apply_type === '拆改装报建') {
+          this.xmlname = '拆改装流程'
+        } else if (this.selectdata.f_apply_type === '综合报建') {
+          this.xmlname = '报建流程'
+        } else {
+          this.$showMessage('暂无此类报装')
+          return
+        }
+
+        // 获取配置文件
+        await this.loadName()
+
+        this.$refs.query.$refs.cp.pager = false
+        this.showData = false
+
+        this.showtotal = true
+      },
+      'search' () {
+        // 关闭详细
+        this.showtotal = false
+        // 显示列表数据
+        this.showData = true
+        // 显示分页
+        this.$refs.query.$refs.cp.pager = true
+        // 调用查询
+        this.$refs.query.$refs.cp.$refs.cri.search()
+      }
+    },
+
+    watch: {
+    }
+  }
+</script>