apply-clients 4.0.67 → 4.1.0-weinan

package/src/components/product/Supervisory/Service/SupervisoryServiceControl.vue

@@ -1,121 +1,119 @@
 <template>
-  <show-back-reason v-if="selectdata.f_back_reason && selectdata.f_back_reason!=''"
-                    :data="show_data"></show-back-reason>
-  <!--<gas-stop v-if="selectdata.defname == '停气碰口'"></gas-stop>-->
-  <material-message v-if="selectdata.defname=='材料导入'||selectdata.defname=='材料审核'" v-ref:material
-                    :selectdata="selectdata"
-                    ></material-message>
-  <batch-item v-if="selectdata.defname=='工商预算审核(技术科科长)'||selectdata.defname=='工商预算审核(分管副总)'||selectdata.defname=='工商预算审核(总经理)'||selectdata.defname=='点火申请'||selectdata.defname=='收费材料费'||
-                    selectdata.defname=='工商现场勘查'||selectdata.defname=='民用现场勘查'||selectdata.defname=='户内安装'||selectdata.defname=='安装审核'||selectdata.defname=='工程验收'||selectdata.defname=='点火'"
-              v-ref:batch_item
-              :selectdata="selectdata"
-              ></batch-item>
-
-  <receive-batch v-if="selectdata.defname == '派工单'" :selectdata="selectdata"></receive-batch>
-  <project-settlement v-if="selectdata.defname == '工程结算'" :selectdata="selectdata"></project-settlement>
-  <service-view :data="data" v-if="showview"></service-view>
+  <div class="auto clearfix">
+    <show-back-reason :selectdata="data"></show-back-reason>
+  </div>
+  <service-view v-ref:service_show :data="data" v-if="showview"></service-view>
 </template>
 <script>
   import Vue from 'vue'
   import {HttpResetClass} from 'vue-client'
