apply-clients 5.0.361 → 6.0.3

package/src/components/build/Install/InstallFee/InstallFee2.vue

@@ -0,0 +1,291 @@
+<template>
+  <div class="col-sm-12 auto select-overspread">
+    <div class="auto select-overspread">
+      <div class="panel panel-info">
+        <div class="panel-heading auto">
+          <h3 class="panel-title">报装收费</h3>
+        </div>
+      </div>
+    </div>
+    <validator name="v">
+      <form class="horizontal" style="padding-top: 50px;">
+        <div class="form-group col-sm-12">
+          <div class="col-sm-4"
+               :class="[$v.f_construction_cost.required || $v.f_construction_cost.type ? 'has-error': '']">
+            <label class="control-label col-sm-6">入户安装费：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="model.f_construction_cost"
+                     v-validate:f_construction_cost='{required: true, type: number}' disabled/>
+            </div>
+          </div>
+          <div class="col-sm-4" :class="[$v.f_material_cost.required ? 'has-error': '']">
+            <label class="control-label col-sm-6">材料费：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="model.f_material_cost"
+                     v-validate:f_material_cost='{required: true,type: number}' disabled/>
+            </div>
+          </div>
+          <div class="col-sm-4" :class="[$v.f_labor_cost.required ? 'has-error': '']">
+            <label class="control-label col-sm-6">人工费：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="model.f_labor_cost"
+                     v-validate:f_labor_cost='{required: true}' disabled/>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <div class="col-sm-4" :class="[$v.f_change_pipeline_cost.required ? 'has-error': '']">
+            <label class="control-label col-sm-6">改管费：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="model.f_change_pipeline_cost"
+                     v-validate:f_change_pipeline_cost='{required: true}' disabled/>
+            </div>
+          </div>
+          <div class="col-sm-4" :class="[$v.f_sbaz_cost.required ? 'has-error': '']">
+            <label class="control-label col-sm-6">设备安装费：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="model.f_sbaz_cost"
+                     v-validate:f_sbaz_cost='{required: true}' disabled/>
+            </div>
+          </div>
+          <div class="col-sm-4" :class="[$v.f_payfee_num.required ? 'has-error': '']">
+            <label class="control-label col-sm-6">缴费户数：</label>
+            <div class="col-sm-6">
+              <input type="number" class="form-control" v-model="model.f_payfee_num"
+                     v-validate:f_payfee_num='{required: true}' disabled/>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <div class="col-sm-4" :class="[$v.f_jmhj_cost.required ? 'has-error': '']">
+            <label class="control-label col-sm-6">减免费用合计：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="model.f_jmhj_cost"
+                     v-validate:f_jmhj_cost='{required: true}' disabled/>
+            </div>
+          </div>
+          <div class="col-sm-4">
+            <label class="control-label col-sm-6">费用合计：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="totalcost" disabled/>
+            </div>
+          </div>
+          <div class="col-sm-4">
+            <label class="control-label col-sm-6">未交金额：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="non_payment" disabled/>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <div class="col-sm-4" :class="[$v.bulltype.required ? 'select-error has-error' : '']">
+            <label class="control-label col-sm-6">打印格式：</label>
+            <div class="col-sm-6">
+              <input type="text" v-show="false" v-model="$refs.bulltype.value[0]"
+                     v-validate:bulltype='{required: true }'>
+              <v-select
+                placeholder="请选择" v-ref:bulltype
+                :value.sync="model.f_bill_type"
+                :options="dayin"
+                v-model="model.f_bill_type"
+                close-on-select>
+              </v-select>
+            </div>
+          </div>
+          <div class="col-sm-4" :class="[$v.acttype.required ? 'select-error has-error' : '']">
+            <label class="control-label col-sm-6">缴费方式：</label>
+            <div class="col-sm-6">
+              <input type="text" v-show="false" v-model="$refs.acttype.value[0]" v-validate:acttype='{required: true }'>
+              <v-select
+                placeholder="请选择" v-ref:acttype
+                :value.sync="model.f_actualfee_type"
+                :options="jiaofei"
+                v-model="model.f_actualfee_type"
+                close-on-select>
+              </v-select>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <div class="col-sm-4" :class="[$v.f_actualfee_user.required ? 'has-error': '']">
+            <label class="control-label col-sm-6">交款人：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="model.f_actualfee_user"
+                     v-validate:f_actualfee_user='{required: true}'/>
+            </div>
+          </div>
+          <div class="col-sm-4" :class="[$v.f_actualfee.required ? 'has-error': '']">
+            <label class="control-label col-sm-6">收费金额：</label>
+            <div class="col-sm-6">
+              <input type="text" class="form-control" v-model="model.f_actualfee"
+                     v-validate:f_actualfee='{required: true}'/>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <div class="col-sm-2">
+            <label class="control-label col-sm-12">收费备注：</label>
+          </div>
+          <div class="col-sm-10">
+            <textarea class="form-control" rows="3" v-model="model.f_payfee_remarks"></textarea>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <div class="col-sm-6">
+            <label class="control-label col-sm-4">分公司：</label>
+            <div class="col-sm-8">
+              <input class="form-control" type="text" v-model="model.f_filiale" disabled>
+            </div>
+          </div>
+          <div class="col-sm-6">
+            <label class="control-label col-sm-4">操作日期：</label>
+            <div class="col-sm-8">
+              <input class="form-control" type="text" v-model="model.f_payfee_date" disabled>
+            </div>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <div class="col-sm-6">
+            <label class="control-label col-sm-4">部门：</label>
+            <div class="col-sm-8">
+              <input class="form-control" type="text" v-model="model.f_payfee_department" disabled>
+            </div>
+          </div>
+          <div class="col-sm-6">
+            <label class="control-label col-sm-4">操作人：</label>
+            <div class="col-sm-8">
+              <input class="form-control" type="text" v-model="model.f_payfee_operator" disabled>
+            </div>
+          </div>
+        </div>
+      </form>
+    </validator>
+    <div class="from-group col-sm-12">
+      <center>
+        <button type="button" @click="confirm()" class="btn btn-primary" style="width:80px; margin-left:50px;"
+                :disabled="$v.invalid">
+          保存
+        </button>
+        <button type="button" @click="reset()" class="btn btn-warning" style="width:80px; margin-left:50px;">
+          撤销
+        </button>
+      </center>
+    </div>
+  </div>
+</template>
+<script>
+  import AppData from '../../../../stores/AppData'
+  import * as Util from '../../../Util'
+  import co from 'co'
+
+  let gen = function* (self, val) {
+    val.f_actualfee_type = val.f_actualfee_type[0]
+    val.f_bill_type = val.f_bill_type[0]
+    let data = {
+      tablename: 't_apply',
+      parameters: val
+    }
+    yield self.$resetpost('rs/logic/save', {data: data})
+    delete val.id
+    data = {
+      tablename: 't_record',
+      parameters: val
+    }
+    self.$resetpost('rs/logic/save', {data: data})
+      .then(() => {
+        self.reset()
+      })
+  }
+  export default {
+    title: '报装收费',
+    data() {
+      return {
+        dayin: this.$appdata.getParam('打印格式'),
+        jiaofei: this.$appdata.getParam('缴费类型'),
+        model: {
+          f_payfee_date: Util.toStandardTimeString(),
+          f_payfee_department: this.$login.f.f_parentname,
+          f_payfee_operator: this.$login.f.name,
+          f_filiale: this.$login.f.f_fengongsi
+        },
+        model1: {
+          f_fee: '',
+          f_paytype: '',
+          f_payfeedate: '',
+          f_payer: '',
+          f_state: '',
+          applyid: '',
+          f_operator: '',
+          f_date: '',
+          f_department: '',
+          f_filiale: '',
+          f_outlets: ''
+        }
+      }
+    },
+    props: ['infee'],
+    ready() {
+      this.infee.f_actualfee_type = [this.infee.f_actualfee_type ? this.infee.f_actualfee_type : '']
+      this.infee.f_bill_type = [this.infee.f_bill_type ? this.infee.f_bill_type : '']
+      this.model = Object.assign({}, this.model, this.infee)
+      this.model.f_actualfee = '0'
+      this.model.f_actualfee_type = '现金缴费'
+      // delete this.model.id
+    },
+    methods: {
+      confirm() {
+        this.model.f_change_pipeline_cost = this.model.f_change_pipeline_cost
+        this.model.f_material_cost = this.model.f_material_cost
+        this.model.f_labor_cost = this.model.f_labor_cost
+        this.model.f_sbaz_cost = this.model.f_sbaz_cost
+        this.model.f_construction_cost = this.model.f_construction_cost
+        this.model.f_total_cost = this.model.f_total_cost
+
+        this.model.f_fee = this.model.f_actualfee
+        this.model.f_actualfee = Number(this.infee.f_actualfee) + Number(this.model.f_actualfee)
+        this.model.f_paytype = this.model.f_actualfee_type
+        this.model.f_payfeedate = this.model.f_payfee_date
+        this.model.f_payer = this.model.f_actualfee_user
+        this.model.applyid = this.model.id
+        this.model.f_state = '已交款'
+        this.model.f_operator = this.model.f_payfee_operator
+        this.model.f_date = this.model.f_payfee_date
+        this.model.f_department = this.model.f_payfee_department
+        // this.model.f_filiale = this.model.f_filiale
+        this.model.f_operat_type = '报建收费'
+        this.model.f_state = '有效'
+        this.model.f_describe = this.model.f_user_name + '缴费' + this.model.f_fee
+        console.log('输出model', this.model)
+        let getGen = gen(this, this.model)
+        co(getGen)
+        this.$dispatch('searchcard')
+        this.$dispatch('hiddenbtn')
+      },
+      reset() {
+        this.$dispatch('hiddenbtn')
+        // this.$dispatch('hiddenbtn')
+      }
+    },
+    computed: {
+      totalcost() {
+        let f_construction_cost = this.model.f_construction_cost
+        let f_material_cost = this.model.f_material_cost
+        let f_labor_cost = this.model.f_labor_cost
+        let f_change_pipeline_cost = this.model.f_change_pipeline_cost
+        let f_sbaz_cost = this.model.f_sbaz_cost
+        let f_jmhj_cost = this.model.f_jmhj_cost
+        let f_payfee_num = this.model.f_payfee_num
+        this.model.f_total_cost = (Number(f_construction_cost) + Number(f_material_cost)
+          + Number(f_labor_cost) + Number(f_change_pipeline_cost)
+          + Number(f_sbaz_cost)) * Number(f_payfee_num) - Number(f_jmhj_cost)
+        return this.model.f_total_cost
+      },
+      non_payment() {
+        let total_cost = this.model.f_total_cost
+        let actualfee = this.model.f_actualfee
+        let f_jmhj_cost = this.model.f_jmhj_cost
+        return Number(total_cost) - Number(actualfee) - Number(f_jmhj_cost)
+      }
+    }
+  }
+</script>

