apply-clients 3.1.37 → 3.1.40

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

@@ -0,0 +1,132 @@
+<template>
+  <div class="basic-main" style="overflow:auto;">
+    <div class="tops" v-bind:style="{ height: topheight }">
+      <supervisory-list2 v-ref:queryuser></supervisory-list2>
+    </div>
+    <div v-if="showtotal" v-bind:style="{ height: botheight }">
+      <div class="col-sm-2" v-if="showbasic">
+        <supervisory-chart :selectdata="selectdata" :defname = "header"></supervisory-chart>
+      </div>
+      <div class="col-sm-10">
+        <tabset v-ref:tabs :close="false">
+          <tab :header='header' style="background-color :#ffffff!important;overflow: auto;">
+            <supervisory-service-control :selectdata="selectdata" ></supervisory-service-control>
+          </tab>
+          <tab header='附件' style="background-color :#ffffff!important;overflow: auto;">
+            <upload v-ref:file :blodid = "selectdata.f_process_id" :isusetype = "false" :isremark ="false"
+                    :isupload = "true"
+                    :takeimg = "true"
+                    :edit = "false">
+            </upload>
+          </tab>
+        </tabset>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import Vue from 'vue'
+  import {HttpResetClass} from 'vue-client'
+  export default {
+    title: '流程监控',
+    props: ['defname'],
+    data () {
+      return {
+        flagl: false,
+        flagg: false,
+        showbasic: false, // 控制节点列表显示
+        showtotal: false, // 控制详细信息显示
+        header: null,
+        selectdata: {},
+        botheight: '0%',   // 详细信息显示高度
+        topheight: '100%', // 工程列表显示高度
+        info: '流程监控',
+        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 {
+          this.$showMessage('暂无此类报装')
+          return
+        }
+
+        // 获取配置文件
+        await this.loadName()
+
+        this.topheight = '10%'
+        this.botheight = '90%'
+        // this.$refs.queryuser.$refs.cp.$refs.grid.model.rows = [val]
+        this.header = this.selectdata.defname
+        this.$refs.queryuser.$refs.cp.pager = false
+        this.showbasic = true
+        this.showtotal = true
+
+      },
+      'close'() {
+        this.showbasic = false
+        this.showtotal = false
+        this.topheight = '100%'
+        this.botheight = '0%'
+        this.$refs.queryuser.$refs.cp.$refs.cri.search()
+        this.$refs.queryuser.$refs.cp.pager = true
+      },
+      'hidden' (criteriaShow) {
+        if (!this.showtotal && !criteriaShow) {
+
+        }
+        if (!this.showtotal && criteriaShow) {
+
+        }
+        if (this.showtotal && !criteriaShow) {
+          this.topheight = '20%'
+          this.botheight = '80%'
+        }
+        if (this.showtotal && criteriaShow) {
+          this.topheight = '10%'
+          this.botheight = '90%'
+        }
+
+      }
+    },
+
+    watch: {
+    }
+  }
+</script>

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

