apply-clients 3.5.6-2 → 3.5.6-22

package/src/filiale/yangchunboneng/android/AppOtherChargeList.vue

@@ -0,0 +1,281 @@
+<template>
+  <div class="auto">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+        <div partial>
+          <form>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">用户编号：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"  v-model="model.f_userinfo_code"
+                       condition="f_userinfo_code = '{}'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">用户名称：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"  v-model="model.f_user_name"
+                       condition="f_user_name like '%{}%'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">用户电话：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"
+                       v-model=model.f_user_phone
+                       condition="f_user_phone like '%{}%'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">用户地址：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"
+                       v-model=model.f_address
+                       condition="f_address like '%{}%'">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_brand_spec" class="font text-left">收费项目：</label>
+              </div>
+              <div class="col-xs-8">
+                <v-select id="checker" :value.sync="model.f_brand_spec" class="input-font"
+                          :width="'60%'"
+                          :options='$parent.$parent.brandspecs' placeholder='收费项目'
+                          :value-single="true"
+                          condition="f_brand_spec like '%{}%'"
+                          v-model="model.f_brand_spec"
+                          close-on-select
+                          clear-button></v-select>
+<!--                <input type="text" class="search_input input-font"
+                       v-model=model.f_brand_spec
+                       condition="f_brand_spec like '%{}%'">-->
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_payment" class="font text-left">付款方式：</label>
+              </div>
+              <div class="col-xs-8">
+                <v-select id="checker" :value.sync="model.f_payment" class="input-font"
+                          :width="'60%'"
+                          :options='$parent.$parent.payments' placeholder='付款方式'
+                          :value-single="true"
+                          condition="f_payment like '%{}%'"
+                          v-model="model.f_payment"
+                          close-on-select
+                          clear-button></v-select>
+<!--                <input type="text" class="search_input input-font"
+                       v-model=model.f_payment
+                       condition="f_payment like '%{}%'">-->
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_state" class="font text-left">收费状态：</label>
+              </div>
+              <div class="col-xs-8">
+                <v-select id="checker" :value.sync="model.f_state" class="input-font"
+                          :width="'60%'"
+                          :options='$parent.$parent.states' placeholder='收费状态'
+                          :value-single="true"
+                          condition="f_state ='{}'"
+                          v-model="model.f_state"
+                          close-on-select
+                          clear-button></v-select>
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">开始时间：</label>
+              </div>
+              <div class="col-xs-8">
+                <datepicker
+                  :value.sync="model.startDate"
+                  :format="'yyyy-MM-dd'"
+                  v-model="model.startDate"
+                  :isUp="true"
+                  condition="f_operate_date >= '{} 00:00:00'"
+                  :show-reset-button="reset" placeholder="开始时间">
+                </datepicker>
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">结束时间：</label>
+              </div>
+              <div class="col-xs-8">
+                <datepicker
+                  :value.sync="model.endDate"
+                  :format="'yyyy-MM-dd'"
+                  v-model="model.endDate"
+                  :isUp="true"
+                  condition="f_operate_date <= '{} 23:59:59'"
+                  :show-reset-button="reset" placeholder="结束时间">
+                </datepicker>
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <label for="f_plan_name" class="font text-left">收费人员：</label>
+              </div>
+              <div class="col-xs-8">
+                <input type="text" class="search_input input-font"  v-model="model.f_operator"
+                       condition="f_operator = '{}'">
+              </div>
+            </div>
+            <div class="row app-row" >
+              <div class="col-xs-6" style="text-align: center">
+                <span class="font text-left">合计户数:{{$parent.model.count}}</span>
+              </div>
+              <div class="col-xs-6" style="text-align: center">
+                <span class="font text-left">合计金额:{{$parent.model.sums.f_money}}</span>
+              </div>
+            </div>
+            <div class="row text-center app-row" >
+              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 45%;" @click="search()">查询</button>
+            </div>
+          </form>
+        </div>
+
+      </criteria>
+      <list :model="model" partial='list'>
+        <div partial>
+          <div class="panel" style="padding: 10px 10px 5px 10px;">
+            <div class="panel-body panel-self">
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">用户编号:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_userinfo_code }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">用户姓名:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_user_name }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">用户电话:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_user_phone }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">用户地址:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_address }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">用户类型:</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_user_type }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费金额</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_money }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费项目</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_brand_spec }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">付款方式</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_payment }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费人员</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_operator }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费日期</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_operate_date }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">收费状态</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_state }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">确认人</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_confirm_person }}</p>
+              </div>
+              <div class="row">
+                <p class="panel-title col-xs-3 text-left font">确认时间</p>
+                <p class="panel-title col-xs-9 text-left input-font">{{ row.f_confirm_date }}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </list>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+
+import {HttpResetClass, PagedList} from 'vue-client'
+import Vue from 'vue'
+import * as Util from "../../../components/Util";
+
+export default {
+  title: '其他收费明细',
+  data () {
+    return {
+      model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/applyotherChargeQuery`,
+        10, {
+            orderitem: '`f_operate_date DESC`'
+        },{f_money:''}
+      ),
+      states:[{'label':'全部','value':''},{'label':'有效','value':'有效'},{'label':'无效','value':'无效'},{'label':'冲正','value':'冲正'},{'label':'撤销','value':'撤销'}],
+      payments:this.$appdata.getParam('付款方式查询')?[{label:'全部',value:''}, ...this.$appdata.getParam('付款方式查询')]:[{label:'全部',value:''}],
+      brandspecs:this.$appdata.getParam('手机端其他收费查询')?[{label:'全部',value:''}, ...this.$appdata.getParam('手机端其他收费查询')]:[{label:'全部',value:''}]
+    }
+  },
+  ready () {
+    this.$refs.paged.$refs.cri.model.startDate=`${Util.toStandardYearMonth()}-01`
+    this.$refs.paged.$refs.cri.model.endDate=Util.toStartAndEndDateString()[1]
+    this.$refs.paged.$refs.cri.search()
+  },
+  methods: {
+    async selfSearch (args) {
+      args.condition = args.condition + ` and  f_orgid = '${Vue.user.orgid}'`
+      this.model.search(args.condition, args.model,args.condValueStr)
+    }
+  }
+
+}
+</script>
+<style>
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+}
+.search_input {
+  border: 0;
+  outline: none;
+}
+.font{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+.input-font{
+  font: 15px PingFang-SC-Medium;
+  color: #333333;
+}
+.btn-font{
+  font:600 16px PingFang-SC-Bold;
+  color: #499EDF;
+}
+.btn-color{
+  background-color: #FFFFFF;
+  border-radius: 10px ;
+  border: 1px solid #499EDF;
+}
+.panel-self{
+  border-radius: 10px;
+  border:1px solid #499EDF;
+  background-color: #F8F8F8;
+}
+</style>
+