apply-clients 3.4.64 → 3.4.66

package/src/components/product/Ignition/IgnitionListManage.vue

@@ -0,0 +1,413 @@
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <criteria-paged :model="model" v-ref:cp>
+        <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
+          <div class="form-horizontal select-overspread container-fluid auto" partial>
+            <div class="row">
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">片&emsp;&emsp;区：</label>
+                <v-select
+                  v-model="model.f_slice_area"
+                  placeholder='片区'
+                  condition="ui.f_slice_area = '{}'"
+                  :value.sync="model.f_slice_area"
+                  :options='$parent.$parent.sliceareas'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select >
+                </v-select>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">发卡状态：</label>
+                <v-select
+                  v-model="model.f_whether_hairpin"
+                  placeholder='发卡状态'
+                  condition="uf.f_whether_hairpin = '{}'"
+                  :value.sync="model.f_whether_hairpin"
+                  :options='$parent.$parent.whether_hairpin'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select >
+                </v-select>
+              </div>
+              <div class="form-group col-sm-2">
+                <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="uf.f_open_date >= '{}'">
+                </datepicker>
+              </div>
+              <div class="form-group col-sm-2">
+                <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="uf.f_open_date <= '{}'">
+                </datepicker>
+              </div>
+              <div class="form-group col-sm-3 button-range">
+                <button class="button_export button_spacing" @click="$parent.$parent.openOperatorModal()">批量派单</button>
+                <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+                <button class="button_search button_spacing" @click="$parent.$parent.loadPage()">返回</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>
+            </div>
+            <div class="row" v-show="$parent.$parent.criteriaShow">
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">工程编号：</label>
+                <input type="text" class="input_search" style="width: 60%" v-model="model.f_applycode"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="ui.f_applycode = '{}'" placeholder='工程编号'>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">用户类型：</label>
+                <v-select
+                  v-model="model.f_user_type"
+                  placeholder='用户类型'
+                  condition="uf.f_user_type = '{}'"
+                  :value.sync="model.f_user_type"
+                  :options='$parent.$parent.usertype'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select >
+                </v-select>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">用户编号：</label>
+                <input type="text" class="input_search" style="width: 60%" v-model="model.f_userinfo_id"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="ui.f_userinfo_id = '{}'" placeholder='用户编号'>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">用&ensp;户&ensp;名：</label>
+                <input type="text" class="input_search" style="width: 60%" v-model="model.f_user_name"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="ui.f_user_name = '{}'" placeholder='用户名'>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">电&emsp;&emsp;话：</label>
+                <input type="text" class="input_search" style="width: 60%" v-model="model.f_user_phone"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="ui.f_user_phone = '{}'" placeholder='电话'>
+              </div>
+              <div class="form-group col-sm-2">
+                <label class="font_normal_body">小&emsp;&emsp;区：</label>
+                <input type="text" class="input_search" style="width: 60%" v-model="model.f_residential_area"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="ui.f_residential_area = '{}'" placeholder='小区'>
+              </div>
+            </div>
+          </div>
+        </criteria>
+        <data-grid :model="model" optional partial='list' v-ref:grid style="overflow: auto" 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>定位地址</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 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_userinfo_id}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_user_name}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_user_phone}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_user_type}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_address}}{{row.f_address_detail}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_area}}</font></nobr>
+              </td>
+              <!--              <td style="text-align: center;">-->
+              <!--                <nobr><font>-->
+              <!--                  <a @click="$parent.$parent.$parent.openAmap(row)" style="text-decoration: none">-->
+              <!--                    {{row.f_location_address}}-->
+              <!--                  </a>-->
+              <!--                </font></nobr>-->
+              <!--              </td>-->
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_meter_classify}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_meternumber}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_meter_brand}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_meter_style}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_whether_hairpin}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_faka_date}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_contact}}</font></nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr><font>{{row.f_phone}}</font></nobr>
+              </td>
+            </tr>
+          </template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+  </div>
+
+  <modal v-if="showAmap" :show.sync="showAmap" v-ref:amap :large="true" :backdrop="false" title="定位信息">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
+      <h4 class="modal-title">定位信息</h4>
+    </header>
+    <article slot="modal-body" class="modal-body clearfix" style="height: 500px">
+      <amap-location
+        :isshowsearch="false"
+        :mylocationinfo="false"
+        :isshowmapmodel="false"
+        :islocation="false"
+        mapmodel="dragMarker"
+        :labelmarksarray="labelmarksarray"
+      ></amap-location>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+    </footer>
+  </modal>
+
+  <validator name="v">
+    <modal v-if="showOperator" :show.sync="showOperator" v-ref:operator :large="true" :backdrop="false" title="批量派单">、
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeModal('details')"><span>&times;</span></button>
+        <h4 class="modal-title">批量派单</h4>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <!-- 基本信息 -->
+        <div class="form-group col-sm-12" :class="[$v.operator.required ? 'has-error' : '']">
+          <label class="col-sm-2 control-label">操作人：</label>
+          <div class="col-sm-10">
+            <input type="text" v-show="false" v-model="operator.id" :value.sync="operator.id" v-validate:operator = "['required']" >
+            <input-select
+              class="select select_list"
+              :value.sync="operator"
+              v-model="operator"
+              :options="operatorList"></input-select>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <label class="col-sm-2 control-label">是否共享：</label>
+          <div class="col-sm-10">
+            <input-select
+              class="select select_list"
+              :value.sync="f_shared_dispatch"
+              v-model="f_shared_dispatch"
+              :options="sharedOptions"></input-select>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="batchDispatch()" :disabled="!$v.valid">确定</button>
+      </footer>
+    </modal>
+  </validator>
+
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+
+export default {
+  title: '点火派单',
+  props: ['showData'],
+  data () {
+    return {
+      model: new PagedList('rs/sql/getWaitIgnitionTask', 20, null),
+      criteriaShow: false,
+      source: 'this.getParentByType($organization$).getChildByName($通气组报装$).getChildren()',
+      operatorList: [],
+      showOperator: false,
+      operator: null,
+      f_shared_dispatch:'否',
+      sharedOptions:[{label: "是", value: "是"}, {label: "否", value: "否" }],
+      showAmap: false,
+      labelmarksarray: [],
+      sliceareas: [], // 片区
+      whether_hairpin: [{label: "全部", value: ""}, {label: "已发卡", value: "已发"}, {label: "未发卡", value: "未发"}],//发卡状态
+      usertype:[{label: "全部", value: ""}, {label: "民用", value: "民用"}, {label: "非民用", value: "非民用"}]//用户类型
+    }
+  },
+  ready () {
+    this.search()
+    this.getOperator()
+    setTimeout (this.getsliceareas,500)
+  },
+  methods: {
+    loadPage () {
+      this.$dispatch('loadPage')
+    },
+    openAmap (row) {
+      this.labelmarksarray = [{
+        data: {
+          data: this.selectdata,
+          label: `<div style="background: #fff;border-radius: 5px;height: 100px;padding: 5px">
+                  <h5>${row.f_user_name}</h5>
+                  <h5>${row.f_user_phone}</h5>
+                  <h5>${row.f_location_address}</h5>
+                </div>`
+        },
+        position: [row.f_lng, row.f_lat],
+        isclearmarker: false
+      }]
+
+      this.showAmap = true
+    },
+    async batchDispatch () {
+      let selectdata = this.$refs.cp.$refs.grid.getRowData()
+      if (selectdata.length > 0) {
+        for (let i = 0; i < selectdata.length; i++){
+          if(selectdata[i].f_whether_hairpin === '未发' && (!selectdata[i].f_user_name.includes('原处') || !selectdata[i].f_contact.includes('原处'))){
+            let res = await this.$showMessage(`第${selectdata.length}条数据未开户，无法派单！`)
+            if (res == 'confirm') {
+              return
+            }
+          }
+          // if(selectdata[i].f_surplus_money > 0 ){
+          //   let res = await this.$showMessage(`第${selectdata.length}条报建费用未结清，无法派单！`)
+          //   if (res == 'confirm') {
+          //     return
+          //   }
+          // }
+        }
+        let data = {
+          operator: this.$login.f,
+          f_userinfo_ids: selectdata.map(item => {
+            return {
+              f_apply_num: item.f_apply_num,
+              f_userinfo_id: item.f_userinfo_id
+            }
+          }),
+          ignitionOperator: this.operator,
+          f_shared_dispatch:this.f_shared_dispatch
+        }
+
+        let res = await this.$resetpost(
+          'rs/logic/batchDispatchGas',
+          {data: data},
+          {resolveMsg: null, rejectMsg: '批量派单失败！！！'}
+        )
+
+        this.closeModal('details')
+        this.search()
+      } else {
+        this.$showAlert('至少选择1个工单', 'warning', 3000)
+      }
+    },
+    async getsliceareas () {
+
+      let res = await this.$resetpost(
+        'rs/logic/getsliceareas',{data:null},
+        {resolveMsg: null, rejectMsg: '获取片区失败！！！'}
+      )
+      this.sliceareas = [{label: '全部', value: ''}, ...res.data]
+    },
+    async openOperatorModal () {
+      let selectdata = this.$refs.cp.$refs.grid.getRowData()
+      if (selectdata.length > 0) {
+        let res = await this.$showMessage(`当前数据条数: ${selectdata.length}, 条数过大时派单时间可能会过长, 是否确认派单?`)
+        if (res == 'confirm') {
+          this.showOperator = true
+        }
+      } else {
+        this.$showAlert('至少选择1个工单', 'warning', 3000)
+      }
+    },
+    async getOperator () {
+      let data = {
+        source: this.source,
+        userid: this.$login.f.id
+      }
+
+      let res = await this.$resetpost(
+        'rs/search',
+        {data: data},
+        {resolveMsg: null, rejectMsg: '点火人员查询失败！！！'}
+      )
+
+      this.operatorList = res.data.map(item => {
+        return {
+          label: item.name,
+          value: item
+        }
+      })
+    },
+    searchCondition (args) {
+      args.condition = args.condition + ` and ir.id is null`
+      console.log("this.showDatade",this.showData)
+      // args.condition = args.condition + ` and ui.f_process_id = '${this.showData.f_process_id}'`
+      args.condition = args.condition + ` and ui.f_process_id is not null`
+      this.model.search(args.condition, args.model)
+    },
+    // 查询
+    search () {
+      this.$refs.cp.$refs.cri.search()
+    },
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = null
+      })
+    },
+    closeModal (type) {
+      this.showAmap = false
+      this.showOperator = false
+
+      this.labelmarksarray = []
+      this.operator = null
+
+      if (type === 'details') {
+        this.$refs.cp.$refs.grid.selectInit()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>