package/src/components/{product/Function/functions → build/Install/InstallFee}/InstallFeeInfo.vue

@@ -5,48 +5,17 @@
     		<h3 class="panel-title text-center"><span @click="showbasic()" style="cursor: pointer;" class="pull-left">用户基本信息</span></h3>
     	</div>
       <div  class="panel-body" v-if="showbasicinfo">
-        <div class="panel-body" >
-          <div class="row">
-            <label class = "col-sm-5 control-label">客户名称:</label>
-            <span class = "col-sm-7">{{model.f_user_name}}</span>
-          </div>
-          <div class="row">
-            <label class = "col-sm-5 control-label">电话:</label>
-            <span class = "col-sm-7">{{model.f_phone}}</span>
-          </div>
-          <div class="row">
-            <label class = "col-sm-5 control-label">片区:</label>
-            <span class = "col-sm-7">{{model.f_area}}</span>
-          </div>
-          <div class="row">
-            <label class = "col-sm-5 control-label">报装类型:</label>
-            <span class = "col-sm-7">{{model.f_apply_type}}</span>
-          </div>
-          <div class="row">
-            <label class = "col-sm-5 control-label">用户类型:</label>
-            <span class = "col-sm-7">{{model.f_user_type}}</span>
-          </div>
-          <div class="row">
-            <label class = "col-sm-5 control-label">申请户数:</label>
-            <span class = "col-sm-7">{{model.f_user_type}}</span>
-          </div>
-          <div class="row">
-            <label class = "col-sm-5 control-label">房屋类型:</label>
-            <span class = "col-sm-7">{{model.f_house_type}}</span>
-          </div>
-          <div class="row">
-             <label class = "col-sm-5 control-label">小区:</label>
-             <span class = "col-sm-7">{{model.f_residential_area}}</span>
-           </div>
-          <div class="row">
-            <label class = "col-sm-5 control-label">地址:</label>
-            <span class = "col-sm-7">{{model.f_address}}</span>
-           </div>
-           <div class="row">
-            <label class = "col-sm-5 control-label">报建备注:</label>
-            <span class = "col-sm-7">{{model.f_apply_remarks}}</span>
-          </div>
-
+        <div class="panel-body">
+            <span>客户名称：{{model.f_user_name}}</span>
+            <span>电话：{{model.f_phone}}</span>
+            <span>片区：{{model.f_area}}</span>
+            <span>报装类型：{{model.f_apply_type}}</span>
+            <span>用户类型：{{model.f_user_type}}</span>
+            <span>申请户数：{{model.f_apply_count}}</span>
+            <span>房屋类型：{{model.f_house_type}}</span>
+            <span>小区：{{model.f_residential_area}}</span>
+            <span>地址：{{model.f_address}}</span>
+            <span>报建备注：{{model.f_apply_remarks}}</span>
         </div>
         <!--<div class="panel panel-body">-->
           <!--<span>工程名称：{{model.f_total_cost}}</span>-->

