apply-clients 5.0.35-48 → 5.0.35-50

package/src/components/product/EngineeringSupervisory/EngineeringSupervisoryList.vue

@@ -0,0 +1,350 @@
+<template>
+  <div class="d1">
+    <div class="left col-sm-12">
+      <criteria-paged :model="model" v-ref:cp>
+        <criteria partial='criteria' @condition-changed='search' v-ref:cri style="padding: 20px;background-color:  #f6f6f6;">
+          <form novalidate class="" partial>
+            <div class="col-sm-12">
+              <div class="col-sm-2 ">
+                <label class="col-sm-4 control-label ">联系人</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" placeholder='联系人' v-model="model.f_user_name"
+                         v-on:keyup.enter="search"
+                         condition="f_user_name like '%{}%'">
+                </div>
+              </div>
+
+              <div class="col-sm-2 ">
+                <label class="col-sm-4 control-label">报建编号</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" placeholder='报建编号' v-model="model.f_phone"
+                         v-on:keyup.enter="search"
+                         condition="f_apply_num like '{}%'">
+                </div>
+              </div>
+
+              <div class="col-sm-2 ">
+                <label class="col-sm-4 control-label">地址</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" placeholder='地址' v-model="model.f_address"
+                         v-on:keyup.enter="search"
+                         condition="f_address like '%{}%'">
+                </div>
+              </div>
+
+              <div class="col-sm-2 ">
+                <label class="col-sm-4 control-label">单位/小区名称</label>
+                <div class="col-sm-8">
+                  <input type="text" class="form-control" placeholder='单位/小区名称' v-model="model.f_residential_area"
+                         v-on:keyup.enter="search"
+                         condition="f_residential_area like '%{}%'">
+                </div>
+              </div>
+              <div class="col-sm-2 ">
+                <label class="col-sm-4 control-label">用户类型</label>
+                <div class="col-sm-8">
+                  <v-select  :options="$parent.$parent.usertype"
+                             placeholder='用户类型'
+                             condition="f_user_type  like '{}%'"
+                             :width="100"
+                             style="width:100%"
+                             v-model="model.f_user_type"
+                             :value.sync="model.f_user_type" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+
+            </div>
+            <div class="col-sm-12" style="margin-top:5px;">
+              <div class="col-sm-2">
+                <label class="col-sm-4 control-label">流程状态</label>
+                <div class="col-sm-8">
+                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="$parent.$parent.alloptions"
+                            condition="defname = '{}'" placeholder='流程状态'
+                            v-model="model.defname" :value.sync="model.defname" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+              <div class="col-sm-2" >
+                <label class="col-sm-4 control-label">业务类型</label>
+                <div class="col-sm-8">
+                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="[{label:'全部',value:''},{label:'新报装',value:'新报装'},{label:'改管',value:'改管'}]"
+                            condition="f_work_type = '{}'" placeholder='业务类型'
+                            v-model="model.f_work_type" :value.sync="model.f_work_type" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+              <div class="col-sm-2">
+                <label for="startDate" class="col-sm-4 control-label">开始日期</label>
+                <div class="col-sm-8">
+                  <datepicker @change="$dispatch('setQueryCondition',model)" id="startDate" placeholder="开始日期"
+                              style="display: block;"
+                              v-model="model.startDate"
+                              :value.sync="model.startDate"
+                              :format="'yyyy-MM-dd HH:mm:ss'"
+                              :show-reset-button="true"
+                              condition="f_apply_date >= '{}'">
+                  </datepicker>
+                </div>
+              </div>
+              <div class="col-sm-2">
+                <label for="startDate" class="col-sm-4 control-label">终止日期</label>
+                <div class="col-sm-8">
+                  <datepicker @change="$dispatch('setQueryCondition',model)" id="endDate" placeholder="终止日期"
+                              style="display: block;"
+                              v-model="model.endDate"
+                              :value.sync="model.endDate"
+                              :format="'yyyy-MM-dd HH:mm:ss'"
+                              :show-reset-button="true"
+                              condition="f_apply_date <= '{}'">
+                  </datepicker>
+                </div>
+
+              </div>
+              <div class="col-sm-2">
+                <label class="col-sm-4 control-label">终止查询</label>
+                <div class="col-sm-8">
+                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="[{label:'是',value:'终止'},{label:'否',value:''}]"
+                            condition="f_sub_state = '{}'" placeholder='终止查询'
+                            v-model="model.f_sub_state" :value.sync="model.f_sub_state" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+              <div class="col-sm-2" style="float: left">
+                <label class="col-sm-4 control-label">报装来源</label>
+                <div class="col-sm-8">
+                  <v-select style="min-width: 100%;" @change="$dispatch('setQueryCondition',model)" :options="[{label:'全部',value:''},{label:'燃气系统',value:'燃气系统'},{label:'微信',value:'微信'},{label:'住建局',value:'住建局'}]"
+                            condition="f_apply_source = '{}'" placeholder='报装来源'
+                            v-model="model.f_apply_source" :value.sync="model.f_apply_source" close-on-select>
+                  </v-select>
+                </div>
+              </div>
+              <div class="col-sm-1" style="margin-left:20px;">
+                <button style="margin-left:5%;" class="btn btn-primary btn-sm width-80 button_spacing" type="button" @click="search(),$parent.$parent.close()">
+                  <span class="glyphicon glyphicon-search"></span>查询
+                </button>
+                <button class="btn-primary btn btn-sm button_spacing" @click.prevent="$parent.$parent.clear()">清空</button>
+              </div>
+            </div>
+          </form>
+        </criteria>
+        <data-grid :model="model" partial='list' v-ref:grid class="data-grid" is-fixed='false' style="overflow-x:auto">
+          <template partial='head'>
+            <tr class="title">
+              <th>
+                <nobr>序号</nobr>
+              </th>
+              <th>
+                <nobr>来源</nobr>
+              </th>
+              <th>
+                <nobr>当前状态</nobr>
+              </th>
+              <th>
+                <nobr>报建编号</nobr>
+              </th>
+              <th>
+                <nobr>业务类型</nobr>
+              </th>
+              <th>
+                <nobr>客户名称</nobr>
+              </th>
+              <th>
+                <nobr>用户类型</nobr>
+              </th>
+              <th>
+                <nobr>电话</nobr>
+              </th>
+              <th>
+                <nobr>地址</nobr>
+              </th>
+              <th>
+                <nobr>流程状态</nobr>
+              </th>
+              <th>
+                <nobr>报建类型</nobr>
+              </th>
+              <th>
+                <nobr>报建日期</nobr>
+              </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_apply_source}}</nobr>
+              </td>
+              <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+                <nobr>{{row.f_sub_state==''||!row.f_sub_state ?'未完工':row.f_sub_state}}</nobr>
+              </td>
+              <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+                <nobr>{{row.f_apply_num}}</nobr>
+              </td>
+              <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+                <nobr>{{row.f_work_type}}</nobr>
+              </td>
+              <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+                <nobr>{{row.f_user_name}}</nobr>
+              </td>
+              <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+                <nobr>{{row.f_user_type}}</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>
+  </div>
+</template>
+<script>
+  import AppData from '../../../stores/AppData.js'
+
+  import {
+    PagedList
+  } from 'vue-client'
+  import getNowDate from '../../getNowDate.js'
+  import {HttpResetClass} from 'vue-client'
+  import * as Util from '../../Util'
+  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: '勘探详情',
+    data() {
+      return {
+        model: new PagedList('rs/sql/supervisory', 20, {
+          data: {
+            id: `${this.$login.f.name}`,
+            fengongsi: `${this.$login.f.f_fengongsi}`,
+            f_product_id : 1
+          }
+        }),
+        condition: '',
+        select: '',
+        alloptions:[]
+      }
+    },
+    ready() {
+      this.$refs.cp.$refs.cri.model.startDate = Util.toStandardDateString() + ' 00:00:00'
+      this.$refs.cp.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
+      this.$refs.cp.$refs.cri.search()
+      this.getConfig();
+    },
+    methods: {
+      clear(){
+        Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+          this.$refs.cp.$refs.cri.model[key] = []
+        })
+      },
+      getapplyName(datas){
+        console.log("开始获取所有名")
+        let str = datas
+        console.log("开始获取所有名"+JSON.stringify(str))
+        let param = [];
+        // let workflow = JSON.parse(str);
+        param.push({label:"全部",value:""})
+        str.activitys.forEach(function(item){
+          let title = item.title;
+          console.log(title)
+          param.push({label:title,value:title});
+        })
+        this.alloptions = param;
+
+      },
+      async getConfig(){
+        let http = new HttpResetClass()
+        await  http.load('POST','rs/logic/ApplyGetConfigs', {data:this.$login.f}, {resolveMsg: null, rejectMsg: null}
+        ).then((res)=>{
+          if(res.data.code && res.data.code == 200){
+            this.getapplyName(res.data.workflow_vue);
+          }else{
+            this.$showMessage('获取报建配置失败,原因:' + res.data.msg)
+            return
+          }
+        })
+
+      },
+      generateUUID() {
+        var d = new Date().getTime()
+        var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+          var r = (d + Math.random() * 16) % 16 | 0
+          d = Math.floor(d / 16)
+          return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16)
+        })
+        return uuid
+      },
+      check(val) {
+        val.appid=val.id
+        this.$dispatch('check', val)
+      },
+      close() {
+        this.$dispatch('close')
+      },
+      compare(val) {
+        val === '完工'
+        console.log('完工', val)
+        return false
+      }
+    },
+    computed: {
+      date() {
+        return getNowDate()
+      },
+      selected() {
+        return this.$refs.cp.$refs.grid.selected
+      },
+      usertype() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
+      },
+      defnameType() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('流程状态')]
+      },
+      applytype() {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')]
+      }
+    }
+  }
+</script>
+<style>
+  label {
+    display: flex;
+    justify-content:center;
+    align-items:Center;
+    padding-top: 8px;
+  }
+  tr.title {
+    background-color: #6666ff;
+  }
+
+</style>