sale-client 4.2.4 → 4.2.6

package/src/components/accounts/accountAdd.vue

@@ -0,0 +1,276 @@
+<template>
+  <div class="span">
+    <validator name='v'>
+      <div class="form-horizontal select-overspread container-fluid" style="overflow-y: auto">
+
+        <div class="row auto">
+          <div class="col-sm-6 form-group" :class="[$v.f_payment_code.required ? 'has-error' : 'has-success']">
+            <label  for="f_payment_code" class=" font_normal_body">付款编码</label>
+            <input class="input_search" style="width:60%" type="text" class="input_search" style="width:60%"
+                   v-model="accountmodel.f_payment_code"
+                   v-validate:f_account='{required: true }'
+                   placeholder="付款编码">
+          </div>
+          <div class="col-sm-6 form-group"  :class="[$v.f_payment.required ? 'has-error' : 'has-success']">
+            <label  for="f_payment" class=" font_normal_body">付款方式</label>
+            <input type="text" v-show="false" v-model="accountmodel.f_payment"
+                   v-validate:f_payment='{required: true }'>
+            <v-select :value.sync="accountmodel.f_payment" :value-single="true"
+                      :options='paymentoptions' placeholder='付款方式'
+                      close-on-select></v-select>
+          </div>
+          <div :class="defaultstyle" >
+            <label class="font_normal_body">公&emsp;&emsp;司</label>
+            <res-select restype='organization'
+                        @res-select="getorg"
+                        is-mul="false" v-ref:orgcom
+                        :initresid='initres.org'>
+            </res-select>
+            <!--<right-tree @re-res="getorg"-->
+                        <!--:initresid='initres.org'></right-tree>-->
+          </div>
+          <div :class="defaultstyle" >
+            <label class="font_normal_body">部&emsp;&emsp;门</label>
+            <res-select restype='department'
+                        @res-select="getdep"
+                        is-mul="false"
+                        :parentresid="depresid"
+                        :initresid='initres.dep'
+                        >
+            </res-select>
+          </div>
+          <div class="col-sm-6 form-group" :class="[$v.f_account.required ? 'has-error' : 'has-success']">
+            <label  for="f_account" class=" font_normal_body">收款账号</label>
+            <input class="input_search" style="width:60%" type="text" class="input_search" style="width:60%"
+                   v-model="accountmodel.f_account"
+                   v-validate:f_account='{required: true }'
+                   placeholder="收款账号">
+          </div>
+          <div class="col-sm-12 form-group" style="margin: 8px 0">
+            <label   class="font_normal_body " >备&emsp;&emsp;注</label>
+            <textarea class="input_textarea" rows="3" style="width:80%;height: auto !important;" v-model="accountmodel.f_comments"></textarea>
+          </div>
+        </div>
+        <div class="row auto" style="text-align:right;margin: 20px 13%;">
+          <button class="button_search button_spacing" @click="confirm()" :disabled='!$v.valid'>保存</button>
+          <button class="button_clear button_spacing" @click="cancel()">取消</button>
+        </div>
+      </div>
+    </validator>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+  let initGen = async function (self) {
+    await self.initParams();
+    await self.initdata()
+  }
+  export default {
+    title: '账号添加/修改',
+    data () {
+      return {
+        accountmodel:{
+          f_payment:"",
+          f_account:"",
+          f_orgid:'',
+          f_depid:'',
+          f_orgname:'',
+          f_depname:'',
+          f_payment_code:''   //付款编码
+        },
+        paymentoptions:[{label: '全部', value: ''}, ...this.$appdata.getParam('付款方式')],
+        initres: {
+          org:[this.$login.f.orgid],
+          dep:[],
+          user:[]
+        },
+        defaultstyle:"col-sm-6 form-group",
+        defaultcomponent:['company','department'],
+        depresid:[this.f_filialeids],
+      }
+    },
+    props: ['f_filialeids','operation'],
+    ready(){
+      initGen(this)
+    },
+    methods: {
+      getdep(obj,val) {
+        if(obj){
+          console.log("选中部门的数据22",obj);
+          if(obj.length > 0){
+            this.accountmodel.f_depid = obj[0];
+          }
+          this.accountmodel.f_depname=val[0];
+        }
+      },
+      getorg (obj,val) {
+        console.log("选中公司的数据11",obj.resids);
+        if(obj){
+          this.depresid=obj;
+          if(this.depresid.length > 0){
+            this.accountmodel.f_orgid = this.depresid[0];
+          }
+          if(val[0] && val[0]!='' && val[0].indexOf(" - ")<0){
+            this.accountmodel.f_orgname=val[0];
+          }else if (val[0] && val[0]!='' && val[0].indexOf(" - ")>0){
+            let orgnames = val[0].split(" - ");
+            this.accountmodel.f_orgname=orgnames[0];
+          }else{
+            this.accountmodel.f_orgname='';
+          }
+
+        }
+      },
+      //初始化数据
+      initdata(){
+        if(this.f_filialeids){
+          this.$set('initres.org',[this.f_filialeids])
+          //this.initres.org = [this.f_filialeids];
+          this.accountmodel.f_orgid=this.f_filialeids;
+        }
+      },
+      initdatamodify(rows){
+        if(this.f_filialeids){
+          this.$set('initres.org',[rows.f_orgid])
+          this.accountmodel.f_orgid=this.f_filialeids;
+        }
+        if(this.operation == 'modify'){
+          if(rows ==null) return;
+          this.$set('initres.org',[rows.f_orgid])
+          this.$set('initres.dep',[rows.f_depid])
+          this.accountmodel = Object.assign({},this.accountmodel,rows);
+        }
+        this.$refs.orgcom.getResList();
+      },
+      async initParams() {
+        await this.$LoadParams.loadParam(this.f_filialeids)
+      },
+      //保存
+      async confirm(){
+        await this.savearchives();
+        this.cleardara();
+        this.$dispatch('confirm');
+      },
+      cancel(){
+        this.cleardara()
+        this.$dispatch('cancel')
+      },
+      cleardara(){
+        this.accountmodel = {
+          f_payment:"",
+          f_account:"",
+          f_orgid:'',
+          f_depid:'',
+          f_orgname:'',
+          f_depname:'',
+          f_payment_code:''   //付款编码
+        };
+      },
+      async savearchives(){
+        if(this.f_filialeids == ''){
+          this.f_filialeids = this.$login.f.orgid;
+        }
+        let param = Object.assign({},this.accountmodel);
+        param.f_operate_date=this.$login.toStandardTimeString();
+        param.f_operatorid = param.f_operatorid||param.f_operatorid!='' ?  param.f_operatorid: this.$login.f.id;
+        param.f_operator = param.f_operator||param.f_operator!=''? param.f_operator:this.$login.f.name;
+        param.f_orgname= param.f_orgname||param.f_orgname!=''? param.f_orgname:this.$login.f.orgs;
+        param.f_depid= param.f_depid||param.f_depid!=''? param.f_depid:this.$login.f.depids;
+        param.f_depname=param.f_depname||param.f_depname!=''? param.f_depname: this.$login.f.deps;
+        param.f_orgid = param.f_orgid ||param.f_orgid !=''?param.f_orgid:this.$login.f.orgid;
+        await this.$resetpost('rs/entity/t_payment_accounts',param,{
+          resolveMsg: '保存成功!',
+          rejectMsg: '保存失败!'
+        });
+      }
+    },
+    watch: {
+      async 'model.f_payment'(){
+        let payment = "";
+        if(this.accountmodel.f_payment instanceof  Array  && this.model.f_payment.length>0 ){
+          payment = this.accountmodel.f_payment[0]
+        }else{
+          payment = this.model.f_payment;
+        }
+        if(payment =="现金缴费"){
+          this.accountmust = false;
+        }else{
+          this.accountmust = true;
+        }
+        //加载收费账号
+        if(payment != ''){
+          let res = await this.$resetpost('rs/sql/manageSingleTable',
+            {data: {tablename: 't_payment_accounts', condition: ` f_payment = '${payment}' and f_state='有效'  and f_orgid=${this.$login.f.orgid} and f_depid = ${this.$login.f.depids}  `}},
+            {resolveMsg: null, rejectMsg: null})
+          if(res.data){
+            if(res.data.length>0){
+              let arr = [];
+              res.data.forEach((item)=>{
+                let tmp = {
+                  label:item.f_account,
+                  value: item.id
+                }
+                arr.push(tmp);
+              })
+            }
+          }
+        }
+      },
+      'f_filialeids'(){
+        if (this.accountmodel.f_filialeid) {
+          if (this.accountmodel.f_filialeid != this.f_filialeids) {
+            this.$dispatch('cancel')
+          }
+        }
+        this.cleardara()
+        this.initdata()
+      }
+    },
+    computed: {
+      usertypes () {
+        return this.$appdata.getParam('用户类型')
+      },
+      f_price_types () {
+        return this.$appdata.getParam('气价类型')
+      },
+
+    },
+  }
+</script>
+<style>
+  .box {
+    width: 727px;
+    height: 175px;
+    border-radius: 2px;
+    background-color: #fafafa;
+    border: 1px solid #999999;
+    margin-top: 13px;
+  }
+  .datapanel {
+    color: #333;
+    background-color: white;
+    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
+    padding: 10px 30px 10px 30px;
+    border-radius:15px;
+  }
+  .infosshow{
+    height: 50px;text-align: right;
+    line-height: 27px; padding-right:18px;
+    font-size: 25px;
+    width:50px;
+    cursor:pointer;
+    color:#000;
+    position:absolute;
+    top:0px;
+    right:2px;
+  }
+  .infosshow:hover{
+    color:#333;
+  }
+  .addmeterc{
+    position:absolute;
+    right:3px;
+    top:-3px;
+  }
+</style>

