apply-clients 5.0.361 → 6.0.3

package/src/components/build/Install/Process/boneng/qbj_placecontroler.vue

@@ -0,0 +1,370 @@
+<template xmlns="http://www.w3.org/1999/xhtml" xmlns:v-validate="http://www.w3.org/1999/xhtml">
+  <div class="auto select-overspread">
+    <div class="panel panel-info">
+      <div class="panel-heading">
+        <h3 class="panel-title">勘探登记</h3>
+      </div>
+    </div>
+    <validator name="v">
+      <form class="form-horizontal">
+        <div class="form-group col-sm-11">
+          <div class="form-group col-sm-4 form-input-group">
+            <label class="control-label">客户名称：</label>
+            <div class="col-sm-6">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_user_name">
+            </div>
+          </div>
+          <div class="form-group  col-sm-4  form-input-group">
+            <label class="control-label">客户类型：</label>
+            <div class="col-sm-5">
+              <v-select  :is-all-line="true" :value.sync="model.f_customer_type" v-model="model.f_customer_type" v-ref:customertype
+                        :options='fcustomertype'
+                        placeholder='请选择' close-on-select></v-select>
+            </div>
+          </div>
+          <div class="form-group  col-sm-4 form-input-group">
+            <label class="col-sm-4 control-label">报装类型：</label>
+            <div class="col-sm-8">
+              <v-select  :is-all-line="true" v-ref:fapplytype
+                        v-model="model.f_apply_type"
+                        placeholder='请选择'
+                        :value.sync="model.f_apply_type"
+                        :options='fapplytype'
+                        close-on-select>
+              </v-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-4 form-input-group">
+            <label class="control-label">电话号码：</label>
+            <div class="col-sm-6">
+              <input class="form-control col-sm-6" type="text" v-model="model.f_phone">
+            </div>
+          </div>
+          <div class="form-group  col-sm-4  form-input-group">
+            <label class="control-label">用户类型：</label>
+            <div class="col-sm-4">
+              <v-select  :is-all-line="true" :value.sync="model.f_user_type" v-model="model.f_user_type" v-ref:usertype :options='fusertype'
+                        placeholder='请选择' close-on-select></v-select>
+            </div>
+          </div>
+          <div class="form-group  col-sm-4 form-input-group">
+            <label class="col-sm-4 control-label">证件类型：</label>
+            <div class="col-sm-6">
+              <v-select
+                v-model="model.f_credentials"
+                placeholder='请选择'
+                :value.sync="model.f_credentials"
+                :options='fcredentials'
+                close-on-select>
+              </v-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-4 form-input-group">
+            <label class="control-label">证件号码：</label>
+            <div class="col-sm-5">
+              <input class="form-control" type="text" v-model="model.f_idnumber">
+            </div>
+          </div>
+          <div class="form-group  col-sm-4  form-input-group">
+            <label class="control-label">片区：</label>
+            <div class="col-sm-5">
+              <v-select  :is-all-line="true" style="width:100%" :value.sync="model.f_residential_area" v-model="model.f_residential_area" v-ref:area
+                        :options='village'
+                        placeholder='请选择' close-on-select></v-select>
+              <!--<input  style="width:90%;height:26px;position: relative;top: -26px" :value.sync="model.f_residential_area" v-model="model.f_residential_area" />-->
+            </div>
+          </div>
+          <div class="form-group  col-sm-4  form-input-group">
+            <label class="control-label">小区：</label>
+            <div class="col-sm-5">
+              <v-select  :is-all-line="true" :value.sync="model.f_area" v-model="model.f_area" v-ref:area :options='allvillages'
+                        placeholder='请选择' close-on-select></v-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-12 form-input-group">
+            <label class=" col-sm-3 control-label">用户单位：</label>
+            <div class="col-sm-8">
+              <input class="form-control" type="text" v-model="model.f_company_name">
+            </div>
+          </div>
+          <div class="form-group col-sm-12 form-input-group">
+            <label class=" col-sm-3 control-label">勘探地址：</label>
+            <div class="col-sm-8">
+              <input class="form-control" type="text" v-model="model.f_address">
+            </div>
+          </div>
+          <div class="form-group  col-sm-4  form-input-group" :class="[$v.f_install_num.required ? 'has-error':'']">
+            <label for="f_install_num" class=" col-sm-6 control-label">实际可安装用户：</label>
+            <div class="col-sm-6" id="f_install_num">
+              <input class="form-control" type="text" v-model="model.f_install_num"
+                     v-validate:f_install_num='{required: true}'>
+            </div>
+          </div>
+          <div class="form-group  col-sm-4  form-input-group" :class="[$v.f_payfee_num.required ? 'has-error':'']">
+            <label for="f_payfee_num" class=" col-sm-6 control-label">缴费户数：</label>
+            <div class="col-sm-6" id="f_payfee_num">
+              <input class="form-control" type="text" v-model="model.f_payfee_num"
+                     v-validate:f_payfee_num='{required: true}'>
+            </div>
+          </div>
+          <div class="form-group  col-sm-4  form-input-group" :class="[$v.gastype.required ? 'has-error select-error' : '' ]">
+            <label for="f_gas_type" class="col-sm-6 control-label">用气类型：</label>
+            <div class="col-sm-6" id="f_gas_type">
+              <input type="text" v-show="false" v-model="$refs.gastype.value[0]" v-validate:gastype='{required: true}'/>
+              <v-select  :is-all-line="true" v-ref:gastype
+                        v-model="model.f_gas_type"
+                        placeholder="全部"
+                        :value.sync="model.f_gas_type"
+                        :options='fgastype'
+                        close-on-select>
+              </v-select>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-11">
+          <div class="form-group  col-sm-4  form-input-group" :class="[$v.surveyname.required ? 'select-error has-error' : '']">
+            <label for="f_meter_brand" class="col-sm-6 control-label">勘查人员：</label>
+            <div class="col-sm-6" id="f_survey_name">
+              <input type="text" v-show="false" v-model="$refs.surveyname.value[0]"
+                     v-validate:surveyname='{required: true}'>
+              <v-select  :is-all-line="true" v-ref:surveyname
+                        v-model="model.f_survey_name"
+                        placeholder="全部"
+                        :value.sync="model.f_survey_name"
+                        :options='fsurveyname'
+                        close-on-select>
+              </v-select>
+              <!--<select v-model="employeetemplate" class="form-control">-->
+              <!--<option v-if="employeetemplate" :value="employeetemplate" selected>{{employeetemplate}}</option>-->
+              <!--<option v-else selected value="">请选择</option>-->
+              <!--<option :value="coupon.value" v-for="coupon in employees">{{coupon.lable}}</option>-->
+              <!--</select>-->
+
+            </div>
+          </div>
+          <div class="form-group  col-sm-4  form-input-group" :class="[$v.surveytime.required ? 'has-error' : '']">
+            <label for="f_survey_time" class="col-sm-6 control-label">勘查日期：</label>
+            <div class="col-sm-6" id="f_survey_time">
+              <input type="text" v-show="false" v-model="$refs.surveytime.value"
+                     v-validate:surveytime='{required: true}'/>
+              <datepicker id="f_survey_time" width="200.72px;" v-ref:surveytime
+                          :value.sync="model.f_survey_time"
+                          :disabled-days-of-Week="[]"
+                          :format="'yyyy-MM-dd'"
+                          v-model="model.f_survey_time"
+                          :show-reset-button="reset" readonly="readonly">
+              </datepicker>
+            </div>
+          </div>
+          <div class="form-group  col-sm-4  form-input-group">
+            <div class="col-sm-3"></div>
+            <div class="col-sm-6">
+              <input type="checkbox" class="" id="checkbox" v-model="model.f_isdesign"
+                     v-validate:f_isdesign='{required: true }'/>
+              <label for="checkbox" class="font-size">是否设计出图</label>
+            </div>
+          </div>
+        </div>
+        <div class="form-group  col-sm-11  form-input-group">
+          <label class="col-sm-2" for="f_survey_remarks">勘查意见：</label>
+          <div class="col-sm-10" id="f_survey_remarks">
+            <textarea class="form-control" v-model="model.f_survey_remarks" rows="3"></textarea>
+          </div>
+        </div>
+        <div class="form-group col-sm-11">
+          <div class="form-group col-sm-6">
+            <label for="f_survey_departmen" class=" col-sm-4 control-label">部门：</label>
+            <div class="col-sm-6" id="f_survey_departmen">
+              <input class="form-control" type="text" v-model="model.f_survey_department" disabled>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label for="f_survey_operator" class="col-sm-6 control-label">执行人：</label>
+            <div class="col-sm-6" id="f_survey_operator">
+              <input class="form-control" type="text" v-model="model.f_survey_operator" disabled>
+            </div>
+          </div>
+          <!--<div  class="form-group  col-sm-3 form-input-group">-->
+          <!--<label class="control-label">派发给：</label>-->
+          <!--<div class="col-sm-5">-->
+
+          <!--</div>-->
+          <!--</div>-->
+        </div>
+        <div class="form-group col-sm-11">
+          <div class="form-group  col-sm-6">
+            <label class=" col-sm-4 control-label" for="f_filiale">分公司：</label>
+            <div class="col-sm-6" id="f_filiale">
+              <input class="form-control" type="text" v-model="model.f_filiale" disabled>
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class=" col-sm-6 control-label">操作日期：</label>
+            <div class="col-sm-6" id="f_survey_date">
+              <input class="form-control" type="text" v-model="model.f_survey_date" disabled>
+            </div>
+          </div>
+        </div>
+      </form>
+    </validator>
+    <div class="from-group col-sm-11">
+      <center>
+        <!--<button type="button" @click="confirm()" class="btn btn-primary" style="width:80px; margin-left:40px;">-->
+          <!--保存-->
+        <!--</button>-->
+        <button type="button" @click="confirm()" class="btn btn-primary" style="width:80px; margin-left:40px;">
+          提交
+        </button>
+        <button type="button" @click="reset()" class="btn btn-warning" style="width:80px; margin-left:40px;">
+          撤销
+        </button>
+      </center>
+    </div>
+  </div>
+</template>
+<script>
+  import  {HttpResetClass} from 'vue-client'
+  import * as Util from '../../../../Util'
+  export default {
+    title: "基本信息",
+    props: {
+      selectdata: {
+        type: Object,
+        default: {}
+      }
+    },
+    data() {
+      return {
+        fusertype: this.$appdata.getParam('用户类型'),
+        fapplytype: this.$appdata.getParam('报装类型'),
+        fcredentials: this.$appdata.getParam('证件类型'),
+        fhousetype: this.$appdata.getParam('房屋类型'),
+        fcustomertype: this.$appdata.getParam('客户类型'),
+        fgastype: this.$appdata.getParam('用气类型'),
+        fsurveyname : this.$appdata.getParam('勘查人员'),
+        model: {
+          f_filiale: this.$login.f.f_filiale,
+          f_survey_date: Util.toStandardTimeString(),
+          f_survey_department: this.$login.f.f_parentname,
+          f_survey_operator: this.$login.f.name
+        }
+      }
+    },
+    ready() {
+      console.log("开始")
+      this.model = Object.assign({}, this.model, this.selectdata)
+    },
+    methods: {
+      // 父组件更新子组件属性
+      updateData(val) {
+        this.selectdata = val
+      },
+
+      confirm() {
+        this.getModel();
+        this.workflow();
+      },
+
+      workflow() {
+        console.log('11', this.uuid);
+        if (!this.model.f_apply_type) {
+          this.$showMessage("请选择报装类型")
+        } else if (!this.model.f_user_type) {
+          this.$showMessage("请选择用户类型")
+        }
+        else {
+          this.model.f_apply_type = this.model.f_apply_type
+          let fileInfoData = this.$parent.$parent.$parent.$parent.$refs.file.fileInfoData
+          let recordmessage = this.$parent.$parent.$parent.$parent.$refs.record.model.rows
+          let materialmessage = this.$parent.$parent.$parent.$parent.$refs.material.model.rows
+          for(var i=0;i<materialmessage.length;i++){
+            materialmessage[i].id = Number(materialmessage[i].id)
+            materialmessage[i].f_quantity = Number(materialmessage[i].f_quantity)
+            materialmessage[i].f_price = Number(materialmessage[i].f_price)
+            materialmessage[i].f_money = Number(materialmessage[i].f_money)
+          }
+          let buildingmessage = []
+          if(this.$parent.$parent.$parent.$parent.$refs.building){
+             buildingmessage = this.$parent.$parent.$parent.$parent.$refs.building.model.rows
+          }
+          let equipmentmessage = []
+          if (this.$parent.$parent.$parent.$parent.flagg) {
+            equipmentmessage = this.$parent.$parent.$parent.$parent.$refs.equipment.devicesinfo
+            if (equipmentmessage.length != 0 && equipmentmessage[0].id == null) {
+              equipmentmessage = []
+            }
+            for (var i = 0; i < equipmentmessage.length; i++) {
+              equipmentmessage[i].f_devices_type = equipmentmessage[i].f_devices_type[0] ? equipmentmessage[i].f_devices_type[0] : ''
+            }
+          }
+          let data = {
+            model: this.model,
+            fileinfodata: fileInfoData,
+            recordmessage: recordmessage,
+            materialmessage: materialmessage,
+            equipmentmessage: equipmentmessage,
+            buildingmessage: buildingmessage,
+            loginUser: {
+              id: this.$login.f.id,
+              name: this.$login.f.name,
+              ename: this.$login.f.ename
+            }
+          }
+          this.$resetpost(`rs/logic/saveapplynext`, {data: data})
+            .then((res) => {
+              this.reset()
+            })
+        }
+      },
+
+      reset() {
+        this.$dispatch('close')
+        this.$dispatch('selfsearch')
+      },
+
+      getModel() {
+        console.log("合并后" + JSON.stringify(this.model));
+        this.model.f_user_type = this.model.f_user_type[0] ? this.model.f_user_type[0] : ''
+        this.model.f_area = this.model.f_area[0] ? this.model.f_area[0] : ''
+        // this.model.f_house_type = this.model.f_house_type[0] ? this.model.f_house_type[0] : ''
+        this.model.f_credentials = this.model.f_credentials[0] ? this.model.f_credentials[0] : ''
+        this.model.f_apply_type = this.model.f_apply_type[0] ? this.model.f_apply_type[0] : ''
+        this.model.f_residential_area = this.model.f_residential_area[0] ? this.model.f_residential_area[0] : ''
+        this.model.f_customer_type = this.model.f_customer_type[0] ? this.model.f_customer_type[0] : ''
+        this.model.f_gas_type = typeof this.model.f_gas_type==='object'?this.model.f_gas_type[0]:this.model.f_gas_type?this.model.f_gas_type:''
+        this.model.f_survey_name = typeof this.model.f_survey_name==='object'?this.model.f_survey_name[0]:this.model.f_survey_name?this.model.f_survey_name:''
+        // this.model.f_sub_state = ''
+      },
+
+    },
+    watch: {
+      'selectdata'() {
+        console.log("监听selectdata")
+        this.model = Object.assign({}, this.selectdata, this.model)
+      },
+      'model.f_customer_type'() {
+        if (this.model.f_customer_type == '企业') {
+          this.$parent.$parent.$parent.$parent.flagg = true
+        } else {
+          this.$parent.$parent.$parent.$parent.flagg = false
+        }
+      }
+    },
+    computed: {
+      village() {
+        let temp = []
+        for (var i = 0; i < this.$login.f.f_allArea.length; i++) {
+          temp.push({label: this.$login.f.f_allArea[i].label, value: this.$login.f.f_allArea[i].label})
+        }
+        return temp
+      },
+      allvillages() {
+        let temp = []
+        for (var i = 0; i < this.$login.f.f_allArea.length; i++) {
+          if (this.model.f_residential_area[0] == this.$login.f.f_allArea[i].label)
+            return this.$login.f.f_allArea[i].value
+        }
+      }
+    }
+  }
+</script>