{"version":3,"sources":["webpack:///./src/views/system/users/detail.vue?2e69","webpack:///src/views/system/users/detail.vue","webpack:///./src/views/system/users/detail.vue?fb47","webpack:///./src/views/system/users/detail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","_s","editing","on","$event","preventDefault","save","staticStyle","user","username","model","value","callback","$$v","$set","expression","$v","unitId","$error","loaded","_e","unitName","fullName","newPassword","$dirty","$touch","minLength","passwordPattern","newPasswordConfirmation","sameAsPassword","email","phoneNumber","isApproved","rejectReason","_l","role","index","key","id","style","width","text","roleNames","join","isAdmin","listSyncSourceTypes","syncSourceType","ref","selectUnit","deselectUnit","addManageUnits","manageUnits","gridOptions","scopedSlots","_u","fn","row","find","x","stopPropagation","removeUnit","item","target","authorize","$route","meta","cancel","back","staticRenderFns","component"],"mappings":"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","file":"js/chunk-74d10f5a.e07f76e2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"animated fadeIn\"},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('b-card',[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('strong',[_vm._v(_vm._s(_vm.editing ? 'Sửa' : 'Xem chi tiết')+\" người sử dụng\")])]),_c('b-form',{attrs:{\"autocomplete\":\"off\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.save($event)}}},[_c('input',{staticStyle:{\"opacity\":\"0\",\"position\":\"absolute\"},attrs:{\"autocomplete\":\"blah blah\"}}),_c('input',{staticStyle:{\"opacity\":\"0\",\"position\":\"absolute\"},attrs:{\"type\":\"text\",\"name\":\"username\",\"autocomplete\":\"blah blah\"}}),_c('input',{staticStyle:{\"opacity\":\"0\",\"position\":\"absolute\"},attrs:{\"type\":\"email\",\"name\":\"email\",\"autocomplete\":\"blah blah\"}}),_c('input',{staticStyle:{\"opacity\":\"0\",\"position\":\"absolute\"},attrs:{\"type\":\"password\",\"name\":\"password\",\"autocomplete\":\"blah blah\"}}),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Tên tài khoản:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"left\",\"label-class\":\"\"}},[_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.username))])])],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Khóa tài khoản:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"left\",\"label-class\":\"\"}},[_c('b-form-checkbox',{attrs:{\"disabled\":!_vm.editing},model:{value:(_vm.user.isLocked),callback:function ($$v) {_vm.$set(_vm.user, \"isLocked\", $$v)},expression:\"user.isLocked\"}})],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Đơn vị công tác:\",\"label-for\":\"unit\",\"label-cols-md\":\"4\",\"horizontal\":true,\"label-align\":\"left\",\"label-class\":_vm.editing? 'required' : ''}},[_c('b-form-input',{staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"text\",\"state\":_vm.$v.user.unitId.$error ? false : null},model:{value:(_vm.$v.user.unitId.$model),callback:function ($$v) {_vm.$set(_vm.$v.user.unitId, \"$model\", $$v)},expression:\"$v.user.unitId.$model\"}}),(_vm.editing && _vm.loaded)?_c('unit-tree',{model:{value:(_vm.$v.user.unitId.$model),callback:function ($$v) {_vm.$set(_vm.$v.user.unitId, \"$model\", $$v)},expression:\"$v.user.unitId.$model\"}}):_vm._e(),_c('b-form-invalid-feedback',[_vm._v(\" Vui lòng nhập đơn vị \")]),(!_vm.editing)?_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.unitName))]):_vm._e()],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Họ tên:\",\"label-for\":\"fullName\",\"label-cols-md\":\"4\",\"horizontal\":true,\"label-align\":\"left\"}},[(_vm.editing)?_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"fullName\"},model:{value:(_vm.user.fullName),callback:function ($$v) {_vm.$set(_vm.user, \"fullName\", $$v)},expression:\"user.fullName\"}}):_vm._e(),_c('b-form-invalid-feedback',[_vm._v(\" Vui lòng nhập họ tên \")]),(!_vm.editing)?_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.fullName))]):_vm._e()],1)],1)],1),(_vm.editing)?_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Mật khẩu mới:\",\"label-for\":\"newPassword\",\"label-cols-md\":\"4\",\"label-align\":\"left\",\"horizontal\":true}},[_c('b-form-input',{attrs:{\"type\":\"password\",\"id\":\"newPassword\",\"state\":_vm.$v.user.newPassword.$dirty? !_vm.$v.user.newPassword.$error : null},on:{\"input\":_vm.$v.user.newPassword.$touch},model:{value:(_vm.$v.user.newPassword.$model),callback:function ($$v) {_vm.$set(_vm.$v.user.newPassword, \"$model\", $$v)},expression:\"$v.user.newPassword.$model\"}}),(!_vm.$v.user.newPassword.minLength)?_c('b-form-invalid-feedback',[_vm._v(\" Mật khẩu phải có ít nhất 8 ký tự \")]):_vm._e(),(_vm.$v.user.newPassword.minLength && !_vm.$v.user.newPassword.passwordPattern)?_c('b-form-invalid-feedback',[_vm._v(\" Mật khẩu phải chứa chữ hoa, chữ thường, số và ký tự đặc biệt \")]):_vm._e()],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Nhập lại mật khẩu mới:\",\"label-for\":\"newPasswordConfirmation\",\"label-cols-md\":\"4\",\"label-align\":\"left\",\"horizontal\":true}},[_c('b-form-input',{attrs:{\"type\":\"password\",\"id\":\"newPasswordConfirmation\",\"state\":_vm.$v.user.newPasswordConfirmation.$dirty? !_vm.$v.user.newPasswordConfirmation.$error : null},on:{\"input\":_vm.$v.user.newPasswordConfirmation.$touch},model:{value:(_vm.$v.user.newPasswordConfirmation.$model),callback:function ($$v) {_vm.$set(_vm.$v.user.newPasswordConfirmation, \"$model\", $$v)},expression:\"$v.user.newPasswordConfirmation.$model\"}}),(!_vm.$v.user.newPasswordConfirmation.sameAsPassword)?_c('b-form-invalid-feedback',[_vm._v(\" Mật khẩu không khớp \")]):_vm._e()],1)],1)],1):_vm._e(),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Email:\",\"label-for\":\"email\",\"label-cols-md\":\"4\",\"label-align\":\"left\",\"horizontal\":true}},[(_vm.editing)?_c('b-form-input',{attrs:{\"type\":\"email\",\"id\":\"email\"},model:{value:(_vm.user.email),callback:function ($$v) {_vm.$set(_vm.user, \"email\", $$v)},expression:\"user.email\"}}):_vm._e(),(!_vm.editing)?_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.email))]):_vm._e()],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Số điện thoại:\",\"label-for\":\"phoneNumber\",\"label-cols-md\":\"4\",\"label-align\":\"left\",\"horizontal\":true}},[(_vm.editing)?_c('b-form-input',{attrs:{\"type\":\"tel\",\"id\":\"phoneNumber\",\"maxlength\":\"20\"},model:{value:(_vm.user.phoneNumber),callback:function ($$v) {_vm.$set(_vm.user, \"phoneNumber\", $$v)},expression:\"user.phoneNumber\"}}):_vm._e(),(!_vm.editing)?_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.phoneNumber))]):_vm._e()],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Trạng thái duyệt:\",\"label-for\":\"isApproved\",\"label-cols-md\":4,\"label-align\":\"left\",\"horizontal\":true}},[_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.isApproved == null ? 'Chờ duyệt' : _vm.user.isApproved == true ? 'Đã duyệt' : 'Từ chối'))])])],1),_c('b-col',{attrs:{\"md\":\"6\"}},[(_vm.user.isApproved == false && _vm.user.isApproved != null)?_c('b-form-group',{attrs:{\"label\":\"Lý do từ chối:\",\"label-for\":\"phoneNumber\",\"label-cols-md\":4,\"label-align\":\"left\",\"horizontal\":true}},[(_vm.user.isApproved == false && _vm.user.isApproved != null)?_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.rejectReason))]):_vm._e()]):_vm._e()],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Nhóm tài khoản người dùng:\",\"label-for\":\"roles\",\"label-cols-md\":2,\"label-align\":\"left\",\"horizontal\":true}},[(_vm.editing)?_c('b-form-checkbox-group',{staticClass:\"checkbox-group\",model:{value:(_vm.user.roleIds),callback:function ($$v) {_vm.$set(_vm.user, \"roleIds\", $$v)},expression:\"user.roleIds\"}},_vm._l((_vm.listRoles),function(role,index){return _c('b-form-checkbox',{key:role.id,style:({ width: index % 2 == 0 ? 61.5 + '%' : 'auto'}),attrs:{\"value\":role.id}},[_vm._v(_vm._s(role.text))])}),1):_vm._e(),(!_vm.editing && _vm.user.roleNames)?_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.roleNames.join(', ')))]):_vm._e()],1)],1)],1),_c('br'),_c('br'),_c('b-row',[_c('b-col',{attrs:{\"md\":\"8\"}},[_c('h2',[_vm._v(\"Danh sách đơn vị quản lý\")])])],1),(_vm.editing && _vm.isAdmin)?[_c('b-row',[_c('b-col',{attrs:{\"md\":\"4\"}},[_c('b-form-group',{attrs:{\"label\":\"Phần mềm đồng bộ:\",\"label-cols-md\":5,\"horizontal\":true,\"label-align\":\"left\"}},[_c('select2',{staticStyle:{\"width\":\"100%\"},attrs:{\"options\":_vm.listSyncSourceTypes,\"placeholder\":\"--- Chọn ---\"},model:{value:(_vm.syncSourceType),callback:function ($$v) {_vm.syncSourceType=$$v},expression:\"syncSourceType\"}})],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Đơn vị quản lý:\",\"label-cols-md\":3,\"horizontal\":true,\"label-align\":\"left\"}},[_c('unit-tree',{ref:\"manageUnitsTree\",attrs:{\"syncSourceType\":_vm.syncSourceType,\"multiple\":\"\",\"placeholder\":\"--- Thêm đơn vị quản lý ---\"},on:{\"select\":_vm.selectUnit,\"deselect\":_vm.deselectUnit}})],1)],1),_c('b-col',{attrs:{\"md\":\"2\"}},[_c('b-button',{attrs:{\"type\":\"button\",\"variant\":\"primary\"},on:{\"click\":_vm.addManageUnits}},[_vm._v(\"Thêm\")])],1)],1)]:_vm._e(),_c('b-grid',{attrs:{\"items\":_vm.user.manageUnits,\"gridOptions\":_vm.gridOptions,\"showActions\":_vm.editing == true},scopedSlots:_vm._u([{key:\"cell(syncSourceType)\",fn:function(row){return [_vm._v(\" \"+_vm._s(_vm.listSyncSourceTypes.find(function (x) { return x.id == row.value; }).text)+\" \")]}},{key:\"cell(_actions)\",fn:function(row){return [(_vm.isAdmin)?_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"danger\",\"title\":\"xóa\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.removeUnit(row.item, row.index, $event.target)}}},[_vm._v(\" Xoá \")]):_vm._e()]}}])}),_c('div',{staticClass:\"text-center\"},[(_vm.editing && _vm.authorize(['ManageUser']))?_c('b-button',{attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\" Lưu\")]):_vm._e(),(_vm.editing && !_vm.$route.meta.editing)?_c('b-button',{attrs:{\"type\":\"button\",\"variant\":\"secondary\"},on:{\"click\":_vm.cancel}},[_vm._v(\" Hủy\")]):_vm._e(),_c('b-button',{attrs:{\"type\":\"button\",\"variant\":\"secondary\"},on:{\"click\":_vm.back}},[_vm._v(\" Quay lại\")])],1)],2)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"animated fadeIn\">\r\n        <b-row>\r\n            <b-col lg=\"12\">\r\n                <b-card>\r\n                    <div slot=\"header\">\r\n                        <strong>{{ editing ? 'Sửa' : 'Xem chi tiết' }} người sử dụng</strong>\r\n                    </div>\r\n                    <b-form @submit.prevent=\"save\" autocomplete=\"off\">\r\n                        <!-- disable autocomplete -->\r\n                        <input autocomplete=\"blah blah\" style=\"opacity: 0;position: absolute;\">\r\n                        <input type=\"text\" name=\"username\" autocomplete=\"blah blah\" style=\"opacity: 0;position: absolute;\">\r\n                        <input type=\"email\" name=\"email\" autocomplete=\"blah blah\" style=\"opacity: 0;position: absolute;\">\r\n                        <input type=\"password\" name=\"password\" autocomplete=\"blah blah\" style=\"opacity: 0;position: absolute;\">\r\n                        <!-- disable autocomplete -->\r\n                        <b-row>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Tên tài khoản:\"\r\n                                              :label-cols=\"4\"\r\n                                              :horizontal=\"true\"\r\n                                              label-align=\"left\"\r\n                                              label-class=\"\">\r\n                                    <label class=\"col-form-label\">{{ user.username }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Khóa tài khoản:\"\r\n                                              :label-cols=\"4\"\r\n                                              :horizontal=\"true\"\r\n                                              label-align=\"left\"\r\n                                              label-class=\"\">\r\n                                    <b-form-checkbox v-model=\"user.isLocked\" :disabled=\"!editing\"></b-form-checkbox>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <b-row>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Đơn vị công tác:\"\r\n                                              label-for=\"unit\"\r\n                                              label-cols-md=\"4\"\r\n                                              :horizontal=\"true\"\r\n                                              label-align=\"left\"\r\n                                              :label-class=\"editing? 'required' : ''\">\r\n                                    <b-form-input type=\"text\" style=\"display: none\"\r\n                                                  v-model=\"$v.user.unitId.$model\"\r\n                                                  :state=\"$v.user.unitId.$error ? false : null\"></b-form-input>\r\n                                    <unit-tree v-model=\"$v.user.unitId.$model\" v-if=\"editing && loaded\"></unit-tree>\r\n                                    <b-form-invalid-feedback>\r\n                                        Vui lòng nhập đơn vị\r\n                                    </b-form-invalid-feedback>\r\n                                    <label class=\"col-form-label\" v-if=\"!editing\">{{ user.unitName }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Họ tên:\"\r\n                                              label-for=\"fullName\"\r\n                                              label-cols-md=\"4\"\r\n                                              :horizontal=\"true\"\r\n                                              label-align=\"left\">\r\n                                    <b-form-input type=\"text\" id=\"fullName\" v-if=\"editing\"\r\n                                                  v-model=\"user.fullName\">\r\n                                    </b-form-input>\r\n                                    <b-form-invalid-feedback>\r\n                                        Vui lòng nhập họ tên\r\n                                    </b-form-invalid-feedback>\r\n                                    <label class=\"col-form-label\" v-if=\"!editing\">{{ user.fullName }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <b-row v-if=\"editing\">\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Mật khẩu mới:\"\r\n                                              label-for=\"newPassword\"\r\n                                              label-cols-md=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <b-form-input type=\"password\" id=\"newPassword\"\r\n                                                  v-model=\"$v.user.newPassword.$model\"\r\n                                                  @input=\"$v.user.newPassword.$touch\"\r\n                                                  :state=\"$v.user.newPassword.$dirty? !$v.user.newPassword.$error : null\">\r\n                                    </b-form-input>\r\n                                    <b-form-invalid-feedback v-if=\"!$v.user.newPassword.minLength\">\r\n                                        Mật khẩu phải có ít nhất 8 ký tự\r\n                                    </b-form-invalid-feedback>\r\n                                    <b-form-invalid-feedback v-if=\"$v.user.newPassword.minLength && !$v.user.newPassword.passwordPattern\">\r\n                                        Mật khẩu phải chứa chữ hoa, chữ thường, số và ký tự đặc biệt\r\n                                    </b-form-invalid-feedback>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Nhập lại mật khẩu mới:\"\r\n                                              label-for=\"newPasswordConfirmation\"\r\n                                              label-cols-md=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <b-form-input type=\"password\" id=\"newPasswordConfirmation\"\r\n                                                  v-model=\"$v.user.newPasswordConfirmation.$model\"\r\n                                                  @input=\"$v.user.newPasswordConfirmation.$touch\"\r\n                                                  :state=\"$v.user.newPasswordConfirmation.$dirty? !$v.user.newPasswordConfirmation.$error : null\">\r\n                                    </b-form-input>\r\n                                    <b-form-invalid-feedback v-if=\"!$v.user.newPasswordConfirmation.sameAsPassword\">\r\n                                        Mật khẩu không khớp\r\n                                    </b-form-invalid-feedback>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <b-row>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Email:\"\r\n                                              label-for=\"email\"\r\n                                              label-cols-md=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <b-form-input type=\"email\" id=\"email\" v-if=\"editing\"\r\n                                                  v-model=\"user.email\">\r\n                                    </b-form-input>\r\n                                    <label class=\"col-form-label\" v-if=\"!editing\">{{ user.email }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Số điện thoại:\"\r\n                                              label-for=\"phoneNumber\"\r\n                                              label-cols-md=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <b-form-input type=\"tel\" id=\"phoneNumber\" maxlength=\"20\" v-if=\"editing\"\r\n                                                  v-model=\"user.phoneNumber\">\r\n                                    </b-form-input>\r\n                                    <label class=\"col-form-label\" v-if=\"!editing\">{{ user.phoneNumber }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <b-row>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Trạng thái duyệt:\"\r\n                                              label-for=\"isApproved\"\r\n                                              :label-cols-md=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <label class=\"col-form-label\">{{ user.isApproved == null ? 'Chờ duyệt' : user.isApproved == true ? 'Đã duyệt' : 'Từ chối'}}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Lý do từ chối:\"\r\n                                              label-for=\"phoneNumber\"\r\n                                              :label-cols-md=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\"\r\n                                              v-if=\"user.isApproved == false && user.isApproved != null\">\r\n                                    <label class=\"col-form-label\" v-if=\"user.isApproved == false && user.isApproved != null\">{{ user.rejectReason }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <b-row>\r\n                            <b-col md=\"12\">\r\n                                <b-form-group label=\"Nhóm tài khoản người dùng:\"\r\n                                              label-for=\"roles\"\r\n                                              :label-cols-md=\"2\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <b-form-checkbox-group v-model=\"user.roleIds\" class=\"checkbox-group\" v-if=\"editing\">\r\n                                        <b-form-checkbox v-for=\"(role, index) in listRoles\" :key=\"role.id\" :value=\"role.id\" v-bind:style=\"{ width: index % 2 == 0 ? 61.5 + '%' : 'auto'}\">{{ role.text }}</b-form-checkbox>\r\n                                    </b-form-checkbox-group>\r\n                                    <label class=\"col-form-label\" v-if=\"!editing && user.roleNames\">{{ user.roleNames.join(', ') }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <!--<template v-if=\"editing\">\r\n                            <b-row>\r\n                                <b-col md=\"6\">\r\n                                    <b-form-group label=\"Đơn vị quản lý:\"\r\n                                                  :label-cols-md=\"4\"\r\n                                                  :horizontal=\"true\"\r\n                                                  label-align=\"left\">\r\n                                        <select2 v-model=\"syncSourceType\" :options=\"listSyncSourceTypes\"\r\n                                                 style=\"width:100%\"\r\n                                                 allowClear=\"true\"></select2>\r\n                                    </b-form-group>\r\n                                </b-col>\r\n                            </b-row>\r\n                            <b-row>\r\n                                <b-col md=\"6\">\r\n                                    <b-form-group :label-cols-md=\"4\"\r\n                                                  :horizontal=\"true\"\r\n                                                  label-align=\"left\">\r\n                                        <unit-tree ref=\"manageUnitsTree\" :syncSourceType=\"syncSourceType\" multiple @select=\"selectUnit\" @deselect=\"deselectUnit\" placeholder=\"--- Thêm đơn vị quản lý ---\"></unit-tree>\r\n                                    </b-form-group>\r\n                                </b-col>\r\n                            </b-row>\r\n                            <b-row>\r\n                                <b-col md=\"6\">\r\n                                    <b-form-group label=\"\"\r\n                                                  :label-cols-md=\"4\"\r\n                                                  :horizontal=\"true\"\r\n                                                  label-align=\"left\">\r\n                                        <b-button type=\"button\" variant=\"primary\" @click=\"addManageUnits\">Thêm</b-button>\r\n                                    </b-form-group>\r\n                                </b-col>\r\n                            </b-row>\r\n                        </template>-->\r\n                        <br />\r\n                        <br />\r\n                        <b-row>\r\n                            <b-col md=\"8\">\r\n                                <h2>Danh sách đơn vị quản lý</h2>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <template v-if=\"editing && isAdmin\">\r\n                            <b-row>\r\n                                <b-col md=\"4\">\r\n                                    <b-form-group label=\"Phần mềm đồng bộ:\"\r\n                                                  :label-cols-md=\"5\"\r\n                                                  :horizontal=\"true\"\r\n                                                  label-align=\"left\">\r\n                                        <select2 v-model=\"syncSourceType\" :options=\"listSyncSourceTypes\"\r\n                                                 style=\"width:100%\"\r\n                                                 placeholder=\"--- Chọn ---\"></select2>\r\n                                    </b-form-group>\r\n                                </b-col>\r\n                                <b-col md=\"6\">\r\n                                    <b-form-group label=\"Đơn vị quản lý:\"\r\n                                                  :label-cols-md=\"3\"\r\n                                                  :horizontal=\"true\"\r\n                                                  label-align=\"left\">\r\n                                        <unit-tree ref=\"manageUnitsTree\" :syncSourceType=\"syncSourceType\" multiple @select=\"selectUnit\" @deselect=\"deselectUnit\" placeholder=\"--- Thêm đơn vị quản lý ---\"></unit-tree>\r\n                                    </b-form-group>\r\n                                </b-col>\r\n                                <b-col md=\"2\">\r\n                                    <b-button type=\"button\" variant=\"primary\" @click=\"addManageUnits\">Thêm</b-button>\r\n                                </b-col>\r\n                            </b-row>\r\n                        </template>\r\n                        <b-grid :items=\"user.manageUnits\"\r\n                                :gridOptions=\"gridOptions\"\r\n                                :showActions=\"editing == true\">\r\n                            <template v-slot:cell(syncSourceType)=\"row\">\r\n                                {{ listSyncSourceTypes.find(x => x.id == row.value).text }}\r\n                            </template>\r\n                            <!--<template v-slot:actions v-if=\"editing && authorize(['ManageUser'])\">\r\n            <unit-tree multiple @select=\"selectUnit\" @deselect=\"deselectUnit\"></unit-tree>\r\n        </template>-->\r\n                            <template v-slot:cell(_actions)=\"row\">\r\n                                <b-button size=\"sm\" @click.stop=\"removeUnit(row.item, row.index, $event.target)\" v-if=\"isAdmin\" class=\"mr-1\" variant=\"danger\" title=\"xóa\">\r\n                                    Xoá\r\n                                </b-button>\r\n                            </template>\r\n                        </b-grid>\r\n\r\n                        <div class=\"text-center\">\r\n                            <!--<b-button type=\"button\" variant=\"primary\" @click=\"edit\" v-show=\"!editing && authorize(['ManageUser'])\">Sửa</b-button>-->\r\n                            <b-button type=\"submit\" variant=\"primary\" v-if=\"editing && authorize(['ManageUser'])\"> Lưu</b-button>\r\n                            <b-button type=\"button\" variant=\"secondary\" @click=\"cancel\" v-if=\"editing && !$route.meta.editing\"> Hủy</b-button>\r\n                            <b-button type=\"button\" variant=\"secondary\" @click=\"back\"> Quay lại</b-button>\r\n                        </div>\r\n                    </b-form>\r\n                </b-card>\r\n            </b-col>\r\n        </b-row>\r\n    </div>\r\n</template>\r\n<script>\r\n    import { mapState } from 'vuex'\r\n    import { validationMixin } from 'vuelidate'\r\n    import { mixins } from '@/shared/mixins'\r\n    import { required, sameAs, minLength, helpers } from 'vuelidate/lib/validators'\r\n    const passwordPattern = helpers.regex('passwordPattern', /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[#$^+=!*()@%&]).{8,}$/)\r\n\r\n    export default {\r\n        name: 'UserDetail',\r\n        mixins: [validationMixin, mixins],\r\n        data() {\r\n            return {\r\n                user: {\r\n                    id: null,\r\n                    username: null,\r\n                    newPassword: null,\r\n                    newPasswordConfirmation: null,\r\n                    unitId: null,\r\n                    fullName: null,\r\n                    email: null,\r\n                    phoneNumber: null,\r\n                    roleIds: [],\r\n                    isLocked: false,\r\n                    manageUnits: []\r\n                },\r\n                gridOptions: {\r\n                    fields: [\r\n                        { key: 'syncSourceType', label: 'Phần mềm quản lý', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'unitCode', label: 'Mã đơn vị', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'unitName', label: 'Tên đơn vị', sortable: true },\r\n                    ]\r\n                },\r\n                editing: this.$route.meta.editing,\r\n                listRoles: [],\r\n                loaded: false,\r\n                selectedManageUnits: [],\r\n                syncSourceType: 1\r\n            }\r\n        },\r\n        computed: {\r\n            userId() {\r\n                return this.$route.params.userId;\r\n            },\r\n            ...mapState({\r\n                listSyncSourceTypes: (state) => state.common.listSyncSourceTypes.filter(x => x.id != 2)\r\n            })\r\n        },\r\n        validations: {\r\n            user: {\r\n                unitId: { required },\r\n                newPassword: { minLength: minLength(8), passwordPattern },\r\n                newPasswordConfirmation: { sameAsPassword: sameAs('newPassword') },\r\n            }\r\n        },\r\n        created() {\r\n            var vm = this;\r\n            this.$services.get('lookup/roles').done((response) => vm.listRoles = response);\r\n            this.loadUserDetail();\r\n        },\r\n        methods: {\r\n            loadUserDetail() {\r\n                var vm = this;\r\n                return this.$services.get(`users/${this.userId}`).done(user => {\r\n                    user.newPassword = \"\";\r\n                    user.newPasswordConfirmation = \"\";\r\n                    vm.user = user;\r\n                    vm.loaded = true;\r\n                });\r\n            },\r\n            edit() {\r\n                this.editing = true;\r\n            },\r\n            back() {\r\n                if (this.$route.query.approved != undefined) {\r\n                    this.$router.push({ path: '/system/approved-users/list' });\r\n                } else {\r\n                    this.$router.push({ path: '../' });\r\n                }\r\n            },\r\n            cancel() {\r\n                var vm = this;\r\n                this.loadUserDetail().done(() => vm.editing = false);\r\n            },\r\n            save() {\r\n                this.$v.$touch();\r\n                if (!this.$v.$invalid) {\r\n                    var vm = this;\r\n                    this.$services.put(`users/${this.userId}`, this.user).done(() => {\r\n                        vm.$toastr.s('Cập nhật người dùng thành công');\r\n                        vm.back();\r\n                    });\r\n                }\r\n            },\r\n            selectUnit(unit) {\r\n                //if (unit && this.user.manageUnits.find(x => x.unitId == unit.id) == null) {\r\n                //    this.user.manageUnits.push({\r\n                //        unitId: unit.id,\r\n                //        unitCode: unit.code,\r\n                //        unitName: unit.label\r\n                //    });\r\n                //}\r\n                this.selectedManageUnits.push({\r\n                    unitId: unit.id,\r\n                    unitCode: unit.code,\r\n                    unitName: unit.label,\r\n                    syncSourceType: this.syncSourceType\r\n                });\r\n            },\r\n            deselectUnit(unit) {\r\n                //this.user.manageUnits.remove(this.user.manageUnits.find(x => x.unitId == unit.id));\r\n                this.selectedManageUnits.remove(this.selectedManageUnits.find(x => x.unitId == unit.id));\r\n            },\r\n            addManageUnits() {\r\n                for (var i = 0; i < this.selectedManageUnits.length; i++) {\r\n                    if (this.user.manageUnits.find(x => x.unitId == this.selectedManageUnits[i].unitId) == null) {\r\n                        this.user.manageUnits.push(this.selectedManageUnits[i]);\r\n                    }\r\n                }\r\n\r\n                this.$refs.manageUnitsTree.resetTree();\r\n                this.selectedManageUnits = [];\r\n            },\r\n            removeUnit(unit) {\r\n                this.user.manageUnits.remove(unit);\r\n            }\r\n        }\r\n    }\r\n</script>\r\n<style scoped>\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=28f51760&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"28f51760\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}