telephone-clients 4.0.0-1-55 → 4.0.0-1-56

package/.history/src/components/newRepair/ORM2SelfBuildCreated_20250807114751.vue

@@ -0,0 +1,423 @@
+<template>
+  <div class="select-overspread repair-bg" style="padding-bottom: 5px;overflow: auto;background-color: white;">
+    <div class="bq-parent">
+      <blockquote style="color: #499edf;border-left-color: #499edf;font-size: 16px">
+        <p>创建维修工单</p>
+      </blockquote>
+    </div>
+    <div class="panel panel-default auto">
+      <div class="panel-body" style="padding-top:3px;">
+        <div class="auto repair-info-content compatible" style="padding: 0px;margin-top: 10px;margin-bottom: 5px;">
+          <div class="row auto" style="margin-left: -30px;">
+            <div class="{{shuclass}}" style="margin-top: 20px">
+              <label class="mylabel">用户名称</label>
+              <input v-model="model.user_name" class="myinput" type="text">
+            </div>
+            <div class="{{shuclass}}">
+              <label class="mylabel">联系电话</label>
+              <input v-model="model.link_telphone" class="myinput" type="text">
+            </div>
+            <div class="{{shuclass}}">
+              <label class="mylabel">卡号</label>
+              <input v-model="model.card_id" class="myinput" type="text">
+            </div>
+<!--            <div class="{{shuclass}}">-->
+<!--              <label class="mylabel">街道</label>-->
+<!--              <input v-model="model.street" class="myinput" type="text">-->
+<!--            </div>-->
+            <div class="{{shuclass}}">
+              <label class="mylabel">小区名称</label>
+              <input v-model="model.village_name" class="myinput" type="text">
+            </div>
+            <div class="{{shuclass}}">
+              <label class="mylabel">详细地址</label>
+              <input v-model="model.user_address" class="myinput" type="text">
+            </div>
+            <div class="{{shuclass}}">
+              <label class="mylabel">楼号</label>
+              <input v-model="model.cus_dom" class="myinput" type="text">
+            </div>
+            <div class="{{shuclass}}">
+              <label class="mylabel">单元号</label>
+              <input v-model="model.cus_dy" class="myinput" type="text">
+            </div>
+            <div class="{{shuclass}}">
+              <label class="mylabel">楼层</label>
+              <input v-model="model.cus_floor" class="myinput" type="text">
+            </div>
+            <div class="{{shuclass}}">
+              <label class="mylabel">房号</label>
+              <input v-model="model.cus_room" class="myinput" type="text">
+            </div>
+            <div class="{{shuclass}}">
+              <label class="mylabel">用户性质</label>
+              <v-select v-model="model.user_type" :close-on-select="true" :options='userTypes' :width="'100%'"
+                        :value-single="true" :value.sync="model.user_type" class="custom-select">
+              </v-select>
+            </div>
+            <div class="{{shuclass}}" v-if="model.user_type">
+              <label class="mylabel">故障位置</label>
+              <v-select v-model="model.slip_spot" :close-on-select="true" :options='slipSpots'
+                        :value-single="true" :value.sync="model.slip_spot">
+              </v-select>
+            </div>
+            <div class="{{shuclass}}" v-if="model.slip_spot">
+              <label class="mylabel">故障设备</label>
+              <v-select v-model="model.slip_equipment" :close-on-select="true" :options='equipments'
+                        :value-single="true" :value.sync="model.slip_equipment">
+              </v-select>
+            </div>
+
+<!--            <div class="{{shuclass}}">-->
+<!--              <label class="mylabel">处置部门</label>-->
+<!--              <v-select v-model="model.space_depname" :close-on-select="true" :options='space_depnames'-->
+<!--                        :value-single="true" :value.sync="model.space_depname">-->
+<!--              </v-select>-->
+<!--            </div>-->
+            <div class="{{shuclass}}">
+              <label class="mylabel">工单内容</label>
+              <input v-model="model.repair_content" class="myinput" type="text">
+            </div>
+<!--            <div class="{{shuclass}}">-->
+<!--              <label class="mylabel">派单说明</label>-->
+<!--              <input v-model="model.payout_ins" class="myinput" type="text">-->
+<!--            </div>-->
+            <div class="{{shuclass}}">
+              <label class="mylabel">备注</label>
+              <input v-model="model.mark" class="myinput" type="text">
+            </div>
+          </div>
+        </div>
+        <div style="display: flex;justify-content: center;align-items: center;margin-top:15px;">
+          <button :disabled="isSubmitting" class="btn btn-primary"
+                  style="background-color:#499edf;width: 30%;height:30px;margin-right: 20px;"
+                  type="button"
+                  @click="submitForm">
+            {{ isSubmitting ? '提交中...' : '提交' }}
+          </button>
+          <button :disabled="isSubmitting" class="btn btn-default"
+                  style="width: 30%;height:30px;"
+                  type="button"
+                  @click="resetForm">重置
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from "vue-client";
+import * as Util from "../Util";
+
+export default {
+  title: '创建维修工单',
+  data() {
+    return {
+      shuclass: 'col-xs-12 col-sm-12 col-md-12 form-group form-input-group',
+      isSubmitting: false, // 添加提交状态控制变量
+      model: {
+        repair_code: '',
+        call_telphone: '',
+        user_type: '民用',
+        slip_spot: '',
+        slip_equipment: '',
+        repair_content: '',
+        user_address: '',
+        city: '',
+        area: '',
+        street: '',
+        village_name: '',
+        cus_dom: '',
+        cus_dy: '',
+        cus_floor: '',
+        cus_room: '',
+        user_name: '',
+        link_telphone: '',
+        mark: '',
+        card_id: '',
+        take_limit: '1',
+        to_examine: '未审核',
+        payout_state: '下派',
+        f_source: '平板',
+        payout_date: Util.toStandardTimeString(),
+        payout_people: Vue.user.ename.substring(0,3),
+        repair_date: null,
+        repair_people: '',
+        back_date: null,
+        back_people: '',
+        is_wrong: '否',
+        wrong_send: null,
+        wrong_operate_code: '',
+        sec_dep: Vue.user.parent.selfid,
+        sec_depname: Vue.user.parent.name,
+        space_dep: Vue.user.parent.stationdepid,
+        space_depname: '客服',
+        sendpad: Vue.user.ename,
+        printed: '否',
+        payout_ins: ''
+      },
+      cities: [],
+      areas: [],
+      streets: [],
+      villages: [],
+      sites: [],
+      departments: []
+    }
+  },
+  watch: {
+    'model.card_id'(newValue) {
+      if (newValue) {
+        const filteredValue = newValue.replace(/[^\d]/g, '');
+        if (filteredValue.length > 10) {
+          this.model.card_id = filteredValue.slice(0, 10);
+          this.$showMessage('卡号长度不能超过10位');
+        } else {
+          this.model.card_id = filteredValue;
+        }
+      }
+    }
+  },
+  methods: {
+    // 生成工单编号
+    generateRepairCode() {
+      const now = new Date();
+      const year = now.getFullYear().toString();
+      const month = (now.getMonth() + 1).toString().padStart(2, '0');
+      const day = now.getDate().toString().padStart(2, '0');
+      this.model.repair_code = `Z${year}${month}${day}`
+    },
+
+    // 初始化数据
+    initData() {
+      // 生成工单编号
+      this.generateRepairCode();
+
+      // 设置默认值
+      this.model.payout_people = Vue.user.ename.substring(0,3)
+
+      // 设置派单信息默认值
+      this.model.sec_dep = Vue.user.parent.selfid
+      this.model.sec_depname = Vue.user.parent.name
+
+      this.model.space_dep = Vue.user.parent.stationdepid
+      this.model.space_depname = '客服'
+      this.model.sendpad = Vue.user.ename
+      this.model.payout_state = '下派'
+    },
+
+    // 提交表单
+    submitForm() {
+      // 表单验证
+      if (!this.validateForm()) {
+        return;
+      }
+      // 设置按钮为提交中状态
+      this.isSubmitting = true;
+      // 设置派单时间
+      this.model.payout_date = Util.toStandardTimeString()
+      new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/logic/selfBuildCreated`, {data: this.model}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then(result => {
+        this.$showMessage('工单创建成功')
+        this.resetForm()
+        this.isSubmitting = false;
+      }).catch((error) => {
+        // 发生错误，恢复按钮状态
+        this.isSubmitting = false;
+        this.$showMessage('工单创建失败');
+        console.error('提交工单时发生错误:', error);
+      })
+    },
+
+    // 表单验证
+    validateForm() {
+      if (!this.model.user_name) {
+        this.$showMessage('请输入用户名称');
+        return false;
+      }
+
+      if (!this.model.link_telphone) {
+        this.$showMessage('请输入联系电话');
+        return false;
+      }
+
+      if (!this.model.card_id) {
+        this.$showMessage('请输入卡号');
+        return false;
+      }
+
+      if (this.model.card_id) {
+        if (!/^\d+$/.test(this.model.card_id)) {
+          this.$showMessage('卡号必须是纯数字');
+          return false;
+        }
+        if (this.model.card_id.length > 10) {
+          this.$showMessage('卡号长度不能超过10位');
+          return false;
+        }
+      }
+
+      if (!this.model.user_address) {
+        this.$showMessage('请输入地址');
+        return false;
+      }
+
+      // if (!this.model.space_depname) {
+      //   this.$showMessage('请选择处置部门');
+      //   return false;
+      // }
+
+      if (!this.model.repair_content) {
+        this.$showMessage('请输入工单内容');
+        return false;
+      }
+
+      return true;
+    },
+
+    // 重置表单
+    resetForm() {
+      this.model = {
+        repair_code: '',
+        call_telphone: '',
+        user_type: '民用',
+        slip_spot: '',
+        slip_equipment: '',
+        repair_content: '',
+        user_address: '',
+        city: '',
+        area: '',
+        street: '',
+        village_name: '',
+        cus_dom: '',
+        cus_dy: '',
+        cus_floor: '',
+        cus_room: '',
+        user_name: '',
+        link_telphone: '',
+        mark: '',
+        card_id: '',
+        take_limit: '1',
+        payout_state: '下派',
+        f_source: '平板',
+        to_examine: '未审核',
+        payout_date: Util.toStandardTimeString(),
+        payout_people: Vue.user.ename.substring(0,3),
+        repair_date: null,
+        repair_people: '',
+        back_date: null,
+        back_people: '',
+        is_wrong: '否',
+        wrong_send: null,
+        wrong_operate_code: '',
+        sec_dep: Vue.user.parent.selfid,
+        sec_depname: Vue.user.parent.name,
+        space_dep: Vue.user.parent.stationdepid,
+        space_depname: '客服',
+        sendpad: Vue.user.ename,
+        printed: '否',
+        payout_ins: ''
+      }
+      this.generateRepairCode()
+    }
+  },
+  computed: {
+    userTypes() {
+      return [
+        ...this.$appdata.getParam('用户性质') || []
+      ]
+    },
+    slipSpots() {
+      return [
+        ...this.$appdata.getParam('故障位置') || []
+      ]
+    },
+    equipments() {
+      return [
+        ...this.$appdata.getParam('故障设备') || []
+      ]
+    },
+    // space_depnames() {
+    //   return [
+    //     ...this.$appdata.getParam('处置部门') || []
+    //   ]
+    // },
+  },
+  ready() {
+    this.initData();
+  }
+}
+</script>
+
+<style scoped>
+.form-input-group label {
+  text-align: justify !important;
+  margin-left: 20px;
+  margin-right: -5px;
+}
+
+.myinput {
+  height: 40px;
+  width: 100%;
+}
+
+/* 添加v-select自定义样式 */
+.custom-select {
+  height: 40px;
+  width: 100%;
+}
+
+/* 调整v-select内部样式 */
+.custom-select >>> .dropdown-toggle {
+  height: 40px;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+}
+
+/* 确保v-select内容垂直居中 */
+.custom-select >>> .selected-tag {
+  display: flex;
+  align-items: center;
+  height: 38px;
+}
+
+.btn-group > button {
+  height: 40px !important;
+}
+
+.btn-group > button .btn-content {
+  font-size: 16px;
+}
+
+.mylabel {
+  font-size: 16px;
+  padding-top: 10px;
+  margin-right: 14px;
+}
+
+.app-botton {
+  position: fixed;
+  background: #87b2dd;
+  color: #FFF;
+  padding: 8px;
+  text-align: center;
+  font-size: 1.2em;
+  z-index: 10;
+  opacity: 0.5;
+  bottom: 50px;
+  margin-top: -10px;
+  height: 40px;
+}
+
+.section-title {
+  font-size: 16px;
+  font-weight: bold;
+  margin: 15px 0 10px 0;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #eee;
+  color: #499edf;
+}
+</style>