apply-clients 4.1.10-11 → 4.1.10-weinan

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

@@ -1,340 +1,221 @@
 <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="form-group col-sm-2">
-                <label class=" col-sm-6" style="padding-top: 8px">客户名称/联系人:</label>
-                <div class="col-sm-6">
-                  <input type="text" class="form-control" v-model="model.f_user_name"
-                         condition=" (f_user_name like '%{}%' or f_contact like '%{}%') " placeholder='二选一输入'>
-                </div>
-              </div>
-              <div class="col-sm-1">
-                <!--<label class="col-sm-6">合同编号</label>-->
-                <div class="col-sm-12">
-                  <input type="text" class="form-control" placeholder='合同编号' v-model="model.f_contract_number"
-                         v-on:keyup.enter="search"
-                         condition="f_contract_number like '%{}%'">
-                </div>
-              </div>
-              <div class="col-sm-1">
-                <!--<label class="col-sm-6">用户地址</label>-->
-                <div class="col-sm-12">
-                  <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-1">
-                <!--<label class="col-sm-6"> 报建类型：</label>-->
-                <div class="col-sm-12" v-if="!this.$login.f.f_fengongsi.includes('中燃')">
-                  <v-select :width ="'100%'" style="width: 100%" :options="$parent.$parent.applytype" placeholder='报建类型' condition="f_apply_type  like '%{}%'"
-                            v-model="model.f_apply_type" :value.sync="model.f_apply_type" close-on-select>
-                  </v-select>
-                </div>
-              </div>
-              <div class="col-sm-1">
-                <div class="col-sm-12">
-                  <v-select :width ="'100%'" style="width: 100%" :options="this.state" placeholder='当前状态' condition="f_sub_state = '{}'"
-                            v-model="model.f_sub_state" :value.sync="model.f_sub_state" close-on-select>
-                  </v-select>
-                </div>
-              </div>
-              <div class="col-sm-2">
-<!--                <label class="col-sm-6">办理环节:</label>-->
-                <div class="col-sm-6">
-                  <v-select :width ="'90%'" @change="$dispatch('setQueryCondition',model)" :options="$parent.$parent.defnames"
-                            condition="defname = '{}'" placeholder='办理环节'
-                            v-model="model.defname" :value.sync="model.defname" close-on-select>
-                  </v-select>
-                </div>
-              </div>
-              <div class="col-sm-1">
-                <input type="text" class="form-control" placeholder='经办人' v-model="model.f_survey_name"
-                       v-on:keyup.enter="search"
-                       condition=" (f_apply_kefu_employee like '%{}%' or  f_survey_name like '%{}%') ">
-              </div>
-              <div class="col-sm-1">
-                <button class="btn btn-primary btn-sm" type="button" @click="search(),$parent.$parent.close()">
-                  <span class="glyphicon glyphicon-search"></span>查询
-                </button>
+  <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_entry_name"
+                     v-on:keyup.enter="search" condition=" f_entry_name 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 button-range">
+              <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+              <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
+              <div
+                :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
+                class="button_spacing"
+                style="float: right">
               </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>
-            </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.applysite}}</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_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>
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <div class="form-group col-sm-3">
+              <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"
+                @change="$parent.$parent.applyTypeChange()"
+                close-on-select ></v-select>
+            </div>
+            <div class="form-group col-sm-3">
+              <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 class="font_normal_body">流程状态：</label>
+              <v-select
+                v-model="model.f_sub_state"
+                placeholder='流程状态'
+                condition="f_sub_state = '{}'"
+                :value.sync="model.f_sub_state"
+                :options='$parent.$parent.f_sub_state'
+                class="select select_list"
+                :value-single="true"
+                close-on-select ></v-select>
+            </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_phone"-->
+<!--                     v-on:keyup.enter="search"-->
+<!--                     condition="f_phone 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-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 HH:mm:ss'"
+                          :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 HH:mm:ss'"
+                          :show-reset-button="true"
+                          condition="f_apply_date <= '{}'">
+              </datepicker>
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <data-grid v-if="$parent.showData" :model="model" partial='list' v-ref:grid class="list_area table_sy">
+        <template partial='head'>
+          <tr>
+            <th style="white-space: nowrap;">序号</th>
+            <th style="white-space: nowrap;">报建编号</th>
+            <th style="white-space: nowrap;">项目名称</th>
+            <th style="white-space: nowrap;">合同编号</th>
+<!--            <th style="white-space: nowrap;">电话</th>-->
+<!--            <th style="white-space: nowrap;">地址</th>-->
+            <th style="white-space: nowrap;">报建类型</th>
+            <th style="white-space: nowrap;">办理环节</th>
+            <th style="white-space: nowrap;">流程状态</th>
+            <th style="white-space: nowrap;">报建日期</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_num}}</nobr>
+            </td>
+            <td @click="$parent.$parent.$parent.check(row)" style="text-align: center;">
+              <nobr>{{row.f_entry_name}}</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.f_apply_type}}</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_sub_state}}</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 AppData from '../../../stores/AppData.js'
-  import PagedListLogic from '../../../stores/PagedListLogic'
-  import getNowDate from '../../getNowDate.js'
+  import {PagedList} from 'vue-client'
   import {HttpResetClass} from 'vue-client'