@@ -1,184 +1,250 @@
-<template>
-  <div class="col-sm-12">
-    <criteria-paged :model="model" v-ref:cp>
-      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
-        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-          <div class="row">
-            <div class="form-group col-sm-4">
-              <label class="font_normal_body">客户名称/联系人：</label>
-              <input type="text" class="input_search" v-model="model.f_user_name"
-                     v-on:keyup.enter="search" condition=" (f_user_name like '%{}%' or f_contact like '%{}%') " placeholder='二选一输入'>
-            </div>
-            <div class="form-group col-sm-3">
-              <label class="font_normal_body">合同编号：</label>
-              <input type="text" class="input_search" placeholder='合同编号' v-model="model.f_contract_number"
-                   v-on:keyup.enter="search"
-                     condition="f_contract_number like '%{}%'">
-            </div>
-            <div class="form-group col-sm-3">
-              <label class="font_normal_body">用户地址：</label>
-              <input type="text" class="input_search" placeholder='用户地址' v-model="model.f_address"
-                     v-on:keyup.enter="search"
-                     condition="f_address like '%{}%'">
-            </div>
-            <div class="form-group col-sm-2 operate">
-              <button type="button" class="btn btn-info head-but" @click="search(),$parent.$parent.close()" v-el:cx>查询</button>
-<!--              <button class="button_search button_spacing width-60" @click="search(),$parent.$parent.close()" v-el:cx>查询</button>-->
-              <div
-                :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
-                @click="$parent.$parent.hidden()"
-                class="button_spacing"
-                style="float: right">
-              </div>
-            </div>
-          </div>
-          <div class="row" v-show="$parent.$parent.criteriaShow">
-            <div class="col-sm-3  form-group">
-              <label class="font_normal_body">报建类型：</label>
-              <v-select
-                v-model="model.f_apply_type"
-                placeholder='报建类型'
-                condition="f_apply_type  like '%{}%'"
-                :value.sync="model.f_apply_type"
-                :options='$parent.$parent.applytype'
-                class="select select_list"
-                :value-single="true"
-                close-on-select ></v-select>
-            </div>
-            <div class="col-sm-3  form-group">
-              <label class="font_normal_body">办理环节：</label>
-              <v-select
-                v-model="model.defname"
-                placeholder='办理环节'
-                condition="defname = '{}'"
-                :value.sync="model.defname"
-                :options='$parent.$parent.defnames'
-                class="select select_list"
-                :value-single="true"
-                close-on-select ></v-select>
-            </div>
-          </div>
-        </div>
-      </criteria>
-      <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy">
-        <template partial='head'>
-          <tr>
-            <th>序号</th>
-            <th>当前状态</th>
-            <th>客户名称/联系人</th>
-            <th>合同编号</th>
-            <th>电话</th>
-            <th>地址</th>
-            <th>流程状态</th>
-            <th>报建类型</th>
-            <th>报建日期</th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <tr>
-            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
-              <nobr>{{$index+1}}</nobr>
-            </td>
-            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
-              <nobr>{{row.f_sub_state}}</nobr>
-            </td>
-            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
-              <nobr>{{row.f_user_name}}/{{row.f_contact}}</nobr>
-            </td>
-            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
-              <nobr>{{row.f_contract_number}}</nobr>
-            </td>
-            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
-              <nobr>{{row.f_phone}}</nobr>
-            </td>
-            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
-              <nobr>{{row.f_address}}</nobr>
-            </td>
-            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
-              <nobr>{{row.defname}}</nobr>
-            </td>
-            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
-              <nobr>{{row.f_apply_type}}</nobr>
-            </td>
-            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
-              <nobr>{{row.f_apply_date}}</nobr>
-            </td>
-          </tr>
-        </template>
-      </data-grid>
-    </criteria-paged>
-  </div>
-</template>
-<script>
-  import {PagedList} from 'vue-client'
-  import getNowDate from '../../getNowDate.js'
-  import {HttpResetClass} from 'vue-client'
-
-  export default {
-    title: '勘探详情',
-    data() {
-      return {
-        applytype: [{label:"全部",value:''}],
-        model: new PagedList('rs/sql/supervisory', 20, {
-          data: {
-            id: `${this.$login.f.name}`,
-            org: `${this.$login.f.orgs}`
-          }
-        }),
-        defnames:[], // 所有流程节点
-        condition: '', // 查询条件
-        criteriaShow: false
-      }
-    },
-    async ready() {
-      // 调用查询
-      this.$refs.cp.$refs.cri.search()
-      // 获取所有办理环节
-      this.getDefnames()
-    },
-    events: {
-    },
-    methods: {
-      hidden() {
-        this.$dispatch('hidden', this.criteriaShow)
-        this.criteriaShow = !this.criteriaShow
-      },
-      // 获取所有办理环节
-      getDefnames() {
-        let http = new HttpResetClass()
-        http.load('POST', 'rs/logic/getAllDefname', {}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then((res) => {
-          this.defnames = [{label: '全部', value: ''}, ...res.data]
-        })
-      },
-      check(val) {
-        this.$dispatch('apply', val)
-      },
-      close() {
-        this.$dispatch('close')
-      }
-    },
-    computed: {
-    }
-  }
-</script>
-<style scoped>
-
-  .operate{
-    text-align: right;
-    display: flex;
-    align-items: center; /*子元素中线居中*/
-    justify-content: flex-end; /*子元素靠右*/
-    margin-top: 7px;
-  }
-  .head-but{
-    margin-left: 5px;
-    height: 34px;
-    background-color: #6aa6e2;
-    border-radius: 4px;
-    font-family: PingFang;
-    color: #ffffff;
-  }
-</style>
+<template>
+  <div class="col-sm-12">
+    <criteria-paged :model="model" v-ref:cp>
+      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">客户名称/联系人：</label>
+              <input type="text" class="input_search" v-model="model.f_user_name"
+                     v-on:keyup.enter="search" condition=" (f_user_name like '%{}%' or f_contact like '%{}%') " placeholder='二选一输入'>
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">报建编号：</label>
+              <input type="text"  class="input_search" placeholder='报建编号' v-model="model.f_apply_num"
+                     v-on:keyup.enter="search"
+                     condition="f_apply_num like '%{}%'">
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">合同编号：</label>
+              <input type="text" class="input_search" placeholder='合同编号' v-model="model.f_contract_number"
+                   v-on:keyup.enter="search"
+                     condition="f_contract_number like '%{}%'">
+            </div>
+            <div class="form-group col-sm-2 operate">
+              <button type="button" class="btn btn-info head-but" @click="search(),$parent.$parent.close()" v-el:cx>查询</button>
+              <export-excel :data="$parent.$parent.getCondition"
+                            :field="$parent.$parent.getfield"
+                            sqlurl="rs/logic/applyExportfile"
+                            sql-name="supervisory"
+                            template-name='报建记录信息导出'
+                            :choose-col="true"></export-excel>
+<!--              <button class="button_search button_spacing width-60" @click="search(),$parent.$parent.close()" v-el:cx>查询</button>-->
+              <div
+                :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                @click="$parent.$parent.hidden()"
+                class="button_spacing"
+                style="float: right">
+              </div>
+            </div>
+          </div>
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">用户地址：</label>
+              <input type="text" class="input_search" placeholder='用户地址' v-model="model.f_address"
+                     v-on:keyup.enter="search"
+                     condition="f_address like '%{}%'">
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">票号：</label>
+              <input type="text" class="input_search" placeholder='票号' v-model="model.f_ticket_number"
+                     v-on:keyup.enter="search"
+                     condition="c.f_ticket_number like '%{}%'">
+            </div>
+            <div class="col-sm-3  form-group">
+              <label class="font_normal_body">报建类型：</label>
+              <v-select
+                v-model="model.f_apply_type"
+                placeholder='报建类型'
+                condition="f_apply_type  like '%{}%'"
+                :value.sync="model.f_apply_type"
+                :options='$parent.$parent.applytype'
+                class="select select_list"
+                :value-single="true"
+                close-on-select ></v-select>
+            </div>
+            <div class="col-sm-3  form-group">
+              <label class="font_normal_body">办理环节：</label>
+              <v-select
+                v-model="model.defname"
+                placeholder='办理环节'
+                condition="defname = '{}'"
+                :value.sync="model.defname"
+                :options='$parent.$parent.defnames'
+                class="select select_list"
+                :value-single="true"
+                close-on-select ></v-select>
+            </div>
+            <div class="form-group col-sm-3">
+              <label  for="startDate" class="font_normal_body">开始时间：</label>
+              <datepicker id="startDate" placeholder="开始日期"
+                          style="width: 60%!important;"
+                          v-model="model.startDate"
+                          :value.sync="model.startDate"
+                          :format="'yyyy-MM-dd 00:00:00'"
+                          :show-reset-button="true"
+                          condition="f_apply_date >= '{}'">
+              </datepicker>
+            </div>
+            <div class="form-group col-sm-3">
+              <label for="endDate" class="font_normal_body">结束时间：</label>
+              <datepicker id="endDate" placeholder="结束日期"
+                          style="width: 60%!important;"
+                          v-model="model.endDate"
+                          :value.sync="model.endDate"
+                          :format="'yyyy-MM-dd 23:59:59'"
+                          :show-reset-button="true"
+                          condition="f_apply_date <= '{}'">
+              </datepicker>
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy">
+        <template partial='head'>
+          <tr>
+            <th>序号</th>
+            <th>报建编号</th>
+            <th>当前状态</th>
+            <th>客户名称/联系人</th>
+            <th>合同编号</th>
+            <th>电话</th>
+            <th>地址</th>
+            <th>流程状态</th>
+            <th>报建类型</th>
+            <th>报建日期</th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr>
+            <td  style="text-align: center;">
+              <nobr>{{$index+1}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.f_apply_num}}</font></nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+              <nobr>{{row.f_sub_state}}</nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+              <nobr>{{row.f_user_name}}/{{row.f_contact}}</nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+              <nobr>{{row.f_contract_number}}</nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+              <nobr>{{row.f_phone}}</nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+              <nobr>{{row.f_address}}</nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+              <nobr>{{row.defname}}</nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+              <nobr>{{row.f_apply_type}}</nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+              <nobr>{{row.f_apply_date}}</nobr>
+            </td>
+          </tr>
+        </template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+<script>
+  import {PagedList} from 'vue-client'
+  import getNowDate from '../../getNowDate.js'
+  import {HttpResetClass} from 'vue-client'
+
+  export default {
+    title: '勘探详情',
+    data() {
+      return {
+        applytype: [{label:"全部",value:''}, {label:"集中报建",value:'集中报建'}, {label:"非民用报建",value:'非民用报建'},{label:"散户报建",value:'散户报建'}],
+        model: new PagedList('rs/sql/supervisory', 20, {
+          data: {
+            id: `${this.$login.f.name}`,
+            org: `${this.$login.f.orgs}`
+          }
+        }),
+        defnames:[], // 所有流程节点
+        condition: '', // 查询条件
+        criteriaShow: false,
+        getfield: {
+          'f_apply_num': '报建编号',
+          'defname': '当前环节',
+          'f_sub_state': '流程状态',
+          'f_user_name': '联系人',
+          'f_contact': '联系人',
+          'f_contract_number': '合同编号',
+          'f_phone': '电话',
+          'f_address': '地址',
+          'f_apply_type': '报建类型',
+          'f_apply_date': '报建日期'
+        }
+      }
+    },
+    async ready() {
+      // 调用查询
+      this.$refs.cp.$refs.cri.search()
+      // 获取所有办理环节
+      this.getDefnames()
+    },
+    events: {
+    },
+    methods: {
+      hidden() {
+        this.$dispatch('hidden', this.criteriaShow)
+        this.criteriaShow = !this.criteriaShow
+      },
+      // 获取所有办理环节
+      getDefnames() {
+        let http = new HttpResetClass()
+        http.load('POST', 'rs/logic/getAllDefname', {}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          this.defnames = [{label: '全部', value: ''}, ...res.data]
+        })
+      },
+      check(val) {
+        this.$dispatch('apply', val)
+      },
+      close() {
+        this.$dispatch('close')
+      }
+    },
+    computed: {
+      getCondition () {
+        console.log("condition",this.$refs.cp.$refs.cri.condition)
+        return {
+          condition: this.$refs.cp.$refs.cri.condition,
+          data: {
+            org: `${this.$login.f.orgs}`,
+            orgid: this.$login.f.orgid
+          }
+        }
+      }
+    }
+  }
+</script>
+<style scoped>
+
+  .operate{
+    text-align: right;
+    display: flex;
+    align-items: center; /*子元素中线居中*/
+    justify-content: flex-end; /*子元素靠右*/
+    margin-top: 7px;
+  }
+  .head-but{
+    margin-left: 5px;
+    height: 34px;
+    background-color: #6aa6e2;
+    border-radius: 4px;
+    font-family: PingFang;
+    color: #ffffff;
+  }
+</style>