sale-client 4.2.32 → 4.2.33

package/src/components/revenue/comprehen/ComprehenOperation/UserVisit/UserVisit.vue

@@ -0,0 +1,217 @@
+<template>
+  <div class="auto" style="overflow:auto;" >
+    <validator name='v'>
+      <form novalidate class="form-horizontal">
+        <div class="row auto">
+          <div class="col-sm-4 form-group">
+            <label for="f_inspect_state" class="font_normal_body">到访情况</label>
+              <v-select id="f_inspect_state"
+                        v-model="model.f_inspect_state"
+                        placeholder='请选择'
+                        :value.sync="model.f_inspect_state"
+                        :options='inspect_state'
+                        close-on-select clear-button>
+              </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_inspect_state" class="font_normal_body">安检情况</label>
+            <v-select id="f_security_situation"
+                      v-model="model.f_security_situation"
+                      placeholder='请选择'
+                      :value.sync="model.f_security_situation"
+                      :options='security_situation'
+                      close-on-select clear-button>
+            </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_inspect_issue" class="font_normal_body">隐患通知</label>
+            <v-select id="f_inspect_issue"
+                      v-model="model.f_inspect_issue"
+                      placeholder='请选择'
+                      :value.sync="model.f_inspect_issue"
+                      :options='inspect_issue'
+                      close-on-select clear-button>
+            </v-select>
+          </div>
+          <div class="col-sm-8 form-group">
+            <label for="f_inspect_note" class="font_normal_body">隐患备注</label>
+              <input type="text" class="input_search" v-model="model.f_inspect_note"  style="width:90%" placeholder="请填写隐患备注"></input>
+          </div>
+        </div>
+        <div class="row auto">
+          <div class="col-sm-4 form-group">
+            <label for="f_repair_result" class="font_normal_body">隐患处置</label>
+              <v-select id="f_repair_result"
+                        v-model="model.f_repair_result"
+                        placeholder='请选择'
+                        :value.sync="model.f_repair_result"
+                        :options='repair_result'
+                        close-on-select clear-button>
+              </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_gas_meter" class="font_normal_body">燃气表</label>
+              <v-select id="f_gas_meter"
+                        v-model="model.f_gas_meter"
+                        placeholder='请选择'
+                        :value.sync="model.f_gas_meter"
+                        :options='gas_meter'
+                        close-on-select clear-button>
+              </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_gas_meter" class="font_normal_body">阀&nbsp;&nbsp;&nbsp;&nbsp;门</label>
+            <v-select id="f_valve"
+                      v-model="model.f_valve"
+                      placeholder='请选择'
+                      :value.sync="model.f_valve"
+                      :options='valve'
+                      close-on-select clear-button>
+            </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_gas_meter" class="font_normal_body">户内管</label>
+            <v-select id="f_household_riser"
+                      v-model="model.f_household_riser"
+                      placeholder='请选择'
+                      :value.sync="model.f_household_riser"
+                      :options='household_riser'
+                      close-on-select clear-button>
+            </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_stove" class="font_normal_body">灶&nbsp;&nbsp;&nbsp;&nbsp;具</label>
+            <v-select id="f_stove"
+                      v-model="model.f_stove"
+                      placeholder='请选择'
+                      :value.sync="model.f_stove"
+                      :options='stove'
+                      close-on-select clear-button>
+            </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_calorifier" class="font_normal_body">热水器</label>
+              <v-select id="f_calorifier"
+                        v-model="model.f_calorifier"
+                        placeholder='请选择'
+                        :value.sync="model.f_calorifier"
+                        :options='calorifier'
+                        close-on-select clear-button>
+              </v-select>
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_visit_operator" class="font_normal_body">表底数</label>
+              <input  class="input_search" style="width:60%" type="text" v-model="model.f_visit_content"  placeholder="表底数">
+          </div>
+          <div class="col-sm-4 form-group" :class="[$v.f_visit_operator.required ? 'has-error' : '']">
+            <label for="f_visit_operator" class="font_normal_body" >回访员</label>
+            <input  class="input_search" style="width:60%" type="text" v-model="model.f_visit_operator" v-validate:f_visit_operator='{required: true }' placeholder="回访员">
+          </div>
+          <div class="col-sm-4 form-group">
+            <label for="f_repair_date" class="font_normal_body">回访日期</label>
+            <datepicker id="f_visit_date"
+                        placeholder="回访日期"
+                        v-model="model.f_visit_date"
+                        :value.sync="model.f_visit_date"
+                        :format="'yyyy-MM-dd HH:mm:ss'"
+                        style="width:60%">
+            </datepicker>
+          </div>
+          <div class="col-sm-8 form-group">
+            <label for="f_repair_situation" class="font_normal_body">隐患处理</label>
+            <input class="form-control" v-model="model.f_repair_situation" style="width:90%"
+                      placeholder="请填写隐患处理情况"></input>
+          </div>
+        </div>
+        <div class="row auto">
+            <div class="col-sm-4 form-group">
+              <label for="f_repair_situation" class="font_normal_body">处理人</label>
+              <input class="form-control" v-model="model.f_repair_operator" style="width:60%"
+                     placeholder="处理人"></input>
+            </div>
+            <div class="col-sm-4 form-group">
+              <label for="f_repair_date" class="font_normal_body">处理日期</label>
+              <datepicker id="f_repair_date"
+                          placeholder="处理日期"
+                          v-model="model.f_repair_date"
+                          :value.sync="model.f_repair_date"
+                          :format="'yyyy-MM-dd HH:mm:ss'"
+                          style="width:60%">
+              </datepicker>
+            </div>
+        </div>
+        <div style="text-align:right;height:200px; padding-top: 15px">
+          <button class="button_search" type="button" @click="confirm()" :disabled=" !$v.valid">确认</button>
+          <button class="button_clear" type="button" @click="clean()">取消</button>
+        </div>
+      </form>
+    </validator>
+  </div>
+</template>
+<script>
+export default {
+  title: '用户回访',
+  data () {
+    return {
+      model: {
+        f_visit_content: '',
+        f_visit_operator: '',
+        f_visit_date: '',
+        f_repair_date: '',
+        f_repair_operator: '',
+        f_repair_situation: ''
+      },
+      inspect_state: this.$appdata.getParam('隐患状态'),
+      security_situation: this.$appdata.getParam('安检情况'),
+      inspect_issue: this.$appdata.getParam('隐患通知'),
+      repair_result: this.$appdata.getParam('隐患处置'),
+      // 燃气表、阀门、户内管用的参数都和安检情况一样
+      gas_meter: this.$appdata.getParam('安检情况'),
+      valve: this.$appdata.getParam('安检情况'),
+      household_riser: this.$appdata.getParam('安检情况'),
+      calorifier: this.$appdata.getParam('灶具/热水器'),
+      stove: this.$appdata.getParam('灶具/热水器')
+    }
+  },
+  props: {
+    row: {
+      type: Object,
+      default: undefined
+    },
+    dataModel: {
+      type: Object,
+      default: undefined
+    }
+  },
+  methods: {
+    async confirm () {
+      let msg = await this.$showMessage('是否对该用户进行回访？', ['confirm', 'cancel'])
+      if (msg === 'confirm') {
+        this.$LogicService.userVisit(this.model, this.row)
+            .then(
+                (res) => {
+                  this.$dispatch('success', '用户回访', this.row, res)
+                }
+            ).catch(
+            (error) => {
+              if (error.state === 603) {
+                this.$error('重复提交')
+                return
+              }
+              this.$dispatch('error', '用户回访', this.row, error)
+            }
+        )
+      }
+    },
+    // 返回
+    clean () {
+      this.$dispatch('refresh', this.row)
+    }
+  },
+  ready () {
+    console.log('row', this.row)
+    console.log('dataModel', this.dataModel)
+  }
+}
+</script>
+<style></style>