基本信息
Showing
12 changed files
with
264 additions
and
834 deletions
| ... | @@ -78,12 +78,12 @@ export const api = { | ... | @@ -78,12 +78,12 @@ export const api = { |
| 78 | crudPut: crud + '/rest/put', // crudPut | 78 | crudPut: crud + '/rest/put', // crudPut |
| 79 | crudDel: crud + '/rest/delete', // crudDel | 79 | crudDel: crud + '/rest/delete', // crudDel |
| 80 | crudMetadata: crud + '/rest/metadata', //crudMetadata | 80 | crudMetadata: crud + '/rest/metadata', //crudMetadata |
| 81 | crudBusiness : crud + '/rest/business', // crudBusiness | 81 | crudBusiness: crud + '/rest/business', // crudBusiness |
| 82 | crudDatasources : crud + '/rest/datasources', // crudDatasources | 82 | crudDatasources: crud + '/rest/datasources', // crudDatasources |
| 83 | } | 83 | } |
| 84 | 84 | ||
| 85 | // 根据code获取字典 params={isTree:true}) | 85 | // 根据code获取字典 params={isTree:true}) |
| 86 | export function getDictItems(code, params = {}) { | 86 | export function getDictItems (code, params = {}) { |
| 87 | return request({ | 87 | return request({ |
| 88 | url: `${api.baseDataCategory}/${code}/base-datas`, | 88 | url: `${api.baseDataCategory}/${code}/base-datas`, |
| 89 | method: 'get', | 89 | method: 'get', |
| ... | @@ -91,21 +91,21 @@ export function getDictItems(code, params = {}) { | ... | @@ -91,21 +91,21 @@ export function getDictItems(code, params = {}) { |
| 91 | }) | 91 | }) |
| 92 | } | 92 | } |
| 93 | // 获取一级字典值下级接口 | 93 | // 获取一级字典值下级接口 |
| 94 | export function getDictItemsChild(id) { | 94 | export function getDictItemsChild (id) { |
| 95 | return request({ | 95 | return request({ |
| 96 | url: `${api.baseData}/dict/${id}`, | 96 | url: `${api.baseData}/dict/${id}`, |
| 97 | method: 'get' | 97 | method: 'get' |
| 98 | }) | 98 | }) |
| 99 | } | 99 | } |
| 100 | // 获取传入字段的所有级别字典值 | 100 | // 获取传入字段的所有级别字典值 |
| 101 | export function getAllDictItems(name) { | 101 | export function getAllDictItems (name) { |
| 102 | return request({ | 102 | return request({ |
| 103 | url: `${api.baseDataCategory}/${name}/base-datas`, | 103 | url: `${api.baseDataCategory}/${name}/base-datas`, |
| 104 | method: 'get' | 104 | method: 'get' |
| 105 | }) | 105 | }) |
| 106 | } | 106 | } |
| 107 | // get公共方法 | 107 | // get公共方法 |
| 108 | export function getAction(url, params = {}) { | 108 | export function getAction (url, params = {}) { |
| 109 | return request({ | 109 | return request({ |
| 110 | url, | 110 | url, |
| 111 | method: 'get', | 111 | method: 'get', |
| ... | @@ -113,7 +113,7 @@ export function getAction(url, params = {}) { | ... | @@ -113,7 +113,7 @@ export function getAction(url, params = {}) { |
| 113 | }) | 113 | }) |
| 114 | } | 114 | } |
| 115 | // post公共方法 | 115 | // post公共方法 |
| 116 | export function postAction(url, data = null) { | 116 | export function postAction (url, data = null) { |
| 117 | return request({ | 117 | return request({ |
| 118 | url, | 118 | url, |
| 119 | method: 'post', | 119 | method: 'post', |
| ... | @@ -121,7 +121,7 @@ export function postAction(url, data = null) { | ... | @@ -121,7 +121,7 @@ export function postAction(url, data = null) { |
| 121 | }) | 121 | }) |
| 122 | } | 122 | } |
| 123 | // method= {post | put} | 123 | // method= {post | put} |
| 124 | export function httpAction(url, data, method) { | 124 | export function httpAction (url, data, method) { |
| 125 | return request({ | 125 | return request({ |
| 126 | url, | 126 | url, |
| 127 | method, | 127 | method, |
| ... | @@ -129,7 +129,7 @@ export function httpAction(url, data, method) { | ... | @@ -129,7 +129,7 @@ export function httpAction(url, data, method) { |
| 129 | }) | 129 | }) |
| 130 | } | 130 | } |
| 131 | // put公共方法 | 131 | // put公共方法 |
| 132 | export function putAction(url, data = null) { | 132 | export function putAction (url, data = null) { |
| 133 | return request({ | 133 | return request({ |
| 134 | url, | 134 | url, |
| 135 | method: 'put', | 135 | method: 'put', |
| ... | @@ -137,7 +137,7 @@ export function putAction(url, data = null) { | ... | @@ -137,7 +137,7 @@ export function putAction(url, data = null) { |
| 137 | }) | 137 | }) |
| 138 | } | 138 | } |
| 139 | // delete | 139 | // delete |
| 140 | export function deleteAction(url, data = null) { | 140 | export function deleteAction (url, data = null) { |
| 141 | return request({ | 141 | return request({ |
| 142 | url, | 142 | url, |
| 143 | method: 'delete', | 143 | method: 'delete', |
| ... | @@ -146,7 +146,7 @@ export function deleteAction(url, data = null) { | ... | @@ -146,7 +146,7 @@ export function deleteAction(url, data = null) { |
| 146 | } | 146 | } |
| 147 | 147 | ||
| 148 | // 批量删除 | 148 | // 批量删除 |
| 149 | export function deleteBranch(url, data) { | 149 | export function deleteBranch (url, data) { |
| 150 | return request({ | 150 | return request({ |
| 151 | url, | 151 | url, |
| 152 | method: 'delete', | 152 | method: 'delete', | ... | ... |
| ... | @@ -121,3 +121,6 @@ export const getRoleAuthorityList = ( | ... | @@ -121,3 +121,6 @@ export const getRoleAuthorityList = ( |
| 121 | export const roleAuthority = (id, permissionDtos) => { | 121 | export const roleAuthority = (id, permissionDtos) => { |
| 122 | return putAction(`${api.rolePermissions}/${id}`, permissionDtos) | 122 | return putAction(`${api.rolePermissions}/${id}`, permissionDtos) |
| 123 | } | 123 | } |
| 124 | export const updateUserPassword = (data) => { | ||
| 125 | return putAction(`${api.users}/update-password`, data) | ||
| 126 | } | ... | ... |
| ... | @@ -6,8 +6,7 @@ | ... | @@ -6,8 +6,7 @@ |
| 6 | label-width="100px" | 6 | label-width="100px" |
| 7 | :model="form" | 7 | :model="form" |
| 8 | class="form-wrapper" | 8 | class="form-wrapper" |
| 9 | :rules="rules" | 9 | :rules="rules"> |
| 10 | > | ||
| 11 | <el-form-item label="用户名:" required> | 10 | <el-form-item label="用户名:" required> |
| 12 | <el-input v-model="form.loginName" clearable disabled /> | 11 | <el-input v-model="form.loginName" clearable disabled /> |
| 13 | </el-form-item> | 12 | </el-form-item> |
| ... | @@ -19,9 +18,7 @@ | ... | @@ -19,9 +18,7 @@ |
| 19 | <el-radio | 18 | <el-radio |
| 20 | v-for="(item, index) in sexList" | 19 | v-for="(item, index) in sexList" |
| 21 | :key="index" | 20 | :key="index" |
| 22 | :label="item.value" | 21 | :label="item.value">{{ item.name }}</el-radio> |
| 23 | >{{ item.name }}</el-radio | ||
| 24 | > | ||
| 25 | </el-radio-group> | 22 | </el-radio-group> |
| 26 | </el-form-item> | 23 | </el-form-item> |
| 27 | <el-form-item label="身份证号:" prop="idCard"> | 24 | <el-form-item label="身份证号:" prop="idCard"> |
| ... | @@ -30,7 +27,7 @@ | ... | @@ -30,7 +27,7 @@ |
| 30 | <el-form-item label="手机号码:" prop="mobilePhone"> | 27 | <el-form-item label="手机号码:" prop="mobilePhone"> |
| 31 | <el-input v-model="form.mobilePhone" clearable /> | 28 | <el-input v-model="form.mobilePhone" clearable /> |
| 32 | </el-form-item> | 29 | </el-form-item> |
| 33 | <el-form-item label="办公电话:" prop="telephone"> | 30 | <el-form-item label="办公电话:"> |
| 34 | <el-input v-model="form.telephone" clearable /> | 31 | <el-input v-model="form.telephone" clearable /> |
| 35 | </el-form-item> | 32 | </el-form-item> |
| 36 | <el-form-item label="办公地址:"> | 33 | <el-form-item label="办公地址:"> |
| ... | @@ -45,178 +42,95 @@ | ... | @@ -45,178 +42,95 @@ |
| 45 | </template> | 42 | </template> |
| 46 | 43 | ||
| 47 | <script> | 44 | <script> |
| 48 | // import { api, getAction, putAction, getDictItems } from '@api/manageApi' | 45 | import { api, getAction, putAction, getDictItems } from '@/api/manageApi' |
| 49 | export default { | 46 | export default { |
| 50 | props: { | 47 | props: { |
| 51 | // userInfo: { | 48 | userInfo: { |
| 52 | // type: Object, | 49 | type: Object, |
| 53 | // default: null | 50 | default: null |
| 54 | // } | 51 | } |
| 55 | }, | 52 | }, |
| 56 | data() { | 53 | data () { |
| 57 | return { | 54 | return { |
| 58 | form: { | 55 | form: {}, |
| 59 | id: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 60 | name: "超级管理员", | ||
| 61 | sort: 1, | ||
| 62 | loginName: "admin", | ||
| 63 | email: null, | ||
| 64 | lastLoginTime: null, | ||
| 65 | mobilePhone: "18291003568", | ||
| 66 | isLocked: false, | ||
| 67 | status: "ACTIVE", | ||
| 68 | passwordChangeTime: "2021-12-10T08:01:01.569+0000", | ||
| 69 | idCard: "612725202111021521", | ||
| 70 | departmentId: "2eae5304-544f-4f5b-b354-8f5d47433c9b", | ||
| 71 | departmentName: null, | ||
| 72 | organizationId: "0bca67ae-1d9e-4b41-b057-f165586d24aa", | ||
| 73 | sex: "0", | ||
| 74 | isDuty: true, | ||
| 75 | code: "123324", | ||
| 76 | jobLevel: null, | ||
| 77 | telephone: "028-87720898", | ||
| 78 | address: "办公地点修改测试", | ||
| 79 | }, | ||
| 80 | sexList: [], | 56 | sexList: [], |
| 81 | rules: { | 57 | rules: { |
| 82 | mobilePhone: [ | 58 | mobilePhone: [ |
| 83 | { | 59 | { |
| 84 | pattern: | 60 | pattern: |
| 85 | /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, | 61 | /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, |
| 86 | message: "手机号码格式有误", | 62 | message: '手机号码格式有误', |
| 87 | trigger: "blur", | 63 | trigger: 'blur' |
| 88 | }, | 64 | } |
| 89 | ], | 65 | ], |
| 90 | idCard: [ | 66 | idCard: [ |
| 91 | { | 67 | { |
| 92 | pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, | 68 | pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, |
| 93 | message: "身份证号格式有误", | 69 | message: '身份证号格式有误', |
| 94 | trigger: "blur", | 70 | trigger: 'blur' |
| 95 | }, | 71 | } |
| 96 | ], | 72 | ] |
| 97 | telephone: [ | 73 | } |
| 98 | { | 74 | } |
| 99 | pattern: /\d{3}-\d{8}|\d{4}-\d{7}/, | ||
| 100 | message: "办公电话格式有误", | ||
| 101 | trigger: "blur", | ||
| 102 | }, | ||
| 103 | ], | ||
| 104 | }, | ||
| 105 | }; | ||
| 106 | }, | 75 | }, |
| 107 | watch: { | 76 | watch: { |
| 108 | // userInfo: { | 77 | userInfo: { |
| 109 | // handler: function(val) { | 78 | handler: function (val) { |
| 110 | // if (val) { | 79 | if (val) { |
| 111 | // this.getUserInfo(val.id) | 80 | this.getUserInfo(val.id) |
| 112 | // } | 81 | } |
| 113 | // } | 82 | } |
| 114 | // } | 83 | } |
| 115 | }, | 84 | }, |
| 116 | mounted() { | 85 | mounted () { |
| 117 | // getDictItems('XB').then((res) => { | ||
| 118 | // if (res.status === 1) { | ||
| 119 | this.sexList = [ | 86 | this.sexList = [ |
| 120 | { | 87 | { |
| 121 | id: "079c72b2-f3de-4a4f-b2a1-e5c8f085cc5f", | 88 | "name": "男", |
| 122 | createdAt: "2021-06-11T02:42:02.000+0000", | 89 | "value": "0", |
| 123 | updatedAt: "2021-09-03T09:21:46.000+0000", | ||
| 124 | createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 125 | updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 126 | sort: 2, | ||
| 127 | name: "男", | ||
| 128 | description: "", | ||
| 129 | code: "N362", | ||
| 130 | value: "0", | ||
| 131 | parentId: null, | ||
| 132 | baseDataCategoryId: "11441374-5e2a-4635-bfa5-d1a430222019", | ||
| 133 | version: 1, | ||
| 134 | valid: true, | ||
| 135 | standard: false, | ||
| 136 | standardName: null, | ||
| 137 | standardValue: null, | ||
| 138 | children: [], | ||
| 139 | commonName: "男(N362)", | ||
| 140 | }, | 90 | }, |
| 141 | { | 91 | { |
| 142 | id: "4d6f845d-6f6a-4848-8fc2-a3760764c196", | 92 | |
| 143 | createdAt: "2021-06-11T02:42:12.000+0000", | 93 | "name": "女", |
| 144 | updatedAt: "2021-09-03T09:21:46.000+0000", | 94 | "value": "1", |
| 145 | createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 146 | updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 147 | sort: 1, | ||
| 148 | name: "女", | ||
| 149 | description: "", | ||
| 150 | code: "N922", | ||
| 151 | value: "1", | ||
| 152 | parentId: null, | ||
| 153 | baseDataCategoryId: "11441374-5e2a-4635-bfa5-d1a430222019", | ||
| 154 | version: 1, | ||
| 155 | valid: true, | ||
| 156 | standard: false, | ||
| 157 | standardName: null, | ||
| 158 | standardValue: null, | ||
| 159 | children: [], | ||
| 160 | commonName: "女(N922)", | ||
| 161 | }, | 95 | }, |
| 96 | |||
| 162 | { | 97 | { |
| 163 | id: "637c360b-d4e2-4afb-aa18-33624cf3abcb", | 98 | "name": "保密", |
| 164 | createdAt: "2021-06-11T02:42:29.000+0000", | 99 | "value": "2", |
| 165 | updatedAt: "2021-09-03T09:21:43.000+0000", | ||
| 166 | createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 167 | updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 168 | sort: 0, | ||
| 169 | name: "保密", | ||
| 170 | description: "", | ||
| 171 | code: "BM816", | ||
| 172 | value: "2", | ||
| 173 | parentId: null, | ||
| 174 | baseDataCategoryId: "11441374-5e2a-4635-bfa5-d1a430222019", | ||
| 175 | version: 1, | ||
| 176 | valid: true, | ||
| 177 | standard: false, | ||
| 178 | standardName: null, | ||
| 179 | standardValue: null, | ||
| 180 | children: [], | ||
| 181 | commonName: "保密(BM816)", | ||
| 182 | }, | ||
| 183 | ]; | ||
| 184 | // } else { | ||
| 185 | // this.$message.error({ message: res.message, showClose: true }) | ||
| 186 | // } | ||
| 187 | // }) | ||
| 188 | }, | ||
| 189 | methods: { | ||
| 190 | // getUserInfo(id) { | ||
| 191 | // getAction(`${api.users}/${id}`).then((res) => { | ||
| 192 | // if (res.status === 1) { | ||
| 193 | 100 | ||
| 194 | // } else { | 101 | } |
| 195 | // this.$message.error({ message: res.message, showClose: true }) | 102 | ] |
| 196 | // } | ||
| 197 | // }) | ||
| 198 | // }, | ||
| 199 | // 更新信息 | ||
| 200 | updateInfo() { | ||
| 201 | // this.$refs.form.validate((valid) => { | ||
| 202 | // if (valid) { | ||
| 203 | // putAction(`${api.users}/${this.form.id}`, this.form).then((res) => { | ||
| 204 | // if (res.status === 1) { | ||
| 205 | // this.$message.success({ message: res.message, showClose: true }) | ||
| 206 | // this.getUserInfo(this.form.id) | ||
| 207 | // } else { | ||
| 208 | // this.$message.error({ message: res.message, showClose: true }) | ||
| 209 | // } | ||
| 210 | // }) | ||
| 211 | // } | ||
| 212 | // }) | ||
| 213 | }, | 103 | }, |
| 104 | methods: { | ||
| 105 | getUserInfo (id) { | ||
| 106 | getAction(`${api.users}/${id}`).then((res) => { | ||
| 107 | if (res.status === 1) { | ||
| 108 | this.form = res.content | ||
| 109 | } else { | ||
| 110 | this.$message.error({ message: res.message, showClose: true }) | ||
| 111 | } | ||
| 112 | }) | ||
| 214 | }, | 113 | }, |
| 215 | }; | 114 | updateInfo () { |
| 115 | this.$refs.form.validate((valid) => { | ||
| 116 | if (valid) { | ||
| 117 | putAction(`${api.users}/${this.form.id}`, this.form).then((res) => { | ||
| 118 | if (res.status === 1) { | ||
| 119 | this.$message.success({ message: res.message, showClose: true }) | ||
| 120 | this.getUserInfo(this.form.id) | ||
| 121 | } else { | ||
| 122 | this.$message.error({ message: res.message, showClose: true }) | ||
| 123 | } | ||
| 124 | }) | ||
| 125 | } | ||
| 126 | }) | ||
| 127 | } | ||
| 128 | } | ||
| 129 | } | ||
| 216 | </script> | 130 | </script> |
| 217 | 131 | ||
| 218 | <style scoped lang="scss"> | 132 | <style scoped lang="scss"> |
| 219 | .user-info { | 133 | .user-info { |
| 220 | margin: 0.1875rem 1.0417rem; | 134 | margin: 0.1875rem 1.0417rem; |
| 221 | background: #ffffff; | 135 | background: #ffffff; |
| 222 | max-height: 90%; | 136 | max-height: 90%; |
| ... | @@ -232,7 +146,7 @@ export default { | ... | @@ -232,7 +146,7 @@ export default { |
| 232 | padding: 0 8px; | 146 | padding: 0 8px; |
| 233 | height: 40px; | 147 | height: 40px; |
| 234 | line-height: 40px; | 148 | line-height: 40px; |
| 235 | border: 1px solid #6BC1FC; | 149 | border: 1px solid #6bc1fc; |
| 236 | } | 150 | } |
| 237 | } | 151 | } |
| 238 | } | 152 | } |
| ... | @@ -240,5 +154,5 @@ export default { | ... | @@ -240,5 +154,5 @@ export default { |
| 240 | padding: 32px 120px 24px; | 154 | padding: 32px 120px 24px; |
| 241 | text-align: right; | 155 | text-align: right; |
| 242 | } | 156 | } |
| 243 | } | 157 | } |
| 244 | </style> | 158 | </style> | ... | ... |
| ... | @@ -15,69 +15,74 @@ | ... | @@ -15,69 +15,74 @@ |
| 15 | </div> | 15 | </div> |
| 16 | <div class="from-clues-content"> | 16 | <div class="from-clues-content"> |
| 17 | <div class="contentbox"> | 17 | <div class="contentbox"> |
| 18 | <base-set v-show="isshow" /> | 18 | <base-set v-show="isshow" :user-info="userData" /> |
| 19 | <password-edit v-show="!isshow" /> | 19 | <password-edit v-show="!isshow" :user-info="userData" /> |
| 20 | </div> | 20 | </div> |
| 21 | </div> | 21 | </div> |
| 22 | </div> | 22 | </div> |
| 23 | </template> | 23 | </template> |
| 24 | <script> | 24 | <script> |
| 25 | import "@/utils/flexible.js"; | 25 | import "@/utils/flexible.js"; |
| 26 | import BaseSet from "./base-set.vue"; | 26 | import BaseSet from "./base-set.vue"; |
| 27 | import PasswordEdit from "./password-edit.vue"; | 27 | import PasswordEdit from "./password-edit.vue"; |
| 28 | export default { | 28 | export default { |
| 29 | components: { | 29 | components: { |
| 30 | BaseSet, | 30 | BaseSet, |
| 31 | PasswordEdit, | 31 | PasswordEdit, |
| 32 | }, | 32 | }, |
| 33 | data() { | 33 | data () { |
| 34 | return { | 34 | return { |
| 35 | active: "baseSet", | ||
| 36 | isshow: true, | 35 | isshow: true, |
| 36 | userData: null | ||
| 37 | }; | 37 | }; |
| 38 | }, | 38 | }, |
| 39 | computed: {}, | 39 | computed: { |
| 40 | departmentid () { | ||
| 41 | return this.$store.state.user.userInfo; | ||
| 42 | }, | ||
| 43 | }, | ||
| 40 | watch: {}, | 44 | watch: {}, |
| 41 | created() {}, | 45 | created () { }, |
| 42 | mounted() {}, | 46 | mounted () { |
| 47 | if (this.departmentid) { | ||
| 48 | this.userData = this.departmentid | ||
| 49 | } | ||
| 50 | |||
| 51 | }, | ||
| 43 | methods: { | 52 | methods: { |
| 44 | information() { | 53 | information () { |
| 45 | this.isshow = true; | 54 | this.isshow = true; |
| 46 | }, | 55 | }, |
| 47 | password() { | 56 | password () { |
| 48 | this.isshow = false; | 57 | this.isshow = false; |
| 49 | }, | 58 | }, |
| 50 | }, | 59 | }, |
| 51 | }; | 60 | }; |
| 52 | </script> | 61 | </script> |
| 53 | 62 | ||
| 54 | <style scoped lang="scss"> | 63 | <style scoped lang="scss"> |
| 55 | @import "~@/styles/mixin.scss"; | 64 | @import "~@/styles/mixin.scss"; |
| 56 | @import "~@/styles/public.scss"; | 65 | @import "~@/styles/public.scss"; |
| 57 | .information{ | 66 | .information { |
| 58 | .btnColRight{ | 67 | .btnColRight { |
| 59 | margin-top: 20px; | 68 | margin-top: 20px; |
| 60 | } | 69 | } |
| 61 | /deep/.content { | 70 | /deep/.content { |
| 62 | .el-input__inner{ | 71 | .el-input__inner { |
| 63 | background: none; | 72 | background: none; |
| 64 | } | 73 | } |
| 65 | .user-info { | 74 | .user-info { |
| 66 | background: none; | 75 | background: none; |
| 67 | } | 76 | } |
| 68 | } | 77 | } |
| 69 | /deep/.el-tabs { | 78 | /deep/.el-tabs { |
| 70 | |||
| 71 | .el-tabs__content { | 79 | .el-tabs__content { |
| 72 | height: 100%; | 80 | height: 100%; |
| 73 | width: 100%; | 81 | width: 100%; |
| 74 | |||
| 75 | |||
| 76 | } | 82 | } |
| 77 | } | 83 | } |
| 78 | .contentbox{ | 84 | .contentbox { |
| 79 | height: 3.0854rem; | 85 | height: 3.0854rem; |
| 80 | } | 86 | } |
| 81 | } | 87 | } |
| 82 | |||
| 83 | </style> | 88 | </style> | ... | ... |
| ... | @@ -6,31 +6,27 @@ | ... | @@ -6,31 +6,27 @@ |
| 6 | label-width="100px" | 6 | label-width="100px" |
| 7 | :model="form" | 7 | :model="form" |
| 8 | class="form-wrapper" | 8 | class="form-wrapper" |
| 9 | :rules="rules" | 9 | :rules="rules"> |
| 10 | > | 10 | <el-form-item label="旧密码:" prop="oldPassword"> |
| 11 | <el-form-item label="旧密码:" required prop="oldPassword"> | ||
| 12 | <el-input | 11 | <el-input |
| 13 | v-model="form.oldPassword" | 12 | v-model="form.oldPassword" |
| 14 | clearable | 13 | clearable |
| 15 | type="password" | 14 | type="password" |
| 16 | show-password | 15 | show-password /> |
| 17 | /> | ||
| 18 | </el-form-item> | 16 | </el-form-item> |
| 19 | <el-form-item label="新密码:" required prop="newPassword"> | 17 | <el-form-item label="新密码:" prop="newPassword"> |
| 20 | <el-input | 18 | <el-input |
| 21 | v-model="form.newPassword" | 19 | v-model="form.newPassword" |
| 22 | clearable | 20 | clearable |
| 23 | type="password" | 21 | type="password" |
| 24 | show-password | 22 | show-password /> |
| 25 | /> | ||
| 26 | </el-form-item> | 23 | </el-form-item> |
| 27 | <el-form-item label="确认密码:" required prop="confirmPassword"> | 24 | <el-form-item label="确认密码:" prop="confirmPassword"> |
| 28 | <el-input | 25 | <el-input |
| 29 | v-model="form.confirmPassword" | 26 | v-model="form.confirmPassword" |
| 30 | clearable | 27 | clearable |
| 31 | type="password" | 28 | type="password" |
| 32 | show-password | 29 | show-password /> |
| 33 | /> | ||
| 34 | </el-form-item> | 30 | </el-form-item> |
| 35 | </el-form> | 31 | </el-form> |
| 36 | <div class="bottom-wrapper"> | 32 | <div class="bottom-wrapper"> |
| ... | @@ -41,15 +37,15 @@ | ... | @@ -41,15 +37,15 @@ |
| 41 | </template> | 37 | </template> |
| 42 | 38 | ||
| 43 | <script> | 39 | <script> |
| 44 | // import { updateUserPassword } from '@api/organizationManage' | 40 | import { updateUserPassword } from "@/api/quanxianmanagement"; |
| 45 | export default { | 41 | export default { |
| 46 | props: { | 42 | props: { |
| 47 | // userInfo: { | 43 | userInfo: { |
| 48 | // type: Object, | 44 | type: Object, |
| 49 | // default: null | 45 | default: null |
| 50 | // } | 46 | } |
| 51 | }, | 47 | }, |
| 52 | data() { | 48 | data () { |
| 53 | return { | 49 | return { |
| 54 | form: {}, | 50 | form: {}, |
| 55 | sexList: [], | 51 | sexList: [], |
| ... | @@ -70,17 +66,17 @@ export default { | ... | @@ -70,17 +66,17 @@ export default { |
| 70 | }, | 66 | }, |
| 71 | computed: {}, | 67 | computed: {}, |
| 72 | watch: { | 68 | watch: { |
| 73 | // userInfo: { | 69 | userInfo: { |
| 74 | // handler: function(val) { | 70 | handler: function (val) { |
| 75 | // if (val) { | 71 | if (val) { |
| 76 | // this.userId = val.id | 72 | this.userId = val.id |
| 77 | // } | 73 | } |
| 78 | // } | 74 | } |
| 79 | // } | 75 | } |
| 80 | }, | 76 | }, |
| 81 | mounted() {}, | 77 | mounted () { }, |
| 82 | methods: { | 78 | methods: { |
| 83 | validatorConfirmPassword(rule, value, callback) { | 79 | validatorConfirmPassword (rule, value, callback) { |
| 84 | const { newPassword } = this.form | 80 | const { newPassword } = this.form |
| 85 | if (value !== newPassword) { | 81 | if (value !== newPassword) { |
| 86 | callback('两次输入密码不一致') | 82 | callback('两次输入密码不一致') |
| ... | @@ -88,27 +84,26 @@ export default { | ... | @@ -88,27 +84,26 @@ export default { |
| 88 | callback() | 84 | callback() |
| 89 | } | 85 | } |
| 90 | }, | 86 | }, |
| 91 | // 确认修改 | 87 | updatePassword () { |
| 92 | updatePassword() { | 88 | this.$refs.form.validate((valid) => { |
| 93 | // this.$refs.form.validate((valid) => { | 89 | if (valid) { |
| 94 | // if (valid) { | 90 | const params = Object.assign({}, this.form, { id: this.userId }) |
| 95 | // const params = Object.assign({}, this.form, { id: this.userId }) | 91 | updateUserPassword(params).then((res) => { |
| 96 | // updateUserPassword(params).then((res) => { | 92 | if (res.status === 1) { |
| 97 | // if (res.status === 1) { | 93 | this.$message.success({ message: res.message, showClose: true }) |
| 98 | // this.$message.success({ message: res.message, showClose: true }) | 94 | } else { |
| 99 | // } else { | 95 | this.$message.error({ message: res.message, showClose: true }) |
| 100 | // this.$message.error({ message: res.message, showClose: true }) | 96 | } |
| 101 | // } | 97 | }) |
| 102 | // }) | 98 | } |
| 103 | // } | 99 | }) |
| 104 | // }) | 100 | } |
| 105 | } | 101 | } |
| 106 | } | 102 | } |
| 107 | } | ||
| 108 | </script> | 103 | </script> |
| 109 | 104 | ||
| 110 | <style scoped lang="scss"> | 105 | <style scoped lang="scss"> |
| 111 | .user-info { | 106 | .user-info { |
| 112 | margin: 36px 200px; | 107 | margin: 36px 200px; |
| 113 | background: #ffffff; | 108 | background: #ffffff; |
| 114 | max-height: 90%; | 109 | max-height: 90%; |
| ... | @@ -124,7 +119,7 @@ export default { | ... | @@ -124,7 +119,7 @@ export default { |
| 124 | padding: 0 8px; | 119 | padding: 0 8px; |
| 125 | height: 40px; | 120 | height: 40px; |
| 126 | line-height: 40px; | 121 | line-height: 40px; |
| 127 | border: 1px solid #6BC1FC; | 122 | border: 1px solid #6bc1fc; |
| 128 | } | 123 | } |
| 129 | } | 124 | } |
| 130 | } | 125 | } |
| ... | @@ -132,5 +127,5 @@ export default { | ... | @@ -132,5 +127,5 @@ export default { |
| 132 | padding: 32px 120px 24px; | 127 | padding: 32px 120px 24px; |
| 133 | text-align: right; | 128 | text-align: right; |
| 134 | } | 129 | } |
| 135 | } | 130 | } |
| 136 | </style> | 131 | </style> | ... | ... |
| 1 | <template> | ||
| 2 | <div class="content"> | ||
| 3 | <div class="user-info"> | ||
| 4 | <el-form | ||
| 5 | ref="form" | ||
| 6 | label-width="100px" | ||
| 7 | :model="form" | ||
| 8 | class="form-wrapper" | ||
| 9 | :rules="rules" | ||
| 10 | > | ||
| 11 | <el-form-item label="用户名:" required> | ||
| 12 | <el-input v-model="form.loginName" clearable disabled /> | ||
| 13 | </el-form-item> | ||
| 14 | <el-form-item label="姓名:"> | ||
| 15 | <el-input v-model="form.name" clearable /> | ||
| 16 | </el-form-item> | ||
| 17 | <el-form-item label="性别:"> | ||
| 18 | <el-radio-group v-model="form.sex"> | ||
| 19 | <el-radio | ||
| 20 | v-for="(item, index) in sexList" | ||
| 21 | :key="index" | ||
| 22 | :label="item.value" | ||
| 23 | >{{ item.name }}</el-radio | ||
| 24 | > | ||
| 25 | </el-radio-group> | ||
| 26 | </el-form-item> | ||
| 27 | <el-form-item label="身份证号:" prop="idCard"> | ||
| 28 | <el-input v-model="form.idCard" clearable /> | ||
| 29 | </el-form-item> | ||
| 30 | <el-form-item label="手机号码:" prop="mobilePhone"> | ||
| 31 | <el-input v-model="form.mobilePhone" clearable /> | ||
| 32 | </el-form-item> | ||
| 33 | <el-form-item label="办公电话:" prop="telephone"> | ||
| 34 | <el-input v-model="form.telephone" clearable /> | ||
| 35 | </el-form-item> | ||
| 36 | <el-form-item label="办公地址:"> | ||
| 37 | <el-input v-model="form.address" clearable /> | ||
| 38 | </el-form-item> | ||
| 39 | </el-form> | ||
| 40 | <div class="bottom-wrapper"> | ||
| 41 | <el-button type="primary" @click="updateInfo">更新信息</el-button> | ||
| 42 | </div> | ||
| 43 | </div> | ||
| 44 | </div> | ||
| 45 | </template> | ||
| 46 | |||
| 47 | <script> | ||
| 48 | // import { api, getAction, putAction, getDictItems } from '@api/manageApi' | ||
| 49 | export default { | ||
| 50 | props: { | ||
| 51 | // userInfo: { | ||
| 52 | // type: Object, | ||
| 53 | // default: null | ||
| 54 | // } | ||
| 55 | }, | ||
| 56 | data() { | ||
| 57 | return { | ||
| 58 | form: { | ||
| 59 | id: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 60 | name: "超级管理员", | ||
| 61 | sort: 1, | ||
| 62 | loginName: "admin", | ||
| 63 | email: null, | ||
| 64 | lastLoginTime: null, | ||
| 65 | mobilePhone: "18291003568", | ||
| 66 | isLocked: false, | ||
| 67 | status: "ACTIVE", | ||
| 68 | passwordChangeTime: "2021-12-10T08:01:01.569+0000", | ||
| 69 | idCard: "612725202111021521", | ||
| 70 | departmentId: "2eae5304-544f-4f5b-b354-8f5d47433c9b", | ||
| 71 | departmentName: null, | ||
| 72 | organizationId: "0bca67ae-1d9e-4b41-b057-f165586d24aa", | ||
| 73 | sex: "0", | ||
| 74 | isDuty: true, | ||
| 75 | code: "123324", | ||
| 76 | jobLevel: null, | ||
| 77 | telephone: "028-87720898", | ||
| 78 | address: "办公地点修改测试", | ||
| 79 | }, | ||
| 80 | sexList: [], | ||
| 81 | rules: { | ||
| 82 | mobilePhone: [ | ||
| 83 | { | ||
| 84 | pattern: | ||
| 85 | /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, | ||
| 86 | message: "手机号码格式有误", | ||
| 87 | trigger: "blur", | ||
| 88 | }, | ||
| 89 | ], | ||
| 90 | idCard: [ | ||
| 91 | { | ||
| 92 | pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, | ||
| 93 | message: "身份证号格式有误", | ||
| 94 | trigger: "blur", | ||
| 95 | }, | ||
| 96 | ], | ||
| 97 | telephone: [ | ||
| 98 | { | ||
| 99 | pattern: /\d{3}-\d{8}|\d{4}-\d{7}/, | ||
| 100 | message: "办公电话格式有误", | ||
| 101 | trigger: "blur", | ||
| 102 | }, | ||
| 103 | ], | ||
| 104 | }, | ||
| 105 | }; | ||
| 106 | }, | ||
| 107 | watch: { | ||
| 108 | // userInfo: { | ||
| 109 | // handler: function(val) { | ||
| 110 | // if (val) { | ||
| 111 | // this.getUserInfo(val.id) | ||
| 112 | // } | ||
| 113 | // } | ||
| 114 | // } | ||
| 115 | }, | ||
| 116 | mounted() { | ||
| 117 | // getDictItems('XB').then((res) => { | ||
| 118 | // if (res.status === 1) { | ||
| 119 | this.sexList = [ | ||
| 120 | { | ||
| 121 | id: "079c72b2-f3de-4a4f-b2a1-e5c8f085cc5f", | ||
| 122 | createdAt: "2021-06-11T02:42:02.000+0000", | ||
| 123 | updatedAt: "2021-09-03T09:21:46.000+0000", | ||
| 124 | createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 125 | updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 126 | sort: 2, | ||
| 127 | name: "男", | ||
| 128 | description: "", | ||
| 129 | code: "N362", | ||
| 130 | value: "0", | ||
| 131 | parentId: null, | ||
| 132 | baseDataCategoryId: "11441374-5e2a-4635-bfa5-d1a430222019", | ||
| 133 | version: 1, | ||
| 134 | valid: true, | ||
| 135 | standard: false, | ||
| 136 | standardName: null, | ||
| 137 | standardValue: null, | ||
| 138 | children: [], | ||
| 139 | commonName: "男(N362)", | ||
| 140 | }, | ||
| 141 | { | ||
| 142 | id: "4d6f845d-6f6a-4848-8fc2-a3760764c196", | ||
| 143 | createdAt: "2021-06-11T02:42:12.000+0000", | ||
| 144 | updatedAt: "2021-09-03T09:21:46.000+0000", | ||
| 145 | createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 146 | updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 147 | sort: 1, | ||
| 148 | name: "女", | ||
| 149 | description: "", | ||
| 150 | code: "N922", | ||
| 151 | value: "1", | ||
| 152 | parentId: null, | ||
| 153 | baseDataCategoryId: "11441374-5e2a-4635-bfa5-d1a430222019", | ||
| 154 | version: 1, | ||
| 155 | valid: true, | ||
| 156 | standard: false, | ||
| 157 | standardName: null, | ||
| 158 | standardValue: null, | ||
| 159 | children: [], | ||
| 160 | commonName: "女(N922)", | ||
| 161 | }, | ||
| 162 | { | ||
| 163 | id: "637c360b-d4e2-4afb-aa18-33624cf3abcb", | ||
| 164 | createdAt: "2021-06-11T02:42:29.000+0000", | ||
| 165 | updatedAt: "2021-09-03T09:21:43.000+0000", | ||
| 166 | createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 167 | updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e", | ||
| 168 | sort: 0, | ||
| 169 | name: "保密", | ||
| 170 | description: "", | ||
| 171 | code: "BM816", | ||
| 172 | value: "2", | ||
| 173 | parentId: null, | ||
| 174 | baseDataCategoryId: "11441374-5e2a-4635-bfa5-d1a430222019", | ||
| 175 | version: 1, | ||
| 176 | valid: true, | ||
| 177 | standard: false, | ||
| 178 | standardName: null, | ||
| 179 | standardValue: null, | ||
| 180 | children: [], | ||
| 181 | commonName: "保密(BM816)", | ||
| 182 | }, | ||
| 183 | ]; | ||
| 184 | // } else { | ||
| 185 | // this.$message.error({ message: res.message, showClose: true }) | ||
| 186 | // } | ||
| 187 | // }) | ||
| 188 | }, | ||
| 189 | methods: { | ||
| 190 | // getUserInfo(id) { | ||
| 191 | // getAction(`${api.users}/${id}`).then((res) => { | ||
| 192 | // if (res.status === 1) { | ||
| 193 | |||
| 194 | // } else { | ||
| 195 | // this.$message.error({ message: res.message, showClose: true }) | ||
| 196 | // } | ||
| 197 | // }) | ||
| 198 | // }, | ||
| 199 | // 更新信息 | ||
| 200 | updateInfo() { | ||
| 201 | // this.$refs.form.validate((valid) => { | ||
| 202 | // if (valid) { | ||
| 203 | // putAction(`${api.users}/${this.form.id}`, this.form).then((res) => { | ||
| 204 | // if (res.status === 1) { | ||
| 205 | // this.$message.success({ message: res.message, showClose: true }) | ||
| 206 | // this.getUserInfo(this.form.id) | ||
| 207 | // } else { | ||
| 208 | // this.$message.error({ message: res.message, showClose: true }) | ||
| 209 | // } | ||
| 210 | // }) | ||
| 211 | // } | ||
| 212 | // }) | ||
| 213 | }, | ||
| 214 | }, | ||
| 215 | }; | ||
| 216 | </script> | ||
| 217 | |||
| 218 | <style scoped lang="scss"> | ||
| 219 | .user-info { | ||
| 220 | margin: 0.1875rem 1.0417rem; | ||
| 221 | background: #ffffff; | ||
| 222 | max-height: 90%; | ||
| 223 | overflow-y: auto; | ||
| 224 | .form-wrapper { | ||
| 225 | padding: 24px 120px 0px; | ||
| 226 | .el-form-item { | ||
| 227 | margin-bottom: 24px; | ||
| 228 | .el-form-item__label { | ||
| 229 | color: #747e8c; | ||
| 230 | } | ||
| 231 | ::v-deep .el-input .el-input__inner { | ||
| 232 | padding: 0 8px; | ||
| 233 | height: 40px; | ||
| 234 | line-height: 40px; | ||
| 235 | border: 1px solid #6BC1FC; | ||
| 236 | } | ||
| 237 | } | ||
| 238 | } | ||
| 239 | .bottom-wrapper { | ||
| 240 | padding: 32px 120px 24px; | ||
| 241 | text-align: right; | ||
| 242 | } | ||
| 243 | } | ||
| 244 | </style> |
| 1 | <template> | ||
| 2 | <div class="information from-clues"> | ||
| 3 | <div class="from-clues-header"> | ||
| 4 | <el-form ref="ruleForm" label-width="100px"> | ||
| 5 | <el-form-item> | ||
| 6 | <Breadcrumb /> | ||
| 7 | </el-form-item> | ||
| 8 | <el-row class="mb-5"> | ||
| 9 | <el-col :span="3" class="btnColRight"> | ||
| 10 | <btn nativeType="cx" @click="information">基本信息</btn> | ||
| 11 | <btn nativeType="cx" @click="password">修改密码</btn> | ||
| 12 | </el-col> | ||
| 13 | </el-row> | ||
| 14 | </el-form> | ||
| 15 | </div> | ||
| 16 | <div class="from-clues-content"> | ||
| 17 | <div class="contentbox"> | ||
| 18 | <base-set v-show="isshow" /> | ||
| 19 | <password-edit v-show="!isshow" /> | ||
| 20 | </div> | ||
| 21 | </div> | ||
| 22 | </div> | ||
| 23 | </template> | ||
| 24 | <script> | ||
| 25 | import "@/utils/flexible.js"; | ||
| 26 | import BaseSet from "./base-set.vue"; | ||
| 27 | import PasswordEdit from "./password-edit.vue"; | ||
| 28 | export default { | ||
| 29 | components: { | ||
| 30 | BaseSet, | ||
| 31 | PasswordEdit, | ||
| 32 | }, | ||
| 33 | data() { | ||
| 34 | return { | ||
| 35 | active: "baseSet", | ||
| 36 | isshow: true, | ||
| 37 | }; | ||
| 38 | }, | ||
| 39 | computed: {}, | ||
| 40 | watch: {}, | ||
| 41 | created() {}, | ||
| 42 | mounted() {}, | ||
| 43 | methods: { | ||
| 44 | information() { | ||
| 45 | this.isshow = true; | ||
| 46 | }, | ||
| 47 | password() { | ||
| 48 | this.isshow = false; | ||
| 49 | }, | ||
| 50 | }, | ||
| 51 | }; | ||
| 52 | </script> | ||
| 53 | |||
| 54 | <style scoped lang="scss"> | ||
| 55 | @import "~@/styles/mixin.scss"; | ||
| 56 | @import "~@/styles/public.scss"; | ||
| 57 | .information{ | ||
| 58 | .btnColRight{ | ||
| 59 | margin-top: 20px; | ||
| 60 | } | ||
| 61 | /deep/.content { | ||
| 62 | .el-input__inner{ | ||
| 63 | background: none; | ||
| 64 | } | ||
| 65 | .user-info { | ||
| 66 | background: none; | ||
| 67 | } | ||
| 68 | } | ||
| 69 | /deep/.el-tabs { | ||
| 70 | |||
| 71 | .el-tabs__content { | ||
| 72 | height: 100%; | ||
| 73 | width: 100%; | ||
| 74 | |||
| 75 | |||
| 76 | } | ||
| 77 | } | ||
| 78 | .contentbox{ | ||
| 79 | height: 3.0854rem; | ||
| 80 | } | ||
| 81 | } | ||
| 82 | |||
| 83 | </style> |
| 1 | <template> | ||
| 2 | <div class="content"> | ||
| 3 | <div class="user-info"> | ||
| 4 | <el-form | ||
| 5 | ref="form" | ||
| 6 | label-width="100px" | ||
| 7 | :model="form" | ||
| 8 | class="form-wrapper" | ||
| 9 | :rules="rules" | ||
| 10 | > | ||
| 11 | <el-form-item label="旧密码:" required prop="oldPassword"> | ||
| 12 | <el-input | ||
| 13 | v-model="form.oldPassword" | ||
| 14 | clearable | ||
| 15 | type="password" | ||
| 16 | show-password | ||
| 17 | /> | ||
| 18 | </el-form-item> | ||
| 19 | <el-form-item label="新密码:" required prop="newPassword"> | ||
| 20 | <el-input | ||
| 21 | v-model="form.newPassword" | ||
| 22 | clearable | ||
| 23 | type="password" | ||
| 24 | show-password | ||
| 25 | /> | ||
| 26 | </el-form-item> | ||
| 27 | <el-form-item label="确认密码:" required prop="confirmPassword"> | ||
| 28 | <el-input | ||
| 29 | v-model="form.confirmPassword" | ||
| 30 | clearable | ||
| 31 | type="password" | ||
| 32 | show-password | ||
| 33 | /> | ||
| 34 | </el-form-item> | ||
| 35 | </el-form> | ||
| 36 | <div class="bottom-wrapper"> | ||
| 37 | <el-button type="primary" @click="updatePassword">确认修改</el-button> | ||
| 38 | </div> | ||
| 39 | </div> | ||
| 40 | </div> | ||
| 41 | </template> | ||
| 42 | |||
| 43 | <script> | ||
| 44 | // import { updateUserPassword } from '@api/organizationManage' | ||
| 45 | export default { | ||
| 46 | props: { | ||
| 47 | // userInfo: { | ||
| 48 | // type: Object, | ||
| 49 | // default: null | ||
| 50 | // } | ||
| 51 | }, | ||
| 52 | data() { | ||
| 53 | return { | ||
| 54 | form: {}, | ||
| 55 | sexList: [], | ||
| 56 | userId: '', | ||
| 57 | rules: { | ||
| 58 | oldPassword: [ | ||
| 59 | { required: true, message: '旧密码不能为空', trigger: 'blur' } | ||
| 60 | ], | ||
| 61 | newPassword: [ | ||
| 62 | { required: true, message: '新密码不能为空', trigger: 'blur' } | ||
| 63 | ], | ||
| 64 | confirmPassword: [ | ||
| 65 | { required: true, message: '确认密码不能为空', trigger: 'blur' }, | ||
| 66 | { validator: this.validatorConfirmPassword, trigger: 'blur' } | ||
| 67 | ] | ||
| 68 | } | ||
| 69 | } | ||
| 70 | }, | ||
| 71 | computed: {}, | ||
| 72 | watch: { | ||
| 73 | // userInfo: { | ||
| 74 | // handler: function(val) { | ||
| 75 | // if (val) { | ||
| 76 | // this.userId = val.id | ||
| 77 | // } | ||
| 78 | // } | ||
| 79 | // } | ||
| 80 | }, | ||
| 81 | mounted() {}, | ||
| 82 | methods: { | ||
| 83 | validatorConfirmPassword(rule, value, callback) { | ||
| 84 | const { newPassword } = this.form | ||
| 85 | if (value !== newPassword) { | ||
| 86 | callback('两次输入密码不一致') | ||
| 87 | } else { | ||
| 88 | callback() | ||
| 89 | } | ||
| 90 | }, | ||
| 91 | // 确认修改 | ||
| 92 | updatePassword() { | ||
| 93 | // this.$refs.form.validate((valid) => { | ||
| 94 | // if (valid) { | ||
| 95 | // const params = Object.assign({}, this.form, { id: this.userId }) | ||
| 96 | // updateUserPassword(params).then((res) => { | ||
| 97 | // if (res.status === 1) { | ||
| 98 | // this.$message.success({ message: res.message, showClose: true }) | ||
| 99 | // } else { | ||
| 100 | // this.$message.error({ message: res.message, showClose: true }) | ||
| 101 | // } | ||
| 102 | // }) | ||
| 103 | // } | ||
| 104 | // }) | ||
| 105 | } | ||
| 106 | } | ||
| 107 | } | ||
| 108 | </script> | ||
| 109 | |||
| 110 | <style scoped lang="scss"> | ||
| 111 | .user-info { | ||
| 112 | margin: 36px 200px; | ||
| 113 | background: #ffffff; | ||
| 114 | max-height: 90%; | ||
| 115 | overflow-y: auto; | ||
| 116 | .form-wrapper { | ||
| 117 | padding: 24px 120px 0px; | ||
| 118 | .el-form-item { | ||
| 119 | margin-bottom: 24px; | ||
| 120 | .el-form-item__label { | ||
| 121 | color: #747e8c; | ||
| 122 | } | ||
| 123 | ::v-deep .el-input .el-input__inner { | ||
| 124 | padding: 0 8px; | ||
| 125 | height: 40px; | ||
| 126 | line-height: 40px; | ||
| 127 | border: 1px solid #6BC1FC; | ||
| 128 | } | ||
| 129 | } | ||
| 130 | } | ||
| 131 | .bottom-wrapper { | ||
| 132 | padding: 32px 120px 24px; | ||
| 133 | text-align: right; | ||
| 134 | } | ||
| 135 | } | ||
| 136 | </style> |
| ... | @@ -4,8 +4,7 @@ | ... | @@ -4,8 +4,7 @@ |
| 4 | :title="title" | 4 | :title="title" |
| 5 | :show.sync="visible" | 5 | :show.sync="visible" |
| 6 | :width="'767px'" | 6 | :width="'767px'" |
| 7 | @close="close()" | 7 | @close="close()"> |
| 8 | > | ||
| 9 | <template slot="content"> | 8 | <template slot="content"> |
| 10 | <el-form ref="form" :model="form" :rules="rules"> | 9 | <el-form ref="form" :model="form" :rules="rules"> |
| 11 | <el-row :gutter="24"> | 10 | <el-row :gutter="24"> |
| ... | @@ -25,8 +24,7 @@ | ... | @@ -25,8 +24,7 @@ |
| 25 | :props="setProps" | 24 | :props="setProps" |
| 26 | placeholder="请选择上级菜单" | 25 | placeholder="请选择上级菜单" |
| 27 | clearable | 26 | clearable |
| 28 | @change="handleChange" | 27 | @change="handleChange" /> |
| 29 | /> | ||
| 30 | </el-form-item> | 28 | </el-form-item> |
| 31 | </el-col> | 29 | </el-col> |
| 32 | 30 | ||
| ... | @@ -37,8 +35,7 @@ | ... | @@ -37,8 +35,7 @@ |
| 37 | <el-input | 35 | <el-input |
| 38 | v-model="codeComputed" | 36 | v-model="codeComputed" |
| 39 | placeholder="请输入菜单代码" | 37 | placeholder="请输入菜单代码" |
| 40 | :disabled="type === 1" | 38 | :disabled="type === 1" /> |
| 41 | /> | ||
| 42 | </el-form-item> | 39 | </el-form-item> |
| 43 | </el-col> | 40 | </el-col> |
| 44 | </el-row> | 41 | </el-row> |
| ... | @@ -54,14 +51,12 @@ | ... | @@ -54,14 +51,12 @@ |
| 54 | <el-form-item label="浏览器跳转模式:" label-width="124px"> | 51 | <el-form-item label="浏览器跳转模式:" label-width="124px"> |
| 55 | <el-select | 52 | <el-select |
| 56 | v-model="form.jumpMode" | 53 | v-model="form.jumpMode" |
| 57 | placeholder="请选择浏览器跳转模式" | 54 | placeholder="请选择浏览器跳转模式"> |
| 58 | > | ||
| 59 | <el-option | 55 | <el-option |
| 60 | v-for="item in jumpModeList" | 56 | v-for="item in jumpModeList" |
| 61 | :key="item.value" | 57 | :key="item.value" |
| 62 | :label="item.name" | 58 | :label="item.name" |
| 63 | :value="item.value" | 59 | :value="item.value" /> |
| 64 | /> | ||
| 65 | </el-select> | 60 | </el-select> |
| 66 | </el-form-item> | 61 | </el-form-item> |
| 67 | </el-col> | 62 | </el-col> |
| ... | @@ -71,13 +66,11 @@ | ... | @@ -71,13 +66,11 @@ |
| 71 | <el-form-item | 66 | <el-form-item |
| 72 | label="配置参数:" | 67 | label="配置参数:" |
| 73 | label-width="124px" | 68 | label-width="124px" |
| 74 | class="form-item-mb0" | 69 | class="form-item-mb0"> |
| 75 | > | ||
| 76 | <!-- 配置参数 --> | 70 | <!-- 配置参数 --> |
| 77 | <JsonEditor | 71 | <JsonEditor |
| 78 | :result-infos="form.metadata" | 72 | :result-infos="form.metadata" |
| 79 | @getJsonString="getJsonString" | 73 | @getJsonString="getJsonString" /> |
| 80 | /> | ||
| 81 | </el-form-item> | 74 | </el-form-item> |
| 82 | </el-col> | 75 | </el-col> |
| 83 | </el-row> | 76 | </el-row> |
| ... | @@ -86,11 +79,9 @@ | ... | @@ -86,11 +79,9 @@ |
| 86 | <template slot="footer"> | 79 | <template slot="footer"> |
| 87 | <el-button class="cancel-button" @click="close()">取消</el-button> | 80 | <el-button class="cancel-button" @click="close()">取消</el-button> |
| 88 | 81 | ||
| 89 | |||
| 90 | <el-button | 82 | <el-button |
| 91 | type="primary" | 83 | type="primary" |
| 92 | @click="submitForm()" | 84 | @click="submitForm()">保存</el-button> |
| 93 | >保存</el-button> | ||
| 94 | </template> | 85 | </template> |
| 95 | </Dialog> | 86 | </Dialog> |
| 96 | <!-- 图标列表 --> | 87 | <!-- 图标列表 --> |
| ... | @@ -99,13 +90,13 @@ | ... | @@ -99,13 +90,13 @@ |
| 99 | </template> | 90 | </template> |
| 100 | 91 | ||
| 101 | <script> | 92 | <script> |
| 102 | import Dialog from "@/components/Dialog/"; | 93 | import Dialog from "@/components/Dialog/"; |
| 103 | import { getParentMenuListAction } from '@/api/quanxianmanagement' | 94 | import { getParentMenuListAction } from '@/api/quanxianmanagement' |
| 104 | import JsonEditor from '@/components/JsonEditors' | 95 | import JsonEditor from '@/components/JsonEditors' |
| 105 | import IconList from '@/components/IconList' | 96 | import IconList from '@/components/IconList' |
| 106 | import { validateCode } from '@/utils/validate'; | 97 | import { validateCode } from '@/utils/validate'; |
| 107 | import { api, httpAction } from '@/api/manageApi' | 98 | import { api, httpAction } from '@/api/manageApi' |
| 108 | export default { | 99 | export default { |
| 109 | name: 'MenuModal', | 100 | name: 'MenuModal', |
| 110 | components: { | 101 | components: { |
| 111 | IconList, | 102 | IconList, |
| ... | @@ -118,7 +109,7 @@ export default { | ... | @@ -118,7 +109,7 @@ export default { |
| 118 | default: '' | 109 | default: '' |
| 119 | } | 110 | } |
| 120 | }, | 111 | }, |
| 121 | data() { | 112 | data () { |
| 122 | return { | 113 | return { |
| 123 | form: { | 114 | form: { |
| 124 | icon: '', | 115 | icon: '', |
| ... | @@ -153,19 +144,19 @@ export default { | ... | @@ -153,19 +144,19 @@ export default { |
| 153 | }, | 144 | }, |
| 154 | computed: { | 145 | computed: { |
| 155 | codeComputed: { | 146 | codeComputed: { |
| 156 | get: function() { | 147 | get: function () { |
| 157 | return this.form.code | 148 | return this.form.code |
| 158 | }, | 149 | }, |
| 159 | set: function(val) { | 150 | set: function (val) { |
| 160 | this.form.code = val.toUpperCase() | 151 | this.form.code = val.toUpperCase() |
| 161 | } | 152 | } |
| 162 | } | 153 | } |
| 163 | }, | 154 | }, |
| 164 | created() {}, | 155 | created () { }, |
| 165 | mounted() {}, | 156 | mounted () { }, |
| 166 | methods: { | 157 | methods: { |
| 167 | // 获取父级菜单 | 158 | // 获取父级菜单 |
| 168 | getParentMenuList(id) { | 159 | getParentMenuList (id) { |
| 169 | 160 | ||
| 170 | getParentMenuListAction(id).then((res) => { | 161 | getParentMenuListAction(id).then((res) => { |
| 171 | if (res.status === 1) { | 162 | if (res.status === 1) { |
| ... | @@ -184,25 +175,25 @@ export default { | ... | @@ -184,25 +175,25 @@ export default { |
| 184 | } | 175 | } |
| 185 | }) | 176 | }) |
| 186 | }, | 177 | }, |
| 187 | getIconList() { | 178 | getIconList () { |
| 188 | this.$refs.iconList.show(true) | 179 | this.$refs.iconList.show(true) |
| 189 | }, | 180 | }, |
| 190 | getIconName(data) { | 181 | getIconName (data) { |
| 191 | this.form.icon = data | 182 | this.form.icon = data |
| 192 | }, | 183 | }, |
| 193 | // 配置参数 | 184 | // 配置参数 |
| 194 | getJsonString(data) { | 185 | getJsonString (data) { |
| 195 | this.form.metadata = data | 186 | this.form.metadata = data |
| 196 | }, | 187 | }, |
| 197 | // 新增菜单 | 188 | // 新增菜单 |
| 198 | add() { | 189 | add () { |
| 199 | this.getParentMenuList("2925fdeb-ddeb-4c15-8ee0-7bc3aa75ec2b") | 190 | this.getParentMenuList(this.productId) |
| 200 | this.visible = true | 191 | this.visible = true |
| 201 | this.type = 0 | 192 | this.type = 0 |
| 202 | this.form.jumpMode = 1 | 193 | this.form.jumpMode = 1 |
| 203 | }, | 194 | }, |
| 204 | // 编辑菜单 | 195 | // 编辑菜单 |
| 205 | edit(record) { | 196 | edit (record) { |
| 206 | this.type = 1 | 197 | this.type = 1 |
| 207 | // 若有id为编辑 | 198 | // 若有id为编辑 |
| 208 | if (record.id) { | 199 | if (record.id) { |
| ... | @@ -214,11 +205,11 @@ export default { | ... | @@ -214,11 +205,11 @@ export default { |
| 214 | this.visible = true | 205 | this.visible = true |
| 215 | }, | 206 | }, |
| 216 | // 选择上级菜单 | 207 | // 选择上级菜单 |
| 217 | handleChange(value) { | 208 | handleChange (value) { |
| 218 | this.form.parentId = value | 209 | this.form.parentId = value |
| 219 | }, | 210 | }, |
| 220 | // 保存 | 211 | // 保存 |
| 221 | submitForm(submitType) { | 212 | submitForm (submitType) { |
| 222 | this.$refs.form.validate((valid) => { | 213 | this.$refs.form.validate((valid) => { |
| 223 | if (valid) { | 214 | if (valid) { |
| 224 | let method = '' | 215 | let method = '' |
| ... | @@ -252,33 +243,33 @@ export default { | ... | @@ -252,33 +243,33 @@ export default { |
| 252 | } | 243 | } |
| 253 | }) | 244 | }) |
| 254 | }, | 245 | }, |
| 255 | resetForm() { | 246 | resetForm () { |
| 256 | this.$refs.form.resetFields() | 247 | this.$refs.form.resetFields() |
| 257 | this.form = { | 248 | this.form = { |
| 258 | icon: '', | 249 | icon: '', |
| 259 | code: '' | 250 | code: '' |
| 260 | } | 251 | } |
| 261 | }, | 252 | }, |
| 262 | close() { | 253 | close () { |
| 263 | this.resetForm() | 254 | this.resetForm() |
| 264 | this.visible = false | 255 | this.visible = false |
| 265 | } | 256 | } |
| 266 | } | 257 | } |
| 267 | } | 258 | } |
| 268 | </script> | 259 | </script> |
| 269 | <style scoped lang="scss"> | 260 | <style scoped lang="scss"> |
| 270 | /deep/.el-dialog__header { | 261 | /deep/.el-dialog__header { |
| 271 | text-align: center; | 262 | text-align: center; |
| 272 | margin-bottom: 10px; | 263 | margin-bottom: 10px; |
| 273 | .el-dialog__title { | 264 | .el-dialog__title { |
| 274 | color: white; | 265 | color: white; |
| 275 | } | 266 | } |
| 276 | } | 267 | } |
| 277 | 268 | ||
| 278 | /deep/.el-form-item__label{ | 269 | /deep/.el-form-item__label { |
| 279 | color: white; | 270 | color: white; |
| 280 | } | 271 | } |
| 281 | /deep/.el-input__inner{ | 272 | /deep/.el-input__inner { |
| 282 | background-color: #07388B; | 273 | background-color: #07388b; |
| 283 | } | 274 | } |
| 284 | </style> | 275 | </style> | ... | ... |
| ... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
| 15 | <el-tab-pane label="菜单配置" name="second"></el-tab-pane> | 15 | <el-tab-pane label="菜单配置" name="second"></el-tab-pane> |
| 16 | </el-tabs> | 16 | </el-tabs> |
| 17 | <lb-table | 17 | <lb-table |
| 18 | v-show="activeName == 'first'" | 18 | v-if="activeName == 'first'" |
| 19 | ref="multipleTable" | 19 | ref="multipleTable" |
| 20 | :pagination="false" | 20 | :pagination="false" |
| 21 | :column="usertableData.column" | 21 | :column="usertableData.column" |
| ... | @@ -26,7 +26,7 @@ | ... | @@ -26,7 +26,7 @@ |
| 26 | </lb-table> | 26 | </lb-table> |
| 27 | <lb-table | 27 | <lb-table |
| 28 | :key="menukey" | 28 | :key="menukey" |
| 29 | v-show="activeName == 'second'" | 29 | v-if="activeName == 'second'" |
| 30 | ref="multipleTable1" | 30 | ref="multipleTable1" |
| 31 | :pagination="false" | 31 | :pagination="false" |
| 32 | :column="menutableData.column" | 32 | :column="menutableData.column" |
| ... | @@ -55,14 +55,8 @@ | ... | @@ -55,14 +55,8 @@ |
| 55 | menutableData: { | 55 | menutableData: { |
| 56 | column: [ | 56 | column: [ |
| 57 | { | 57 | { |
| 58 | label: "序号", | ||
| 59 | type: "index", | ||
| 60 | width: "50", | ||
| 61 | // index: this.indexMethod, | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | prop: "name", | 58 | prop: "name", |
| 65 | width: 330, | 59 | width: 830, |
| 66 | label: "菜单名称", | 60 | label: "菜单名称", |
| 67 | } | 61 | } |
| 68 | ].concat([ | 62 | ].concat([ | ... | ... |
| ... | @@ -15,9 +15,7 @@ | ... | @@ -15,9 +15,7 @@ |
| 15 | v-for="(item, index) in sexList" | 15 | v-for="(item, index) in sexList" |
| 16 | :key="index" | 16 | :key="index" |
| 17 | v-model="form.sex" | 17 | v-model="form.sex" |
| 18 | :label="item.value" | 18 | :label="item.value">{{ item.name }}</el-radio> |
| 19 | >{{ item.name }}</el-radio | ||
| 20 | > | ||
| 21 | </el-form-item> | 19 | </el-form-item> |
| 22 | </el-col> | 20 | </el-col> |
| 23 | <el-col :span="6"> | 21 | <el-col :span="6"> |
| ... | @@ -36,8 +34,7 @@ | ... | @@ -36,8 +34,7 @@ |
| 36 | <el-input | 34 | <el-input |
| 37 | v-model="form.loginName" | 35 | v-model="form.loginName" |
| 38 | :disabled="showLoginName" | 36 | :disabled="showLoginName" |
| 39 | placeholder="用户名" | 37 | placeholder="用户名" /> |
| 40 | /> | ||
| 41 | </el-form-item> | 38 | </el-form-item> |
| 42 | </el-col> | 39 | </el-col> |
| 43 | </el-row> | 40 | </el-row> |
| ... | @@ -51,12 +48,10 @@ | ... | @@ -51,12 +48,10 @@ |
| 51 | <el-form-item | 48 | <el-form-item |
| 52 | label="手机号码:" | 49 | label="手机号码:" |
| 53 | prop="mobilePhone" | 50 | prop="mobilePhone" |
| 54 | label-width="72px" | 51 | label-width="72px"> |
| 55 | > | ||
| 56 | <el-input | 52 | <el-input |
| 57 | v-model="form.mobilePhone" | 53 | v-model="form.mobilePhone" |
| 58 | placeholder="手机号码" | 54 | placeholder="手机号码" /> |
| 59 | /> | ||
| 60 | </el-form-item> | 55 | </el-form-item> |
| 61 | </el-col> | 56 | </el-col> |
| 62 | </el-row> | 57 | </el-row> |
| ... | @@ -65,14 +60,12 @@ | ... | @@ -65,14 +60,12 @@ |
| 65 | <el-form-item label="最高职务级别:" label-width="100px"> | 60 | <el-form-item label="最高职务级别:" label-width="100px"> |
| 66 | <el-select | 61 | <el-select |
| 67 | v-model="form.jobLevel" | 62 | v-model="form.jobLevel" |
| 68 | placeholder="最高职务级别" | 63 | placeholder="最高职务级别"> |
| 69 | > | ||
| 70 | <el-option | 64 | <el-option |
| 71 | v-for="item in levelList" | 65 | v-for="item in levelList" |
| 72 | :key="item.value" | 66 | :key="item.value" |
| 73 | :label="item.name" | 67 | :label="item.name" |
| 74 | :value="item.value" | 68 | :value="item.value" /> |
| 75 | /> | ||
| 76 | </el-select> | 69 | </el-select> |
| 77 | </el-form-item> | 70 | </el-form-item> |
| 78 | </el-col> | 71 | </el-col> |
| ... | @@ -87,8 +80,7 @@ | ... | @@ -87,8 +80,7 @@ |
| 87 | <el-form-item | 80 | <el-form-item |
| 88 | label="办公地点:" | 81 | label="办公地点:" |
| 89 | label-width="100px" | 82 | label-width="100px" |
| 90 | class="form-item-mb0" | 83 | class="form-item-mb0"> |
| 91 | > | ||
| 92 | <el-input v-model="form.address" placeholder="办公地点" /> | 84 | <el-input v-model="form.address" placeholder="办公地点" /> |
| 93 | </el-form-item> | 85 | </el-form-item> |
| 94 | </el-col> | 86 | </el-col> |
| ... | @@ -103,13 +95,13 @@ | ... | @@ -103,13 +95,13 @@ |
| 103 | </template> | 95 | </template> |
| 104 | 96 | ||
| 105 | <script> | 97 | <script> |
| 106 | import { api, httpAction } from '@/api/manageApi' | 98 | import { api, httpAction } from '@/api/manageApi' |
| 107 | import Dialog from "@/components/Dialog/"; | 99 | import Dialog from "@/components/Dialog/"; |
| 108 | export default { | 100 | export default { |
| 109 | name: "", | 101 | name: "", |
| 110 | components: { Dialog }, | 102 | components: { Dialog }, |
| 111 | props: {}, | 103 | props: {}, |
| 112 | data() { | 104 | data () { |
| 113 | return { | 105 | return { |
| 114 | form: { | 106 | form: { |
| 115 | sex: "0", | 107 | sex: "0", |
| ... | @@ -125,19 +117,19 @@ export default { | ... | @@ -125,19 +117,19 @@ export default { |
| 125 | title: "", | 117 | title: "", |
| 126 | visible: false, | 118 | visible: false, |
| 127 | showLoginName: false, | 119 | showLoginName: false, |
| 128 | sexList: [{lable:"0",value:"0",name:"男"},{lable:"1",value:"1",name:"女"}], | 120 | sexList: [{ lable: "0", value: "0", name: "男" }, { lable: "1", value: "1", name: "女" }], |
| 129 | levelList: [{lable:"0",value:"0",name:"干事"},{lable:"1",value:"1",name:"经理"}], | 121 | levelList: [{ lable: "0", value: "0", name: "干事" }, { lable: "1", value: "1", name: "经理" }], |
| 130 | dataUrl: api.users | 122 | dataUrl: api.users |
| 131 | }; | 123 | }; |
| 132 | }, | 124 | }, |
| 133 | computed: { | 125 | computed: { |
| 134 | departmentid() { | 126 | departmentid () { |
| 135 | return this.$store.state.user.userInfo; | 127 | return this.$store.state.user.userInfo; |
| 136 | }, | 128 | }, |
| 137 | }, | 129 | }, |
| 138 | watch: {}, | 130 | watch: {}, |
| 139 | created() {}, | 131 | created () { }, |
| 140 | mounted() {}, | 132 | mounted () { }, |
| 141 | methods: { | 133 | methods: { |
| 142 | // initDictConfig() { | 134 | // initDictConfig() { |
| 143 | // getDictItems('XB').then((res) => { | 135 | // getDictItems('XB').then((res) => { |
| ... | @@ -156,13 +148,13 @@ export default { | ... | @@ -156,13 +148,13 @@ export default { |
| 156 | // }) | 148 | // }) |
| 157 | // }, | 149 | // }, |
| 158 | // 添加人员 | 150 | // 添加人员 |
| 159 | add() { | 151 | adds () { |
| 160 | this.visible = true; | 152 | this.visible = true; |
| 161 | // this.type = 0 | 153 | // this.type = 0 |
| 162 | this.showLoginName = false | 154 | this.showLoginName = false |
| 163 | }, | 155 | }, |
| 164 | // 编辑 | 156 | // 编辑 |
| 165 | edit(record) { | 157 | edit (record) { |
| 166 | // this.initDictConfig() | 158 | // this.initDictConfig() |
| 167 | this.showLoginName = true | 159 | this.showLoginName = true |
| 168 | // 若有id为编辑 | 160 | // 若有id为编辑 |
| ... | @@ -173,17 +165,17 @@ export default { | ... | @@ -173,17 +165,17 @@ export default { |
| 173 | } | 165 | } |
| 174 | this.visible = true | 166 | this.visible = true |
| 175 | }, | 167 | }, |
| 176 | handleChange(value) { | 168 | handleChange (value) { |
| 177 | this.form.departmentId = value; | 169 | this.form.departmentId = value; |
| 178 | }, | 170 | }, |
| 179 | // 保存 | 171 | // 保存 |
| 180 | submitForm(submitType) { | 172 | submitForm (submitType) { |
| 181 | this.$refs.form.validate((valid) => { | 173 | this.$refs.form.validate((valid) => { |
| 182 | if (valid) { | 174 | if (valid) { |
| 183 | let method = '' | 175 | let method = '' |
| 184 | let url = '' | 176 | let url = '' |
| 185 | this.form.organizationId=this.departmentid.organizationId; | 177 | this.form.organizationId = this.departmentid.organizationId; |
| 186 | this.form.departmentId=this.departmentid.departmentId; | 178 | this.form.departmentId = this.departmentid.departmentId; |
| 187 | const formData = this.form | 179 | const formData = this.form |
| 188 | if (!formData.id) { | 180 | if (!formData.id) { |
| 189 | method = 'post' | 181 | method = 'post' |
| ... | @@ -212,30 +204,30 @@ export default { | ... | @@ -212,30 +204,30 @@ export default { |
| 212 | } | 204 | } |
| 213 | }) | 205 | }) |
| 214 | }, | 206 | }, |
| 215 | resetForm() { | 207 | resetForm () { |
| 216 | this.form = { | 208 | this.form = { |
| 217 | sex: '0' | 209 | sex: '0' |
| 218 | } | 210 | } |
| 219 | this.$refs.form.resetFields() | 211 | this.$refs.form.resetFields() |
| 220 | }, | 212 | }, |
| 221 | close() { | 213 | close () { |
| 222 | this.resetForm() | 214 | this.resetForm() |
| 223 | this.visible = false | 215 | this.visible = false |
| 224 | } | 216 | } |
| 225 | }, | 217 | }, |
| 226 | }; | 218 | }; |
| 227 | </script> | 219 | </script> |
| 228 | <style scoped lang="scss"> | 220 | <style scoped lang="scss"> |
| 229 | /deep/.el-input__inner { | 221 | /deep/.el-input__inner { |
| 230 | background: #07388B; | 222 | background: #07388b; |
| 231 | border-radius: 2px; | 223 | border-radius: 2px; |
| 232 | border: 1px solid #6BC1FC; | 224 | border: 1px solid #6bc1fc; |
| 225 | } | ||
| 226 | /deep/.el-textarea__inner { | ||
| 227 | background: #07388b; | ||
| 228 | color: #fff; | ||
| 233 | } | 229 | } |
| 234 | /deep/.el-textarea__inner{ | 230 | /deep/.el-form-item__label { |
| 235 | background: #07388B; | ||
| 236 | color: #fff; | 231 | color: #fff; |
| 237 | } | 232 | } |
| 238 | /deep/.el-form-item__label{ | ||
| 239 | color:#fff; | ||
| 240 | } | ||
| 241 | </style> | 233 | </style> | ... | ... |
| ... | @@ -25,38 +25,37 @@ | ... | @@ -25,38 +25,37 @@ |
| 25 | :column="tableData.columns" | 25 | :column="tableData.columns" |
| 26 | :data="tableData.data" | 26 | :data="tableData.data" |
| 27 | :expand-row-keys="keyList" | 27 | :expand-row-keys="keyList" |
| 28 | row-key="dictid" | 28 | row-key="dictid"> |
| 29 | > | ||
| 30 | </lb-table> | 29 | </lb-table> |
| 31 | </div> | 30 | </div> |
| 32 | <edit-dialog ref="dialogForm" @ok="reloadTableData"/> | 31 | <EditDialog ref="dialogForm" @ok="reloadTableData" /> |
| 33 | </div> | 32 | </div> |
| 34 | </template> | 33 | </template> |
| 35 | <script> | 34 | <script> |
| 36 | import { | 35 | import { |
| 37 | getUuid, | 36 | getUuid, |
| 38 | judgeSort, | 37 | judgeSort, |
| 39 | realMove, | 38 | realMove, |
| 40 | findParents, | 39 | findParents, |
| 41 | removeTreeListItem, | 40 | removeTreeListItem, |
| 42 | } from "@/utils/operation"; | 41 | } from "@/utils/operation"; |
| 43 | import { | 42 | import { |
| 44 | resetPassword, | 43 | resetPassword, |
| 45 | getUserList, | 44 | getUserList, |
| 46 | } from "@/api/quanxianmanagement"; | 45 | } from "@/api/quanxianmanagement"; |
| 47 | import { api, deleteAction } from '@/api/manageApi' | 46 | import { api, deleteAction } from '@/api/manageApi' |
| 48 | import data from "./data"; | 47 | import data from "./data"; |
| 49 | import { deleteDomStr } from '@/utils/proDomStr' | 48 | import { deleteDomStr } from '@/utils/proDomStr' |
| 50 | import sjsbTask from "@/api/sjsbTask.js"; | 49 | import sjsbTask from "@/api/sjsbTask.js"; |
| 51 | import tableMixin from "@/mixins/tableMixin.js"; | 50 | import tableMixin from "@/mixins/tableMixin.js"; |
| 52 | import EditDialog from "./edit-dialog.vue"; | 51 | import EditDialog from "./edit-dialog.vue"; |
| 53 | export default { | 52 | export default { |
| 54 | name: "menus", | 53 | name: "menus", |
| 55 | mixins: [tableMixin], | 54 | mixins: [tableMixin], |
| 56 | components: { | 55 | components: { |
| 57 | EditDialog, | 56 | EditDialog, |
| 58 | }, | 57 | }, |
| 59 | data() { | 58 | data () { |
| 60 | return { | 59 | return { |
| 61 | taskData: null, | 60 | taskData: null, |
| 62 | keyList: [], | 61 | keyList: [], |
| ... | @@ -107,7 +106,7 @@ export default { | ... | @@ -107,7 +106,7 @@ export default { |
| 107 | label: "负责人", | 106 | label: "负责人", |
| 108 | render: (h, scope) => { | 107 | render: (h, scope) => { |
| 109 | return ( | 108 | return ( |
| 110 | <i v-show={scope.row.isDuty!==null} class="el-icon-check" /> | 109 | <i v-show={scope.row.isDuty !== null} class="el-icon-check" /> |
| 111 | ) | 110 | ) |
| 112 | } | 111 | } |
| 113 | }, | 112 | }, |
| ... | @@ -190,20 +189,20 @@ export default { | ... | @@ -190,20 +189,20 @@ export default { |
| 190 | }, | 189 | }, |
| 191 | }; | 190 | }; |
| 192 | }, | 191 | }, |
| 193 | created() { | 192 | created () { |
| 194 | this.getTableList(); | 193 | this.getTableList(); |
| 195 | }, | 194 | }, |
| 196 | computed: { | 195 | computed: { |
| 197 | departmentid() { | 196 | departmentid () { |
| 198 | return this.$store.state.user.userInfo; | 197 | return this.$store.state.user.userInfo; |
| 199 | }, | 198 | }, |
| 200 | }, | 199 | }, |
| 201 | methods: { | 200 | methods: { |
| 202 | handleAdd() { | 201 | handleAdd () { |
| 203 | this.$refs.dialogForm.add(); | 202 | this.$refs.dialogForm.adds(); |
| 204 | this.$refs.dialogForm.title = "添加"; | 203 | this.$refs.dialogForm.title = "添加"; |
| 205 | }, | 204 | }, |
| 206 | getTableList() { | 205 | getTableList () { |
| 207 | this.loading = true; | 206 | this.loading = true; |
| 208 | this.queryParam = { | 207 | this.queryParam = { |
| 209 | organizationId: this.departmentid.organizationId, | 208 | organizationId: this.departmentid.organizationId, |
| ... | @@ -221,7 +220,7 @@ export default { | ... | @@ -221,7 +220,7 @@ export default { |
| 221 | }, | 220 | }, |
| 222 | 221 | ||
| 223 | // 重置用户密码 | 222 | // 重置用户密码 |
| 224 | resetPassword(data) { | 223 | resetPassword (data) { |
| 225 | const ids = [] | 224 | const ids = [] |
| 226 | if (data instanceof Array) { | 225 | if (data instanceof Array) { |
| 227 | data.forEach((item) => { | 226 | data.forEach((item) => { |
| ... | @@ -263,28 +262,28 @@ export default { | ... | @@ -263,28 +262,28 @@ export default { |
| 263 | } | 262 | } |
| 264 | }) | 263 | }) |
| 265 | }) | 264 | }) |
| 266 | .catch(() => {}) | 265 | .catch(() => { }) |
| 267 | }, | 266 | }, |
| 268 | // 上移下移 | 267 | // 上移下移 |
| 269 | moveUpward(index, row) { | 268 | moveUpward (index, row) { |
| 270 | realMove(row.dictid, "UP", this.tableData.data); | 269 | realMove(row.dictid, "UP", this.tableData.data); |
| 271 | this.key++; | 270 | this.key++; |
| 272 | let id = findParents(this.tableData.data, row.dictid); | 271 | let id = findParents(this.tableData.data, row.dictid); |
| 273 | this.keyList = id; | 272 | this.keyList = id; |
| 274 | }, | 273 | }, |
| 275 | moveDown(index, row) { | 274 | moveDown (index, row) { |
| 276 | realMove(row.dictid, "DOWN", this.tableData.data); | 275 | realMove(row.dictid, "DOWN", this.tableData.data); |
| 277 | this.key++; | 276 | this.key++; |
| 278 | let id = findParents(this.tableData.data, row.dictid); | 277 | let id = findParents(this.tableData.data, row.dictid); |
| 279 | this.keyList = id; | 278 | this.keyList = id; |
| 280 | }, | 279 | }, |
| 281 | // 修改人员信息 | 280 | // 修改人员信息 |
| 282 | handleEdit(row) { | 281 | handleEdit (row) { |
| 283 | this.$refs.dialogForm.edit(row); | 282 | this.$refs.dialogForm.edit(row); |
| 284 | this.$refs.dialogForm.title = "修改"; | 283 | this.$refs.dialogForm.title = "修改"; |
| 285 | }, | 284 | }, |
| 286 | // 删除 | 285 | // 删除 |
| 287 | handleDelete(id, content) { | 286 | handleDelete (id, content) { |
| 288 | this.$confirm(deleteDomStr(content), '执行确认', { | 287 | this.$confirm(deleteDomStr(content), '执行确认', { |
| 289 | dangerouslyUseHTMLString: true, | 288 | dangerouslyUseHTMLString: true, |
| 290 | customClass: 'customer-delete', | 289 | customClass: 'customer-delete', |
| ... | @@ -302,19 +301,19 @@ export default { | ... | @@ -302,19 +301,19 @@ export default { |
| 302 | this.getTableList() | 301 | this.getTableList() |
| 303 | }) | 302 | }) |
| 304 | }) | 303 | }) |
| 305 | .catch(() => {}) | 304 | .catch(() => { }) |
| 306 | }, | 305 | }, |
| 307 | // 新增回显 | 306 | // 新增回显 |
| 308 | reloadTableData() { | 307 | reloadTableData () { |
| 309 | this.getTableList() | 308 | this.getTableList() |
| 310 | }, | 309 | }, |
| 311 | }, | 310 | }, |
| 312 | }; | 311 | }; |
| 313 | </script> | 312 | </script> |
| 314 | <style scoped lang="scss"> | 313 | <style scoped lang="scss"> |
| 315 | @import "~@/styles/mixin.scss"; | 314 | @import "~@/styles/mixin.scss"; |
| 316 | @import "~@/styles/public.scss"; | 315 | @import "~@/styles/public.scss"; |
| 317 | .btnColRight { | 316 | .btnColRight { |
| 318 | margin-top: 20px; | 317 | margin-top: 20px; |
| 319 | } | 318 | } |
| 320 | </style> | 319 | </style> | ... | ... |
-
Please register or sign in to post a comment