-
+  import {isEmpty} from '../../Util'
   export default {
     title: '勘探详情',
-    data() {
+    props: ['showData'],
+    data () {
       return {
-        applytype: this.$appdata.getParam('报建类型'),
-        model: new PagedListLogic('rs/sql/supervisory', 20, {
+        applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')],
+        model: new PagedList('rs/sql/supervisory', 20, {
           data: {
             id: `${this.$login.f.name}`,
-            fengongsi: `${this.$login.f.f_fengongsi}`
+            orgid: this.$login.f.orgid
           }
         }),
-        users:[],
-        defnames:[],
-        condition: '',
-        select: '',
-        state: []
+        f_sub_state: [{label: '全部', value: ''}, {label: '完工', value: '完工'}, {label: '正在进行', value: '正在进行'}],
+        defnames: [{label: '全部', value: ''}, ...this.$appdata.getParam('办理环节')], // 流程节点
+        criteriaShow: false
       }
     },
-    async ready() {
-      let http3 = new HttpResetClass()
-      http3.load('POST', 'rs/sql/getDefnamesForActivityins', {data:{}}, {
-        resolveMsg: null,
-        rejectMsg: null
-      }).then((res)=>{
-        //  先获取所有流程环节
-        this.defnames = [{label: '全部', value: ''}]
-        for(let i=0;i<res.data.length;i++){
-          this.defnames.push({label:res.data[i].defname,value:res.data[i].defname})
-        }
-      })
-
-      let http = new HttpResetClass()
-      let data = {
-        columnname: 'id,name',
-        tablename: 't_user',
-        condition: '1=1'
-      }
-      let res = await http.load('POST','rs/sql/singleTable',{data:data}, {
-        resolveMsg: null,
-          rejectMsg: '获取人员失败'
-      })
-      this.users = res.data
-      this.$refs.cp.$refs.cri.search()
-      this.applytype = [{label: '散户报装', value: '散户报装'},{label: '庭院报装', value: '庭院报装'}]
-      this.state = [{label: '进行中', value: '进行中'},{label: '已办结', value: '已办结'},{label: '已终止', value: '已终止'}]
+    ready () {
+      // 调用查询
+      this.search()
     },
     events: {
-      async dataGrid() {
-        // //获取购货方信息
-        // let data = {
-        //   tablename: 't_user',
-        //   condition: `1=1`
-        // }
-        // let buyerinfos = await this.$resetpost('rs/sql/singleTable', {data: data}, {
-        //   resolveMsg: null,
-        //   rejectMsg: '获取user失败'
-        // })
-        // let users = buyerinfos.data
-        if (!this.$refs.cp.$refs.grid.model.rows) return
-        let rows = this.$refs.cp.$refs.grid.model.rows
-        for (let i = 0; i < rows.length; i++) {
-          let expe = rows[i].actorexpression
-          if(expe.includes('getChildren')||expe.includes('getChildByName')){//{source:'this.getParentByType($organization$).getChildByName($客户服务部门$).getChildByName($客户服务部负责人$).getChildren()','userid':'12290'
-            let arr = expe.split('$')
-            this.$refs.cp.$refs.grid.model.rows[i].applysite = arr[arr.length - 2]
-          }else{ //{source: 'this', userid: '12290'}
-            let arr = expe.split('\'')
-            let userid = arr[arr.length - 2]
-            for(let j =0;j<this.users.length;j++){
-              if(this.users[j].id == userid){
-                this.$refs.cp.$refs.grid.model.rows[i].applysite = this.users[j].name
-              }
-            }
-          }
-
-
-
-          //
-          // if (expe.indexOf("'this'") == -1) {
-          //   let arr = expe.split('$')
-          //   this.$refs.cp.$refs.grid.model.rows[i].applysite = arr[arr.length - 2]
-          // } else if (rows[i].f_survey_name && typeof rows[i].f_survey_name == 'string' && rows[i].f_survey_name.includes("\"")) {
-          //   // 如果是属于工程技术部的就给工程技术部
-          //   let flag = ''
-          //   let str = this.$appdata.getSingleValue("客户服务部")
-          //   let str2 = this.$appdata.getSingleValue("工程技术部")
-          //   let arr = str.split(",")
-          //   let arr2 = str2.split(",")
-          //   for (let p = 0; p < arr.length; p++) {
-          //     if (arr[p] == rows[i].f_apply_type) {
-          //       flag = '客户服务部'
-          //       console.log(rows[i].f_apply_num, flag)
-          //       break
-          //     }
-          //   }
-          //   for (let p = 0; p < arr2.length; p++) {
-          //     if (arr2[p] == rows[i].f_apply_type) {
-          //       flag = '工程技术部'
-          //       console.log(rows[i].f_apply_num, flag)
-          //       break
-          //     }
-          //   }
-          //
-          //   if (flag == '工程技术部') {
-          //     let js = JSON.parse(rows[i].f_survey_name)
-          //     this.$refs.cp.$refs.grid.model.rows[i].applysite = js.name
-          //   } else if (flag == '客户服务部') {
-          //     let rows2 = this.$refs.cp.$refs.grid.model.rows
-          //     for (let i = 0; i < rows2.length; i++) {
-          //       if (!this.$refs.cp.$refs.grid.model.rows[i].applysite) {
-          //         if (rows2[i].f_apply_kefu_employee) {
-          //           if (rows2[i].f_apply_kefu_employee.startsWith("{")) {
-          //             let obj = JSON.parse(rows2[i].f_apply_kefu_employee)
-          //             this.$refs.cp.$refs.grid.model.rows[i].applysite = obj.name
-          //           } else {
-          //             this.$refs.cp.$refs.grid.model.rows[i].applysite = rows2[i].f_apply_kefu_employee
-          //           }
-          //         }
-          //       }
-          //     }
-          //   }
-          // }
-          // let numReg = /^[0-9]+$/
-          // let numRe = new RegExp(numReg)
-          // if (numRe.test(this.$refs.cp.$refs.grid.model.rows[i].applysite)) {
-          //   let querydata = {
-          //     tablename: 't_user',
-          //     condition: `id = ${this.$refs.cp.$refs.grid.model.rows[i].applysite}`
-          //   }
-          //   let http = new HttpResetClass()
-          //   http.load('POST','rs/sql/singleTable', {data: querydata}, {
-          //     resolveMsg: null,
-          //     rejectMsg: '获取人员失败'
-          //   }).then((res)=>{
-          //     this.$refs.cp.$refs.grid.model.rows[i].applysite = res.data[0].name
-          //   })
-          // }
-        }
-
-      }
     },
     methods: {
-      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
+      // 查询
+      search () {
+        this.$dispatch('search')
       },
-      check(val) {
-        this.$dispatch('check', val)
+      clear () {
+        Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+          this.$refs.cp.$refs.cri.model[key] = []
+        })
       },
-      close() {
-        this.$dispatch('close')
+      applyTypeChange () {
+        if (!isEmpty(this.$refs.cp.$refs.cri.model.f_apply_type)) {
+          let http = new HttpResetClass()
+          http.load('POST', 'rs/logic/getDefnameByType', {
+            f_apply_type: this.$refs.cp.$refs.cri.model.f_apply_type
+          }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+            this.defnames = [{label: '全部', value: ''}, ...res.data]
+          })
+        } else {
+          this.defnames = [{label: '全部', value: ''}, ...this.$appdata.getParam('办理环节')]
+        }
       },
-      compare(val) {
-        val === '完工'
-        console.log('完工', val)
-        return false
+      check (val) {
+        this.$dispatch('apply', val)
       }
     },
     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>
-  tr.title {
-    background-color: #6666ff;
-  }
-
+<style scoped>
 </style>