package/src/components/build/Install/InstallFee/InstallFunction.vue

@@ -0,0 +1,242 @@
+<template>
+  <div class="full">
+    <div class="flex-row">
+      <div class="flex" style="flex: 1" :style="{height: totalheight}">
+        <div class="flex col-sm-12" :style="{height: leftheight}">
+          <installinfoselect v-ref:installselect></installinfoselect>
+        </div>
+        <div class="flex col-sm-12" v-if="show" style="padding-top: 3px;">
+          <installinfodown v-ref:installdown></installinfodown>
+        </div>
+        <div class="col-sm-12" v-if="clishow">
+          <div class="col-sm-3">
+            <installfeeinfo :infeeinfo="selectdata"></installfeeinfo>
+          </div>
+          <div class="col-sm-9">
+            <billselect :billselect="selectdata" v-if="showbill"></billselect>
+            <installfee :infee="selectdata" v-if="showinfee"></installfee>
+            <!--预存款-->
+            <preparationfee :selectdata="selectdata" v-if="showpreparation"></preparationfee>
+            <!--预存报建收费-->
+            <prestorefee :infee="selectdata" v-if="showprestorefee" v-ref:prestorefee></prestorefee>
+            <updatefee :upfee="selectdata" v-if="showupfee"></updatefee>
+            <reducefee :redufee="selectdata" v-if="showreducefee"></reducefee>
+            <addcontract :addcontract="selectdata" v-if="showcontract"></addcontract>
+            <stop-install :stopapply="selectdata" v-if="showstop"></stop-install>
+
+          </div>
+        </div>
+        <div v-show="comps" v-el:route class="flex span select-overspread"
+             style="margin-top: 10px;border: 1px solid #EEF3F6;flex: 0.8;">
+          <route v-ref:route></route>
+        </div>
+      </div>
+      <div style="width: 350px;padding:0px 0px 10px 0px;margin-left: 20px">
+        <install-apply-cardlist :btns="operatebtn" :userinfoid="row ? row.f_userinfo_id : ''" @list-select-oper="recordCancel"
+                          v-ref:card></install-apply-cardlist>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+
+  export default {
+    title: '报建业务',
+    data() {
+      return {
+        comps: false,
+        row: null,
+        arr: ['报建登记', '现场勘探', '设计出图'],
+        selectdata: {f_actualfee: 0, f_total_fee: 0},
+        show: false,
+        clishow: false,
+        showallbtn: false,
+        showcontract: false,
+        showinfee: false, // 报建收费
+        showprestorefee: false, // 开发商预存报建收费
+        showupfee: false, // 费用变更
+        showreducefee: false, // 费用减免
+        showstop: false, // 终止报建
+        showbill: false, // 打印票据
+        showpreparation: false, // 预付款
+        leftheight: '100%',
+        totalheight: '100%',
+        footheight: '0%'
+      }
+    },
+    methods: {
+      // 预付款
+      preparation(row){
+        this.$refs.installselect.clifun(row)
+        this.$refs.installselect.clifun(row)
+        this.selectdata = row
+        this.clishow = true
+        this.show = false
+
+        this.showinfee = false
+        this.showprestorefee = false
+        this.showupfee = false
+        this.showreducefee = false
+        this.showstop = false
+        this.showcontract = false
+        this.showbill = false
+        this.showpreparation = true
+      },
+      // 票据打印
+      bill(row){
+        this.$refs.installselect.clifun(row)
+        this.selectdata = row
+        this.clishow = true
+        this.show = false
+
+        this.showinfee = false
+        this.showprestorefee = false
+        this.showupfee = false
+        this.showreducefee = false
+        this.showstop = false
+        this.showcontract = false
+        this.showpreparation = false
+        this.showbill = true
+      },
+      // 补充合同
+      contract(row) {
+        this.$refs.installselect.clifun(row)
+        this.selectdata = row
+        this.clishow = true
+        this.show = false
+
+        this.showinfee = false
+        this.showprestorefee = false
+        this.showupfee = false
+        this.showreducefee = false
+        this.showstop = false
+        this.showbill = false
+        this.showpreparation = false
+        this.showcontract = true
+      },
+      // 收费
+      instalfee(row,str) {
+        this.$refs.installselect.clifun(row)
+        this.selectdata = row
+        this.clishow = true
+        this.show = false
+
+        this.showupfee = false
+        this.showreducefee = false
+        this.showstop = false
+        this.showcontract = false
+        this.showbill = false
+        this.showpreparation = false
+        this.showprestorefee = false
+        this.showinfee = false
+        // 永州 采用开发商预付款方式收费
+        if(this.$login.f.f_fengongsi.includes("彩虹")&&str==='预付扣款'){
+          this.showprestorefee = true
+        }else {
+          this.showinfee = true
+        }
+      },
+      // 更新费用
+      updatefee(row) {
+        this.$refs.installselect.clifun(row)
+        this.selectdata = row
+        this.clishow = true
+        this.show = false
+
+        this.showinfee = false
+        this.showprestorefee = false
+        this.showbill = false
+        this.showreducefee = false
+        this.showstop = false
+        this.showcontract = false
+        this.showpreparation = false
+        this.showupfee = true
+      },
+      // 减免费用
+      reducefee(row) {
+        this.$refs.installselect.clifun(row)
+        this.selectdata = row
+        this.clishow = true
+        this.show = false
+
+        this.showinfee = false
+        this.showprestorefee = false
+        this.showbill = false
+        this.showupfee = false
+        this.showstop = false
+        this.showcontract = false
+        this.showpreparation = false
+        this.showreducefee = true
+      },
+      // 终止报建
+      stopInstall(row) {
+        this.$refs.installselect.clifun(row)
+        this.selectdata = row
+        this.clishow = true
+        this.show = false
+
+        this.showbill = false
+        this.showinfee = false
+        this.showprestorefee = false
+        this.showupfee = false
+        this.showreducefee = false
+        this.showcontract = false
+        this.showpreparation = false
+        this.showstop = true
+      },
+      //    操作记录点击撤销时间调用方法
+      recordCancel(title, name, row) {
+        this.leftheight = '50%'
+        this.showallbtn = false
+        this.show = false
+        this.clishow = false
+        // this.$refs.installselect.bulkType = '操作记录撤销'
+        this.$els.route.style.height = 260 + 'px'
+        // 清除row的选择
+        this.row = null
+        // this.$refs.list.search()
+        this.comps = {name: name, props: {data: row}}
+        this.$refs.route.init(name, {data: row})
+      }
+      // recordCancel (title, row, name) {
+      //   this.$refs.card.operateCancel(row)
+      // }
+    },
+    ready() {
+
+    },
+    events: {
+      'showbtn'(val) {
+        this.selectdata = val
+        // this.show = true
+        this.showallbtn = true
+        this.leftheight = '25%'
+        this.totalheight = '80%'
+      },
+      'hiddenbtn'() {
+        this.showallbtn = false
+        this.clishow = false
+        this.show = false
+        this.comps = null
+        this.leftheight = '100%'
+        this.totalheight = '100%'
+        this.$refs.installselect.$refs.cp.$refs.cri.search()
+        // this.$refs.installdown.$refs.cp.$refs.cri.search()
+        this.$refs.card.$refs.paged.$refs.cri.search()
+      },
+      'showline'(value) {
+        this.show = false
+        this.$refs.installselect.clifun(value)
+      },
+      'searchcard'() {
+        this.$refs.installselect.$refs.cp.$refs.cri.search()
+        // this.$refs.installdown.$refs.cp.$refs.cri.search()
+        this.$refs.card.$refs.paged.$refs.cri.search()
+      },
+      'list-select-oper'() {
+        this.leftheight = '50%'
+        this.footheight = '50%'
+      }
+    }
+  }
+</script>