apply-clients 3.1.36 → 3.1.39

package/src/components/product/Process/ExplorationSelect.vue

@@ -1,287 +1,326 @@
-<template>
-  <div>
-    <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="$parent.$parent.show = !$parent.$parent.show">工程发起</button>
-                <button type="button" class="btn btn-info head-but" @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.completionApplytype'
-                  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>
-            <th>操作</th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <tr >
-            <td style="text-align: center;">
-              <nobr><font>{{$index+1}}</font></nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr><font>{{row.f_user_name}}/{{row.f_contact}}</font></nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr><font>{{row.f_sub_state}}</font></nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr><font>{{row.f_contract_number}}</font></nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr><font>{{row.defname}}</font></nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr><font>{{row.f_phone}}</font></nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr><font>{{row.f_address}}</font></nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr><font>{{row.f_apply_type}}</font></nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr><font>{{row.f_apply_date}}</font></nobr>
-            </td>
-            <td style="text-align: center;">
-              <dropdown>
-                <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
-                  <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
-                </button>
-                <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
-                  <li>
-                    <a href="#" @click="$parent.$parent.$parent.click(row)">{{row.defname}}</a>
-                  </li>
-                </ul>
-              </dropdown>
-            </td>
-          </tr>
-        </template>
-      </data-grid>
-    </criteria-paged>
-
-    <modal
-      v-if="show"
-      :show.sync="show"
-      backdrop="false"
-      title="工程类型"
-    >
-      <div class="form-horizontal" slot="modal-body">
-        <div class="form-group" style="margin: 10px auto">
-          <label class="col-sm-3 control-label">报建类型：</label>
-          <div class="col-sm-9">
-            <v-select
-              v-model="f_apply_type"
-              placeholder='请选择需要发起的工程类型'
-              :value.sync="f_apply_type"
-              :options='applytype'
-              :value-single="true"
-              class="select select_list"
-              :search="false"
-              close-on-select ></v-select>
-          </div>
-        </div>
-      </div>
-      <footer slot="modal-footer" class="modal-footer">
-        <button
-          class="btn btn-default"
-          @click="this.show = !this.show">
-          取消
-        </button>
-        <button
-          class="btn btn-primary"
-          type="button"
-          :disabled="applyButton_disabled"
-          @click="apply()">
-          确认
-        </button>
-      </footer>
-    </modal>
-  </div>
-</template>
-<script>
-  import {PagedList} from 'vue-client'
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    title: '工程列表',
-    data() {
-      return {
-        applytype: [{label:"集中报建",value:'集中报建'},{label:"非民用报建",value:'非民用报建'},{label:"散户报建",value:'散户报建'}], // 所有报建类型
-        defnames: [{label: '请先选择报建类型', value: ''}], // 所有办理环节
-        model: new PagedList('rs/sql/checkuser', 20, {
-          data: {
-            id: this.$login.f.id,
-            org: this.$login.f.orgs
-          }
-        }),
-        condition: '', // 查询条件
-        f_apply_type: null,  // 报建类型
-        startname: null, // 启动节点
-        criteriaShow: false,
-        show: false,
-        applyButton_disabled: true
-      }
-    },
-    ready() {
-      // 调用查询
-      this.$refs.cp.$refs.cri.search()
-      // 获取所有办理环节
-      this.getDefnames()
-    },
-    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]
-        })
-      },
-      // 报装申请
-      async apply () {
-        this.applyButton_disabled = true
-
-        if (this.f_apply_type === '集中报建') {
-          this.startname = '申请登记'
-          if (this.$login.f.deps !== '市场部') {
-            this.$showMessage("只能由市场部受理")
-            return
-          }
-        }
-        if (this.f_apply_type === '散户报建') {
-          this.startname = '申请登记'
-          if (this.$login.f.deps !== '销售客服部') {
-            this.$showMessage("只能由销售客服部受理")
-            return
-          }
-        }
-        if (this.f_apply_type === '非民用报建') {
-          this.startname = '申请登记'
-          if (this.$login.f.deps !== '市场部') {
-            this.$showMessage("只能由市场部受理")
-            return
-          }
-        }
-
-        let val = {
-          f_apply_type: this.f_apply_type,
-          defname: this.startname
-        }
-        // 调用ExplorationUser事件
-        this.$dispatch('apply', val)
-
-        this.show = false
-        this.f_apply_type = null
-      },
-      // ExplorationUser 关闭组件
-      close() {
-        this.$dispatch('close')
-      },
-      // 点击操作
-      click(val) {
-        this.$dispatch('apply', val)
-      }
-    },
-    computed: {
-      completionApplytype() {
-        return [{label:"全部",value:''},...this.applytype]
-      }
-    },
-    watch: {
-      deep: true,
-      immediate: true,
-      f_apply_type: function() {
-        if (this.f_apply_type === "" || this.f_apply_type === null || this.f_apply_type === undefined){
-          this.applyButton_disabled =  true
-          return
-        }
-        this.applyButton_disabled = false
-      }
-    }
-  }
-</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>
+    <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="$parent.$parent.show = !$parent.$parent.show">工程发起</button>
+                <button type="button" class="btn btn-info head-but" @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.completionApplytype'
+                  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>
+            <th>操作</th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr >
+            <td style="text-align: center;">
+              <nobr><font>{{$index+1}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.f_apply_num}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.f_user_name}}/{{row.f_contact}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.f_sub_state}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.f_contract_number}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.defname}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.f_phone}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.f_address}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.f_apply_type}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr><font>{{row.f_apply_date}}</font></nobr>
+            </td>
+            <td style="text-align: center;">
+              <dropdown>
+                <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
+                  <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
+                </button>
+                <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
+                  <li>
+                    <a href="#" @click="$parent.$parent.$parent.click(row)">{{row.defname}}</a>
+                  </li>
+                </ul>
+              </dropdown>
+            </td>
+          </tr>
+        </template>
+      </data-grid>
+    </criteria-paged>
+
+    <modal
+      v-if="show"
+      :show.sync="show"
+      backdrop="false"
+      title="工程类型"
+    >
+      <div class="form-horizontal" slot="modal-body">
+        <div class="form-group" style="margin: 10px auto">
+          <label class="col-sm-3 control-label">报建类型：</label>
+          <div class="col-sm-9">
+            <v-select
+              v-model="f_apply_type"
+              placeholder='请选择需要发起的工程类型'
+              :value.sync="f_apply_type"
+              :options='applytype'
+              :value-single="true"
+              class="select select_list"
+              :search="false"
+              close-on-select ></v-select>
+          </div>
+        </div>
+      </div>
+      <footer slot="modal-footer" class="modal-footer">
+        <button
+          class="btn btn-default"
+          @click="this.show = !this.show">
+          取消
+        </button>
+        <button
+          class="btn btn-primary"
+          type="button"
+          :disabled="applyButton_disabled"
+          @click="apply()">
+          确认
+        </button>
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+  import {PagedList} from 'vue-client'
+  import {HttpResetClass} from 'vue-client'
+  export default {
+    title: '工程列表',
+    data() {
+      return {
+        applytype: [{label:"集中报建",value:'集中报建'},{label:"非民用报建",value:'非民用报建'},{label:"散户报建",value:'散户报建'}], // 所有报建类型
+        defnames: [{label: '请先选择报建类型', value: ''}], // 所有办理环节
+        model: new PagedList('rs/sql/checkuser', 20, {
+          data: {
+            id: this.$login.f.id,
+            org: this.$login.f.orgs
+          }
+        }),
+        condition: '', // 查询条件
+        f_apply_type: null,  // 报建类型
+        startname: null, // 启动节点
+        criteriaShow: false,
+        show: false,
+        applyButton_disabled: true
+      }
+    },
+    ready() {
+      // 调用查询
+      this.$refs.cp.$refs.cri.search()
+      // 获取所有办理环节
+      this.getDefnames()
+    },
+    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]
+        })
+        console.log("this.defname",this.defnames)
+      },
+      // 报装申请
+      async apply () {
+        this.applyButton_disabled = true
+
+        if (this.f_apply_type === '集中报建') {
+          this.startname = '申请登记'
+          if (this.$login.f.deps !== '市场部') {
+            this.$showMessage("只能由市场部受理")
+            return
+          }
+        }
+        if (this.f_apply_type === '散户报建') {
+          this.startname = '申请登记'
+          if (this.$login.f.deps !== '销售客服部') {
+            this.$showMessage("只能由销售客服部受理")
+            return
+          }
+        }
+        if (this.f_apply_type === '非民用报建') {
+          this.startname = '申请登记'
+          if (this.$login.f.deps !== '市场部') {
+            this.$showMessage("只能由市场部受理")
+            return
+          }
+        }
+
+        let val = {
+          f_apply_type: this.f_apply_type,
+          defname: this.startname
+        }
+        // 调用ExplorationUser事件
+        this.$dispatch('apply', val)
+
+        this.show = false
+        this.f_apply_type = null
+      },
+      // ExplorationUser 关闭组件
+      close() {
+        this.$dispatch('close')
+      },
+      // 点击操作
+      click(val) {
+        this.$dispatch('apply', val)
+      }
+    },
+    computed: {
+      completionApplytype() {
+        return [{label:"全部",value:''},...this.applytype]
+      }
+    },
+    watch: {
+      deep: true,
+      immediate: true,
+      f_apply_type: function() {
+        if (this.f_apply_type === "" || this.f_apply_type === null || this.f_apply_type === undefined){
+          this.applyButton_disabled =  true
+          return
+        }
+        this.applyButton_disabled = false
+      }
+    }
+  }
+</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>