用户去掉空格

src/page/accounts/checkDialog/reject.vue

@@ -38,12 +38,13 @@ export default {
       form: {
         status: "REFUSED",
         remarks: "",
-        type:"ACCOUNT",
+        type: "ACCOUNT",
       },
-      activeRow:{},
+      activeRow: {},
       rules: {
         remarks: [
           { required: true, message: "请填写驳回原因", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到100个字" },
         ],
       },
     };
@@ -86,8 +87,8 @@ export default {
               url: "audit/update",
               authType: this.backToken,
             },
-          //  _this.$qs.stringify(params)
-          params
+            //  _this.$qs.stringify(params)
+            params
           )
             .then((res) => {
               this.handleReset();

src/page/accounts/dbUnitDialog/edit.vue

 <template>
   <el-dialog
     custom-class="party-dialog"
-    :title="`管理员${isEdit?'修改':'查看'}`"
+    :title="`管理员${isEdit ? '修改' : '查看'}`"
     :visible.sync="dialogVisible"
     width="468px"
     :before-close="handleClose"
@@ -19,6 +19,7 @@
           <el-input
             v-model="form.userName"
             placeholder="请填写管理员姓名"
+            oninput="value = value.trim()"
             :readonly="!isEdit"
           ></el-input>
         </el-form-item>
@@ -58,7 +59,9 @@
         <el-button type="primary" @click="handleSubmit()">确 定</el-button>
       </div>
       <div v-else>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+        <el-button type="primary" @click="dialogVisible = false"
+          >确 定</el-button
+        >
       </div>
     </div>
   </el-dialog>
@@ -90,12 +93,13 @@ export default {
         phone: "",
         weChat: "",
         email: "",
-        roleList:[],
+        roleList: [],
         type: 2, //1.用户账号 2.平台单位管理员账号 3.机顶盒账号 4.运维账号
       },
       rules: {
         userName: [
           { required: true, message: "请选择系统用户名", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到20个字" },
         ],
         phone: [
           { required: true, validator: validateMobilePhone, trigger: "change" },
@@ -156,9 +160,9 @@ export default {
         phone: "",
         weChat: "",
         email: "",
-        roleList:[],
+        roleList: [],
         type: 2, //1.用户账号 2.平台单位管理员账号 3.机顶盒账号 4.运维账号
-      }
+      };
     },
     // 提交
     handleSubmit() {
@@ -174,7 +178,7 @@ export default {
           user.email = _this.form.email;
           user.id = _this.id;
           user.type = this.form.type;
-          user.roleList = this.form.roleList
+          user.roleList = this.form.roleList;
           this.$https(
             {
               method: "put",
@@ -210,7 +214,7 @@ export default {
         }
       });
     },
-  }
+  },
 };
 </script>
 <style lang="less" scoped>

src/page/accounts/statisticalDialog/add.vue

@@ -19,19 +19,20 @@
           <el-input
             v-model="form.userName"
             placeholder="请输入用户名"
+            oninput="value = value.trim()"
           ></el-input>
         </el-form-item>
         <el-form-item label="所在机构" prop="orgId">
-            <el-select v-model="form.orgId" filterable placeholder="请选择">
-              <el-option
-                v-for="item in organList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
+          <el-select v-model="form.orgId" filterable placeholder="请选择">
+            <el-option
+              v-for="item in organList"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="账号有效期" prop="permanent">
           <el-radio-group v-model="form.permanent">
             <el-radio :label="true">永久有效</el-radio>
@@ -66,7 +67,7 @@ export default {
       dialogVisible: false,
       organList: [],
       form: {
-        userName: "",  
+        userName: "",
         orgId: "",
         permanent: true,
         date: "",
@@ -74,6 +75,7 @@ export default {
       rules: {
         userName: [
           { required: true, message: "请填写管理员姓名", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到20个字" },
         ],
         orgId: [
           { required: true, message: "请输入所在机构", trigger: "change" },
@@ -106,7 +108,7 @@ export default {
       this.dialogVisible = false;
       this.$refs.form.resetFields();
       this.form = {
-       userName: "",  
+        userName: "",
         orgId: "",
         permanent: true,
         date: "",
@@ -129,14 +131,14 @@ export default {
           user.permanent = this.form.permanent;
           user.userName = this.form.userName;
           user.orgId = this.form.orgId;
-           let requetsparams = this.$qs.stringify(user)
+          let requetsparams = this.$qs.stringify(user);
           this.$https(
             {
               method: "post",
               url: "tUser/statisticsAdd",
               authType: this.backToken,
             },
-           requetsparams
+            requetsparams
           )
             .then((res) => {
               if (res.status == 200) {
@@ -167,5 +169,4 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-
 </style>
\ No newline at end of file

src/page/accounts/statisticalDialog/edit.vue

@@ -19,6 +19,7 @@
           <el-input
             v-model="form.userName"
             placeholder="请输入用户名"
+            oninput="value = value.trim()"
           ></el-input>
         </el-form-item>
         <el-form-item label="所在机构" prop="orgId">
@@ -76,6 +77,7 @@ export default {
       rules: {
         userName: [
           { required: true, message: "请填写管理员姓名", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到20个字符" },
         ],
         orgId: [
           { required: true, message: "请输入所在机构", trigger: "change" },

src/page/accounts/stbDialog/add.vue

@@ -16,19 +16,23 @@
         class="party-form"
       >
         <el-form-item label="运维人员姓名" prop="userName">
-            <el-input v-model="form.userName" placeholder="请填写"></el-input>
-          </el-form-item>
-          <el-form-item label="运维区域" prop="areaId">
-            <el-cascader
-              v-model="form.areaId"
-              change-on-select
-              :props="cascaderProps"
-              :options="areaOptions"
-              placeholder="请选择区域"
-              clearable
-            >
-            </el-cascader>
-          </el-form-item>
+          <el-input
+            v-model="form.userName"
+            placeholder="请填写"
+            oninput="value = value.trim()"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="运维区域" prop="areaId">
+          <el-cascader
+            v-model="form.areaId"
+            change-on-select
+            :props="cascaderProps"
+            :options="areaOptions"
+            placeholder="请选择区域"
+            clearable
+          >
+          </el-cascader>
+        </el-form-item>
         <el-form-item label="账号有效期" prop="permanent">
           <el-radio-group v-model="form.permanent">
             <el-radio :label="true">永久有效</el-radio>
@@ -71,7 +75,7 @@ export default {
         date: "",
         type: 4, //1.用户账号 2.平台单位单位管理员账号 3.机顶盒账号 4.运维账号
       },
-       cascaderProps: {
+      cascaderProps: {
         label: "name",
         value: "code",
         checkStrictly: true,
@@ -79,6 +83,7 @@ export default {
       rules: {
         userName: [
           { required: true, message: "请运维人员姓名", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到20个字" }
         ],
         areaId: [
           {
@@ -129,12 +134,12 @@ export default {
         permanent: true,
         date: "",
         type: 4, //1.用户账号 2.平台单位单位管理员账号 3.机顶盒账号 4.运维账号
-      }
+      };
     },
     // 提交
     handleSubmit() {
       // 校验用户输入值
-      let _this = this
+      let _this = this;
       this.$refs.form.validate((valid) => {
         if (valid) {
           let user = {};
@@ -150,7 +155,7 @@ export default {
           user.areaId = [...this.form.areaId].pop();
           user.permanent = this.form.permanent;
           user.type = this.form.type;
-          let requetsparams = this.$qs.stringify(user)
+          let requetsparams = this.$qs.stringify(user);
           this.$https(
             {
               method: "post",
@@ -160,7 +165,7 @@ export default {
             requetsparams
           )
             .then((res) => {
-               this.handleReset();
+              this.handleReset();
               if (res.status == 200) {
                 if (res.data.resultCode == 200) {
                   this.$message({
@@ -188,5 +193,4 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-
 </style>
\ No newline at end of file

src/page/accounts/stbDialog/edit.vue

@@ -16,7 +16,7 @@
         class="party-form"
       >
         <el-form-item label="运维人员姓名" prop="userName">
-          <el-input v-model="form.userName" placeholder="请填写"></el-input>
+          <el-input v-model="form.userName" placeholder="请填写"  oninput="value = value.trim()"></el-input>
         </el-form-item>
         <el-form-item label="运维区域" prop="areaId">
           <el-cascader
@@ -81,6 +81,7 @@ export default {
       rules: {
         userName: [
           { required: true, message: "请运维人员姓名", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到20个字" }
         ],
         areaId: [
           {

src/page/accounts/unitAdminDialog/add.vue

@@ -21,6 +21,7 @@
               <el-input
                 v-model="form.userName"
                 placeholder="请填写管理员姓名"
+                oninput="value = value.trim()" 
               ></el-input>
             </el-form-item>
             <el-form-item label="固定电话" prop="telephone">
@@ -123,6 +124,7 @@ export default {
       rules: {
         userName: [
           { required: true, message: "请填写管理员姓名", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到20个字" }
         ],
         orgId: [
           { required: true, message: "请输入所在机构", trigger: "change" },
@@ -169,7 +171,7 @@ export default {
     // 提交
     handleSubmit() {
       // 校验用户输入值
-       let _this = this;
+      let _this = this;
       this.$refs.form.validate((valid) => {
         if (valid) {
           let user = {};

src/page/accounts/unitAdminDialog/edit.vue

@@ -21,6 +21,7 @@
               <el-input
                 v-model="form.userName"
                 placeholder="请填写管理员姓名"
+                oninput="value = value.trim()"
               ></el-input>
             </el-form-item>
             <el-form-item label="固定电话" prop="telephone">
@@ -126,6 +127,7 @@ export default {
       rules: {
         userName: [
           { required: true, message: "请选择系统用户名", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到20个字" },
         ],
         orgId: [
           { required: true, message: "请输入所在机构", trigger: "change" },

src/page/accounts/userDialog/add.vue

@@ -17,7 +17,11 @@
       >
         <div class="form-row">
           <el-form-item label="系统用户名" prop="userName">
-            <el-input v-model="form.userName" placeholder="请填写"></el-input>
+            <el-input
+              v-model.trim="form.userName"
+              placeholder="请填写"
+              oninput="value = value.trim()"
+            ></el-input>
           </el-form-item>
           <el-form-item label="所在机构" prop="orgId">
             <el-select v-model="form.orgId" filterable placeholder="请选择">
@@ -84,6 +88,7 @@ export default {
       rules: {
         userName: [
           { required: true, message: "请选择系统用户名", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到20个字符" },
         ],
         orgId: [
           { required: true, message: "请输入所在机构", trigger: "change" },

src/page/accounts/userDialog/edit.vue

@@ -17,7 +17,11 @@
       >
         <div class="form-row">
           <el-form-item label="系统用户名" prop="userName">
-            <el-input v-model="form.userName" placeholder="请填写"></el-input>
+            <el-input
+              v-model="form.userName"
+              placeholder="请填写"
+              oninput="value = value.trim()"
+            ></el-input>
           </el-form-item>
           <el-form-item label="所在机构" prop="orgId">
             <el-select v-model="form.orgId" filterable placeholder="请选择">
@@ -41,17 +45,18 @@
               class="mt16"
               v-model="form.date"
               type="daterange"
-               value-format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
               range-separator="至"
               start-placeholder="开始日期"
-              end-placeholder="结束日期">
+              end-placeholder="结束日期"
+            >
             </el-date-picker>
           </div>
         </el-form-item>
         <el-form-item label="账号类型" prop="roleList">
           <el-checkbox-group v-model="form.roleList" :min="1">
             <el-checkbox
-              v-for="(item,index) in rolesList"
+              v-for="(item, index) in rolesList"
               :key="index"
               :label="item.id"
             >
@@ -72,19 +77,20 @@ export default {
   data() {
     return {
       dialogVisible: false,
-      id:'',
+      id: "",
       form: {
-        id:'',  
+        id: "",
         userName: "",
         orgId: "",
         permanent: true,
         date: "",
         roleList: [],
-        type: 1  //1.用户账号 2.平台单位单位管理员账号 3.机顶盒账号 4.运维账号
+        type: 1, //1.用户账号 2.平台单位单位管理员账号 3.机顶盒账号 4.运维账号
       },
       rules: {
         userName: [
           { required: true, message: "请选择系统用户名", trigger: "change" },
+          { min: 1, max: 20, message: "请输入1到20个字符" },
         ],
         orgId: [
           { required: true, message: "请输入所在机构", trigger: "change" },
@@ -92,13 +98,18 @@ export default {
         permanent: [
           { required: true, message: "请选择账号有效期", trigger: "change" },
         ],
-         roleList: [
-          { type: 'array',required: true, message: "请选择账号类型", trigger: "change" },
-        ]
+        roleList: [
+          {
+            type: "array",
+            required: true,
+            message: "请选择账号类型",
+            trigger: "change",
+          },
+        ],
       },
     };
   },
-   props: {
+  props: {
     organList: {
       type: Array,
       default: () => {
@@ -112,86 +123,81 @@ export default {
       },
     },
   },
-  mounted() {
-      
-  },
+  mounted() {},
   methods: {
     // 根据id获取获取详情内容
-    getDetailById(){
-        let _this = this
-        this.$https(
-            {
-              method: "get",
-              url: "tUser/getById",
-              authType: this.backToken,
-            },
-            {id:_this.id}
-          )
-            .then((res) => {
-              if(res.status == 200 ){
-                if (res.data.resultCode == 200  ) {
-                    let resData = res.data.data
-                    for(let key in _this.form){
-                        this.form[key] = resData[key]
-                    }
-                    if(!this.form.permanent){
-                        this.form.date = [
-                          resData.effectiveDate,
-                          resData.exiredDate
-                        ]
-                    }
-                } else {
-                     _this.$message.error(res.data.message);
-               } 
-              } else {
-                   _this.$message.error(res.data);
-              }    
-            })
-            .catch((err) => {
-              console.log(err);
-            });
+    getDetailById() {
+      let _this = this;
+      this.$https(
+        {
+          method: "get",
+          url: "tUser/getById",
+          authType: this.backToken,
+        },
+        { id: _this.id }
+      )
+        .then((res) => {
+          if (res.status == 200) {
+            if (res.data.resultCode == 200) {
+              let resData = res.data.data;
+              for (let key in _this.form) {
+                this.form[key] = resData[key];
+              }
+              if (!this.form.permanent) {
+                this.form.date = [resData.effectiveDate, resData.exiredDate];
+              }
+            } else {
+              _this.$message.error(res.data.message);
+            }
+          } else {
+            _this.$message.error(res.data);
+          }
+        })
+        .catch((err) => {
+          console.log(err);
+        });
     },
     // 弹窗关闭
     handleClose() {
       this.$confirm("确认关闭？")
         .then((_) => {
-          this.handleReset()  
+          this.handleReset();
         })
         .catch((_) => {});
     },
-     handleReset(){
-        this.dialogVisible = false
-        this.$refs.form.resetFields()
-        this.form = {
-            userName: "",
-            orgId: "",
-            permanent: true,
-            date: "",
-            roleList: [],
-            type:1
-        }
+    handleReset() {
+      this.dialogVisible = false;
+      this.$refs.form.resetFields();
+      this.form = {
+        userName: "",
+        orgId: "",
+        permanent: true,
+        date: "",
+        roleList: [],
+        type: 1,
+      };
     },
     // 提交
-     handleSubmit() {
+    handleSubmit() {
       // 校验用户输入值
-      let _this = this
+      let _this = this;
       _this.$refs.form.validate((valid) => {
         if (valid) {
-           let user = {};
-           if(!_this.form.permanent && !_this.form.date){
-               _this.$message.error('请选择有效期')
-               return false
-           } 
-          if(!_this.form.permanent){
-               user.effectiveDate = _this.form.date[0];
-               user.exiredDate = _this.form.date[1];
+          let user = {};
+          if (!_this.form.permanent && !_this.form.date) {
+            _this.$message.error("请选择有效期");
+            return false;
+          }
+          if (!_this.form.permanent) {
+            user.effectiveDate = _this.form.date[0];
+            user.exiredDate = _this.form.date[1];
           }
           user.userName = _this.form.userName;
           user.orgId = _this.form.orgId;
-          user.roleList = _this.form.roleList
+          user.roleList = _this.form.roleList;
           user.permanent = _this.form.permanent;
-          user.id = _this.id
-          user.type = this.form.type
+          user.id = _this.id;
+          user.type = this.form.type;
           this.$https(
             {
               method: "put",
@@ -201,22 +207,22 @@ export default {
             user
           )
             .then((res) => {
-              if(res.status == 200 ){
-                if (res.data.resultCode == 200  ) {
-                    this.$message({
-                        type: "success",
-                        message: res.data.message,
-                    });
-                    _this.dialogVisible = false
-                    this.$emit('success',true)
+              if (res.status == 200) {
+                if (res.data.resultCode == 200) {
+                  this.$message({
+                    type: "success",
+                    message: res.data.message,
+                  });
+                  _this.dialogVisible = false;
+                  this.$emit("success", true);
                 } else {
-                     this.$message.error(res.data.message);
-                     this.$emit('success',false)
-               } 
+                  this.$message.error(res.data.message);
+                  this.$emit("success", false);
+                }
               } else {
-                   this.$message.error(res.data);
-                   this.$emit('success',false)
-              }    
+                this.$message.error(res.data);
+                this.$emit("success", false);
+              }
             })
             .catch((err) => {
               console.log(res);