apply-clients 3.4.2 → 3.4.3

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>