package/src/components/accounts/accountsList.vue

@@ -0,0 +1,183 @@
+<template>
+  <div class="flex" @keyup.enter="search">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">组织机构</label>
+              <res-select restype='organization'
+                          @res-select="$parent.$parent.getorg"
+                          is-mul="false"
+                          :initresid='$parent.$parent.curorgid'>
+              </res-select>
+            </div>
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">付款方式</label>
+              <v-select :options='$parent.$parent.paymentoptions' :value.sync="model.f_payment"
+                        close-on-select condition="f_payment='{}'"
+                        placeholder='付款方式' v-model="model.f_payment"></v-select>
+            </div>
+            <div :class="$parent.$parent.style" >
+              <label class="font_normal_body">账号编码</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_payment_code"
+                      condition="f_payment_code like '%{}%'" placeholder="账号编码"/>
+            </div>
+            <div :class="$parent.$parent.style" >
+              <label class="font_normal_body">支付账号</label>
+              <input  type="text" class="input_search" style="width:60%" v-model="model.f_account"
+                      condition="f_account like '%{}%'" placeholder="支付账号"/>
+            </div>
+
+            <div class="col-sm-4 form-group button-range">
+              <button class="button_search button_spacing" @click="search()" >查询</button>
+              <button class="button_search button_spacing" @click="$parent.$parent.add()" >添加</button>
+              <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
+              <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
+            </div>
+          </div>
+          <div class="row" v-if="$parent.$parent.criteriaShow">
+            <div :class="$parent.$parent.style">
+              <label class="font_normal_body">账号状态</label>
+              <v-select :options='$parent.$parent.paystate' :value.sync="model.f_state"
+                        close-on-select condition="f_state='{}'"
+                        placeholder='账号状态' v-model="model.f_state"></v-select>
+            </div>
+          </div>
+        </div>
+
+
+      </criteria>
+      <data-grid  :model="model" partial='list'  class="list_area table_sy" v-ref:grid>
+        <template partial='head'>
+          <tr>
+            <th><nobr>序号</nobr></th>
+            <th><nobr>所属组织</nobr></th>
+            <th><nobr>所属部门</nobr></th>
+            <th><nobr>支付类型</nobr></th>
+            <th><nobr>账号</nobr></th>
+            <th><nobr>添加日期</nobr></th>
+            <th><nobr>状态</nobr></th>
+            <th><nobr>管理</nobr></th>
+            <th><nobr>操作</nobr></th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr >
+            <td style="text-align:center" :style="{background:(row.f_state=='停用'? '#f1dec2':'')}"><nobr>{{$index + 1}}</nobr></td>
+            <td style="text-align:center" :style="{background:(row.f_state=='停用'? '#f1dec2':'')}"><nobr>{{row.f_orgname}}</nobr></td>
+            <td style="text-align:center" :style="{background:(row.f_state=='停用'? '#f1dec2':'')}"><nobr>{{row.f_depname}}</nobr></td>
+            <td style="text-align:center" :style="{background:(row.f_state=='停用'? '#f1dec2':'')}"><nobr>{{row.f_payment}}</nobr></td>
+            <td style="text-align:center" :style="{background:(row.f_state=='停用'? '#f1dec2':'')}"><nobr>{{row.f_account}}</nobr></td>
+            <td style="text-align:center" :style="{background:(row.f_state=='停用'? '#f1dec2':'')}"><nobr>{{row.f_operate_date}}</nobr></td>
+            <td style="text-align:center" :style="{background:(row.f_state=='停用'? '#f1dec2':'')}"><nobr>{{row.f_state==null||row.f_state==''?'停用':row.f_state }}</nobr></td>
+            <td style="text-align:center" :style="{background:(row.f_state=='停用'? '#f1dec2':'')}"><nobr>
+              <button type="button" name="button" class="button_delete button_spacing" v-if="row.f_state=='有效'"
+                      @click.stop="$parent.$parent.$parent.stopaccounts('1',row)">停用</button>
+              <button type="button" name="button" class="button_search button_spacing" v-if="row.f_state!='有效'"
+                      @click.stop="$parent.$parent.$parent.stopaccounts('0',row)">启用</button>
+            </nobr></td>
+            <td :style="{background:(row.f_state=='停用'? '#f1dec2':'')}"  style="text-align:center"><nobr>
+              <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.modify(row)">修改</button>
+            </nobr></td>
+          </tr>
+        </template>
+        <template partial='foot'></template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+  import { PagedList } from 'vue-client'
+
+  export default {
+
+    data () {
+      return {
+        criteriaShow: false,
+        model: new PagedList('rs/sql/accountsQuery',20),
+        addflag: false,
+        addtitle:'',
+
+        // 公司下拉
+        curorgid: [this.$login.f.orgid],
+        f_orgid: '',
+        paymentoptions:[{label: '全部', value: ''}, ...this.$appdata.getParam('付款方式')],
+        paystate: [{label: '全部', value: ''},{label:'有效',value:'有效'},{label:'停用',value:'停用'}],
+      }
+    },
+    title: '收费账号管理',
+    props:{
+      f_filialeids:{
+        type: String
+      },
+      style: {
+        type: String,
+        default: 'col-sm-2 form-group'
+      },
+      f_special:{
+        type: String
+      }
+    },
+    ready(){
+      this.search()
+    },
+    methods: {
+      hidden() {
+        this.criteriaShow = !this.criteriaShow
+      },
+      search() {
+        this.$refs.paged.$refs.cri.search()
+      },
+
+      async delete(row){
+
+      },
+      add(){
+        if (this.f_filialeids) {
+          this.$refs.paged.$refs.grid.selectStore.selected = null
+          this.$dispatch('add',this.f_filialeids)
+        } else {
+          this.$showAlert('请先选择左上角的所在分公司', 'warning', 2000)
+        }
+      },
+      modify(val){
+        this.$dispatch('modify',val)
+      },
+      stopaccounts(val,row){
+        let msg = val == '1'? '停用':'启用';
+        this.$showMessage(`是否要${msg}当前账号`,['confirm','cancel']).then(async (res)=>{
+          if(res == 'confirm'){
+            let state = val == '0'? '有效':'停用';
+            row.f_state=state;
+            await this.$resetpost('rs/entity/t_payment_accounts',row,{
+              resolveMsg: `${msg}成功!!`,
+              rejectMsg:`${msg}失败!!`
+            });
+            this.$refs.paged.$refs.cri.search();
+          }
+        })
+
+      },
+      selfSearch (args) {
+        if (!this.f_orgid) {
+          this.getorg([this.$login.f.orgid])
+        }
+        args.condition =  `${args.condition} and f_orgid = ${this.f_orgid}`
+        this.model.search(args.condition, args.model)
+        this.$parent.cleanresfesh();
+      },
+      //清空
+      clear(){
+        this.$refs.paged.$refs.cri.model = {}
+      },
+      getorg (val) {
+        this.f_orgid = this.$login.convertToIn(val)
+        this.f_filialeids = val[0]
+      }
+    }
+
+  }
+</script>

