fix:修复工单手机验证逻辑

CallCenterWeb.UI/RMYY/src/views/callScreen/components/addressNumber.vue

@@ -2,7 +2,7 @@
   <el-row class="rows" style="padding: 8px 0 !important;background-color: #404040;border-radius: 8px; ">
     <el-col :span="6">
       <div class="topbox" style="">
-        <img style="width: 100px;height: 100px;" :src="circleUrl"></img>
+        <img :src="circleUrl" style="width: 100px;height: 100px;"></img>
       </div>
     </el-col>
     <el-col :span="7">
@@ -28,7 +28,7 @@
     </el-col>
     <el-col :span="8">
       <p class="callin_con" style="text-align: right;cursor: pointer;">
-        <i class="el-icon-circle-plus" style="color: red;font-size: 18px;" @click="btn_addBlack"></i>
+        <i class="el-icon-circle-plus" style="color: red;font-size: 18px;" @click="btn_addBlack"/>
         <span class="callin_num" style="color: red;font-size: 17px;" @click="btn_addBlack">加入黑名单</span>
       </p>
     </el-col>
@@ -36,135 +36,135 @@
 </template>
 
 <script>
-  import {
-    mapGetters
-  } from 'vuex'
-
-  import {
-    getPhoneLocation
-  } from '@/api/teloperation'
-  import {
-    cancelBlack
-  } from '@/api/callScreen/callScreen'
-
-  import addOrEditBlackList from '@/views/telCall/blackList/addOrEditBlackList'
-
-  export default {
-
-    name: 'AddressNumber',
-    props: {
-      callinNum: {
-        type: String,
-        default: ''
-      },
-      cusInfo: {
-        type: Object,
-        default () {
-          return {}
-        }
-      }
+import {
+  mapGetters
+} from 'vuex'
+
+import {
+  getPhoneLocation
+} from '@/api/teloperation'
+import {
+  cancelBlack
+} from '@/api/callScreen/callScreen'
+
+import addOrEditBlackList from '@/views/telCall/blackList/addOrEditBlackList'
+
+export default {
+
+  name: 'AddressNumber',
+  props: {
+    callinNum: {
+      type: String,
+      default: ''
     },
-    data() {
-      return {
-        circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
-        phoneData: '', // 归属地
-        callinTime: '00:00:00', // 通话时长
-        isBlack: false, // 是否加入黑名单
-        dropoff: false, // 是否挂断
-        telTimer: null // 时间定时器
+    cusInfo: {
+      type: Object,
+      default() {
+        return {}
       }
-    },
-    computed: {
-      ...mapGetters([
-        'telCallNum', // 顶部显示号码
-        'telCallTime',
-        'telLineState'
-      ])
-    },
-    watch: {
-      telLineState: function(newT, oldT) {
-        this.watchTelLineState(newT, oldT)
+    }
+  },
+  data() {
+    return {
+      circleUrl: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png',
+      phoneData: '', // 归属地
+      callinTime: '00:00:00', // 通话时长
+      isBlack: false, // 是否加入黑名单
+      dropoff: false, // 是否挂断
+      telTimer: null // 时间定时器
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'telCallNum', // 顶部显示号码
+      'telCallTime',
+      'telLineState'
+    ])
+  },
+  watch: {
+    telLineState: function(newT, oldT) {
+      this.watchTelLineState(newT, oldT)
+    }
+  },
+  created() {
+    if (this.callinNum) {
+      this.calladdress()
+    }
+  },
+  methods: {
+    // 通话时间
+    callTimeFun() {
+      // 通话时间重置为00:00:00
+      // 时间 计时
+      let _n = 0
+      if (this.telTimer) {
+        clearInterval(this.telTimer)
       }
+      this.telTimer = setInterval(() => {
+        _n++
+        this.callTime = {
+          hh: this.toDub(parseInt((_n / 60 / 60) % 60)), // 小时
+          mm: this.toDub(parseInt((_n / 60) % 60)), // 分钟
+          ss: this.toDub(parseInt(_n % 60)) // 秒
+        }
+      }, 1000)
     },
-    created() {
-      if (this.callinNum) {
-        this.calladdress()
+    toDub(i) {
+      return i < 10 ? '0' + i : '' + i
+    },
+    // 加入黑名单
+    btn_addBlack() {
+      if (this.callinNum.length > 4) {
+        this.$layer.iframe({
+          content: {
+            content: addOrEditBlackList, // 传递的组件对象
+            parent: this, // 当前的vue对象
+            data: {
+              callinNum: this.callinNum
+            } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+          },
+          area: ['40%', '300px'],
+          title: '加入黑名单'
+        })
+      } else {
+        this.$message.error('号码格式不对')
       }
     },
-    methods: {
-      // 通话时间
-      callTimeFun() {
-        // 通话时间重置为00:00:00
-        // 时间 计时
-        let _n = 0
-        if (this.telTimer) {
-          clearInterval(this.telTimer)
+    // 取消加入黑名单
+    btn_cancelBlack() {
+      cancelBlack(this.callinNum).then((response) => {
+        if (response.state.toLowerCase() === 'success') {
+          this.isBlack = !this.isBlack
+          this.$message.success('恭喜你，取消拉黑成功!')
         }
-        this.telTimer = setInterval(() => {
-          _n++
-          this.callTime = {
-            hh: this.toDub(parseInt((_n / 60 / 60) % 60)), // 小时
-            mm: this.toDub(parseInt((_n / 60) % 60)), // 分钟
-            ss: this.toDub(parseInt(_n % 60)) // 秒
+      })
+    },
+    calladdress() {
+      getPhoneLocation(this.callinNum).then((response) => {
+        if (response.state.toLowerCase() === 'success') {
+          if (response.data) {
+            this.phoneData = response.data
           }
-        }, 1000)
-      },
-      toDub(i) {
-        return i < 10 ? '0' + i : '' + i
-      },
-      // 加入黑名单
-      btn_addBlack() {
-        if (this.callinNum.length > 4) {
-          this.$layer.iframe({
-            content: {
-              content: addOrEditBlackList, // 传递的组件对象
-              parent: this, // 当前的vue对象
-              data: {
-                callinNum: this.callinNum
-              } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
-            },
-            area: ['40%', '300px'],
-            title: '加入黑名单'
-          })
-        } else {
-          this.$message.error('号码格式不对')
         }
-      },
-      // 取消加入黑名单
-      btn_cancelBlack() {
-        cancelBlack(this.callinNum).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            this.isBlack = !this.isBlack
-            this.$message.success('恭喜你，取消拉黑成功!')
-          }
-        })
-      },
-      calladdress() {
-        getPhoneLocation(this.callinNum).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            if (response.data) {
-              this.phoneData = response.data
-            }
-          }
-        })
-      },
-      // 清除定时器
-      clearInter() {
-        clearInterval(this.telTimer)
-      },
-      // 监听 线路状态
-      watchTelLineState(newT, oldT) {
-        if (newT === 1) {
-          if (this.telTimer) {
-            clearInterval(this.telTimer)
-            this.telTimer = null
-          }
-          this.dropoff = true // 是否挂断
-          this.callinTime = `${this.telCallTime.hh}:${this.telCallTime.mm}:${this.telCallTime.ss}`
+      })
+    },
+    // 清除定时器
+    clearInter() {
+      clearInterval(this.telTimer)
+    },
+    // 监听 线路状态
+    watchTelLineState(newT, oldT) {
+      if (newT === 1) {
+        if (this.telTimer) {
+          clearInterval(this.telTimer)
+          this.telTimer = null
         }
+        this.dropoff = true // 是否挂断
+        this.callinTime = `${this.telCallTime.hh}:${this.telCallTime.mm}:${this.telCallTime.ss}`
       }
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/RMYY/src/views/callScreen/components/callScreen.vue

@@ -26,7 +26,7 @@
         <!-- 添加工单 -->
         <el-col :span="24">
           <div style="margin-bottom: 10px;">
-            <div class="msgbox"></div><span style="line-height: 30px;font-size: 14px;color: #333;">新建工单</span>
+            <div class="msgbox"/><span style="line-height: 30px;font-size: 14px;color: #333;">新建工单</span>
           </div>
           <add-or-edit-order :callid="callinCallid" @order-type-data="getOrderTypeData" />
         </el-col>
@@ -61,151 +61,151 @@
 </template>
 
 <script>
-  import {
-    mapGetters
-  } from 'vuex'
-  import {
-    GetUserInfoByPhone
-  } from '@/api/callScreen/callScreen'
+import {
+  mapGetters
+} from 'vuex'
+import {
+  GetUserInfoByPhone
+} from '@/api/callScreen/callScreen'
   // 此处引用的是黑名单管理的添加视图
-  import AddressNumber from './AddressNumber'
-  import AddOrEditCustomer from './AddOrEditCustomer'
-  import AddOrEditDept from './AddOrEditDept'
-  import CallList from './CallList'
-  import OrderList from './OrderList'
-  import KnowledgeList from './KnowledgeList'
-  import HisList from './hisList'
-  import AddOrEditOrder from './AddOrEditOrder'
+import AddressNumber from './AddressNumber'
+import AddOrEditCustomer from './AddOrEditCustomer'
+import AddOrEditDept from './AddOrEditDept'
+import CallList from './CallList'
+import OrderList from './OrderList'
+import KnowledgeList from './KnowledgeList'
+import HisList from './hisList'
+import AddOrEditOrder from './AddOrEditOrder'
 
-  export default {
-    name: 'CallScreenComponent',
-    components: {
-      CallList,
-      OrderList,
-      AddressNumber,
-      AddOrEditCustomer,
-      AddOrEditDept,
-      KnowledgeList,
-      HisList,
-      AddOrEditOrder
+export default {
+  name: 'CallScreenComponent',
+  components: {
+    CallList,
+    OrderList,
+    AddressNumber,
+    AddOrEditCustomer,
+    AddOrEditDept,
+    KnowledgeList,
+    HisList,
+    AddOrEditOrder
+  },
+  data() {
+    return {
+      orderTypeData: {
+        F_Type1: 1000, // 工单类别
+        F_TypeName1: '业务咨询', // 工单类别
+        F_Type2: 0, // 工单子类
+        F_TypeName2: '', // 工单子类
+        F_Type3: 0, // 工单三类
+        F_TypeName3: '', // 工单三类
+        identification: ''
+      },
+      phoneData: '', // 归属地
+      // 咨询类型级联
+      activeName: 'first', // tab切换默认显示来电历史工单
+      callinNum: '', // 来电号码
+      deptinNum: '',
+      ldphone: '', // 来电号码
+      callinCallid: '', // 来电id
+      isBlack: false, // 是否加入黑名单
+      cusInfo: {
+        // 客户信息
+        cusname: '未知', // 客户姓名
+        customertype: '潜在客户', // 客户类型
+        customerCode: '' // 客户代码
+      },
+      value1: true,
+      customerMsg: {}, // 客户信息
+      deptMsg: {} // 部门信息
+    }
+  },
+
+  computed: {
+    ...mapGetters([
+      'telCallNum' // 顶部显示号码
+    ])
+  },
+  created() {
+    this.callinNum = this.telCallNum // 来电号码  $route.params.telInNumber
+    this.ldphone = this.$route.params.telInNumber
+    this.callinCallid = this.$route.params.callid // 来电callid  $route.params.callid
+    this.getUserInfor()
+  },
+  methods: {
+    // tab 切换
+    handleClick(tab, event) {
+      if (tab.name === 'second') {
+        this.getKnowledgeList(tab.name)
+      } else if (tab.name === 'third') {
+        this.getHistoryList(tab.name)
+      } else if (tab.name === 'fourth') {
+        this.getOrderList(tab.name)
+      }
     },
-    data() {
-      return {
-        orderTypeData: {
-          F_Type1: 1000, // 工单类别
-          F_TypeName1: '业务咨询', // 工单类别
-          F_Type2: 0, // 工单子类
-          F_TypeName2: '', // 工单子类
-          F_Type3: 0, // 工单三类
-          F_TypeName3: '' ,// 工单三类
-          identification:'',
-        },
-        phoneData: '', // 归属地
-        // 咨询类型级联
-        activeName: 'first', // tab切换默认显示来电历史工单
-        callinNum: '', // 来电号码
-        deptinNum: '',
-        ldphone: '', // 来电号码
-        callinCallid: '', // 来电id
-        isBlack: false, // 是否加入黑名单
-        cusInfo: {
-          // 客户信息
-          cusname: '未知', // 客户姓名
-          customertype: '潜在客户', // 客户类型
-          customerCode: '' // 客户代码
-        },
-        value1: true,
-        customerMsg: {}, //客户信息
-        deptMsg: {} //部门信息
+    // 获取知识库列表
+    getKnowledgeList(acname) {
+      if (!acname) {
+        this.activeName = 'first'
       }
+      this.$refs.knowledgeListEl.getList()
     },
-
-    computed: {
-      ...mapGetters([
-        'telCallNum' // 顶部显示号码
-      ])
+    // 获取历史工单列表
+    getHistoryList(acname) {
+      if (!acname) {
+        this.activeName = 'second'
+      }
+      this.$refs.callListEl.getList()
     },
-    created() {
-      this.callinNum = this.telCallNum // 来电号码  $route.params.telInNumber
-      this.ldphone = this.$route.params.telInNumber
-      this.callinCallid = this.$route.params.callid //来电callid  $route.params.callid
-      this.getUserInfor()
+    // 获取历史通话记录
+    getOrderList(acname) {
+      if (!acname) {
+        this.activeName = 'third'
+      }
+      this.$refs.orderListEl.getList()
     },
-    methods: {
-      // tab 切换
-      handleClick(tab, event) {
-        if (tab.name === 'second') {
-          this.getKnowledgeList(tab.name)
-        } else if (tab.name === 'third') {
-          this.getHistoryList(tab.name)
-        } else if (tab.name === 'fourth') {
-          this.getOrderList(tab.name)
-        }
-      },
-      // 获取知识库列表
-      getKnowledgeList(acname) {
-        if (!acname) {
-          this.activeName = 'first'
-        }
-        this.$refs.knowledgeListEl.getList()
-      },
-      // 获取历史工单列表
-      getHistoryList(acname) {
-        if (!acname) {
-          this.activeName = 'second'
-        }
-        this.$refs.callListEl.getList()
-      },
-      // 获取历史通话记录
-      getOrderList(acname) {
-        if (!acname) {
-          this.activeName = 'third'
-        }
-        this.$refs.orderListEl.getList()
-      },
 
-      // 获取客户历史通话记录
-      getCusProList(acname) {
-        if (!acname) {
-          this.activeName = 'third'
-        }
-        this.$refs.cutomerListEl.getList()
-      },
-      // 获取客户信息
-      getCusInfos(data) {
-        if (data) {
-          this.cusInfo.cusname = data.F_CustomerName
-        }
-      },
-      //获取部门信息
-      getDeptInfos(data) {
-        if (data) {
-          // console.log(data)
+    // 获取客户历史通话记录
+    getCusProList(acname) {
+      if (!acname) {
+        this.activeName = 'third'
+      }
+      this.$refs.cutomerListEl.getList()
+    },
+    // 获取客户信息
+    getCusInfos(data) {
+      if (data) {
+        this.cusInfo.cusname = data.F_CustomerName
+      }
+    },
+    // 获取部门信息
+    getDeptInfos(data) {
+      if (data) {
+        // console.log(data)
+      }
+    },
+    getOrderTypeData(data) {
+      this.orderTypeData = data
+      // console.log(data,'88888888888888')
+    },
+    // 根据来电号码获取客户信息或者部门信息
+    getUserInfor() {
+      return new Promise((resolve) => {
+        const params = {
+          phone: this.ldphone // 联系电话
+          // phone:'15202369636'
         }
-      },
-      getOrderTypeData(data) {
-        this.orderTypeData = data
-        // console.log(data,'88888888888888')
-      },
-      //根据来电号码获取客户信息或者部门信息
-      getUserInfor() {
-        return new Promise((resolve) => {
-          const params = {
-            phone: this.ldphone // 联系电话
-            // phone:'15202369636'
+        GetUserInfoByPhone(params).then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
+            this.customerMsg = res.dtcustomer[0]
+            this.deptMsg = res.dtuser[0]
           }
-          GetUserInfoByPhone(params).then((response) => {
-            if (response.state.toLowerCase() === 'success') {
-              const res = response.data
-              this.customerMsg = res.dtcustomer[0]
-              this.deptMsg = res.dtuser[0]
-            }
-          })
-          resolve()
         })
-      }
+        resolve()
+      })
     }
   }
+}
 </script>
 
 <style scoped>

CallCenterWeb.UI/RMYY/src/views/comDispatch/EquipmentLeasing/components/equiAddOrEdit.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-loading="loading">
-    <el-form ref="ruleForm" :model="ruleForm" label-width="150px">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px">
       <el-col :span="24">
         <!-- <el-row>
           <el-col :span="8">
@@ -155,6 +155,18 @@ export default {
         devname: '',
         num: 1
       }],
+      rules: {
+        phon: [{
+          required: true,
+          message: '手机号不能为空',
+          trigger: 'blur'
+        },
+        {
+          pattern: /^((0\d{2,3}-\d{5,8})|(1[345789]\d{9}))$/,
+          message: '请输入正确的电话号码或者固话号码',
+          trigger: 'blur'
+        }]
+      },
       resstr: '',
       headers: {
         Authorization: localStorage.getItem('Admin-Token')
@@ -204,7 +216,6 @@ export default {
     submitForm() {
       // this.getItemessage()
       this.getStr()
-      console.log(this.ruleForm)
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
           this.loading = true

CallCenterWeb.UI/RMYY/src/views/comDispatch/components/addOrEditDispatch.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form :model="ruleForm" label-width="150px" class="order_form">
+    <el-form :model="ruleForm" :rules ="rules" label-width="150px" class="order_form">
       <el-col :span="24">
         <el-row v-if="JSON.stringify(orderTypeData)==='{}'">
           <el-col :span="10">
@@ -358,6 +358,18 @@ export default {
         opt: '1',
         remark: '', // 备注
         repairImageid: ''
+      },
+      rules: {
+        phone: [{
+          required: true,
+          message: '手机号不能为空',
+          trigger: 'blur'
+        },
+        {
+          pattern: /^((0\d{2,3}-\d{5,8})|(1[345789]\d{9}))$/,
+          message: '请输入正确的电话号码或者固话号码',
+          trigger: 'blur'
+        }]
       }
     }
   },

CallCenterWeb.UI/RMYY/src/views/faultRepair/clinicalReporting/components/addRepairbase.vue

@@ -10,9 +10,15 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="申请人" prop="repairmanid">
-              <el-select v-model="ruleForm.repairmanid" placeholder="请选择申请人" style="width: 100%;"
+              <el-select
+                v-model="ruleForm.repairmanid"
+                placeholder="请选择申请人"
+                style="width: 100%;"
                 @change="changeRepairman">
-                <el-option v-for="item in repairman" :key="item.usercode" :label="item.username"
+                <el-option
+                  v-for="item in repairman"
+                  :key="item.usercode"
+                  :label="item.username"
                   :value="item.usercode" />
               </el-select>
             </el-form-item>
@@ -33,7 +39,9 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="工单类别" prop="repairOrderType">
-              <select-order-typeTwo :orderTypeparams='ruleForm.repairOrderType' :second-order-type="secondOrderType"
+              <select-order-typeTwo
+                :order-typeparams="ruleForm.repairOrderType"
+                :second-order-type="secondOrderType"
                 @post-second-order-type="getSecondOOrderType" />
             </el-form-item>
           </el-col>
@@ -41,8 +49,13 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="报修内容" prop="repairCenter">
-              <el-input v-model="ruleForm.repairCenter" :autosize="{ minRows: 4, maxRows: 8}" show-word-limit
-                maxlength="100" type="textarea" placeholder="请输入报修内容" />
+              <el-input
+                v-model="ruleForm.repairCenter"
+                :autosize="{ minRows: 4, maxRows: 8}"
+                show-word-limit
+                maxlength="100"
+                type="textarea"
+                placeholder="请输入报修内容" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -62,7 +75,10 @@
           <el-col :span="12">
             <el-form-item label="指派人" prop="assignMant">
               <el-select v-model="ruleForm.assignMant" placeholder="请选择指派人" style="width:100%;" @change="changeUser">
-                <el-option v-for="item in assignman" :key="item.usercode" :label="item.username"
+                <el-option
+                  v-for="item in assignman"
+                  :key="item.usercode"
+                  :label="item.username"
                   :value="item.usercode" />
               </el-select>
             </el-form-item>
@@ -71,7 +87,11 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="附件图片" prop="repairImageid">
-              <el-upload :headers="headers" :file-list="fileList" :on-success="handle_success" :action="imgUrl"
+              <el-upload
+                :headers="headers"
+                :file-list="fileList"
+                :on-success="handle_success"
+                :action="imgUrl"
                 list-type="picture-card">
                 <i class="el-icon-plus" />
               </el-upload>
@@ -88,308 +108,318 @@
 </template>
 
 <script>
-  import selectDeptTree from '@/components/context/commonSelect/selectDeptTree.vue'
-  import selectOrderTypeTwo from '@/components/context/commonSelect/selectOrderTypeTwo.vue'
-  import {
-    GetPerson
-  } from '@/api/commonAPI'
-  import {
-    GetFaultRepairDetail,
-    UpdateFaultRepair
-  } from '@/api/orderManagement/orderList'
-  import {
-    getAddRepairbase
-  } from '@/api/faultRepairManagement/faultRepair'
-  export default {
-    name: 'AddRepairbase',
-    components: {
-      selectDeptTree,
-      selectOrderTypeTwo
+import selectDeptTree from '@/components/context/commonSelect/selectDeptTree.vue'
+import selectOrderTypeTwo from '@/components/context/commonSelect/selectOrderTypeTwo.vue'
+import {
+  GetPerson
+} from '@/api/commonAPI'
+import {
+  GetFaultRepairDetail,
+  UpdateFaultRepair
+} from '@/api/orderManagement/orderList'
+import {
+  getAddRepairbase
+} from '@/api/faultRepairManagement/faultRepair'
+export default {
+  name: 'AddRepairbase',
+  components: {
+    selectDeptTree,
+    selectOrderTypeTwo
+  },
+  props: {
+    wid: {
+      type: String,
+      default: ''
     },
-    props: {
-      wid: {
-        type: String,
-        default: ''
-      },
-      fid: {
-        type: String,
-        default: ''
+    fid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    },
+    callid: {
+      type: String,
+      default: ''
+    },
+    iswomanage: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      secondOrderType: {
+        typeid: 2,
+        pid: 3000
       },
-      layerid: {
-        type: String,
-        default: ''
+      orderarr: [],
+      ordertypeArr: [],
+      imgUrl: this.$store.getters.serverConfig.BASE_API + 'FaultRepair/UploadFile',
+      fileList: [],
+      repairman: [], // 申请人数据
+      deptidArr: [], // 申请部门默认值
+      assignman: [], // 指派人
+      assignArr: [], // 默认指派部门
+      ruleForm: {
+        repairDeptid: '', // 申请部门
+        repairmanid: '', // 申请人
+        repairmanphone: '', // 申请电话
+        repairmanCallNumber: '', // 联系电话
+        repairOrderType: [], // 工单类别
+        repairCenter: '', // 报修内容
+        repairAddress: '', // 报修地点
+        repairImageid: '', // 附件
+        repairOper: '0', // 下不流程
+        assignDepart: '', // 指派部门
+        assignMant: '' // 指派人
       },
-      callid: {
-        type: String,
-        default: ''
+      headers: {
+        Authorization: localStorage.getItem('Admin-Token')
       },
-      iswomanage: {
-        type: String,
-        default: ''
+      imageUrl: 'http://192.168.1.37:8000/FaultRepair/UploadFile',
+      rules: {
+        repairmanphone: [{
+          required: true,
+          message: '申请电话不能为空',
+          trigger: 'blur'
+        },
+        {
+          pattern: /^((0\d{2,3}-\d{5,8})|(1[345789]\d{9}))$/,
+          message: '请输入正确的电话号码或者固话号码',
+          trigger: 'blur'
+        }],
+        repairDeptid: [{
+          required: true,
+          message: '请选择申请部门',
+          trigger: 'change'
+        }],
+        repairmanid: [{
+          required: true,
+          message: '请选择申请人',
+          trigger: 'change'
+        }],
+        repairmanCallNumber: [{
+          required: true,
+          message: '请输入联系电话',
+          trigger: 'blur'
+        }],
+        repairOrderType: [{
+          required: true,
+          message: '请选择工单类别',
+          trigger: 'change'
+        }],
+        repairCenter: [{
+          required: true,
+          message: '请输入报修内容',
+          trigger: 'blur'
+        }],
+        repairAddress: [{
+          required: true,
+          message: '请输入报修地点',
+          trigger: 'blur'
+        }]
       }
+    }
+  },
+  created() {
+    this.ruleForm.repairDeptid = this.deptidArr[this.deptidArr.length - 1]
+    this.getRepairman(this.deptidArr[this.deptidArr.length - 1], 0)
+    // assignArr
+    const deptid = this.$store.getters.teamId
+    if (deptid) {
+      this.assignArr = this.$store.getters.deptmap[parseInt(deptid)].ids
+      this.ruleForm.assignDepart = deptid
+
+      this.getRepairman(deptid, 1)
+    }
+    this.ruleForm.assignMant = this.$store.getters.usercode
+    if (this.wid) {
+      this.getWoDetail(this.wid, '0')
+    }
+    if (this.iswomanage == 1) {
+      this.ruleForm.assignDepart = ''
+      this.ruleForm.assignMant = ''
+    }
+  },
+  methods: {
+    // 部门
+    getDeptid(data) {
+      this.ruleForm.repairDeptid = data[data.length - 1]
+      this.deptidArr = data
+      this.getRepairman(this.ruleForm.repairDeptid, 0)
     },
-    data() {
-      return {
-        secondOrderType: {
-          typeid: 2,
-          pid: 3000
-        },
-        orderarr: [],
-        ordertypeArr: [],
-        imgUrl: this.$store.getters.serverConfig.BASE_API + 'FaultRepair/UploadFile',
-        fileList: [],
-        repairman: [], // 申请人数据
-        deptidArr: [], // 申请部门默认值
-        assignman: [], // 指派人
-        assignArr: [], // 默认指派部门
-        ruleForm: {
-          repairDeptid: '', // 申请部门
-          repairmanid: '', // 申请人
-          repairmanphone: '', // 申请电话
-          repairmanCallNumber: '', // 联系电话
-          repairOrderType: [], // 工单类别
-          repairCenter: '', // 报修内容
-          repairAddress: '', // 报修地点
-          repairImageid: '', // 附件
-          repairOper: '0', // 下不流程
-          assignDepart: '', // 指派部门
-          assignMant: '' // 指派人
-        },
-        headers: {
-          Authorization: localStorage.getItem('Admin-Token')
-        },
-        imageUrl: 'http://192.168.1.37:8000/FaultRepair/UploadFile',
-        rules: {
-          repairDeptid: [{
-            required: true,
-            message: '请选择申请部门',
-            trigger: 'change'
-          }],
-          repairmanid: [{
-            required: true,
-            message: '请选择申请人',
-            trigger: 'change'
-          }],
-          repairmanCallNumber: [{
-            required: true,
-            message: '请输入联系电话',
-            trigger: 'blur'
-          }],
-          repairOrderType: [{
-            required: true,
-            message: '请选择工单类别',
-            trigger: 'change'
-          }],
-          repairCenter: [{
-            required: true,
-            message: '请输入报修内容',
-            trigger: 'blur'
-          }],
-          repairAddress: [{
-            required: true,
-            message: '请输入报修地点',
-            trigger: 'blur'
-          }],
+    geAssigntDeptid(data) {
+      this.ruleForm.assignDepart = data[data.length - 1]
+      this.assignArr = data
+      this.getRepairman(this.ruleForm.assignDepart, 1)
+    },
+    // 获取申请人数据
+    getRepairman(id, state) {
+      return new Promise((resolve) => {
+        const params = {
+          deptid: id // 字典管理的工单标识
         }
-      }
+        GetPerson(params).then((res) => {
+          if (res.state == 'error') {
+            this.$message.warning(res.message)
+          }
+          if (state === 0) {
+            this.repairman = res.rows
+          } else if (state === 1) {
+            this.assignman = res.rows
+          }
+        })
+        resolve()
+      })
     },
-    created() {
-      this.ruleForm.repairDeptid = this.deptidArr[this.deptidArr.length - 1]
-      this.getRepairman(this.deptidArr[this.deptidArr.length - 1], 0)
-      //assignArr
-      const deptid = this.$store.getters.teamId
-      if (deptid) {
-        this.assignArr = this.$store.getters.deptmap[parseInt(deptid)].ids
-        this.ruleForm.assignDepart = deptid
-
-        this.getRepairman(deptid, 1)
-      }
-      this.ruleForm.assignMant = this.$store.getters.usercode
-      if (this.wid) {
-        this.getWoDetail(this.wid, '0')
-      }
-      if (this.iswomanage == 1) {
-        this.ruleForm.assignDepart = ''
-        this.ruleForm.assignMant = ''
+    // 申请人
+    changeRepairman(data) {
+      this.ruleForm.repairmanid = data
+      const user = this.repairman.find((o) => {
+        return o.usercode === data.toString()
+      })
+      if (user) {
+        this.ruleForm.repairmanphone = user.usertelphone
+        this.ruleForm.repairmanCallNumber = user.usertelphone
       }
     },
-    methods: {
-      // 部门
-      getDeptid(data) {
-        this.ruleForm.repairDeptid = data[data.length - 1]
-        this.deptidArr = data
-        this.getRepairman(this.ruleForm.repairDeptid, 0)
-      },
-      geAssigntDeptid(data) {
-        this.ruleForm.assignDepart = data[data.length - 1]
-        this.assignArr = data
-        this.getRepairman(this.ruleForm.assignDepart, 1)
-      },
-      // 获取申请人数据
-      getRepairman(id, state) {
-        return new Promise((resolve) => {
-          const params = {
-            deptid: id // 字典管理的工单标识
+    changeUser(data) { // 指派人
+      this.ruleForm.assignMant = data
+    },
+    // 详情
+    getWoDetail(rid, type) {
+      const params = {
+        WorkOrderCode: rid,
+        type: type
+      }
+      GetFaultRepairDetail(params).then((response) => {
+        if (response.data[0]) {
+          this.deptidArr = this.$store.getters.deptmap[parseInt(response.data[0].F_ApplicationDept)].ids
+          console.log(this.deptidArr, '666')
+          if (response.data[0].F_MaintenanceDept) {
+            this.assignArr = this.$store.getters.deptmap[parseInt(response.data[0].F_MaintenanceDept)].ids
           }
-          GetPerson(params).then((res) => {
-            if(res.state=='error'){
-              this.$message.warning(res.message)
-            }
-            if (state === 0) {
-              this.repairman = res.rows
-            } else if (state === 1) {
-              this.assignman = res.rows
+          this.ruleForm.repairmanid = response.data[0].F_Applicant
+          this.ruleForm.repairmanphone = response.data[0].F_Applicantsphone
+          this.ruleForm.repairmanCallNumber = response.data[0].F_Phone
+          this.ruleForm.repairOrderType = this.$store.getters.workTypeMap[parseInt(response.data[0]
+            .F_WorkOrderCategory)].ids // 工单类别
+          this.ruleForm.repairOrderType = this.ruleForm.repairOrderType.slice(1, this.ruleForm.repairOrderType
+            .length)
+          this.ruleForm.repairDeptid = response.data[0].F_ApplicationDept // 部门
+          this.ruleForm.repairCenter = response.data[0].F_Content
+          this.ruleForm.repairAddress = response.data[0].F_PlaceOfRepair
+          this.ruleForm.assignDepart = response.data[0].F_MaintenanceDept
+          // if (response.data[0].F_Maintenancer) {
+          //   this.ruleForm.assignMant = this.$store.getters.response.data[0].F_Maintenancer
+          // }
+          if (response.data[0].FileUrl) {
+            // this.imgUrl = response.data[0].FileUrl[0].F_FileUrl
+            for (var i = 0; i < response.data[0].FileUrl.length; i++) {
+              this.ruleForm.repairImageid += response.data[0].FileUrl[i].F_FileId + ','
+              this.fileList.push({
+                name: response.data[0].FileUrl[i].F_FileName,
+                url: response.data[0].FileUrl[i].F_FileUrl
+              })
             }
-          })
-          resolve()
-        })
-      },
-      // 申请人
-      changeRepairman(data) {
-        this.ruleForm.repairmanid = data
-        const user = this.repairman.find((o) => {
-          return o.usercode === data.toString()
-        })
-        if (user) {
-          this.ruleForm.repairmanphone = user.usertelphone
-          this.ruleForm.repairmanCallNumber = user.usertelphone
-        }
-      },
-      changeUser(data) { // 指派人
-        this.ruleForm.assignMant = data
-      },
-      //详情
-      getWoDetail(rid, type) {
-        const params = {
-          WorkOrderCode: rid,
-          type: type
+          }
         }
-        GetFaultRepairDetail(params).then((response) => {
-          if (response.data[0]) {
-            this.deptidArr = this.$store.getters.deptmap[parseInt(response.data[0].F_ApplicationDept)].ids
-            console.log(this.deptidArr, '666')
-            if (response.data[0].F_MaintenanceDept) {
-              this.assignArr = this.$store.getters.deptmap[parseInt(response.data[0].F_MaintenanceDept)].ids
-            }
-            this.ruleForm.repairmanid = response.data[0].F_Applicant
-            this.ruleForm.repairmanphone = response.data[0].F_Applicantsphone
-            this.ruleForm.repairmanCallNumber = response.data[0].F_Phone
-            this.ruleForm.repairOrderType = this.$store.getters.workTypeMap[parseInt(response.data[0]
-              .F_WorkOrderCategory)].ids //工单类别
-            this.ruleForm.repairOrderType = this.ruleForm.repairOrderType.slice(1, this.ruleForm.repairOrderType
-              .length)
-            this.ruleForm.repairDeptid = response.data[0].F_ApplicationDept //部门
-            this.ruleForm.repairCenter = response.data[0].F_Content
-            this.ruleForm.repairAddress = response.data[0].F_PlaceOfRepair
-            this.ruleForm.assignDepart = response.data[0].F_MaintenanceDept
-            // if (response.data[0].F_Maintenancer) {
-            //   this.ruleForm.assignMant = this.$store.getters.response.data[0].F_Maintenancer
-            // }
-            if (response.data[0].FileUrl) {
-              // this.imgUrl = response.data[0].FileUrl[0].F_FileUrl
-              for (var i = 0; i < response.data[0].FileUrl.length; i++) {
-                this.ruleForm.repairImageid += response.data[0].FileUrl[i].F_FileId + ','
-                this.fileList.push({
-                  name: response.data[0].FileUrl[i].F_FileName,
-                  url: response.data[0].FileUrl[i].F_FileUrl
-                })
-              }
-            }
+      })
+    },
+    // 工单类型
+    getSecondOOrderType(data) {
+      // console.log(data,'3333333')
+      // this.ruleForm.repairOrderType = data.value
+      this.ruleForm.repairOrderType = data.value
+      console.log(this.ruleForm.repairOrderType)
+    },
+    handle_success(res) {
+      this.ruleForm.repairImageid += res.data[0].F_FileId + ','
+    },
+    submitForm(formName) {
+      console.log(this.callid, 'callid')
+      console.log(this.ruleForm.repairDeptid)
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          if (this.ruleForm.repairImageid === '') {
+            this.ruleForm.repairImageid = ''
+          } else {
+            this.ruleForm.repairImageid = this.ruleForm.repairImageid.slice(0, this.ruleForm.repairImageid
+              .length - 1)
           }
-        })
-      },
-      // 工单类型
-      getSecondOOrderType(data) {
-        // console.log(data,'3333333')
-        // this.ruleForm.repairOrderType = data.value
-        this.ruleForm.repairOrderType = data.value
-        console.log(this.ruleForm.repairOrderType)
-      },
-      handle_success(res) {
-        this.ruleForm.repairImageid += res.data[0].F_FileId + ','
-      },
-      submitForm(formName) {
-        console.log(this.callid, 'callid')
-        console.log(this.ruleForm.repairDeptid)
-        this.$refs[formName].validate((valid) => {
-          if (valid) {
-            if (this.ruleForm.repairImageid === '') {
-              this.ruleForm.repairImageid = ''
-            } else {
-              this.ruleForm.repairImageid = this.ruleForm.repairImageid.slice(0, this.ruleForm.repairImageid
-                .length - 1)
-            }
-            this.$refs.ruleForm.validate((valid) => {
-              if (valid) {
-                if (this.wid) { //编辑
-                  console.log('bj')
-                  const params = {
-                    WorkOrderCode: this.wid,
-                    Applicant: this.ruleForm.repairmanid, // 申请人
-                    ApplicationDept: this.ruleForm.repairDeptid, // 申请部门
-                    Applicantsphone: this.ruleForm.repairmanphone, // 申请电话
-                    Phone: this.ruleForm.repairmanCallNumber, // 联系方式
-                    WorkOrderCategory: this.ruleForm.repairOrderType, // 工单类别
-                    Content: this.ruleForm.repairCenter, // 工单内容
-                    PlaceOfRepair: this.ruleForm.repairAddress, // 报修地点
-                    File: this.ruleForm.repairImageid, // 附件
-                    MaintenanceDept: this.ruleForm.assignDepart, // 指派部门
-                    IsEnd: '0', // 是否完结
-                    Maintenancer: this.ruleForm.assignMant // 指派人
-                  }
-                  UpdateFaultRepair(params).then((res) => {
-                    if (res.state.toLowerCase() === 'success') {
-                      // this.$parent.$layer.close(this.layerid)
-                      // this.$parent.getList()
-                      this.$message({
-                        message: '恭喜你，编辑工单成功！',
-                        type: 'success',
-                        duration: 1000
-                      })
-                    }
-                  })
+          this.$refs.ruleForm.validate((valid) => {
+            if (valid) {
+              if (this.wid) { // 编辑
+                console.log('bj')
+                const params = {
+                  WorkOrderCode: this.wid,
+                  Applicant: this.ruleForm.repairmanid, // 申请人
+                  ApplicationDept: this.ruleForm.repairDeptid, // 申请部门
+                  Applicantsphone: this.ruleForm.repairmanphone, // 申请电话
+                  Phone: this.ruleForm.repairmanCallNumber, // 联系方式
+                  WorkOrderCategory: this.ruleForm.repairOrderType, // 工单类别
+                  Content: this.ruleForm.repairCenter, // 工单内容
+                  PlaceOfRepair: this.ruleForm.repairAddress, // 报修地点
+                  File: this.ruleForm.repairImageid, // 附件
+                  MaintenanceDept: this.ruleForm.assignDepart, // 指派部门
+                  IsEnd: '0', // 是否完结
+                  Maintenancer: this.ruleForm.assignMant // 指派人
                 }
-                if (this.wid == '') {
-                  console.log('tj')
-                  const params = {
-                    LeaveRecordId: this.fid,
-                    CallId: this.callid,
-                    Applicant: this.ruleForm.repairmanid, // 申请人
-                    ApplicationDept: this.ruleForm.repairDeptid, // 申请部门
-                    Applicantsphone: this.ruleForm.repairmanphone, // 申请电话
-                    Phone: this.ruleForm.repairmanCallNumber, // 联系方式
-                    WorkOrderCategory: this.ruleForm.repairOrderType, // 工单类别
-                    Content: this.ruleForm.repairCenter, // 工单内容
-                    PlaceOfRepair: this.ruleForm.repairAddress, // 报修地点
-                    File: this.ruleForm.repairImageid, // 附件
-                    MaintenanceDept: this.ruleForm.assignDepart, // 指派部门
-                    IsEnd: '0', // 是否完结
-                    Maintenancer: this.ruleForm.assignMant // 指派人
+                UpdateFaultRepair(params).then((res) => {
+                  if (res.state.toLowerCase() === 'success') {
+                    // this.$parent.$layer.close(this.layerid)
+                    // this.$parent.getList()
+                    this.$message({
+                      message: '恭喜你，编辑工单成功！',
+                      type: 'success',
+                      duration: 1000
+                    })
                   }
-                  getAddRepairbase(params).then((res) => {
-                    if (res.state.toLowerCase() === 'success') {
-                      this.$refs.ruleForm.resetFields();
-                      this.deptidArr = []
-                      this.$message({
-                        message: '恭喜你，添加工单成功！',
-                        type: 'success',
-                        duration: 1000
-                      })
-                    }
-                  })
+                })
+              }
+              if (this.wid == '') {
+                console.log('tj')
+                const params = {
+                  LeaveRecordId: this.fid,
+                  CallId: this.callid,
+                  Applicant: this.ruleForm.repairmanid, // 申请人
+                  ApplicationDept: this.ruleForm.repairDeptid, // 申请部门
+                  Applicantsphone: this.ruleForm.repairmanphone, // 申请电话
+                  Phone: this.ruleForm.repairmanCallNumber, // 联系方式
+                  WorkOrderCategory: this.ruleForm.repairOrderType, // 工单类别
+                  Content: this.ruleForm.repairCenter, // 工单内容
+                  PlaceOfRepair: this.ruleForm.repairAddress, // 报修地点
+                  File: this.ruleForm.repairImageid, // 附件
+                  MaintenanceDept: this.ruleForm.assignDepart, // 指派部门
+                  IsEnd: '0', // 是否完结
+                  Maintenancer: this.ruleForm.assignMant // 指派人
                 }
-              } else {
-                return false
+                getAddRepairbase(params).then((res) => {
+                  if (res.state.toLowerCase() === 'success') {
+                    this.$refs.ruleForm.resetFields()
+                    this.deptidArr = []
+                    this.$message({
+                      message: '恭喜你，添加工单成功！',
+                      type: 'success',
+                      duration: 1000
+                    })
+                  }
+                })
               }
-            })
-          } else {
-            console.log('error submit!!')
-            return false
-          }
-        })
-      }
+            } else {
+              return false
+            }
+          })
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
     }
   }
+}
 </script>
 <style rel="stylesheet/scss" lang="scss">
   .order_form {

CallCenterWeb.UI/RMYY/src/views/orderManage/components/addOrEditInfOrder.vue

@@ -309,13 +309,12 @@ export default {
           required: true,
           message: '手机号不能为空',
           trigger: 'blur'
-        }
-        // {
-        //   pattern: /^((0\d{2,3}-\d{7,8})|(1[345789]\d{9}))$/,
-        //   message: '请输入正确的电话号码或者固话号码',
-        //   trigger: 'blur'
-        // }
-        ],
+        },
+        {
+          pattern: /^((0\d{2,3}-\d{5,8})|(1[345789]\d{9}))$/,
+          message: '请输入正确的电话号码或者固话号码',
+          trigger: 'blur'
+        }],
         F_IDNumber: [{
           required: true,
           message: '请输入身份证号',

CallCenterWeb.UI/RMYY/src/views/vehicleDispatch/vehicleScheduling/vehicleSchedulingList/components/addOrEdit.vue

@@ -3,11 +3,10 @@
     <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px">
       <el-col :span="24">
         <el-row v-if="wocode!=''">
-          <el-col :span='24'>
+          <el-col :span="24">
             <el-form-item label="工单类型" prop="type">
-              <el-select clearable v-model="ruleForm.type" placeholder="请选择工单类型" style="width: 100%;" size="medium">
-                <el-option v-for="item in typeList" :key="item.fid" :label="item.fname" :value="item.fid">
-                </el-option>
+              <el-select v-model="ruleForm.type" clearable placeholder="请选择工单类型" style="width: 100%;" size="medium">
+                <el-option v-for="item in typeList" :key="item.fid" :label="item.fname" :value="item.fid"/>
               </el-select>
             </el-form-item>
           </el-col>
@@ -21,7 +20,10 @@
           <el-col :span="12">
             <el-form-item label="申请人" prop="needman">
               <el-select v-model="ruleForm.needman" placeholder="请选择申请人" style="width:100%;" @change="changeRepairman">
-                <el-option v-for="item in repairman" :key="item.usercode" :label="item.username"
+                <el-option
+                  v-for="item in repairman"
+                  :key="item.usercode"
+                  :label="item.username"
                   :value="item.usercode" />
               </el-select>
             </el-form-item>
@@ -36,8 +38,11 @@
           <el-col :span="12">
             <el-form-item label="车辆要求" prop="cartype">
               <el-select v-model="ruleForm.cartype" style="width: 100%;">
-                <el-option v-for="(item,index) in carArr" :key="index" :label="item.F_Name"
-                  :value="item.F_DictionaryValueId"></el-option>
+                <el-option
+                  v-for="(item,index) in carArr"
+                  :key="index"
+                  :label="item.F_Name"
+                  :value="item.F_DictionaryValueId"/>
               </el-select>
             </el-form-item>
           </el-col>
@@ -57,9 +62,13 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="发车时间" prop="usertime">
-              <el-date-picker v-model="ruleForm.usertime" style="width: 100%;" value-format="yyyy-MM-dd HH:mm:ss"
-                format='yyyy-MM-dd HH:mm:ss' type="datetime" placeholder="选择发车时间">
-              </el-date-picker>
+              <el-date-picker
+                v-model="ruleForm.usertime"
+                style="width: 100%;"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                format="yyyy-MM-dd HH:mm:ss"
+                type="datetime"
+                placeholder="选择发车时间"/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -74,7 +83,7 @@
         <el-row>
           <el-col :span="24">
             <el-form-item label="工单内容" prop="F_Remark">
-              <el-input type="textarea" v-model="ruleForm.content" placeholder="请输入工单内容" />
+              <el-input v-model="ruleForm.content" type="textarea" placeholder="请输入工单内容" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -88,324 +97,329 @@
 </template>
 
 <script>
-  import {
-    getList,
-    getModelDetail,
-    getAddWorkOrder,
-    getUpdateWorkOrder
-  } from '@/api/vehicleDispatch/vehicleScheduling.js'
-  import {
-    getOrderTypeList
-  } from "@/api/commonAPI.js"
-  import selectDeptTree from '@/components/context/commonSelect/selectDeptTree.vue'
-  import {
-    getCartype
-  } from "@/api/vehicleDispatch/vehicleManagement";
-  import {
-    GetPerson
-  } from '@/api/commonAPI'
-  export default {
-    name: "AddOrEdit",
-    props: {
-      orderTypeData: {
-        type: Object,
-        default () {
-          return {}
-        }
-      },
-      callid: {
-        type: String,
-        default: ''
-      },
-      rowid: {
-        type: String,
-        default: "",
+import {
+  getList,
+  getModelDetail,
+  getAddWorkOrder,
+  getUpdateWorkOrder
+} from '@/api/vehicleDispatch/vehicleScheduling.js'
+import {
+  getOrderTypeList
+} from '@/api/commonAPI.js'
+import selectDeptTree from '@/components/context/commonSelect/selectDeptTree.vue'
+import {
+  getCartype
+} from '@/api/vehicleDispatch/vehicleManagement'
+import {
+  GetPerson
+} from '@/api/commonAPI'
+export default {
+  name: 'AddOrEdit',
+  props: {
+    orderTypeData: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    callid: {
+      type: String,
+      default: ''
+    },
+    rowid: {
+      type: String,
+      default: ''
+    },
+    wocode: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      typeList: [],
+      carArr: [],
+      repairman: [], // 申请人数据
+      sourceList: [{
+        value: '电话',
+        label: '电话'
+      }, {
+        value: '电脑',
+        label: '电脑'
+      }, {
+        value: '微信',
+        label: '微信'
+      }],
+      hospitalsParam: {
+        id: 0,
+        name: ''
       },
-      wocode: {
-        type: String,
-        default: "",
+      departmentsParam: {
+        id: 0,
+        name: ''
       },
-      layerid: {
-        type: String,
-        default: "",
+      repairmanParam: {
+        id: 0,
+        name: ''
       },
-    },
-    data() {
-      return {
-        typeList: [],
-        carArr: [],
-        repairman: [], // 申请人数据
-        sourceList: [{
-          value: "电话",
-          label: "电话"
-        }, {
-          value: "电脑",
-          label: "电脑"
-        }, {
-          value: "微信",
-          label: "微信"
+      rules: {
+        type: [{
+          required: true,
+          message: '请选择',
+          trigger: 'change'
         }],
-        hospitalsParam: {
-          id: 0,
-          name: ''
-        },
-        departmentsParam: {
-          id: 0,
-          name: ''
-        },
-        repairmanParam: {
-          id: 0,
-          name: ''
-        },
-        rules: {
-          type: [{
-            required: true,
-            message: '请选择',
-            trigger: 'change'
-          }],
-          deptid: [{
-            required: true,
-            message: '请选择',
-            trigger: 'change'
-          }],
-          needman: [{
-            required: true,
-            message: '请选择',
-            trigger: 'change'
-          }],
-          cartype: [{
-            required: true,
-            message: '请选择',
-            trigger: 'change'
-          }],
-          // usertime: [{
-          //   type: 'string',
-          //   required: true,
-          //   message: '请选择',
-          //   trigger: 'change'
-          // }],
-          phon: [{
-            required: true,
-            message: '请输入',
-            trigger: 'blur'
-          }],
-          startplace: [{
-            required: true,
-            message: '请输入',
-            trigger: 'blur'
-          }],
-          endplace: [{
-            required: true,
-            message: '请输入',
-            trigger: 'blur'
-          }],
-        },
-        ruleForm: {
-          F_ID: '',
-          startplace: '',
-          endplace: '',
-          source: '',
-          hosid: '', // 院区id
-          hosname: '', // 院区id
-          deptid: '', // 申请科室id
-          deptname: '', // 申请科室名称
-          usercode: '', // 申请人编码
-          username: '', //	申请人
-          needman: '',
-          birth: '',
-          phon: '',
-          type: '',
-          cartype: '',
-          F_CarMessage: '',
-          remark: '',
-          content: ''
+        deptid: [{
+          required: true,
+          message: '请选择',
+          trigger: 'change'
+        }],
+        needman: [{
+          required: true,
+          message: '请选择',
+          trigger: 'change'
+        }],
+        cartype: [{
+          required: true,
+          message: '请选择',
+          trigger: 'change'
+        }],
+        // usertime: [{
+        //   type: 'string',
+        //   required: true,
+        //   message: '请选择',
+        //   trigger: 'change'
+        // }],
+        phon: [{
+          required: true,
+          message: '请输入联系电话',
+          trigger: 'blur'
         },
-        deptid: [],
-        loading: false,
-      };
-    },
-    created() {
-      this.getTypeOrder()
-      this.getCarlist()
-      if (this.rowid) {
-        this.ruleForm.F_ID = this.rowid;
-        this.getDetail('0');
-        console.log(this.rowid)
-      }
-    },
-    methods: {
-      // 获取申请人数据
-      getRepairman(id) {
-        return new Promise((resolve) => {
-          const params = {
-            deptid: id // 字典管理的工单标识
-          }
-          GetPerson(params).then((res) => {
-            this.repairman = res.rows
-          })
-          resolve()
-        })
-      },
-      // 申请人
-      changeRepairman(data) {
-        this.ruleForm.needman = data
+        {
+          pattern: /^((0\d{2,3}-\d{5,8})|(1[345789]\d{9}))$/,
+          message: '请输入正确的电话号码或者固话号码',
+          trigger: 'blur'
+        }],
+        startplace: [{
+          required: true,
+          message: '请输入',
+          trigger: 'blur'
+        }],
+        endplace: [{
+          required: true,
+          message: '请输入',
+          trigger: 'blur'
+        }]
       },
-      getCarlist() {
-        const params = {
-          Flag: 'CLLX',
-          Name: ''
-        }
-        getCartype(params).then(res => {
-          this.carArr = res.rows
-        })
+      ruleForm: {
+        F_ID: '',
+        startplace: '',
+        endplace: '',
+        source: '',
+        hosid: '', // 院区id
+        hosname: '', // 院区id
+        deptid: '', // 申请科室id
+        deptname: '', // 申请科室名称
+        usercode: '', // 申请人编码
+        username: '', //	申请人
+        needman: '',
+        birth: '',
+        phon: '',
+        type: '',
+        cartype: '',
+        F_CarMessage: '',
+        remark: '',
+        content: ''
       },
-      getTypeOrder() {
+      deptid: [],
+      loading: false
+    }
+  },
+  created() {
+    this.getTypeOrder()
+    this.getCarlist()
+    if (this.rowid) {
+      this.ruleForm.F_ID = this.rowid
+      this.getDetail('0')
+      console.log(this.rowid)
+    }
+  },
+  methods: {
+    // 获取申请人数据
+    getRepairman(id) {
+      return new Promise((resolve) => {
         const params = {
-          pid: 2,
-          typeid: 4000
+          deptid: id // 字典管理的工单标识
         }
-        getOrderTypeList(params.pid, params.typeid).then(res => {
-          this.typeList = res.rows
+        GetPerson(params).then((res) => {
+          this.repairman = res.rows
         })
-      },
-      getDeptid(data) {
-        this.ruleForm.hosid = data[0]
-        this.ruleForm.deptid = data[data.length - 1]
-        this.deptid = data
-        this.getRepairman(data[data.length - 1])
-      },
-      submitForm() {
-        this.$refs.ruleForm.validate((valid) => {
-          if (valid) {
-            // 添加
-            if (!this.rowid) {
-              const datas = {
-                callid: this.callid,
-                type: this.orderTypeData.type2Arr[this.orderTypeData.type2Arr.length - 1],
-                hosid: this.ruleForm.hosid, //	院区id
-                detpid: this.ruleForm.deptid, //	申请科室id
-                startplace: this.ruleForm.startplace,
-                endplace: this.ruleForm.endplace,
-                needman: this.ruleForm.needman, //	申请人
-                phon: this.ruleForm.phon,
-                cartype: this.ruleForm.cartype,
-                usertime: this.ruleForm.usertime,
-                birth: this.ruleForm.birth,
-                content: this.ruleForm.content, //	备注
-              };
-              getAddWorkOrder(datas)
-                .then((response) => {
-                  this.loading = false;
-                  if (response.state.toLowerCase() === "success") {
-                    this.$parent.$layer.close(this.layerid);
-                    this.$parent.getList(); // 重新加载父级数据
-                    this.$message({
-                      message: '恭喜你，添加工单成功！',
-                      type: 'success',
-                      duration: 1000
-                    })
-                  }
-                })
-                .catch(() => {
-                  this.loading = false;
-                });
-            } else {
-              // 编辑
-              const datas = {
-                WorkOrderCode: this.wocode,
-                type: this.ruleForm.type,
-                hosid: this.ruleForm.hosid, //	院区id
-                detpid: this.ruleForm.deptid, //	申请科室id
-                startplace: this.ruleForm.startplace,
-                endplace: this.ruleForm.endplace,
-                needman: this.ruleForm.needman, //	申请人
-                phon: this.ruleForm.phon,
-                cartype: this.ruleForm.cartype,
-                usertime: this.ruleForm.usertime,
-                birth: this.ruleForm.birth,
-                content: this.ruleForm.content, //	备注
-              };
-              getUpdateWorkOrder(datas)
-                .then((response) => {
-                  if (response.state.toLowerCase() === "success") {
-                    this.$parent.$layer.close(this.layerid);
-                    this.$parent.getList(); // 重新加载父级数据
-                    this.$message({
-                      message: '恭喜你，编辑工单成功！',
-                      type: 'success',
-                      duration: 1000
-                    })
-                  }
-                })
-                .catch(() => {});
+        resolve()
+      })
+    },
+    // 申请人
+    changeRepairman(data) {
+      this.ruleForm.needman = data
+    },
+    getCarlist() {
+      const params = {
+        Flag: 'CLLX',
+        Name: ''
+      }
+      getCartype(params).then(res => {
+        this.carArr = res.rows
+      })
+    },
+    getTypeOrder() {
+      const params = {
+        pid: 2,
+        typeid: 4000
+      }
+      getOrderTypeList(params.pid, params.typeid).then(res => {
+        this.typeList = res.rows
+      })
+    },
+    getDeptid(data) {
+      this.ruleForm.hosid = data[0]
+      this.ruleForm.deptid = data[data.length - 1]
+      this.deptid = data
+      this.getRepairman(data[data.length - 1])
+    },
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          // 添加
+          if (!this.rowid) {
+            const datas = {
+              callid: this.callid,
+              type: this.orderTypeData.type2Arr[this.orderTypeData.type2Arr.length - 1],
+              hosid: this.ruleForm.hosid, //	院区id
+              detpid: this.ruleForm.deptid, //	申请科室id
+              startplace: this.ruleForm.startplace,
+              endplace: this.ruleForm.endplace,
+              needman: this.ruleForm.needman, //	申请人
+              phon: this.ruleForm.phon,
+              cartype: this.ruleForm.cartype,
+              usertime: this.ruleForm.usertime,
+              birth: this.ruleForm.birth,
+              content: this.ruleForm.content //	备注
             }
+            getAddWorkOrder(datas)
+              .then((response) => {
+                this.loading = false
+                if (response.state.toLowerCase() === 'success') {
+                  this.$parent.$layer.close(this.layerid)
+                  this.$parent.getList() // 重新加载父级数据
+                  this.$message({
+                    message: '恭喜你，添加工单成功！',
+                    type: 'success',
+                    duration: 1000
+                  })
+                }
+              })
+              .catch(() => {
+                this.loading = false
+              })
           } else {
-            this.$message.error("请输入有效的必填项信息!");
-            return false;
+            // 编辑
+            const datas = {
+              WorkOrderCode: this.wocode,
+              type: this.ruleForm.type,
+              hosid: this.ruleForm.hosid, //	院区id
+              detpid: this.ruleForm.deptid, //	申请科室id
+              startplace: this.ruleForm.startplace,
+              endplace: this.ruleForm.endplace,
+              needman: this.ruleForm.needman, //	申请人
+              phon: this.ruleForm.phon,
+              cartype: this.ruleForm.cartype,
+              usertime: this.ruleForm.usertime,
+              birth: this.ruleForm.birth,
+              content: this.ruleForm.content //	备注
+            }
+            getUpdateWorkOrder(datas)
+              .then((response) => {
+                if (response.state.toLowerCase() === 'success') {
+                  this.$parent.$layer.close(this.layerid)
+                  this.$parent.getList() // 重新加载父级数据
+                  this.$message({
+                    message: '恭喜你，编辑工单成功！',
+                    type: 'success',
+                    duration: 1000
+                  })
+                }
+              })
+              .catch(() => {})
           }
-        });
-      },
-      resetForm() {
-        this.$refs.ruleForm.resetFields();
-      },
-
-      // 获取详情
-      getDetail(num) {
-        const params = {
-          orderid: this.rowid,
-          WorkOrderCode: this.wocode,
-          type: num
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
         }
-        getModelDetail(params).then((response) => {
-          if (response.state.toLowerCase() === "success") {
-            const res = response.model;
-            this.getRepairman(res.F_ProposerDeptId)
-            this.ruleForm.F_ID = res.F_ID
-            this.ruleForm.type = res.F_Type
-            this.hospitalsParam.id = res.F_HosId
-            this.hospitalsParam.name = res.HosName
-            this.departmentsParam.id = res.F_ProposerDeptId
-            this.departmentsParam.name = res.F_ProposerDeptName
-            this.repairmanParam.id = res.F_ProposerCode
-            this.repairmanParam.name = res.F_ProposerName
-            this.ruleForm.username = res.F_ProposerName
-            this.ruleForm.hosid = res.F_HosId
-            this.ruleForm.hosname = res.HosName
-            this.ruleForm.deptid = res.F_ProposerDeptId
-            this.ruleForm.deptname = res.F_ProposerDeptName
-            this.ruleForm.usercode = res.F_ProposerCode
-            this.ruleForm.username = res.F_ProposerName
-            this.ruleForm.phon = res.F_Phon
-            this.ruleForm.cartype = res.F_CarType
-            this.ruleForm.startplace = res.F_DepartPlace
-            this.ruleForm.endplace = res.F_Destination
-            this.ruleForm.F_CarMessage = res.F_CarMessage
-            this.ruleForm.remark = res.F_Remark
-            this.ruleForm.usertime = res.F_UseTime
-            this.ruleForm.birth = res.F_Birth
-            this.ruleForm.content = res.F_Content
-            this.deptid = this.$store.getters.deptmap[parseInt(res.F_ProposerDeptId)].ids
-            this.ruleForm.needman = res.F_ProposerCode
-          }
-        });
-      },
-      // 科室下拉改变事件
-      // getDepartments(data) {
-      //   this.ruleForm.deptid = data.value
-      //   this.ruleForm.deptname = data.name
-      // },
-      // 院区下拉改变事件
-      // getHospitals(data) {
-      //   this.ruleForm.hosid = data.value
-      //   this.ruleForm.hosname = data.name
-      // },
-      //申请人下拉改变事件
-      // getRepairman(data) {
-      //   this.ruleForm.usercode = data.value
-      //   this.ruleForm.username = data.name
-      // },
+      })
+    },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
     },
-  };
+
+    // 获取详情
+    getDetail(num) {
+      const params = {
+        orderid: this.rowid,
+        WorkOrderCode: this.wocode,
+        type: num
+      }
+      getModelDetail(params).then((response) => {
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.model
+          this.getRepairman(res.F_ProposerDeptId)
+          this.ruleForm.F_ID = res.F_ID
+          this.ruleForm.type = res.F_Type
+          this.hospitalsParam.id = res.F_HosId
+          this.hospitalsParam.name = res.HosName
+          this.departmentsParam.id = res.F_ProposerDeptId
+          this.departmentsParam.name = res.F_ProposerDeptName
+          this.repairmanParam.id = res.F_ProposerCode
+          this.repairmanParam.name = res.F_ProposerName
+          this.ruleForm.username = res.F_ProposerName
+          this.ruleForm.hosid = res.F_HosId
+          this.ruleForm.hosname = res.HosName
+          this.ruleForm.deptid = res.F_ProposerDeptId
+          this.ruleForm.deptname = res.F_ProposerDeptName
+          this.ruleForm.usercode = res.F_ProposerCode
+          this.ruleForm.username = res.F_ProposerName
+          this.ruleForm.phon = res.F_Phon
+          this.ruleForm.cartype = res.F_CarType
+          this.ruleForm.startplace = res.F_DepartPlace
+          this.ruleForm.endplace = res.F_Destination
+          this.ruleForm.F_CarMessage = res.F_CarMessage
+          this.ruleForm.remark = res.F_Remark
+          this.ruleForm.usertime = res.F_UseTime
+          this.ruleForm.birth = res.F_Birth
+          this.ruleForm.content = res.F_Content
+          this.deptid = this.$store.getters.deptmap[parseInt(res.F_ProposerDeptId)].ids
+          this.ruleForm.needman = res.F_ProposerCode
+        }
+      })
+    }
+    // 科室下拉改变事件
+    // getDepartments(data) {
+    //   this.ruleForm.deptid = data.value
+    //   this.ruleForm.deptname = data.name
+    // },
+    // 院区下拉改变事件
+    // getHospitals(data) {
+    //   this.ruleForm.hosid = data.value
+    //   this.ruleForm.hosname = data.name
+    // },
+    // 申请人下拉改变事件
+    // getRepairman(data) {
+    //   this.ruleForm.usercode = data.value
+    //   this.ruleForm.username = data.name
+    // },
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>