apply-clients 7.1.33 → 7.1.36

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

@@ -1,199 +1,231 @@
-<template>
-  <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: {
-        type: Object
-      },
-      nodeSnapshot: {
-        type: Boolean,
-        default: false
-      }
-    },
-    data() {
-      return {
-        data: null,    // 展示的数据
-        json_datas: null, // json配置数据结构
-        showview: false // 控制显示层显示
-      }
-    },
-    created () {
-      this.initial()
-    },
-    methods: {
-      // 初始化模块
-      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]
-          }
-          if (this.selectdata[item.field] === 0) {
-            item.value = this.selectdata[item.field]
-          }
-
-          // 如果配置类型为select,获取options
-          if(item.type==='select'){
-            item.options=[]
-          }
-          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
-          })
-        }
-
-
-        // onetomany 数据获取
-        if (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_process_id='${this.selectdata.f_process_id}'`
-            }
-
-            let res = await http.load('POST', 'rs/sql/singleTable', {data: data}, {
-              resolveMsg: null,
-              rejectMsg: 'onetomany查询失败'
-            })
-
-            // 初始化 onetomany
-            this.data.onetomany[index].rows = res.data
-
-            // 初始化onetomany中的fields
-            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)
-                if (temp && temp.length > 0) {
-                  this.data.onetomany[index].fields[j].options = Vue.$appdata.getParam(this.data.onetomany[index].fields[j].label)
-                }
-              }
-            }
-          }
-        }
-        // 去除button
-        this.data.buttons = null
-
-
-        // 查询是否有当前节点快照信息,如果有使用快照数据，没有则展示最新数据
-        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
-          }
-        }
-
-
-        // 将所有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 (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
-        }
-      }
-    },
-    events:{
-    },
-    watch: {
-      deep: true
-    }
-  }
-</script>
-<style scoped>
-  /*清除model中的浮动*/
-  .clearfix:after,.clearfix:before{
-    display: table;
-  }
-  .clearfix:after{
-    clear: both;
-  }
-</style>
+<template>
+  <div class="auto clearfix">
+    <show-back-reason :selectdata="show_data"></show-back-reason>
+  </div>
+  <service-view v-ref:service_show :data="show_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: {
+        type: Object
+      },
+      nodeSnapshot: {
+        type: Boolean,
+        default: false
+      }
+    },
+    data() {
+      return {
+        data: null,    // 展示的数据
+        json_datas: null, // json配置数据结构
+        showview: false, // 控制显示层显示
+        show_data: null
+      }
+    },
+    created () {
+      this.refurbish()
+    },
+    methods: {
+      // 初始化模块
+      async refurbish() {
+        this.json_datas = this.$workflow_vue
+        let sum = 0
+        let jsonData = {}
+        if (!this.json_datas || !this.json_datas.activitys || this.json_datas.activitys.length === 0) {
+          this.$showMessage("网络故障，请刷新页面")
+          return
+        }
+        this.json_datas.activitys.forEach(item => {
+          if (this.selectdata.defname === item.title) {
+            jsonData = item  // 拿到当前节点的json配置信息
+            sum++ // 节点名一样的个数
+          }
+          return this.selectdata.defname === item.title // 拿到当前节点的json配置信息
+        })
+        if (sum === 0) {
+          this.$showMessage(`没有在JSON配置文件中找到活动名为:(${this.selectdata.defname})的节点配置`)
+          return
+        }
+        if (sum > 1) {
+          this.$showMessage(`在JSON配置文件中找到活动名为:(${this.selectdata.defname})的节点配置:${sum}个`)
+          return
+        }
+
+        this.data = null
+        this.data = jsonData
+        this.data = Object.assign({}, this.data, this.selectdata)
+
+        // fields 字段填充值
+        this.data.fields.forEach(item => {
+          if (this.selectdata[item.field]) {
+            item.value = this.selectdata[item.field]
+          }
+          if (this.selectdata[item.field] === 0) {
+            item.value = 0
+          }
+          item.readonly = true
+          item.disabled = true
+        })
+
+        // 控制组件
+        if (this.data.components) {
+          this.data.components.forEach(item => {
+            item.mark = 1
+          })
+        }
+
+        // onetomany 数据获取
+        if (this.data.onetomany) {
+          for (const item of this.data.onetomany) {
+            let res = null
+            if (item.queryEvent) {
+              res = this[item.queryEvent]()
+            } else {
+              let data = {
+                tablename: item.tables[0],
+                condition: `f_process_id='${this.selectdata.f_process_id}'`
+              }
+              res = await this.$resetpost(
+                'rs/sql/applySingleTable',
+                {data: data},
+                {resolveMsg: null, rejectMsg: 'onetomany查询失败'}
+              )
+            }
+
+            item.rows = res.data
+
+            // 隐藏所有操作
+            item.hiddenOperate = true
+          }
+        }
+
+        // 去除button
+        this.data.buttons = null
+
+        // 完成时间和完成人,部门，分公司
+        if (this.selectdata.state === '结束') {
+          this.data.operate_date = new Date(this.selectdata.finishtime).Format('yyyy-MM-dd')
+          this.data.operator = this.selectdata.person
+
+          let http = new HttpResetClass()
+          try {
+            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.orgs = user.orgs
+            this.data.parentname = user.deps
+          } catch (e) {
+            this.data.orgs = this.$login.f.orgs
+            this.data.parentname = this.$login.f.deps
+          }
+        }
+          if (this.selectdata.f_apply_nature === '散户') {
+            this.hideLabels('营业执照', '小区')
+            this.electiveLabels('营业执照', '购货单位识别号', '购货单位银行账号', '购货单位地址电话', '小区')
+          }
+          if (this.selectdata.f_apply_nature === '小区') {
+            this.showLabels('营业执照', '小区')
+            this.requiredLabels('营业执照', '购货单位识别号', '购货单位银行账号', '购货单位地址电话', '小区')
+          }
+        // 消除双向绑定，避免子组件（显示层）数据更改，父组件（控制层）也更改
+        let temp = JSON.parse(JSON.stringify(this.data))
+
+        this.show_data = temp
+        this.$nextTick(() => {
+          this.showview = true
+        })
+      },
+      // json配置数据处理
+      async initializtion() {
+        // 查询是否有当前节点快照信息,如果有使用快照数据，没有则展示最新数据
+        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/applySingleTable', {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
+          }
+        }
+      },
+      hideLabels(...labels) {
+        console.log('报建性质1')
+        for (const item of this.data.fields) {
+          if (labels.includes(item.label)) {
+            item.hidden = true
+          }
+        }
+      },
+      electiveLabels(...labels) {
+        console.log('报建性质2')
+        for (const item of this.data.fields) {
+          if (labels.includes(item.label)) {
+            item.required = false
+          }
+        }
+      },
+      showLabels(...labels) {
+        console.log('报建性质3')
+        for (const item of this.data.fields) {
+          if (labels.includes(item.label)) {
+            item.hidden = false
+          }
+        }
+      },
+      requiredLabels(...labels) {
+        console.log('报建性质4')
+        for (const item of this.data.fields) {
+          if (labels.includes(item.label)) {
+            item.required = true
+          }
+        }
+      },
+    },
+    events:{
+    },
+    watch: {
+      deep: true
+    }
+  }
+</script>
+<style scoped>
+  /*清除model中的浮动*/
+  .clearfix:after,.clearfix:before{
+    display: table;
+  }
+  .clearfix:after{
+    clear: both;
+  }
+</style>