package/src/components/accounts/accountsManage.vue

@@ -0,0 +1,87 @@
+<template>
+  <div id="unit" class="flex-row" :class="{'binary':listShow}">
+    <div :class="{'basic-main':!listShow,'binary-left':listShow}" >
+      <accounts-list  v-ref:accountlist   :style="style" ></accounts-list>
+    </div>
+    <div v-show="listShow"  class="binary-right">
+      <div class="flex">
+        <accounts-add v-ref:accountadd :operation="operation"
+                         :f_filialeids.sync="f_filialeids"></accounts-add>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+  export default {
+    title: '非民用档案管理',
+    components:{
+    },
+    data () {
+      return {
+        //分公司id串
+        width:'100%',
+        f_filialeids: '',
+        listShow:false,
+        style:'col-sm-2 form-group'
+      }
+    },
+    ready(){
+
+    },
+    props:{
+
+    },
+    methods:{
+      refresh() {
+        this.listShow = false
+        this.$refs.accountlist.$refs.paged.$refs.cri.search()
+      },
+      cleanresfesh(){
+        this.listShow = false;
+        this.f_filialeid='';
+      }
+    },
+    events:{
+      'add'(f_orgid){
+        if(f_orgid==''){
+          this.f_filialeids = this.$login.f.orgid
+        }else{
+          this.f_filialeids = f_orgid;
+        }
+        this.style='col-sm-3 form-group'
+        this.listShow=true
+        this.$refs.accountadd.cleardara()
+        this.$refs.accountadd.operation='add'
+        this.$refs.accountadd.initdata()
+      },
+      'confirm' () {
+        this.style='col-sm-2 form-group'
+        this.$refs.accountadd.cleardara()
+        this.listShow = false
+        this.$refs.accountlist.$refs.paged.$refs.cri.search()
+      },
+      'cancel' () {
+        this.style='col-sm-2 form-group'
+        this.$refs.accountadd.cleardara()
+        this.$refs.accountlist.$refs.paged.$refs.cri.search()
+        this.listShow = false
+      },
+      async 'modify'(val){
+        if(val.f_orgid==''){
+          this.f_filialeids = this.$login.f.orgid;
+        }else{
+          this.f_filialeids = val.f_orgid;
+        }
+        //修改账号
+        this.style='col-sm-3 form-group';
+        this.listShow=true;
+        this.$refs.accountadd.cleardara();
+        this.$refs.accountadd.operation='modify';
+        this.$refs.accountadd.initdatamodify(val);
+      }
+    }
+  }
+</script>
+

