add:故障报修

CallCenterWeb.UI/RMYY/config/sit.env.js

@@ -3,8 +3,8 @@
 module.exports = {
   NODE_ENV: '"production"',
   ENV_CONFIG: '"sit"',
-  // BASE_API: '"http://192.168.8.20:1028/"', // API地址
-  BASE_API: '"http://192.168.1.37:8000/"', // API地址
+  BASE_API: '"http://192.168.8.10:8033/"', // API地址
+  //BASE_API: '"http://192.168.1.37:8000/"', // API地址
   // BASE_API: '"http://117.160.241.16:8000/"', // API地址
   SOCKET_IP: '"192.168.8.7"', // WebSocket通讯ip
   SOCKET_PORT: '"8081"', // WebSocket通讯端口

CallCenterWeb.UI/RMYY/src/components/context/commonSelect/selectDeptTree.vue

@@ -1,64 +1,62 @@
 <template>
-  <el-cascader :span="24" style="width: 100%;" v-model="deptids" placeholder="请选择部门" :options="orderData" :props="defaultProps" ref="cascader" filterable clearable @change="handleChange">
-  </el-cascader>
+  <el-cascader ref="cascader" :span="24" v-model="deptids" :options="orderData" :props="defaultProps" style="width: 100%;" placeholder="请选择部门" filterable clearable @change="handleChange"/>
 </template>
 
 <script>
-  import {
-    getDeptTree
-  } from '@/api/systemSetup/roleSetting/userManage'
-  export default {
-    name: 'selectDeptTree',
-    props: {
-      deptparam:{
-        type:Array,
-        default:[]
-      },
-      deptparamName:{
-        type:String,
-        default:''
-      }
-    },
-    data() {
-      return {
-        defaultProps: {
-          checkStrictly: true,
-          children: 'children',
-          label: 'text',
-          value: 'id'
-        },
-        deptids:this.deptparam,
-        parentid:'-1',
-        orderData: []
-      }
-    },
-    watch: {
-
+import {
+  getDeptTree
+} from '@/api/systemSetup/roleSetting/userManage'
+export default {
+  name: 'SelectDeptTree',
+  props: {
+    deptparam: {
+      type: Array,
+      default: []
     },
-    created() {
-      // 默认数据加载
-      this.getTreeList()
+    deptparamName: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      defaultProps: {
+        checkStrictly: true,
+        children: 'children',
+        label: 'text',
+        value: 'id'
+      },
+      deptids: this.deptparam,
+      parentid: '-1',
+      orderData: []
+    }
+  },
+  watch: {
 
-    },
-    methods: {
-      getTreeList() {
-        return new Promise((resolve) => {
-          getDeptTree(this.parentid).then((response) => {
-            if (response.state.toLowerCase() === 'success') {
-              this.orderData = response.data
-            }
-          })
-          resolve()
+  },
+  created() {
+    // 默认数据加载
+    this.getTreeList()
+  },
+  methods: {
+    getTreeList() {
+      return new Promise((resolve) => {
+        getDeptTree(this.parentid).then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.orderData = response.data
+          }
         })
-      },
-      handleChange(data) {
-        console.log(data)
-        // console.log(Number(data[data.length - 1]))
-        this.$emit('post-deptid',data)
-        // this.$emit('post-deptid',Number(data[data.length - 1]))
-      },
+        resolve()
+      })
+    },
+    handleChange(data) {
+      console.log(data)
+      // console.log(Number(data[data.length - 1]))
+      this.$emit('post-deptid', data)
+      // this.$emit('post-deptid',Number(data[data.length - 1]))
     }
   }
+}
 </script>
 
 <style>

CallCenterWeb.UI/RMYY/src/components/context/commonSelect/selectOrderTypeTwo.vue

@@ -3,201 +3,205 @@
     <el-option v-for="item in orderData" :key="item.fid" :label="item.fname" :disabled="item.fid | orderFilter"
       :value="item.fid" />
   </el-select> -->
-  <el-cascader v-model="orderTypeData.name" :options="orderData" :props="TagProps" ref="cascader" clearable @change="handleChange"></el-cascader>
+  <el-cascader ref="cascader" v-model="orderTypeData.name" :options="orderData" :props="TagProps" clearable style="width:100%;" @change="handleChange" />
 </template>
 
 <script>
-  import {
-    getOrderTypeList
-  } from '@/api/commonAPI'
-  import { getOrderTypeLists} from '@/api/systemSetup/roleSetting/orderTypeManage'
-  import {
-    eventBus
-  } from './eventBus.js'
-  export default {
-    name: 'SelectOrderType',
-    filters: {
-      orderFilter(status) {
-        const statusMap = {
-          // 2003: true,
-          // 2008: true,
-          // 2009: true
-        }
-        return statusMap[status]
+import {
+  getOrderTypeList
+} from '@/api/commonAPI'
+import { getOrderTypeLists } from '@/api/systemSetup/roleSetting/orderTypeManage'
+import {
+  eventBus
+} from './eventBus.js'
+export default {
+  name: 'SelectOrderType',
+  filters: {
+    orderFilter(status) {
+      const statusMap = {
+        // 2003: true,
+        // 2008: true,
+        // 2009: true
       }
-    },
-    props: {
-      firstOrderType: {
-        type: Object,
-        default () {
-          return {}
-        }
-      },
-      secondOrderType: {
-        type: Object,
-        default () {
-          return {}
-        }
-      },
-      thirdOrderType: {
-        type: Object,
-        default () {
-          return {}
-        }
+      return statusMap[status]
+    }
+  },
+  props: {
+    firstOrderType: {
+      type: Object,
+      default() {
+        return {}
       }
     },
-    data() {
-      return {
-        TagProps:{
-          checkStrictly: true,
-          value: 'id',
-          label: 'text',
-          children: 'children',
-        },
-        orderTypeData: {
-          name: '',
-          value: 0
-        },
-        typeid: 1,
-        pid: 0,
-        orderData: [] // 业务类别数据
+    secondOrderType: {
+      type: Object,
+      default() {
+        return {}
       }
     },
-    watch: {
-      'firstOrderType.pid': function() {
-        this.orderTypeData.name = ''
-        this.orderTypeData.value = 0
-        this.$emit('post-first-order-type', this.orderTypeData)
-        this.typeid = this.firstOrderType.typeid
-        this.commonOrderType(this.firstOrderType.typeid, this.firstOrderType.pid)
+    thirdOrderType: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      TagProps: {
+        checkStrictly: true,
+        value: 'id',
+        label: 'text',
+        children: 'children'
       },
-      'secondOrderType.pid': function() {
-        this.orderTypeData.name = ''
-        this.orderTypeData.value = 0
-        this.$emit('post-second-order-type', this.orderTypeData)
-        this.typeid = this.secondOrderType.typeid
-        this.commonOrderType(this.secondOrderType.typeid, this.secondOrderType.pid)
+      orderTypeData: {
+        name: '',
+        value: 0
       },
-      'thirdOrderType.pid': function() {
-        this.orderTypeData.name = ''
-        this.orderTypeData.value = 0
-        this.$emit('post-third-order-type', this.orderTypeData)
+      typeid: 1,
+      pid: 0,
+      orderData: [] // 业务类别数据
+    }
+  },
+  watch: {
+    'firstOrderType.pid': function() {
+      console.log(this.firstOrderType)
+      this.orderTypeData.name = ''
+      this.orderTypeData.value = 0
+      this.$emit('post-first-order-type', this.orderTypeData)
+      this.typeid = this.firstOrderType.typeid
+      this.commonOrderType(this.firstOrderType.typeid, this.firstOrderType.pid)
+    },
+    'secondOrderType.pid': function() {
+      console.log(this.secondOrderType.pid)
+      this.orderTypeData.name = ''
+      this.orderTypeData.value = 0
+      this.$emit('post-second-order-type', this.orderTypeData)
+      this.typeid = this.secondOrderType.typeid
+      this.commonOrderType(this.secondOrderType.typeid, this.secondOrderType.pid)
+    },
+    'thirdOrderType.pid': function() {
+      this.orderTypeData.name = ''
+      this.orderTypeData.value = 0
+      this.$emit('post-third-order-type', this.orderTypeData)
+      this.typeid = this.thirdOrderType.typeid
+      this.commonOrderType(this.thirdOrderType.typeid, this.thirdOrderType.pid)
+    }
+
+  },
+  created() {
+    // 默认数据加载
+    this.defaultData()
+    // 编辑详情展示
+    this.showDetail()
+
+    this.getEventBus()
+  },
+  methods: {
+    getEventBus() {
+      eventBus.$on('typeId', (data) => {
+        // console.log(data);
+        this.secondOrderType.pid = data
+      })
+    },
+    defaultData() {
+      if (JSON.stringify(this.firstOrderType) !== '{}') {
+        console.log(this.firstOrderType)
+        console.log(JSON.stringify(this.firstOrderType))
+        this.commonOrderType(this.firstOrderType.typeid, this.firstOrderType.pid)
+      }
+      if (JSON.stringify(this.thirdOrderType) !== '{}' && this.thirdOrderType.pid) {
         this.typeid = this.thirdOrderType.typeid
         this.commonOrderType(this.thirdOrderType.typeid, this.thirdOrderType.pid)
       }
-
+      if (JSON.stringify(this.secondOrderType) !== '{}' && this.secondOrderType.pid) {
+        this.typeid = this.secondOrderType.typeid
+        this.commonOrderType(this.secondOrderType.typeid, this.secondOrderType.pid)
+      }
     },
-    created() {
-      // 默认数据加载
-      this.defaultData()
-      // 编辑详情展示
-      this.showDetail()
-
-      this.getEventBus()
-
+    showDetail() {
+      if (this.firstOrderType.name) {
+        this.orderTypeData.name = this.firstOrderType.name
+      }
+      if (this.secondOrderType.name) {
+        this.orderTypeData.name = this.secondOrderType.name
+      }
+      if (this.thirdOrderType.name) {
+        this.orderTypeData.name = this.thirdOrderType.name
+      }
     },
-    methods: {
-      getEventBus() {
-        eventBus.$on('typeId', (data) => {
-          // console.log(data);
-          this.secondOrderType.pid = data
-        })
-      },
-      defaultData() {
-        if (JSON.stringify(this.firstOrderType) !== '{}') {
-          console.log(JSON.stringify(this.firstOrderType))
-          this.commonOrderType(this.firstOrderType.typeid, this.firstOrderType.pid)
-        }
-        if (JSON.stringify(this.thirdOrderType) !== '{}' && this.thirdOrderType.pid) {
-          this.typeid = this.thirdOrderType.typeid
-          this.commonOrderType(this.thirdOrderType.typeid, this.thirdOrderType.pid)
-        }
-        if (JSON.stringify(this.secondOrderType) !== '{}' && this.secondOrderType.pid) {
-          this.typeid = this.secondOrderType.typeid
-          this.commonOrderType(this.secondOrderType.typeid, this.secondOrderType.pid)
-        }
-      },
-      showDetail() {
-        if (this.firstOrderType.name) {
-          this.orderTypeData.name = this.firstOrderType.name
-        }
-        if (this.secondOrderType.name) {
-          this.orderTypeData.name = this.secondOrderType.name
-        }
-        if (this.thirdOrderType.name) {
-          this.orderTypeData.name = this.thirdOrderType.name
+    commonOrderType(id, pid) {
+      console.log(pid)
+      this.getTreeList(pid)
+      // getOrderTypeList(id, pid).then((response) => {
+      //   this.orderData = response.rows
+      // })
+    },
+    getTreeList(pid) {
+      return new Promise((resolve) => {
+        const params = {
+          pid: pid,
+          flag: 1
+
         }
-      },
-      commonOrderType(id, pid) {
-        this.getTreeList()
-        // getOrderTypeList(id, pid).then((response) => {
-        //   this.orderData = response.rows
-        // })
-      },
-      getTreeList() {
-        return new Promise((resolve) => {
-          const params = {
-            pid: this.secondOrderType.pid,
-            flag: 1
+        getOrderTypeLists(params).then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.orderData = response.data
           }
-          getOrderTypeLists(params).then((response) => {
-            if (response.state.toLowerCase() === 'success') {
-              this.orderData = response.data
-            }
-          })
-          resolve()
         })
-      },
-      filterTreeDatas(treeDatas) {
-        const accessedRouters = []
-        let j = -1
-        for (const i in treeDatas) {
-          j++
-          accessedRouters.push({
-            id: treeDatas[i].id,
-            label: treeDatas[i].text,
-            typeId: treeDatas[i].TypeId,
-            children: []
-          })
-          if (treeDatas[i].children) {
-            accessedRouters[j].children = this.filterTreeDatas(treeDatas[i].children)
-          }
-        }
-        return accessedRouters
-      },
-      handleChange(data){
-        console.log(Number(data[data.length-1]))
-        this.orderTypeData.value = Number(data[data.length-1])
-        // this.orderTypeData.name = this.$refs["cascader"].getCheckedNodes()[0].label
-        switch (this.typeid) {
-          case 1:
-            this.$emit('post-first-order-type', this.orderTypeData)
-            break
-          case 2:
-            this.$emit('post-second-order-type', this.orderTypeData)
-            break
-          case 3:
-            this.$emit('post-third-order-type', this.orderTypeData)
-            break
-        }
-      },
-      changedOrderType(data) {
-        this.orderTypeData.value = data
-        this.orderTypeData.name = data ? this.orderData.find(ele => ele.fid === data).text : ''
-        switch (this.typeid) {
-          case 1:
-            this.$emit('post-first-order-type', this.orderTypeData)
-            break
-          case 2:
-            this.$emit('post-second-order-type', this.orderTypeData)
-            break
-          case 3:
-            this.$emit('post-third-order-type', this.orderTypeData)
-            break
+        resolve()
+      })
+    },
+    filterTreeDatas(treeDatas) {
+      const accessedRouters = []
+      let j = -1
+      for (const i in treeDatas) {
+        j++
+        accessedRouters.push({
+          id: treeDatas[i].id,
+          label: treeDatas[i].text,
+          typeId: treeDatas[i].TypeId,
+          children: []
+        })
+        if (treeDatas[i].children) {
+          accessedRouters[j].children = this.filterTreeDatas(treeDatas[i].children)
         }
       }
+      return accessedRouters
+    },
+    handleChange(data) {
+      console.log(Number(data[data.length - 1]))
+      this.orderTypeData.value = Number(data[data.length - 1])
+      // this.orderTypeData.name = this.$refs["cascader"].getCheckedNodes()[0].label
+      switch (this.typeid) {
+        case 1:
+          this.$emit('post-first-order-type', this.orderTypeData)
+          break
+        case 2:
+          this.$emit('post-second-order-type', this.orderTypeData)
+          break
+        case 3:
+          this.$emit('post-third-order-type', this.orderTypeData)
+          break
+      }
+    },
+    changedOrderType(data) {
+      this.orderTypeData.value = data
+      this.orderTypeData.name = data ? this.orderData.find(ele => ele.fid === data).text : ''
+      switch (this.typeid) {
+        case 1:
+          this.$emit('post-first-order-type', this.orderTypeData)
+          break
+        case 2:
+          this.$emit('post-second-order-type', this.orderTypeData)
+          break
+        case 3:
+          this.$emit('post-third-order-type', this.orderTypeData)
+          break
+      }
     }
   }
+}
 </script>
 
 <style>

CallCenterWeb.UI/RMYY/src/components/context/commonSelect/selectRepairman.vue

@@ -24,9 +24,9 @@ export default {
     repairmanParam: {
       type: Object,
       default() {
-        return {
-          name: ''
-        }
+        // return {
+        //   name: ''
+        // }
       }
     }
   },

CallCenterWeb.UI/RMYY/src/views/systemSetup/roleSetting/userManage/addOrEdit.vue

@@ -50,7 +50,10 @@
         <el-col :md="12" class="col_item">
           <el-form-item label="用户角色" prop="RoleId">
             <el-select v-model="ruleForm.RoleId" class="form_select" filterable clearable placeholder="请选择用户角色">
-              <el-option v-for="item in roleOptions" :key="item.F_RoleId" :label="item.F_RoleName"
+              <el-option
+                v-for="item in roleOptions"
+                :key="item.F_RoleId"
+                :label="item.F_RoleName"
                 :value="item.F_RoleId" />
             </el-select>
           </el-form-item>
@@ -74,7 +77,7 @@
         </el-col>
         <el-col :md="24" class="col_item">
           <el-form-item label="备注" prop="Remark">
-            <el-input type="textarea" v-model="ruleForm.Remark" placeholder="备注" />
+            <el-input v-model="ruleForm.Remark" type="textarea" placeholder="备注" />
           </el-form-item>
         </el-col>
         <!-- <el-col :md="12" class="col_item">
@@ -94,324 +97,324 @@
 </template>
 
 <script>
-  import md5 from 'js-md5'
-  import avatarUpload from 'vue-image-crop-upload'
-  import {
-    mapGetters
-  } from 'vuex'
-  import {
-    getRoleSelect,
-    getSeatGroup
-  } from '@/api/commonAPI'
-  import {
-    getUserAccount,
-    addUserAccount,
-    editUserAccount
-  } from '@/api/systemSetup/roleSetting/userManage'
-  import {
-    validUsername,
-    validName,
-    validPassword,
-    validateTel,
-    validExtension
-  } from '@/utils/validate'
-  import {
-    getTreeList
-  } from '@/api/systemSetup/roleSetting/department'
-  import selectDeptTree from '../../../../components/context/commonSelect/selectDeptTree.vue'
-  export default {
-    name: 'AddOrEdit',
-    components: {
-      'avatar-upload': avatarUpload,
-      'select-dept-tree':selectDeptTree
+import md5 from 'js-md5'
+import avatarUpload from 'vue-image-crop-upload'
+import {
+  mapGetters
+} from 'vuex'
+import {
+  getRoleSelect,
+  getSeatGroup
+} from '@/api/commonAPI'
+import {
+  getUserAccount,
+  addUserAccount,
+  editUserAccount
+} from '@/api/systemSetup/roleSetting/userManage'
+import {
+  validUsername,
+  validName,
+  validPassword,
+  validateTel,
+  validExtension
+} from '@/utils/validate'
+import {
+  getTreeList
+} from '@/api/systemSetup/roleSetting/department'
+import selectDeptTree from '../../../../components/context/commonSelect/selectDeptTree.vue'
+export default {
+  name: 'AddOrEdit',
+  components: {
+    'avatar-upload': avatarUpload,
+    'select-dept-tree': selectDeptTree
+  },
+  props: {
+    rowid: {
+      type: String,
+      default: ''
     },
-    props: {
-      rowid: {
-        type: String,
-        default: ''
-      },
-      usercodeList: {
-        type: String,
-        default: ''
-      },
-      layerid: {
-        type: String,
-        default: ''
-      }
+    usercodeList: {
+      type: String,
+      default: ''
     },
-    data() {
-      const validUsernameRule = (rule, value, callback) => {
-        if (!validUsername(value)) {
-          callback(new Error('请输入有效的账号（4-20个字符只能是字母、下划线、数字）！'))
-        } else {
-          callback()
-        }
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    const validUsernameRule = (rule, value, callback) => {
+      if (!validUsername(value)) {
+        callback(new Error('请输入有效的账号（4-20个字符只能是字母、下划线、数字）！'))
+      } else {
+        callback()
       }
+    }
 
-      const validNameRule = (rule, value, callback) => {
-        if (!validName(value)) {
-          callback(new Error('请输入有效的姓名（2-20位汉字和·•的组合）！'))
-        } else {
-          callback()
-        }
+    const validNameRule = (rule, value, callback) => {
+      if (!validName(value)) {
+        callback(new Error('请输入有效的姓名（2-20位汉字和·•的组合）！'))
+      } else {
+        callback()
       }
+    }
 
-      const validatePass = (rule, value, callback) => {
-        if (!validPassword(value)) {
-          callback(new Error('请输入有效的密码（6-32个字符只能是字母、下划线、数字）！'))
-        } else {
-          if (this.checkPass !== '') {
-            this.$refs.ruleForm.validateField('checkPass')
-          }
-          callback()
+    const validatePass = (rule, value, callback) => {
+      if (!validPassword(value)) {
+        callback(new Error('请输入有效的密码（6-32个字符只能是字母、下划线、数字）！'))
+      } else {
+        if (this.checkPass !== '') {
+          this.$refs.ruleForm.validateField('checkPass')
         }
+        callback()
       }
+    }
 
-      const validatePass2 = (rule, value, callback) => {
-        if (!validPassword(this.checkPass)) {
-          callback(new Error('请输入有效的确认密码（6-32个字符只能是字母、下划线、数字）！'))
-        } else {
-          if (this.checkPass !== this.ruleForm.Password) {
-            callback(new Error('两次输入密码不一致!'))
-          }
-          callback()
+    const validatePass2 = (rule, value, callback) => {
+      if (!validPassword(this.checkPass)) {
+        callback(new Error('请输入有效的确认密码（6-32个字符只能是字母、下划线、数字）！'))
+      } else {
+        if (this.checkPass !== this.ruleForm.Password) {
+          callback(new Error('两次输入密码不一致!'))
         }
+        callback()
       }
+    }
 
-      const validateTelRule = (rule, value, callback) => {
-        if (!validateTel(value)) {
-          callback(new Error('请输入有效的手机号码!'))
-        } else {
-          callback()
-        }
+    const validateTelRule = (rule, value, callback) => {
+      if (!validateTel(value)) {
+        callback(new Error('请输入有效的手机号码!'))
+      } else {
+        callback()
       }
+    }
 
-      const validGroupRule = (rule, value, callback) => {
-        if (this.seatFlag) {
-          if (!value) {
-            callback(new Error('请选择坐席组!'))
-          } else {
-            callback()
-          }
+    const validGroupRule = (rule, value, callback) => {
+      if (this.seatFlag) {
+        if (!value) {
+          callback(new Error('请选择坐席组!'))
         } else {
           callback()
         }
+      } else {
+        callback()
       }
+    }
 
-      const validateExt = (rule, value, callback) => {
-        if (value !== '') {
-          if (!validExtension(value)) {
-            callback(new Error('分机号格式(4-20个字符只能是数字)！'))
-          } else {
-            callback()
-          }
+    const validateExt = (rule, value, callback) => {
+      if (value !== '') {
+        if (!validExtension(value)) {
+          callback(new Error('分机号格式(4-20个字符只能是数字)！'))
         } else {
           callback()
         }
+      } else {
+        callback()
       }
+    }
 
-      return {
-        roleOptions: [], // 角色下拉数据
-        departmentDropDatas: [], // 部门下拉
-        parentids: [], // 部门下拉数据
-        seatFlag: false, // 话务标识
-        checkPass: '', // 确认密码
-        seatOptions: [],
-        deptid:['1','2002'],
-        ruleForm: {
-          // Usercode: '',
-          Username: '',
-          Password: '',
-          DeptId: '', // 所属部门id
-          RoleId: '', // 角色id
-          SeatGroup: '',//坐席组id
-          Remark: '',
-          Phon: '', // 电话
-          sex: '男', // 性别
-          companyphone:'',
-          address:'',
-          job:'',
-          // userid: '',
-          // 话务相关
-          // IsSeat: 0 // 标志
-        },
-        rules: {
-          Usercode: [{
-            required: true,
-            trigger: 'blur',
-            validator: validUsernameRule
-          }],
-          Username: [{
-            required: true,
-            trigger: 'blur',
-            validator: validNameRule
-          }],
-          SeatGroup: [{
-            required: true,
-            trigger: 'change',
-            validator: validGroupRule
-          }],
-          Password: [{
-            required: true,
-            trigger: 'blur',
-            validator: validatePass
-          }],
-          checkPass: [{
-            required: true,
-            trigger: 'blur',
-            validator: validatePass2
-          }],
-          type: [{
-            required: true,
-            message: '请选择用户类型',
-            trigger: 'change'
-          }],
-          RoleId: [{
-            required: true,
-            message: '请选择用户角色',
-            trigger: 'change'
-          }]
-        },
-        loading: false,
-        // 自定义菜单下拉数据的key值
-        props: {
-          value: 'id',
-          label: 'text'
-        },
-        is_form_cascader: false
+    return {
+      roleOptions: [], // 角色下拉数据
+      departmentDropDatas: [], // 部门下拉
+      parentids: [], // 部门下拉数据
+      seatFlag: false, // 话务标识
+      checkPass: '', // 确认密码
+      seatOptions: [],
+      deptid: ['1', '2002'],
+      ruleForm: {
+        // Usercode: '',
+        Username: '',
+        Password: '',
+        DeptId: '', // 所属部门id
+        RoleId: '', // 角色id
+        SeatGroup: '', // 坐席组id
+        Remark: '',
+        Phon: '', // 电话
+        sex: '男', // 性别
+        companyphone: '',
+        address: '',
+        job: ''
+        // userid: '',
+        // 话务相关
+        // IsSeat: 0 // 标志
+      },
+      rules: {
+        Usercode: [{
+          required: true,
+          trigger: 'blur',
+          validator: validUsernameRule
+        }],
+        Username: [{
+          required: true,
+          trigger: 'blur',
+          validator: validNameRule
+        }],
+        SeatGroup: [{
+          required: true,
+          trigger: 'change',
+          validator: validGroupRule
+        }],
+        Password: [{
+          required: true,
+          trigger: 'blur',
+          validator: validatePass
+        }],
+        checkPass: [{
+          required: true,
+          trigger: 'blur',
+          validator: validatePass2
+        }],
+        type: [{
+          required: true,
+          message: '请选择用户类型',
+          trigger: 'change'
+        }],
+        RoleId: [{
+          required: true,
+          message: '请选择用户角色',
+          trigger: 'change'
+        }]
+      },
+      loading: false,
+      // 自定义菜单下拉数据的key值
+      props: {
+        value: 'id',
+        label: 'text'
+      },
+      is_form_cascader: false
+    }
+  },
+  computed: {
+    ...mapGetters(['token', 'avatar', 'usercode'])
+  },
+  created() {
+    // , this.getTypeDrop()
+    Promise.all([this.getRoleSelects(), this.getTypeDrop(), this.getSeatGroupSelects()]).then(() => {
+      if (this.rowid) {
+        this.ruleForm.userid = this.rowid
+        this.ruleForm.Usercode = this.usercodeList
+        this.is_form_cascader = true
+        this.getDetail(this.rowid, this.usercodeList)
       }
-    },
-    computed: {
-      ...mapGetters(['token', 'avatar', 'usercode'])
-    },
-    created() {
-      // , this.getTypeDrop()
-      Promise.all([this.getRoleSelects(), this.getTypeDrop(), this.getSeatGroupSelects()]).then(() => {
-        if (this.rowid) {
-          this.ruleForm.userid = this.rowid
-          this.ruleForm.Usercode = this.usercodeList
-          this.is_form_cascader = true
-          this.getDetail(this.rowid, this.usercodeList)
-        }
-      })
-    },
-    methods: {
-      // 添加编辑
-      submitForm() {
-        this.$refs.ruleForm.validate((valid) => {
-          if (valid) {
-            this.loading = true
-            // this.ruleForm.Password = md5(this.ruleForm.Password)
-            // 添加
-            if (!this.rowid) {
-              this.ruleForm.Password = md5(this.ruleForm.Password)
-              addUserAccount(this.ruleForm)
-                .then((response) => {
-                  this.loading = false
-                  if (response.state.toLowerCase() === 'success') {
-                    this.$parent.$layer.close(this.layerid)
-                    this.$parent.getList() // 重新加载父级数据
-                    this.$message.success('恭喜你，用户信息添加成功!')
-                  }
-                })
-                .catch(() => {
-                  this.loading = false
-                })
-              return
-            }
-            // 编辑
-            editUserAccount(this.ruleForm)
+    })
+  },
+  methods: {
+    // 添加编辑
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.loading = true
+          // this.ruleForm.Password = md5(this.ruleForm.Password)
+          // 添加
+          if (!this.rowid) {
+            this.ruleForm.Password = md5(this.ruleForm.Password)
+            addUserAccount(this.ruleForm)
               .then((response) => {
                 this.loading = false
                 if (response.state.toLowerCase() === 'success') {
                   this.$parent.$layer.close(this.layerid)
                   this.$parent.getList() // 重新加载父级数据
-                  this.$message.success('恭喜你，用户信息编辑成功!')
+                  this.$message.success('恭喜你，用户信息添加成功!')
                 }
               })
               .catch(() => {
                 this.loading = false
               })
-          } else {
-            this.$message.error('请输入有效的必填项信息!')
-            return false
+            return
           }
-        })
-      },
-      // 详情
-      getDetail() {
-        const params = {
-          userid: this.rowid, // 第几页 Usercode
-          usercode: this.usercodeList
+          // 编辑
+          editUserAccount(this.ruleForm)
+            .then((response) => {
+              this.loading = false
+              if (response.state.toLowerCase() === 'success') {
+                this.$parent.$layer.close(this.layerid)
+                this.$parent.getList() // 重新加载父级数据
+                this.$message.success('恭喜你，用户信息编辑成功!')
+              }
+            })
+            .catch(() => {
+              this.loading = false
+            })
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    // 详情
+    getDetail() {
+      const params = {
+        userid: this.rowid, // 第几页 Usercode
+        usercode: this.usercodeList
 
+      }
+      getUserAccount(params).then((response) => {
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
+          this.ruleForm.Usercode = res.F_UserCode // 工号
+          this.ruleForm.Username = res.F_UserName // 姓名 Phon
+          this.ruleForm.RoleId = res.F_RoleId // 角色
+          this.ruleForm.DeptId = res.F_DeptId.toString() // 所属部门Number(res.F_DeptId)
+          this.ruleForm.Phon = res.F_Telephone // 电话
+          this.ruleForm.companyphone = res.F_WorkPhone// 公司电话
+          this.ruleForm.job = res.F_Job// 职务
+          // this.ruleForm.DeptId = res.F_DeptId//部门id
+          this.ruleForm.DeptId = res.F_DeptName// 部门name
+          this.ruleForm.address = res.F_HomeAddress
+          this.ruleForm.sex = res.F_Sex && res.F_Sex + '' //
+          this.ruleForm.Remark = res.F_Remark
+          this.ruleForm.IsSeat = res.F_SeatFlag.toString()
+          this.ruleForm.SeatGroup = res.F_SeatGroup // 坐席组id
+          this.seatFlag = res.F_SeatFlag
         }
-        getUserAccount(params).then((response) => {
-          if (response.state.toLowerCase() === 'success') {
-            const res = response.data
-            this.ruleForm.Usercode = res.F_UserCode // 工号
-            this.ruleForm.Username = res.F_UserName // 姓名 Phon
-            this.ruleForm.RoleId = res.F_RoleId // 角色
-            this.ruleForm.DeptId = res.F_DeptId.toString() // 所属部门Number(res.F_DeptId)
-            this.ruleForm.Phon = res.F_Telephone // 电话
-            this.ruleForm.companyphone = res.F_WorkPhone//公司电话
-            this.ruleForm.job = res.F_Job//职务
-            // this.ruleForm.DeptId = res.F_DeptId//部门id
-            this.ruleForm.DeptId = res.F_DeptName//部门name
-            this.ruleForm.address = res.F_HomeAddress
-            this.ruleForm.sex = res.F_Sex && res.F_Sex + '' //
-            this.ruleForm.Remark = res.F_Remark
-            this.ruleForm.IsSeat = res.F_SeatFlag.toString()
-            this.ruleForm.SeatGroup = res.F_SeatGroup // 坐席组id
-            this.seatFlag = res.F_SeatFlag
+      })
+    },
+    // 话务标识切换
+    changeSeatFlag() {
+      this.seatFlag = !this.seatFlag
+    },
+    // 获取角色下拉数据
+    getRoleSelects() {
+      return new Promise((resolve) => {
+        const params = {
+          pageindex: 1, // 第几页
+          pagesize: 9999 // 每页几条信息
+        }
+        getRoleSelect(params).then((response) => {
+          if (response.rows.length > 0) {
+            this.roleOptions = response.rows
           }
         })
-      },
-      // 话务标识切换
-      changeSeatFlag() {
-        this.seatFlag = !this.seatFlag
-      },
-      // 获取角色下拉数据
-      getRoleSelects() {
-        return new Promise((resolve) => {
-          const params = {
-            pageindex: 1, // 第几页
-            pagesize: 9999 // 每页几条信息
+        resolve()
+      })
+    },
+    // 获取坐席组下拉数据
+    getSeatGroupSelects() {
+      return new Promise((resolve) => {
+        getSeatGroup().then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.seatOptions = response.data
           }
-          getRoleSelect(params).then((response) => {
-            if (response.rows.length > 0) {
-              this.roleOptions = response.rows
-            }
-          })
-          resolve()
-        })
-      },
-      // 获取坐席组下拉数据
-      getSeatGroupSelects() {
-        return new Promise((resolve) => {
-          getSeatGroup().then((response) => {
-            if (response.state.toLowerCase() === 'success') {
-              this.seatOptions = response.data
-            }
-          })
-          resolve()
         })
-      },
-      // 获取部门下拉数据  getTreeList
-      getTypeDrop() {
-        return new Promise((resolve) => {
-          getTreeList().then((response) => {
-            if (response.state.toLowerCase() === 'success') {
-              this.departmentDropDatas = response.data
-            }
-          })
-          resolve()
+        resolve()
+      })
+    },
+    // 获取部门下拉数据  getTreeList
+    getTypeDrop() {
+      return new Promise((resolve) => {
+        getTreeList().then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.departmentDropDatas = response.data
+          }
         })
-      },
-      getDeptid(data){
-        console.log(data,'999999')
-      }
+        resolve()
+      })
+    },
+    getDeptid(data) {
+      console.log(data, '999999')
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>