-
+  // Date格式化
+  Date.prototype.Format = function (fmt) {
+    var o = {
+      'M+': this.getMonth() + 1, // 月份
+      'd+': this.getDate(), // 日
+      'H+': this.getHours(), // 小时
+      'm+': this.getMinutes(), // 分
+      's+': this.getSeconds(), // 秒
+      'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
+      'S': this.getMilliseconds() // 毫秒
+    }
+    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
+    for (var k in o) {
+      if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+    }
+    return fmt
+  }
   export default {
     title: '报建监控控制层',
-    props: ['selectdata'],
-    data () {
+    props: {
+      selectdata: {
+        type: Object
+      },
+      nodeSnapshot: {
+        type: Boolean,
+        default: false
+      }
+    },
+    data() {
       return {
-        yusuansum:0,
-        jiesuansum:0,
-        data:null,    // 展示的数据
-        json_datas:null, // json配置数据结构
-        showview:false // 控制显示层显示
+        data: null,    // 展示的数据
+        json_datas: null, // json配置数据结构
+        showview: false // 控制显示层显示
       }
     },
+    created () {
+      this.initial()
+    },
     methods: {
-      // json配置数据处理 比如下拉框的options
-      async initializtion() {
-        // selectdata 填充 data
-        this.data=Object.assign({},this.data,this.selectdata)
-        for(let i=0;i<this.data.fields.length;i++){
-          if(this.selectdata[this.data.fields[i].field]){
-            this.data.fields[i].value = this.selectdata[this.data.fields[i].field]
-            this.data.fields[i].value = this.$getJsonObject(this.data.fields[i].value)
+      // 初始化模块
+      async initial() {
+        this.showview = false
+        this.json_datas = this.$workflow_vue
+        let sum = 0
+        let jsonData = {}
+        this.json_datas.activitys.forEach(item => {
+          if (this.selectdata.defname === item.title) {
+            jsonData = item
+            sum++
           }
+        })
+        if (sum === 0) {
+          this.$showMessage(`没有在JSON配置文件中找到活动名为:(${this.selectdata.defname})的节点配置`)
+          return
+        }
+        if (sum === 1) {
+          this.data = jsonData
+          this.data = Object.assign({}, this.data, this.selectdata)
 
-
+          await this.initializtion()
+          this.showview = true
+          return
+        }
+        this.$showMessage(`在JSON配置文件中找到活动名为:(${this.selectdata.defname})的节点配置:${sum}个`)
+      },
+      // json配置数据处理
+      async initializtion() {
+        this.data.fields.forEach(item => {
+          if (this.selectdata[item.field]) {
+            item.value = this.selectdata[item.field]
+          }
           // 如果配置类型为select,获取options
-          if(this.data.fields[i].type==='select'){
-            this.data.fields[i].options=this.$appdata.getParam(this.data.fields[i].label)
+          if(item.type==='select'){
+            item.options=[]
           }
-
-
-          if(this.data.fields[i].label == '工料费'||this.data.fields[i].label == '延伸服务费'||this.data.fields[i].label =='金额'||this.data.fields[i].label =='不锈钢波纹管费合计') {
-            this.data.fields[i].readonly = true
-            let httpf = new HttpResetClass()
-            let resf = await httpf.load('POST','rs/sql/ApplyPaySearch', {data:{condition: ` f_apply_num ='${this.selectdata.f_apply_num}'`}},{resolveMsg: null, rejectMsg: '获取工料费和延伸服务费失败!'})
-            if(this.data.fields[i].label == '工料费'){
-              this.data.fields[i].value = resf.data[0].f_glf
-            }else if(this.data.fields[i].label == '延伸服务费'){
-              this.data.fields[i].value = resf.data[0].f_ysfwf
-              this.jiesuansum = resf.data[0].f_ysfwf
-            }else if(this.selectdata.defname == '点火'&&this.data.fields[i].label =='不锈钢波纹管费合计'){
-              this.data.fields[i].value = resf.data[0].f_dhbxgbwg
-            }else if(this.selectdata.defname == '点火申请'&&this.data.fields[i].label =='金额'){
-              this.data.fields[i].value = resf.data[0].f_ysfwf
-            }
+          if (typeof item.value === 'string' && item.value.startsWith("{") && item.value.endsWith("}")) {
+            item.value = JSON.parse(item.value)
           }
+        })
 
+        // 控制组件
+        if (this.data.components) {
+          this.data.components.forEach(item => {
+            item.mark = 1
+          })
+        }
 
-          if (this.data.defname === '户内安装') {
-
-            // for (let j = 0; j < this.data.fields.length; i++) {
-              if (this.data.fields[i].label === '结算费用') {
-                this.data.fields[i].value = this.jiesuansum
-              }
-
-            // }
-
-          }
 
-          if(this.data.fields[i].label == '工料费'||this.data.fields[i].label == '延伸服务费'||this.data.fields[i].label =='金额'||this.data.fields[i].label =='不锈钢波纹管费合计') {
-            this.data.fields[i].readonly = true
-            let httpf = new HttpResetClass()
-            let resf = await httpf.load('POST','rs/sql/ApplyPaySearch', {data:{condition: ` f_apply_num ='${this.selectdata.f_apply_num}'`}},{resolveMsg: null, rejectMsg: '获取工料费和延伸服务费失败!'})
-            if(this.data.fields[i].label == '工料费'){
-              this.data.fields[i].value = resf.data[0].f_glf
-            }else if(this.data.fields[i].label == '延伸服务费'){
-              this.data.fields[i].value = resf.data[0].f_ysfwf
-            }else if(this.selectdata.defname == '点火'&&this.data.fields[i].label =='不锈钢波纹管费合计'){
-              this.data.fields[i].value = resf.data[0].f_dhbxgbwg
-            }else if(this.selectdata.defname == '点火申请'&&this.data.fields[i].label =='金额'){
-              this.data.fields[i].value = resf.data[0].f_ysfwf
-            }
-          }
-          // 将所有field都不可修改，不可操作
-          this.data.fields[i].readonly=true
-          this.data.fields[i].disabled=true
-        }
         // onetomany 数据获取
         if (this.data.onetomany) {
-          console.log('判断是onetomany,this.data.onetomany的数据为=>' + JSON.stringify(this.data.onetomany))
           for (let index = 0; index < this.data.onetomany.length; index++) {
             let http = new HttpResetClass()
             let data = {
               tablename: this.data.onetomany[index].tables[0],
-              condition: `f_apply_num = '${this.selectdata.f_apply_num}'  and f_process_id='${this.selectdata.f_process_id}'`
+              condition: `f_process_id='${this.selectdata.f_process_id}'`
             }
+
             let res = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
               resolveMsg: null,
               rejectMsg: 'onetomany查询失败'
             })
+
             // 初始化 onetomany
-            let rows = []
-            console.log('查询返回结果res.data=>' + JSON.stringify(res.data))
             this.data.onetomany[index].rows = res.data
-            console.log(JSON.stringify('this.data.onetomany[index].rows=>' + JSON.stringify(this.data.onetomany[index].rows)))
 
             // 初始化onetomany中的fields
-            for(let j =0;j<this.data.onetomany[index].fields.length;j++){
+            for (let j = 0; j < this.data.onetomany[index].fields.length; j++) {
               // 如果配置类型为select,优先从参数列表获取options
               if (this.data.onetomany[index].fields[j].type === 'select') {
                 let temp = Vue.$appdata.getParam(this.data.onetomany[index].fields[j].label)
@@ -124,84 +122,73 @@
                 }
               }
             }
-
           }
         }
         // 去除button
-        this.data.buttons=null
-        // 完成时间和完成人,部门，分公司
-        this.data.filiale= this.selectdata.f_filiale
-        this.data.f_parentname = this.selectdata.f_parentname
-        this.data.operate_date = this.selectdata.finishtime
-        this.data.operator = this.selectdata.person
-      }
-    },
-    events:{
-      'get-price' (val,type) {
-        if(type =='预算'){
-          this.yusuansum = val
-          if(this.show_data&&this.show_data.fields){
-            for (let i = 0; i < this.show_data.fields.length; i++) {
-              if (this.show_data.fields[i].label === '预算') {
-                this.show_data.fields[i].value = this.yusuansum
-              }
-            }
-          }
+        this.data.buttons = null
 
-        }else if(type =='结算'){
-          this.jiesuansum = val
-          if(this.show_data&&this.show_data.fields) {
-            for (let i = 0; i < this.show_data.fields.length; i++) {
-              if (this.show_data.fields[i].label === '结算费用') {
-                this.show_data.fields[i].value = this.jiesuansum
-              }
-            }
+
+        // 查询是否有当前节点快照信息,如果有使用快照数据，没有则展示最新数据
+        if (this.nodeSnapshot && this.data.nodeSnapshot) {
+          let http = new HttpResetClass()
+          let data = {
+            tablename: 't_node_snapshot',
+            condition: `actid = '${this.selectdata.actid}' and f_process_id='${this.selectdata.f_process_id}'`
+          }
+          let res = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
+            resolveMsg: null,
+            rejectMsg: null
+          })
+          if (res.data.length > 0) {
+            data = JSON.parse(res.data[0].f_node_data)
+
+            this.data.fields = data.fields
+            this.data.onetomany = data.onetomany
+            this.data.title = data.title
           }
-        }else{
-          this.price = val
         }
 
-        // this.initializtion()
-      }
-    },
-    watch:{
-      async 'selectdata'() {
-        this.json_datas=this.$supervisory_vue
-        let sum = 0
-        let jsonData ={}
-        for(let i=0;i<this.json_datas.activitys.length;i++){
-          if(this.selectdata.defname==this.json_datas.activitys[i].title){
-            jsonData = this.json_datas.activitys[i]
-            sum++
-          }
+
+        // 将所有field都不可修改，不可操作
+        this.data.fields.forEach(item => {
+          item.readonly = true
+          item.disabled = true
+        })
+        // 去除所有onetomany的操作
+        if (this.data.onetomany) {
+          this.data.onetomany.forEach(item => {
+            item.hiddenOperate = true
+          })
         }
-        if(sum==1){
-          this.data = jsonData
-          for(let i=0;i<this.data.fields.length;i++){
-            if(this.data.fields[i].label == '工料费'||this.data.fields[i].label == '延伸服务费'||this.data.fields[i].label =='金额'||this.data.fields[i].label =='不锈钢波纹管费合计') {
-              this.data.fields[i].readonly = true
-              let httpf = new HttpResetClass()
-              let resf = await httpf.load('POST','rs/sql/ApplyPaySearch', {data:{condition: ` f_apply_num ='${this.selectdata.f_apply_num}'`}},{resolveMsg: null, rejectMsg: '获取工料费和延伸服务费失败!'})
-              if(this.data.fields[i].label == '工料费'){
-                this.data.fields[i].value = resf.data[0].f_glf
-              }else if(this.data.fields[i].label == '延伸服务费'){
-                this.data.fields[i].value = resf.data[0].f_ysfwf
-              }else if(this.selectdata.defname == '点火'&&this.data.fields[i].label =='不锈钢波纹管费合计'){
-                this.data.fields[i].value = resf.data[0].f_dhbxgbwg
-              }else if(this.selectdata.defname == '点火申请'&&this.data.fields[i].label =='金额'){
-                this.data.fields[i].value = resf.data[0].f_ysfwf
-              }
-            }
-          }
-          this.initializtion()
-          this.showview = true
-        } else if(sum==0) {
-          this.$showMessage(`没有在JSON配置文件中找到活动名为:(${this.selectdata.defname})的节点配置`)
-        } else {
-          this.$showMessage(`在JSON配置文件中找到活动名为:(${this.selectdata.defname})的节点配置:${sum}个`)
+
+        // 完成时间和完成人,部门，分公司
+        if (this.selectdata.state === '结束') {
+          let http = new HttpResetClass()
+          let res = await http.load('POST', 'rs/search', {
+            source: 'this.getInfo()',
+            userid: this.selectdata.userid
+          }, {resolveMsg: null, rejectMsg: null})
+          let user = res.data
+          this.data.operate_date = new Date(this.selectdata.finishtime).Format('yyyy-MM-dd')
+          this.data.operator = this.selectdata.person
+          this.data.f_filiale = user.orgs
+          this.data.f_parentname = user.deps
         }
-      },
-      deep:true
+      }
+    },
+    events:{
+    },
+    watch: {
+      deep: true
     }
   }
 </script>
+<style scoped>
+  /*清除model中的浮动*/
+  .clearfix:after,.clearfix:before{
+    display: table;
+  }
+  .clearfix:after{
+    clear: both;
+  }
+</style>

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 class="flex-row">
+    <div class="basic-main">
+      <div :class="showData ? 'top' : 'auto'">
+        <supervisory-list v-ref:query :show-data="showData"></supervisory-list>
       </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 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: '流程监控',
-      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(){
+  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()
-        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))
+        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
-        })
-        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%'
+      }
+    },
+    events: {
+      'onMessage' (data) {
+        console.log('接收消息')
+        console.log(data)
+        if (data.type === 'apply-task') {
+          this.$refs.queryuser.$refs.cp.$refs.cri.search()
         }
       },
-      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
-          }
+      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>