telephone-clients 4.0.0-1-57 → 4.0.0-1-59

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

@@ -1,423 +0,0 @@
-<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>