apply-clients 3.3.217 → 3.4.2

package/src/filiale/yuchuan/pc/Order/OrderApply.vue

@@ -1,517 +1,528 @@
-<template>
-  <div class="flex-row">
-    <div class="basic-main">
-      <div :class="showData ? 'top' : 'auto'">
-        <order-apply-list v-ref:query :show-data="showData"></order-apply-list>
-      </div>
-      <div v-if="showtotal" style="height: 89%">
-      </div>
-    </div>
-  </div>
-
-  <validator name="cv">
-    <modal
-      v-if="showCheck"
-      :show.sync="showCheck"
-      backdrop="false"
-    >
-      <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">
-        <div class="form-group col-sm-12" :class="[$cv.check.required ? 'has-error' : '']">
-          <label class="col-sm-3 control-label" style="line-height: 35px">是否合格：</label>
-          <div class="col-sm-9">
-            <input type="text" v-show="false" v-validate:check = "['required']" v-model="check">
-            <v-select
-              v-model="check"
-              :value.sync="check"
-              :options='checkOptions'
-              :value-single="true"
-              class="select select_list"
-              :search="false"
-              width="75%"
-              close-on-select ></v-select>
-          </div>
-        </div>
-        <div class="form-group col-sm-12" :class="[$cv.remark.required ? 'has-error' : '']">
-          <label class="col-sm-3 control-label" style="line-height: 60px">审核备注：</label>
-          <div class="col-sm-9">
-            <textarea
-              class="form-control input_view" style="width: 75%;height: 100%"
-              rows="2" v-validate:remark = "['required']" placeholder=""
-              v-model="checkRemark" :value="checkRemark"
-            >
-            </textarea>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-primary" @click="checkOrder()" :disabled='!$cv.valid'>确认</button>
-      </footer>
-    </modal>
-  </validator>
-
-  <validator name="tv">
-    <modal
-      v-if="showType"
-      :show.sync="showType"
-      backdrop="false"
-    >
-      <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">
-        <div class="form-group col-sm-12" :class="[$tv.type.required ? 'has-error' : '']">
-          <label class="col-sm-3 control-label" style="line-height: 35px">报建类型：</label>
-          <div class="col-sm-9">
-            <input type="text" v-show="false" v-validate:type = "['required']" v-model="applyType">
-            <v-select
-              placeholder='请选择需要发起的工程类型'
-              v-model="applyType"
-              :value.sync="applyType"
-              :options='$appdata.getParam("报建类型")'
-              :value-single="true"
-              class="select select_list"
-              :search="false"
-              width="75%"
-              close-on-select ></v-select>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-primary" @click="apply()" :disabled='!$tv.valid'>确认</button>
-      </footer>
-    </modal>
-  </validator>
-
-  <validator name="mv">
-    <modal
-      v-if="showModal"
-      :show.sync="showModal"
-      backdrop="false"
-    >
-      <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">
-        <div class="form-group col-sm-12" :class="[$tv.f_entry_name.required ? 'has-error' : '']">
-          <label class="col-sm-3 control-label" style="line-height: 35px">项目名称：</label>
-          <div class="col-sm-9">
-            <input class="form-control input_view" type="text" style="width: 75%"
-                   v-validate:f_entry_name = "['required']"
-                   v-model="apply.f_entry_name"
-                   :value="apply.f_entry_name"/>
-          </div>
-        </div>
-        <div class="form-group col-sm-12" :class="[$tv.f_contact.required ? 'has-error' : '']">
-          <label class="col-sm-3 control-label" style="line-height: 35px">联&ensp;系&ensp;人：</label>
-          <div class="col-sm-9">
-            <input class="form-control input_view" type="text" style="width: 75%"
-                   v-validate:f_contact = "['required']"
-                   v-model="apply.f_contact"
-                   :value="apply.f_contact"/>
-          </div>
-        </div>
-        <div class="form-group col-sm-12" :class="[$tv.f_phone.required ? 'has-error' : '']">
-          <label class="col-sm-3 control-label" style="line-height: 35px">联系电话：</label>
-          <div class="col-sm-9">
-            <input class="form-control input_view" type="text" style="width: 75%"
-                   v-validate:f_phone = "['required']"
-                   v-model="apply.f_phone"
-                   :value="apply.f_phone"/>
-          </div>
-        </div>
-        <div class="form-group col-sm-12">
-          <label class="col-sm-3 control-label" style="line-height: 35px">合并预约：</label>
-          <div class="col-sm-9">
-            <input class="form-control input_view" type="text" style="width: 75%" readonly
-                   v-model="apply.f_apply_count"
-                   :value="apply.f_apply_count"/>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-primary" @click="mergeInitiate()" :disabled='!$mv.valid'>确认</button>
-      </footer>
-    </modal>
-  </validator>
-
-  <validator name="av">
-    <modal
-      v-if="showApply"
-      :show.sync="showApply"
-      backdrop="false"
-    >
-      <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">
-        <div class="form-group col-sm-12" :class="[$av.apply.required ? 'has-error' : '']">
-          <label class="col-sm-3 control-label" style="line-height: 35px">选择工程：</label>
-          <div class="col-sm-9">
-            <input type="text" v-show="false" v-validate:apply = "['required']" v-model="checkApply.id">
-            <v-select
-              placeholder='请选择需要合并的工程'
-              v-model="checkApply"
-              :value.sync="checkApply"
-              :options='applyList'
-              :value-single="true"
-              class="select select_list"
-              :search="false"
-              width="75%"
-              close-on-select ></v-select>
-          </div>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-primary" @click="mergeApply()" :disabled='!$av.valid'>确认</button>
-      </footer>
-    </modal>
-  </validator>
-
-  <modal
-    v-if="showView"
-    :show.sync="showView"
-    large backdrop="false"
-  >
-    <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 row clearfix">
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">用户姓名</label>
-        <input type="text" class="input_search" v-model="order.f_user_name" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">联&ensp;系&ensp;人</label>
-        <input type="text" class="input_search" v-model="order.f_contact" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">联系电话</label>
-        <input type="text" class="input_search" v-model="order.f_phone" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">证件类型</label>
-        <input type="text" class="input_search" v-model="order.f_credentials" readonly>
-      </div>
-      <div class="form-group col-sm-8">
-        <label class="font_normal_body">证件号码</label>
-        <input type="text" class="input_search" v-model="order.f_idnumber" style="width: 85%" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">用户类型</label>
-        <input type="text" class="input_search" v-model="order.f_user_type" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">用户性质</label>
-        <input type="text" class="input_search" v-model="order.f_user_nature" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">户&emsp;&emsp;数</label>
-        <input type="text" class="input_search" v-model="order.f_apply_count" readonly>
-      </div>
-      <div class="form-group col-sm-12">
-        <label class="font_normal_body">定位地址</label>
-        <input type="text" class="input_search" v-model="order.f_location_address" style="width: 90%" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">处理状态</label>
-        <input type="text" class="input_search" v-model="order.f_orderstate" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">预约时间</label>
-        <input type="text" class="input_search" v-model="order.f_orderdate" readonly>
-      </div>
-      <div class="form-group col-sm-12">
-        <label class="font_normal_body">预约备注</label>
-        <input type="text" class="input_search" style="width: 90%" v-model="order.f_orderremark" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">审&ensp;核&ensp;人</label>
-        <input type="text" class="input_search" v-model="order.f_check_user" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">审核时间</label>
-        <input type="text" class="input_search" v-model="order.f_check_date" readonly>
-      </div>
-      <div class="form-group col-sm-12">
-        <label class="font_normal_body">审核备注</label>
-        <input type="text" class="input_search" style="width: 90%" v-model="order.f_check_remark" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">处&ensp;理&ensp;人</label>
-        <input type="text" class="input_search" v-model="order.f_process_user" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">处理时间</label>
-        <input type="text" class="input_search" v-model="order.f_process_date" readonly>
-      </div>
-      <div class="form-group col-sm-4">
-        <label class="font_normal_body">报建编号</label>
-        <input type="text" class="input_search" v-model="order.f_apply_num" readonly>
-      </div>
-
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-    </footer>
-  </modal>
-
-  <modal
-    :show.sync="showMap"
-    large backdrop="false"
-  >
-    <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 row clearfix" style="height: 600px">
-      <AMap-location v-ref:amap :isshowsearch="false"
-                     :mylocationinfo="false"
-                     :isshowmapmodel="false"
-                     mapmodel="dragMarker"></AMap-location>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-    </footer>
-  </modal>
-
-</template>
-<script>
-import Vue from 'vue'
-import {HttpResetClass} from 'vue-client'
-export default {
-  title: '预约报建',
-  data () {
-    return {
-      showtotal: false, // 控制详细信息显示
-      showData: true,
-      selectedData: null,
-      showCheck: false,
-      checkOptions: [
-        {
-          label: '是',
-          value: '是'
-        },
-        {
-          label: '否',
-          value: '否'
-        }
-      ],
-      check: null,
-      checkRemark: null,
-      showType: false,
-      applyType: null,
-      showModal: null,
-      apply: {},
-      showApply: false,
-      applyList: [],
-      checkApply: null,
-      order: null,
-      showView: false,
-      showMap: false
-    }
-  },
-  created () {
-  },
-  methods: {
-    async mergeApply () {
-      let data = {
-        selectedData: this.selectedData,
-        checkApply: this.checkApply,
-        user: this.$login.f
-      }
-
-      let res = await this.$resetpost(
-        `rs/logic/mergeApply`,
-        data,
-        {resolveMsg: null,rejectMsg: '合并工程处理失败！！！'}
-      )
-
-      this.$refs.query.search()
-
-      this.$showMessage(`报建编号：${res.data.f_apply_num}`)
-    },
-    async mergeInitiate () {
-      let data = {
-        selectedData: this.selectedData,
-        apply: this.apply,
-        user: this.$login.f
-      }
-
-      let res = await this.$resetpost(
-        `rs/logic/mergeInitiate`,
-        data,
-        {resolveMsg: null,rejectMsg: '合并发起处理失败！！！'}
-      )
-
-      this.$refs.query.search()
-
-      this.$showMessage(`报建编号：${res.data.f_apply_num}`)
-    },
-    async apply () {
-      let data = {
-        f_apply_type: this.applyType,
-        selectedData: this.selectedData,
-        user: this.$login.f
-      }
-
-      if (this.applyType === '散户报建') {
-        data.defname = '用户受理'
-        data.processname = '散户报建流程'
-      } else if (this.applyType === '工业户报建') {
-        data.defname = '用户受理'
-        data.processname = '工商户报建流程'
-      } else if (this.applyType === '商业户报建') {
-        data.defname = '用户受理'
-        data.processname = '工商户报建流程'
-      } else if (this.applyType === '散户集体报建') {
-        data.defname = '用户受理'
-        data.processname = '散户集体报建流程'
-      } else if (this.applyType === '开发商集体报建') {
-        data.defname = '用户受理'
-        data.processname = '开发商集体报建流程'
-      } else if (this.applyType === '煤改气报建') {
-        data.defname = '用户受理'
-        data.processname = '散户集体报建流程'
-      } else {
-        this.$showMessage('暂无此类报装')
-        return
-      }
-
-      let res = await this.$resetpost(
-        `rs/logic/initiateOrderApply`,
-        data,
-        {resolveMsg: null,rejectMsg: '预约单处理失败！！！'}
-      )
-
-      this.closeModal()
-
-      this.$showMessage(`共发起${res.data.total}条报建工程\n成功：${res.data.success}\n失败：${res.data.failure}`)
-    },
-    async checkOrder () {
-      let data = {
-        selectedData: this.selectedData,
-        check: this.check,
-        checkRemark: this.checkRemark,
-        user: this.$login.f
-      }
-
-      let res = await this.$resetpost(
-        `rs/logic/checkOrder`,
-        data,
-        {resolveMsg: null,rejectMsg: '预约单审核处理失败！！！'}
-      )
-
-      this.$refs.query.search()
-
-      this.$showMessage(`审核通过！！！`)
-    },
-    closeModal () {
-      this.showCheck = false
-      this.showType = false
-      this.showModal = false
-      this.showApply = false
-      this.showView = false
-      this.showMap = false
-
-
-      this.check = null
-      this.checkRemark = null
-      this.applyType = null
-      this.apply = null
-      this.applyList = []
-      this.checkApply = []
-      this.order = []
-      this.selectedData = null
-      this.$refs.query.selectedData = []
-    },
-  },
-  events: {
-    'openMap' (row) {
-
-      let data = {
-        data: row,
-        label: `<div style="background: #fff;border-radius: 5px;height: 100px;padding: 5px">
-                  <h5>${row.f_contact}</h5>
-                  <h5>${row.f_phone}</h5>
-                  <h5>${row.f_location_address}</h5>
-                </div>`,
-      }
-
-      let position = [row.f_longitude, row.f_dimension]
-
-      this.$refs.amap.showWindowInfoAndSpot(data, position, false)
-
-      this.showMap = true
-    },
-    'viewOrder' (row) {
-      this.order = row
-
-      this.showView = true
-    },
-    async 'handleOrder' (type, selectedData) {
-      this.selectedData = selectedData
-
-      if (type === '审核') {
-        this.showCheck = true
-      }
-      if (type === '批量发起') {
-        this.$showMessage('批量发起同一类型报建工程，建议所选预约单为同一类型、性质！！！', ['confirm']).then((res) => {
-          if (res === 'confirm') {
-            this.showType = true
-          }
-        })
-      }
-      if (type === '合并发起') {
-        this.apply = {
-          f_contact: this.selectedData[0].f_contact,
-          f_phone: this.selectedData[0].f_phone,
-          f_apply_count: this.selectedData.length
-        }
-        this.showModal = true
-      }
-      if (type === '合并工程') {
-        let data = {
-          tablename: 't_apply',
-          condition: `f_sub_state != '完工' and f_sub_state != '暂停' and f_sub_state != '终止' and f_apply_type = '民用报建' and f_orgid = ${this.$login.f.orgid}`
-        }
-        let res = await this.$resetpost(
-          'rs/sql/singleTable',
-          {data: data},
-          {resolveMsg: null, rejectMsg: '工程查询失败！！！'}
-        )
-
-        res.data.forEach(item => {
-          this.applyList.push({
-            'label': `${item.f_entry_name}`,
-            'value': item
-          })
-        })
-
-        this.showApply = true
-      }
-
-    },
-    'search' () {
-      this.closeModal()
-
-      // 关闭详细
-      this.showtotal = false
-      // 显示列表数据
-      this.showData = true
-      // 显示分页
-      this.$refs.query.$refs.cp.pager = true
-      // 调用查询
-      this.$refs.query.$refs.cp.$refs.cri.search()
-    }
-  },
-
-  watch: {
-  }
-}
-</script>
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <div :class="showData ? 'top' : 'auto'">
+        <order-apply-list v-ref:query :show-data="showData"></order-apply-list>
+      </div>
+      <div v-if="showtotal" style="height: 89%">
+      </div>
+    </div>
+  </div>
+
+  <validator name="cv">
+    <modal
+      v-if="showCheck"
+      :show.sync="showCheck"
+      backdrop="false"
+    >
+      <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">
+        <div class="form-group col-sm-12" :class="[$cv.check.required ? 'has-error' : '']">
+          <label class="col-sm-3 control-label" style="line-height: 35px">是否合格：</label>
+          <div class="col-sm-9">
+            <input type="text" v-show="false" v-validate:check = "['required']" v-model="check">
+            <v-select
+              v-model="check"
+              :value.sync="check"
+              :options='checkOptions'
+              :value-single="true"
+              class="select select_list"
+              :search="false"
+              width="75%"
+              close-on-select ></v-select>
+          </div>
+        </div>
+        <div class="form-group col-sm-12" :class="[$cv.remark.required ? 'has-error' : '']">
+          <label class="col-sm-3 control-label" style="line-height: 60px">审核备注：</label>
+          <div class="col-sm-9">
+            <textarea
+              class="form-control input_view" style="width: 75%;height: 100%"
+              rows="2" v-validate:remark = "['required']" placeholder=""
+              v-model="checkRemark" :value="checkRemark"
+            >
+            </textarea>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="checkOrder()" :disabled='!$cv.valid'>确认</button>
+      </footer>
+    </modal>
+  </validator>
+
+  <validator name="tv">
+    <modal
+      v-if="showType"
+      :show.sync="showType"
+      backdrop="false"
+    >
+      <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">
+        <div class="form-group col-sm-12" :class="[$tv.type.required ? 'has-error' : '']">
+          <label class="col-sm-3 control-label" style="line-height: 35px">报建类型：</label>
+          <div class="col-sm-9">
+            <input type="text" v-show="false" v-validate:type = "['required']" v-model="applyType">
+            <v-select
+              placeholder='请选择需要发起的工程类型'
+              v-model="applyType"
+              :value.sync="applyType"
+              :options='$appdata.getParam("报建类型")'
+              :value-single="true"
+              class="select select_list"
+              :search="false"
+              width="75%"
+              close-on-select ></v-select>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="apply()" :disabled='!$tv.valid'>确认</button>
+      </footer>
+    </modal>
+  </validator>
+
+  <validator name="mv">
+    <modal
+      v-if="showModal"
+      :show.sync="showModal"
+      backdrop="false"
+    >
+      <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">
+        <div class="form-group col-sm-12" :class="[$tv.f_entry_name.required ? 'has-error' : '']">
+          <label class="col-sm-3 control-label" style="line-height: 35px">项目名称：</label>
+          <div class="col-sm-9">
+            <input class="form-control input_view" type="text" style="width: 75%"
+                   v-validate:f_entry_name = "['required']"
+                   v-model="apply.f_entry_name"
+                   :value="apply.f_entry_name"/>
+          </div>
+        </div>
+        <div class="form-group col-sm-12" :class="[$tv.f_contact.required ? 'has-error' : '']">
+          <label class="col-sm-3 control-label" style="line-height: 35px">联&ensp;系&ensp;人：</label>
+          <div class="col-sm-9">
+            <input class="form-control input_view" type="text" style="width: 75%"
+                   v-validate:f_contact = "['required']"
+                   v-model="apply.f_contact"
+                   :value="apply.f_contact"/>
+          </div>
+        </div>
+        <div class="form-group col-sm-12" :class="[$tv.f_phone.required ? 'has-error' : '']">
+          <label class="col-sm-3 control-label" style="line-height: 35px">联系电话：</label>
+          <div class="col-sm-9">
+            <input class="form-control input_view" type="text" style="width: 75%"
+                   v-validate:f_phone = "['required']"
+                   v-model="apply.f_phone"
+                   :value="apply.f_phone"/>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <label class="col-sm-3 control-label" style="line-height: 35px">合并预约：</label>
+          <div class="col-sm-9">
+            <input class="form-control input_view" type="text" style="width: 75%" readonly
+                   v-model="apply.f_apply_count"
+                   :value="apply.f_apply_count"/>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="mergeInitiate()" :disabled='!$mv.valid'>确认</button>
+      </footer>
+    </modal>
+  </validator>
+
+  <validator name="av">
+    <modal
+      v-if="showApply"
+      :show.sync="showApply"
+      backdrop="false"
+    >
+      <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">
+        <div class="form-group col-sm-12" :class="[$av.apply.required ? 'has-error' : '']">
+          <label class="col-sm-3 control-label" style="line-height: 35px">选择工程：</label>
+          <div class="col-sm-9">
+            <input type="text" v-show="false" v-validate:apply = "['required']" v-model="checkApply.id">
+            <v-select
+              placeholder='请选择需要合并的工程'
+              v-model="checkApply"
+              :value.sync="checkApply"
+              :options='applyList'
+              :value-single="true"
+              class="select select_list"
+              :search="false"
+              width="75%"
+              close-on-select ></v-select>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="mergeApply()" :disabled='!$av.valid'>确认</button>
+      </footer>
+    </modal>
+  </validator>
+
+  <modal
+    v-if="showView"
+    :show.sync="showView"
+    large backdrop="false"
+  >
+    <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 row clearfix">
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">用户姓名</label>
+        <input type="text" class="input_search" v-model="order.f_user_name" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">联&ensp;系&ensp;人</label>
+        <input type="text" class="input_search" v-model="order.f_contact" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">联系电话</label>
+        <input type="text" class="input_search" v-model="order.f_phone" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">证件类型</label>
+        <input type="text" class="input_search" v-model="order.f_credentials" readonly>
+      </div>
+      <div class="form-group col-sm-8">
+        <label class="font_normal_body">证件号码</label>
+        <input type="text" class="input_search" v-model="order.f_idnumber" style="width: 85%" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">用户类型</label>
+        <input type="text" class="input_search" v-model="order.f_user_type" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">用户性质</label>
+        <input type="text" class="input_search" v-model="order.f_user_nature" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">户&emsp;&emsp;数</label>
+        <input type="text" class="input_search" v-model="order.f_apply_count" readonly>
+      </div>
+      <div class="form-group col-sm-12">
+        <label class="font_normal_body">定位地址</label>
+        <input type="text" class="input_search" v-model="order.f_location_address" style="width: 90%" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">处理状态</label>
+        <input type="text" class="input_search" v-model="order.f_orderstate" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">预约时间</label>
+        <input type="text" class="input_search" v-model="order.f_orderdate" readonly>
+      </div>
+      <div class="form-group col-sm-12">
+        <label class="font_normal_body">预约备注</label>
+        <input type="text" class="input_search" style="width: 90%" v-model="order.f_orderremark" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">审&ensp;核&ensp;人</label>
+        <input type="text" class="input_search" v-model="order.f_check_user" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">审核时间</label>
+        <input type="text" class="input_search" v-model="order.f_check_date" readonly>
+      </div>
+      <div class="form-group col-sm-12">
+        <label class="font_normal_body">审核备注</label>
+        <input type="text" class="input_search" style="width: 90%" v-model="order.f_check_remark" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">处&ensp;理&ensp;人</label>
+        <input type="text" class="input_search" v-model="order.f_process_user" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">处理时间</label>
+        <input type="text" class="input_search" v-model="order.f_process_date" readonly>
+      </div>
+      <div class="form-group col-sm-4">
+        <label class="font_normal_body">报建编号</label>
+        <input type="text" class="input_search" v-model="order.f_apply_num" readonly>
+      </div>
+
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+    </footer>
+  </modal>
+
+  <modal
+    :show.sync="showMap"
+    large backdrop="false"
+  >
+    <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 row clearfix" style="height: 600px">
+      <AMap-location v-ref:amap :islocation="true"
+                     :locationzoomcenter="false"
+                     :usenative="true"
+                     :isshowsearch="false"
+                     :mylocationinfo="false"
+                     :islocationclearmark="false"
+                     :isshowmapmodel="false"
+                     :locationwindow="false"
+                     :labelmarksarray="labelmarksarray"
+                     mapmodel="dragMarker"></AMap-location>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+    </footer>
+  </modal>
+
+</template>
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+export default {
+  title: '预约报建',
+  data () {
+    return {
+      showtotal: false, // 控制详细信息显示
+      showData: true,
+      selectedData: null,
+      showCheck: false,
+      checkOptions: [
+        {
+          label: '是',
+          value: '是'
+        },
+        {
+          label: '否',
+          value: '否'
+        }
+      ],
+      check: null,
+      checkRemark: null,
+      showType: false,
+      applyType: null,
+      showModal: null,
+      apply: {},
+      showApply: false,
+      applyList: [],
+      checkApply: null,
+      order: null,
+      showView: false,
+      showMap: false,
+      labelmarksarray: []
+    }
+  },
+  created () {
+  },
+  methods: {
+    async mergeApply () {
+      let data = {
+        selectedData: this.selectedData,
+        checkApply: this.checkApply,
+        user: this.$login.f
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/mergeApply`,
+        data,
+        {resolveMsg: null,rejectMsg: '合并工程处理失败！！！'}
+      )
+
+      this.$refs.query.search()
+
+      this.$showMessage(`报建编号：${res.data.f_apply_num}`)
+    },
+    async mergeInitiate () {
+      let data = {
+        selectedData: this.selectedData,
+        apply: this.apply,
+        user: this.$login.f
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/mergeInitiate`,
+        data,
+        {resolveMsg: null,rejectMsg: '合并发起处理失败！！！'}
+      )
+
+      this.$refs.query.search()
+
+      this.$showMessage(`报建编号：${res.data.f_apply_num}`)
+    },
+    async apply () {
+      let data = {
+        f_apply_type: this.applyType,
+        selectedData: this.selectedData,
+        user: this.$login.f
+      }
+
+      if (this.applyType === '散户报建') {
+        data.defname = '用户受理'
+        data.processname = '散户报建流程'
+      } else if (this.applyType === '工业户报建') {
+        data.defname = '用户受理'
+        data.processname = '工商户报建流程'
+      } else if (this.applyType === '商业户报建') {
+        data.defname = '用户受理'
+        data.processname = '工商户报建流程'
+      } else if (this.applyType === '散户集体报建') {
+        data.defname = '用户受理'
+        data.processname = '散户集体报建流程'
+      } else if (this.applyType === '开发商集体报建') {
+        data.defname = '用户受理'
+        data.processname = '开发商集体报建流程'
+      } else if (this.applyType === '煤改气报建') {
+        data.defname = '用户受理'
+        data.processname = '散户集体报建流程'
+      } else {
+        this.$showMessage('暂无此类报装')
+        return
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/initiateOrderApply`,
+        data,
+        {resolveMsg: null,rejectMsg: '预约单处理失败！！！'}
+      )
+
+      this.closeModal()
+
+      this.$showMessage(`共发起${res.data.total}条报建工程\n成功：${res.data.success}\n失败：${res.data.failure}`)
+    },
+    async checkOrder () {
+      let data = {
+        selectedData: this.selectedData,
+        check: this.check,
+        checkRemark: this.checkRemark,
+        user: this.$login.f
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/checkOrder`,
+        data,
+        {resolveMsg: null,rejectMsg: '预约单审核处理失败！！！'}
+      )
+
+      this.$refs.query.search()
+
+      this.$showMessage(`审核通过！！！`)
+    },
+    closeModal () {
+      this.showCheck = false
+      this.showType = false
+      this.showModal = false
+      this.showApply = false
+      this.showView = false
+      this.showMap = false
+
+
+      this.check = null
+      this.checkRemark = null
+      this.applyType = null
+      this.apply = null
+      this.applyList = []
+      this.checkApply = []
+      this.order = []
+      this.selectedData = null
+      this.$refs.query.selectedData = []
+    },
+  },
+  events: {
+    'openMap' (row) {
+      this.labelmarksarray = []
+
+      this.labelmarksarray.push({
+        data: {
+          data: this.selectdata,
+          label: `<div style="background: #fff;border-radius: 5px;height: 100px;padding: 5px">
+                  <h5>${row.f_contact}</h5>
+                  <h5>${row.f_phone}</h5>
+                  <h5>${row.f_location_address}</h5>
+                </div>`
+        },
+        position: [row.f_longitude, row.f_dimension],
+        isclearmarker: false
+      })
+
+      this.showMap = true
+    },
+    'viewOrder' (row) {
+      this.order = row
+
+      this.showView = true
+    },
+    async 'handleOrder' (type, selectedData) {
+      this.selectedData = selectedData
+
+      if (type === '审核') {
+        this.showCheck = true
+      }
+      if (type === '批量发起') {
+        this.$showMessage('批量发起同一类型报建工程，建议所选预约单为同一类型、性质！！！', ['confirm']).then((res) => {
+          if (res === 'confirm') {
+            this.showType = true
+          }
+        })
+      }
+      if (type === '合并发起') {
+        this.apply = {
+          f_contact: this.selectedData[0].f_contact,
+          f_phone: this.selectedData[0].f_phone,
+          f_apply_count: this.selectedData.length
+        }
+        this.showModal = true
+      }
+      if (type === '合并工程') {
+        let data = {
+          tablename: 't_apply',
+          condition: `f_sub_state != '完工' and f_sub_state != '暂停' and f_sub_state != '终止' and f_apply_type = '民用报建' and f_orgid = ${this.$login.f.orgid}`
+        }
+        let res = await this.$resetpost(
+          'rs/sql/singleTable',
+          {data: data},
+          {resolveMsg: null, rejectMsg: '工程查询失败！！！'}
+        )
+
+        res.data.forEach(item => {
+          this.applyList.push({
+            'label': `${item.f_entry_name}`,
+            'value': item
+          })
+        })
+
+        this.showApply = true
+      }
+
+    },
+    'search' () {
+      this.closeModal()
+
+      // 关闭详细
+      this.showtotal = false
+      // 显示列表数据
+      this.showData = true
+      // 显示分页
+      this.$refs.query.$refs.cp.pager = true
+      // 调用查询
+      this.$refs.query.$refs.cp.$refs.cri.search()
+    }
+  },
+  watch: {
+
+  },
+  computed: {
+  }
+
+}
+</script>