package/src/components/common/chargeinfo/chargeinfo.vue

@@ -0,0 +1,55 @@
+<template>
+  <modal :if.sync="isBusy" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <h4 class="modal-title">购气确认</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <label class="col-sm-2 control-label">客户名称</label>
+          <div class="col-sm-4">
+            <p class="form-control-static">{{model.CardID}}</p>
+          </div>
+
+          <label class="col-sm-2 control-label">本次购气量</label>
+          <div class="col-sm-4">
+            <p class="form-control-static">{{model.Times}}</p>
+          </div>
+        </div>
+        <div class="form-group">
+          <label class="col-sm-2 control-label">应收金额</label>
+          <div class="col-sm-4">
+            <p class="form-control-static">{{model.Gas}}</p>
+          </div>
+
+          <label class="col-sm-2 control-label">实收金额</label>
+          <div class="col-sm-4">
+            <p class="form-control-static">{{model.Money}}</p>
+          </div>
+        </div>
+        <div class="form-group" v-if="cardInfo.NewParam.IsInsert == 0">
+          <label class="col-sm-2 control-label">累购气量</label>
+          <div class="col-sm-4">
+            <p class="form-control-static">{{model.NewParam.ljgql}}</p>
+          </div>
+        </div>
+      </form>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" class="button_search" @click='hasGasContinue'>确认</button>
+      <button type="button" class="btn btn-default" @click='hasGasClose'>取消</button>
+    </footer>
+  </modal>
+</template>
+
+<script>
+  export default {
+    title: 'busy',
+    props: ['isBusy','model'],
+    data () {
+      return {
+        isBusy: false
+      }
+    }
+  }
+</script>