apply-clients 3.4.2 → 3.4.4

package/src/components/product/GaoDeMapComponents/GaoDeMap.vue

@@ -0,0 +1,231 @@
+<template>
+  <div id="gaoDeMap" class="display:flex">
+    <div :class="style">
+      <label :class="labelstyle" :style="lngColors">经度</label>
+      <div class="col-sm-6">
+        <input class="form-control input_view" style=""
+               type="input"
+               v-model="gaodetemplng"
+               placeholder="经度"
+               :readonly="readonly"
+               :disabled="disabled"
+        />
+      </div>
+    </div>
+    <div :class="style">
+      <label :class="labelstyle" :style="latColors">纬度</label>
+      <div class="col-sm-6">
+        <input class="form-control input_view" style=""
+               type="input"
+               v-model="gaodetemplat"
+               placeholder="纬度"
+               :readonly="readonly"
+               :disabled="disabled"
+        />
+      </div>
+      <button v-el:btn type="button" class="btn btn-default dropdown-toggle select-style margin-left:20px"
+              @click="openModal"
+              @blur="show = (search ? show : false)"
+              v-bind="{disabled: disabled}"
+      >
+        <span class="glyphicon glyphicon-map-marker" style="color: blue">获取位置</span>
+      </button>
+    </div>
+
+    <div>
+      <modal :show.sync="mapShow" v-if="mapShow" large backdrop="false" :width="900">
+        <header slot="modal-header" class="modal-header">
+        </header>
+        <article slot="modal-body" class="modal-body">
+          <amap-location :islocationclearmark="false" dom="gaodeaddboxmap" v-ref:positionInfo
+                         @getmylocation="getmylocation"></amap-location>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button v-show="mapShow" type="button" class="button_clear btn-gn" @click='closeModal'>取消</button>
+          <button v-show="mapShow" type="button" class="button_clear btn-gn" @click='confirmLocation'>确认</button>
+        </footer>
+      </modal>
+    </div>
+  </div>
+</template>
+<script>
+
+import {HttpResetClass} from 'vue-client'
+import Vue from "vue";
+
+export default {
+  title: '高德地图',
+  props: {
+    style: {
+      type: String,
+      default: 'col-sm-3 form-group'
+    },
+    labelstyle: {
+      type: String,
+      default: 'control-label-justify control-label col-sm-2'
+    },
+    mul: {
+      type: Boolean,
+      default: true
+    },
+    readonly: {
+      type: Boolean,
+      default: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+    //初始值 默认选中值
+    // initres: {
+    //   type: Object,
+    //   default: null,
+    // }
+  },
+  data() {
+    return {
+      orgresid: [this.$login.f.orgid],
+      options: [],
+      initres: [],
+      lngColors: "color: #cd5c5c",//红色
+      latColors: "color: #cd5c5c",//红色
+      pubColors: "color: #0c2e4d",// 黑色
+      pub2Colors: "color: #cd5c5c",// 红色
+      mapShow: false,//弹窗
+      gaodetemplng: "",//临时经度
+      gaodetemplat: "",//临时纬度
+      baidutemplng: "",
+      baidutemplat: ""
+    }
+  },
+  ready() {
+    this.getResList();
+  },
+  methods: {
+    async getResList() {
+    },
+    openModal() {
+      this.mapShow = true
+    },
+    closeModal() {
+      this.mapShow = false
+    },
+    getmylocation(res) {
+      this.GdMapTransBMap(res.position.lng, res.position.lat)
+    },
+    confirmLocation() {
+      // console.log("这是确认的位置信息:", this.gaodetemplng, this.gaodetemplat)
+      // this.row.f_userfiles_lat = this.templat
+      // this.row.f_userfiles_lng = this.templng
+      this.mapShow = false
+    },
+    // 提交前进行 经纬度坐标装换 高德转百度
+    async GdMapTransBMap(lng, lat) {
+      try {
+        var lnglattemp = {
+          'lnglat': lng + ',' + lat
+        }
+        var lnglat = await this.$resetpost(
+          // `rs/logic/gdMapTransBMap`,
+          `ncc/rs/logic/gdMapTransBMap`,
+          {data: lnglattemp},
+          {resolveMsg: null, rejectMsg: '地图坐标转换失败了'}
+        )
+        console.log("地图坐标转换请求返回值:",lnglat)
+        if (lnglat.data.status != 0) {
+          this.gaodetemplng = ""
+          this.gaodetemplat = ""
+          this.baidutemplng = ""
+          this.baidutemplat = ""
+          this.$showMessage("地图坐标转换失败: "+lnglat.data.message)
+          return
+        }
+        this.gaodetemplng = lng
+        this.gaodetemplat = lat
+        this.baidutemplng = lnglat.data.result[0].x
+        this.baidutemplat = lnglat.data.result[0].y
+        console.log("转换后的坐标:", lnglat.data.result[0].x, lnglat.data.result[0].y)
+      } catch (error) {
+      }
+    }
+  },
+  watch: {
+    'gaodetemplng'(val) {
+      if (val.toString() != null && val.toString() != 0) {
+        this.lngColors = this.pubColors
+      } else {
+        this.lngColors = this.pub2Colors
+      }
+      this.$parent.templatlng.gaodetemplng = this.gaodetemplng
+      this.$parent.disableButton()
+    },
+    'gaodetemplat'(val) {
+      if (val.toString() != null && val.toString() != 0) {
+        this.latColors = this.pubColors
+      } else {
+        this.latColors = this.pub2Colors
+      }
+      this.$parent.templatlng.gaodetemplat = this.gaodetemplat
+      this.$parent.disableButton()
+    },
+    'baidutemplng'(val) {
+      this.$parent.templatlng.baidutemplng = this.baidutemplng
+      this.$parent.disableButton()
+    },
+    'baidutemplat'(val) {
+      this.$parent.templatlng.baidutemplat = this.baidutemplat
+      this.$parent.disableButton()
+    }
+  }
+}
+</script>
+<style lang="less">
+#gaoDeMap {
+  #gaodeaddboxmap {
+    height: 300px;
+  }
+
+  .glyphicon-map-marker:hover {
+    color: red;
+  }
+
+  .glyphicon-map-marker {
+    color: blue;
+    cursor: pointer;
+  }
+
+  //.col-sm-4 {
+  //  .font_normal_body {
+  //    width: 73px;
+  //    overflow: auto;
+  //    white-space: nowrap;
+  //    // 指滚动条两边的按钮
+  //    &::-webkit-scrollbar-button {
+  //      display: none;
+  //    }
+  //
+  //    // 滚动条的宽度
+  //    &::-webkit-scrollbar {
+  //      width: 5px !important;
+  //      height: 5px !important;
+  //    }
+  //
+  //    // 滚动条的设置
+  //    &::-webkit-scrollbar-thumb {
+  //      background-color: #ddd;
+  //      background-clip: padding-box;
+  //    }
+  //
+  //    &::-webkit-scrollbar-thumb:hover {
+  //      background-color: #bbb;
+  //    }
+  //
+  //    &::-webkit-scrollbar-track {
+  //      /*滚动条里面轨道*/
+  //      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+  //      background: #ededed;
+  //    }
+  //  }
+  //}
+}
+</style>

