From b654384fcaedb1d90c535d209778003d199aafa5 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期四, 20 十月 2022 11:47:26 +0800 Subject: [PATCH] 修改时间为字符串 --- src/views/systemSetting/baseSetting/department/updateUser/index.vue | 123 +++++++++++------------------------------ 1 files changed, 33 insertions(+), 90 deletions(-) diff --git a/src/views/systemSetting/baseSetting/department/updateUser/index.vue b/src/views/systemSetting/baseSetting/department/updateUser/index.vue index 7de6472..fa05478 100644 --- a/src/views/systemSetting/baseSetting/department/updateUser/index.vue +++ b/src/views/systemSetting/baseSetting/department/updateUser/index.vue @@ -1,80 +1,39 @@ <template> <div class="updateUser"> - <!-- <header> - <div class="headerTitle">{{updateFlag ? '淇敼鐢ㄦ埛閮ㄩ棬淇℃伅' :'鏌ョ湅鐢ㄦ埛淇℃伅'}}</div> - </header> --> <main> <div class="mainContent"> - <el-form - ref="user" - label-width="140px" - autoComplete="on" - :model="user" - :rules="createUserRules" - label-position="right" - > - <!-- 閮ㄩ棬id - <el-form-item class="optionItem" label="閮ㄩ棬id:" prop="id"> - <el-input v-model="user.id" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" :disabled="!updateFlag"></el-input> - </el-form-item> --> + <el-form ref="user" label-width="140px" autoComplete="on" :model="user" :rules="createUserRules" + label-position="right"> <!-- 閮ㄩ棬鍚嶇О --> <el-form-item class="optionItem" label="閮ㄩ棬鍚嶇О:" prop="departName"> - <el-input - v-model="user.departName" - placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" - :disabled="!updateFlag" - ></el-input> + <el-input v-model="user.departName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" :disabled="!updateFlag"></el-input> </el-form-item> <!-- 涓婄骇閮ㄩ棬 --> <el-form-item class="optionItems" label="涓婄骇閮ㄩ棬:" prop="parentId"> - <el-select v-model="user.parentId" placeholder="璇烽�夋嫨涓婄骇閮ㄩ棬"> - <el-option - v-for="item in departList" - :key="item.departName" - :label="item.departName" - :value="item.id" - > + <el-select v-model="user.parentId" placeholder="璇烽�夋嫨涓婄骇閮ㄩ棬" :disabled="!updateFlag"> + <el-option v-for="item in departList" :key="item.departName" :label="item.departName" :value="item.id"> </el-option> </el-select> </el-form-item> <!-- 閮ㄩ棬绫诲瀷 --> <el-form-item class="optionItem" label="閮ㄩ棬绫诲瀷:" prop="departType"> - <el-select - v-model="user.departType" - placeholder="璇烽�夋嫨閮ㄩ棬绫诲瀷" - :disabled="!updateFlag" - > - <el-option - v-for="item in typeList" - :key="item.id" - :label="item.name" - :value="item.id" - > + <el-select v-model="user.departType" placeholder="璇烽�夋嫨閮ㄩ棬绫诲瀷" :disabled="!updateFlag"> + <el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> <!--娣诲姞浜哄憳 --> - <el-form-item class="optionItem add" label="娣诲姞浜哄憳:"> + <el-form-item class="optionItem add" label="閮ㄩ棬浜哄憳:"> <ul class="addPerson"> - <li - v-for="(item, index) in checkedList" - :key="index" - @click="setLeader(index)" - > + <li v-for="(item, index) in checkedList" :key="index" @click="setLeader(index)"> <div class="li-item"> <div class="li-icon"> - <i - :class="[ - 'el-icon-user-solid', - item.leader ? 'leader' : '', - ]" - ></i> + <i :class="[ + 'el-icon-user-solid', + item.leader ? 'leader' : '', + ]"></i> </div> - <label - style="font-size: 12px" - :class="[item.leader ? 'leader' : '']" - >{{ item.username }}</label - > + <label style="font-size: 12px" :class="[item.leader ? 'leader' : '']">{{ item.username }}</label> </div> </li> <li class="li-btn" v-if="updateFlag"> @@ -89,11 +48,7 @@ </div> <div class="scrollWrap"> <el-checkbox-group v-model="checkedUser"> - <el-checkbox - v-for="user in userList" - :label="user.id" - :key="user.id" - > + <el-checkbox v-for="user in userList" :label="user.id" :key="user.id"> {{ user.username }} </el-checkbox> </el-checkbox-group> @@ -103,27 +58,16 @@ </div> </el-form-item> <el-form-item style="margin-top: -40px"> - <label style="color: #ff0000ab" - >绾㈣壊浠h〃閮ㄩ棬棰嗗锛岀偣鍑诲ご鍍忓彲璁剧疆閮ㄩ棬棰嗗</label - > + <label style="color: #ff0000ab">绾㈣壊浠h〃閮ㄩ棬棰嗗锛岀偣鍑诲ご鍍忓彲璁剧疆閮ㄩ棬棰嗗</label> </el-form-item> <!-- 閮ㄩ棬鎻忚堪 --> <el-form-item class="optionItem" label="閮ㄩ棬鎻忚堪:" prop="departDes"> - <el-input - type="textarea" - :rows="4" - v-model="user.departDes" - placeholder="璇疯緭鍏ラ儴闂ㄦ弿杩�" - :disabled="!updateFlag" - ></el-input> + <el-input type="textarea" :rows="4" v-model="user.departDes" placeholder="璇疯緭鍏ラ儴闂ㄦ弿杩�" :disabled="!updateFlag"> + </el-input> </el-form-item> <el-form-item v-if="updateFlag"> <div class="optionBtn"> - <el-button - type="primary" - class="btn submit" - @click.native.prevent="handleUser" - >鎻愪氦 + <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">鎻愪氦 </el-button> </div> </el-form-item> @@ -155,10 +99,6 @@ callback(); } else { callback(); - // const rep = /^\w+$/; - // if (!rep.test(value)) { - // callback(new Error("瀵嗙爜鍙兘鏄互鏁板瓧銆�26涓嫳鏂囧瓧姣嶆垨鑰呬笅鍒掔嚎缁勬垚鐨勫瓧绗︿覆")); - // } } }; const validatePhone = (rule, value, callback) => { @@ -166,10 +106,6 @@ callback(); } else { callback(); - // const rep = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/ - // if (!rep.test(value)) { - // callback("璇疯緭鍏ユ纭殑鎵嬫満鍙风爜"); - // } } }; return { @@ -202,6 +138,9 @@ created() { const that = this; this.user = JSON.parse(JSON.stringify(that.userInfo)); + console.log(this.user); + this.user.parentId = this.user.parentId === 0 ? '鏆傛棤涓婄骇閮ㄩ棬' : this.user.parentId; + console.log(this.user.parentId); this.checkedList = this.user.userInfoDTOS; this.checkedList.forEach((e) => { this.checkedUser.push(e.userId); @@ -223,8 +162,9 @@ const { user, checkedList } = this; const arr = []; checkedList.forEach((item) => { - arr.push({ leader: item.leader, userId: item.id }); + arr.push({ leader: item.leader, userId: item.userId }); }); + console.log(arr); this.$axios .post("sccg/depart/update", { id: user.id, @@ -239,7 +179,6 @@ type: res.code === 200 ? "success" : "warning", }); this.$emit("changeDialog", { flag: false }); - debugger; this.getDepartList(); }); } else { @@ -254,9 +193,11 @@ // 璁剧疆棰嗗 setLeader(idx) { - this.checkedList.forEach((item, index) => { - item.leader = index === idx; - }); + if (this.updateFlag) { + this.checkedList.forEach((item, index) => { + item.leader = index === idx; + }); + } }, // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭� @@ -269,8 +210,6 @@ }); }, addUser() { - console.log(this.checkedUser); - console.log(this.userList); this.checkedList = []; this.userList.forEach((item) => { this.checkedUser.forEach((child) => { @@ -362,6 +301,7 @@ padding: 0; flex-wrap: wrap; max-width: 280px; + li { color: #fff; text-align: center; @@ -369,6 +309,7 @@ margin-left: 10px; } } + .li-icon { background-color: #cccccc; width: 36px; @@ -376,6 +317,7 @@ border-radius: 50%; margin: 0 auto; } + .li-btn { background-color: #cccccc; width: 36px; @@ -437,6 +379,7 @@ .leader { color: red; } + .el-input { width: 280px !important; } -- Gitblit v1.8.0