package/src/components/product/GroupByApply/ApplyGroupByList.vue

@@ -0,0 +1,253 @@
+<template>
+    <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-6">
+              <label class="font_normal_body">客户编号：</label>
+              <input type="text" style="width:60%" class="input_search" v-model="model.f_userinfo_code"
+                     v-on:keyup.enter="$parent.$parent.search()" condition="ui.f_userinfo_code like '%{}%'" placeholder='客户编号'>
+            </div>
+            <div class="form-group col-sm-6">
+              <label class="font_normal_body">客户名称：</label>
+              <input type="text" style="width:60%" class="input_search" placeholder='客户名称' v-model="model.f_user_name"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="ui.f_user_name like '%{}%'">
+            </div>
+            <div class="form-group col-sm-6">
+              <label class="font_normal_body">小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区：</label>
+              <input type="text" style="width:60%" class="input_search" placeholder='小区' v-model="model.f_residential_area"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="ua.f_residential_area like '%{}%'">
+            </div>
+            <div class="form-group col-sm-6">
+              <label class="font_normal_body">客户地址：</label>
+              <input type="text" style="width:60%" class="input_search" placeholder='客户地址' v-model="model.f_address"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="ua.f_address like '%{}%'">
+            </div>
+            <div class="form-group col-sm-6">
+              <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="ua.f_create_date >= '{}'">
+              </datepicker>
+            </div>
+            <div class="form-group col-sm-6">
+              <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="ua.f_create_date <= '{}'">
+              </datepicker>
+            </div>
+              <div class="form-group col-sm-6">
+                <label class="font_normal_body">通气状态：</label>
+                <v-select
+                  v-model="model.f_address_state"
+                  placeholder='请选择'
+                  condition="f_address_state='{}'"
+                  :value.sync="model.f_address_state"
+                  :options='$parent.$parent.address_state'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select ></v-select>
+              </div>
+              <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>
+<!--              <export-excel :data="$parent.$parent.getCondition"-->
+<!--                            :field="$parent.$parent.getfield"-->
+<!--                            sqlurl="rs/logic/applyExportfile"-->
+<!--                            sql-name="getApplyCharge"-->
+<!--                            template-name='收费记录信息导出'-->
+<!--                            :choose-col="true"></export-excel>-->
+<!--              <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>
+      </criteria>
+      <data-grid :model="model" v-ref:grid partial='list' class="list_area table_sy" style="padding: 0px">
+        <template partial='head'>
+          <tr>
+            <th class="textNoLineBreak">序号</th>
+            <th class="textNoLineBreak">客户编号</th>
+            <th class="textNoLineBreak">用户姓名</th>
+            <th class="textNoLineBreak">电话</th>
+            <th class="textNoLineBreak">通气状态</th>
+            <th class="textNoLineBreak">证件类型</th>
+            <th class="textNoLineBreak">证件号码</th>
+            <th class="textNoLineBreak">区/县</th>
+            <th class="textNoLineBreak">片区</th>
+            <th class="textNoLineBreak">街道</th>
+            <th class="textNoLineBreak">小区</th>
+            <th class="textNoLineBreak">详细地址</th>
+            <th class="textNoLineBreak">时间</th>
+            <th class="textNoLineBreak">备注</th>
+            <th class="textNoLineBreak">
+<!--              <button type="button" class="btn btn-info head-but"-->
+<!--                      :disabled="$parent.$parent.$parent.mark === 1"-->
+<!--                      @click="$parent.$parent.$parent.showFileModal()">导入</button>-->
+<!--              <a type="button" class="btn btn-info head-but"-->
+<!--                 href="/apply/download/excel/批量导入.xlsx" download>模板下载</a>-->
+            </th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr>
+            <td style="text-align: center;">
+              <nobr>{{$index+1}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_userinfo_code}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_user_name}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_user_phone}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_address_state}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_credentials}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_idnumber}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_pcd}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_slice_area}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_street}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_residential_area}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_address}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_create_date}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_userinfo_comments}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>
+
+              </nobr>
+            </td>
+          </tr>
+        </template>
+      </data-grid>
+    </criteria-paged>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+export default {
+  title: '报建团购数据查询列表',
+  props: ['check'],
+  data () {
+    let model = new PagedList('rs/sql/getAddressAanUserinfo1', 30, {
+      f_filialeid: 'this.f_filialeid',
+      f_process_id: 'this.f_process_id'
+    })
+    model.f_filialeid = ''
+    model.f_process_id = ''
+    return {
+      model: model,
+      f_process_id: '',
+      f_filialeid: '',
+      address_state: [{label: '全部', value: ''}, ...this.$appdata.getParam('通气状态')],
+      istongqi: [{label: '全部', value: ''},
+        {label: '是', value: '是'},
+        {label: '否', value: '否'}
+      ],
+      chargeStatus: [
+        {label: '全部', value: ''},
+        {label: '是', value: '是'},
+        {label: '否', value: '否'}
+      ],
+      criteriaShow: false,
+      chargeAll: {
+        count: 0,
+        sum: 0
+      },
+      getfield: {
+        'f_apply_num': '工程编号',
+        'f_contract_number': '合同编号',
+        'f_apply_type': '报建类型',
+        'f_apply_nature': '报建性质',
+        'f_user_name': '用户名称',
+        'f_phone': '用户电话',
+        'f_address': '用户地址',
+        'f_idnumber': '身份证号',
+        'f_charge_number': '缴费编码',
+        'f_charge_money': '收费金额',
+        'f_payment_method': '付款方式',
+        'f_payer_number': '流水号',
+        'f_charge_collectors': '收费人员',
+        'f_charge_date': '收费日期',
+        'f_actual_date': '实际收费时间',
+        'f_charge_status': '状态'
+      }
+    }
+  },
+  methods: {
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = ''
+      })
+      this.curdepid = []
+      this.curuserid = []
+    },
+    searchCondition (args) {
+      this.model.search(args.condition, args.model)
+    },
+    // 查询
+    search () {
+      this.model.f_process_id = this.check.f_process_id
+      this.model.f_filialeid = this.check.f_orgid
+      this.$refs.cp.$refs.cri.search()
+    }
+
+  },
+  watch: {
+    'check': function (val) {
+      if (val) {
+        this.search()
+      }
+    }
+  },
+  computed: {
+    getCondition () {
+      return {
+        condition: this.model.condition
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .textNoLineBreak {
+    white-space: nowrap;
+  }
+</style>

package/src/components/product/GroupByApply/ApplyGroupByMain.vue

@@ -0,0 +1,53 @@
+<template>
+  <div class="flex">
+    <section>
+      <div class="row"  style="height: 100%" :class="{'basic-main':!showItem,'binary':showItem}">
+        <div :class="{'binary-left':showItem}" >
+          <apply-group-by-paper  @select-changed="selected" v-ref:check></apply-group-by-paper>
+        </div>
+        <div  :class="{'binary-right':showItem}" v-show="showItem">
+          <apply-group-by-list v-show='$refs.check && $refs.check.selected' :check='$refs.check.selected'
+                               v-ref:detail></apply-group-by-list>
+        </div>
+
+      </div>
+    </section>
+  </div>
+</template>
+
+<script>
+  export default {
+    title: '团购报建数据查询',
+    data() {
+      return {
+        showItem: false
+      }
+    },
+    ready(){
+
+    },
+    methods: {
+      selected(row) {
+        this.showItem = true
+      }
+    },
+
+    watch: {}
+
+  }
+</script>
+
+<style >
+  .form-input-group label {
+    text-align: right;
+    width: auto;
+  }
+
+  .datapanel {
+    color: #333;
+    background-color: white;
+    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
+    padding: 5px 7px 5px 7px;
+    border-radius: 10px;
+  }
+</style>