\",\n\n\toptions: {\n\t\tclasses: {},\n\t\tdisabled: false,\n\n\t\t// Callbacks\n\t\tcreate: null\n\t},\n\n\t_createWidget: function( options, element ) {\n\t\telement = $( element || this.defaultElement || this )[ 0 ];\n\t\tthis.element = $( element );\n\t\tthis.uuid = widgetUuid++;\n\t\tthis.eventNamespace = \".\" + this.widgetName + this.uuid;\n\n\t\tthis.bindings = $();\n\t\tthis.hoverable = $();\n\t\tthis.focusable = $();\n\t\tthis.classesElementLookup = {};\n\n\t\tif ( element !== this ) {\n\t\t\t$.data( element, this.widgetFullName, this );\n\t\t\tthis._on( true, this.element, {\n\t\t\t\tremove: function( event ) {\n\t\t\t\t\tif ( event.target === element ) {\n\t\t\t\t\t\tthis.destroy();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} );\n\t\t\tthis.document = $( element.style ?\n\n\t\t\t\t// Element within the document\n\t\t\t\telement.ownerDocument :\n\n\t\t\t\t// Element is window or document\n\t\t\t\telement.document || element );\n\t\t\tthis.window = $( this.document[ 0 ].defaultView || this.document[ 0 ].parentWindow );\n\t\t}\n\n\t\tthis.options = $.widget.extend( {},\n\t\t\tthis.options,\n\t\t\tthis._getCreateOptions(),\n\t\t\toptions );\n\n\t\tthis._create();\n\n\t\tif ( this.options.disabled ) {\n\t\t\tthis._setOptionDisabled( this.options.disabled );\n\t\t}\n\n\t\tthis._trigger( \"create\", null, this._getCreateEventData() );\n\t\tthis._init();\n\t},\n\n\t_getCreateOptions: function() {\n\t\treturn {};\n\t},\n\n\t_getCreateEventData: $.noop,\n\n\t_create: $.noop,\n\n\t_init: $.noop,\n\n\tdestroy: function() {\n\t\tvar that = this;\n\n\t\tthis._destroy();\n\t\t$.each( this.classesElementLookup, function( key, value ) {\n\t\t\tthat._removeClass( value, key );\n\t\t} );\n\n\t\t// We can probably remove the unbind calls in 2.0\n\t\t// all event bindings should go through this._on()\n\t\tthis.element\n\t\t\t.off( this.eventNamespace )\n\t\t\t.removeData( this.widgetFullName );\n\t\tthis.widget()\n\t\t\t.off( this.eventNamespace )\n\t\t\t.removeAttr( \"aria-disabled\" );\n\n\t\t// Clean up events and states\n\t\tthis.bindings.off( this.eventNamespace );\n\t},\n\n\t_destroy: $.noop,\n\n\twidget: function() {\n\t\treturn this.element;\n\t},\n\n\toption: function( key, value ) {\n\t\tvar options = key;\n\t\tvar parts;\n\t\tvar curOption;\n\t\tvar i;\n\n\t\tif ( arguments.length === 0 ) {\n\n\t\t\t// Don't return a reference to the internal hash\n\t\t\treturn $.widget.extend( {}, this.options );\n\t\t}\n\n\t\tif ( typeof key === \"string\" ) {\n\n\t\t\t// Handle nested keys, e.g., \"foo.bar\" => { foo: { bar: ___ } }\n\t\t\toptions = {};\n\t\t\tparts = key.split( \".\" );\n\t\t\tkey = parts.shift();\n\t\t\tif ( parts.length ) {\n\t\t\t\tcurOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );\n\t\t\t\tfor ( i = 0; i < parts.length - 1; i++ ) {\n\t\t\t\t\tcurOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};\n\t\t\t\t\tcurOption = curOption[ parts[ i ] ];\n\t\t\t\t}\n\t\t\t\tkey = parts.pop();\n\t\t\t\tif ( arguments.length === 1 ) {\n\t\t\t\t\treturn curOption[ key ] === undefined ? null : curOption[ key ];\n\t\t\t\t}\n\t\t\t\tcurOption[ key ] = value;\n\t\t\t} else {\n\t\t\t\tif ( arguments.length === 1 ) {\n\t\t\t\t\treturn this.options[ key ] === undefined ? null : this.options[ key ];\n\t\t\t\t}\n\t\t\t\toptions[ key ] = value;\n\t\t\t}\n\t\t}\n\n\t\tthis._setOptions( options );\n\n\t\treturn this;\n\t},\n\n\t_setOptions: function( options ) {\n\t\tvar key;\n\n\t\tfor ( key in options ) {\n\t\t\tthis._setOption( key, options[ key ] );\n\t\t}\n\n\t\treturn this;\n\t},\n\n\t_setOption: function( key, value ) {\n\t\tif ( key === \"classes\" ) {\n\t\t\tthis._setOptionClasses( value );\n\t\t}\n\n\t\tthis.options[ key ] = value;\n\n\t\tif ( key === \"disabled\" ) {\n\t\t\tthis._setOptionDisabled( value );\n\t\t}\n\n\t\treturn this;\n\t},\n\n\t_setOptionClasses: function( value ) {\n\t\tvar classKey, elements, currentElements;\n\n\t\tfor ( classKey in value ) {\n\t\t\tcurrentElements = this.classesElementLookup[ classKey ];\n\t\t\tif ( value[ classKey ] === this.options.classes[ classKey ] ||\n\t\t\t\t\t!currentElements ||\n\t\t\t\t\t!currentElements.length ) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// We are doing this to create a new jQuery object because the _removeClass() call\n\t\t\t// on the next line is going to destroy the reference to the current elements being\n\t\t\t// tracked. We need to save a copy of this collection so that we can add the new classes\n\t\t\t// below.\n\t\t\telements = $( currentElements.get() );\n\t\t\tthis._removeClass( currentElements, classKey );\n\n\t\t\t// We don't use _addClass() here, because that uses this.options.classes\n\t\t\t// for generating the string of classes. We want to use the value passed in from\n\t\t\t// _setOption(), this is the new value of the classes option which was passed to\n\t\t\t// _setOption(). We pass this value directly to _classes().\n\t\t\telements.addClass( this._classes( {\n\t\t\t\telement: elements,\n\t\t\t\tkeys: classKey,\n\t\t\t\tclasses: value,\n\t\t\t\tadd: true\n\t\t\t} ) );\n\t\t}\n\t},\n\n\t_setOptionDisabled: function( value ) {\n\t\tthis._toggleClass( this.widget(), this.widgetFullName + \"-disabled\", null, !!value );\n\n\t\t// If the widget is becoming disabled, then nothing is interactive\n\t\tif ( value ) {\n\t\t\tthis._removeClass( this.hoverable, null, \"ui-state-hover\" );\n\t\t\tthis._removeClass( this.focusable, null, \"ui-state-focus\" );\n\t\t}\n\t},\n\n\tenable: function() {\n\t\treturn this._setOptions( { disabled: false } );\n\t},\n\n\tdisable: function() {\n\t\treturn this._setOptions( { disabled: true } );\n\t},\n\n\t_classes: function( options ) {\n\t\tvar full = [];\n\t\tvar that = this;\n\n\t\toptions = $.extend( {\n\t\t\telement: this.element,\n\t\t\tclasses: this.options.classes || {}\n\t\t}, options );\n\n\t\tfunction bindRemoveEvent() {\n\t\t\tvar nodesToBind = [];\n\n\t\t\toptions.element.each( function( _, element ) {\n\t\t\t\tvar isTracked = $.map( that.classesElementLookup, function( elements ) {\n\t\t\t\t\treturn elements;\n\t\t\t\t} )\n\t\t\t\t\t.some( function( elements ) {\n\t\t\t\t\t\treturn elements.is( element );\n\t\t\t\t\t} );\n\n\t\t\t\tif ( !isTracked ) {\n\t\t\t\t\tnodesToBind.push( element );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\tthat._on( $( nodesToBind ), {\n\t\t\t\tremove: \"_untrackClassesElement\"\n\t\t\t} );\n\t\t}\n\n\t\tfunction processClassString( classes, checkOption ) {\n\t\t\tvar current, i;\n\t\t\tfor ( i = 0; i < classes.length; i++ ) {\n\t\t\t\tcurrent = that.classesElementLookup[ classes[ i ] ] || $();\n\t\t\t\tif ( options.add ) {\n\t\t\t\t\tbindRemoveEvent();\n\t\t\t\t\tcurrent = $( $.uniqueSort( current.get().concat( options.element.get() ) ) );\n\t\t\t\t} else {\n\t\t\t\t\tcurrent = $( current.not( options.element ).get() );\n\t\t\t\t}\n\t\t\t\tthat.classesElementLookup[ classes[ i ] ] = current;\n\t\t\t\tfull.push( classes[ i ] );\n\t\t\t\tif ( checkOption && options.classes[ classes[ i ] ] ) {\n\t\t\t\t\tfull.push( options.classes[ classes[ i ] ] );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( options.keys ) {\n\t\t\tprocessClassString( options.keys.match( /\\S+/g ) || [], true );\n\t\t}\n\t\tif ( options.extra ) {\n\t\t\tprocessClassString( options.extra.match( /\\S+/g ) || [] );\n\t\t}\n\n\t\treturn full.join( \" \" );\n\t},\n\n\t_untrackClassesElement: function( event ) {\n\t\tvar that = this;\n\t\t$.each( that.classesElementLookup, function( key, value ) {\n\t\t\tif ( $.inArray( event.target, value ) !== -1 ) {\n\t\t\t\tthat.classesElementLookup[ key ] = $( value.not( event.target ).get() );\n\t\t\t}\n\t\t} );\n\n\t\tthis._off( $( event.target ) );\n\t},\n\n\t_removeClass: function( element, keys, extra ) {\n\t\treturn this._toggleClass( element, keys, extra, false );\n\t},\n\n\t_addClass: function( element, keys, extra ) {\n\t\treturn this._toggleClass( element, keys, extra, true );\n\t},\n\n\t_toggleClass: function( element, keys, extra, add ) {\n\t\tadd = ( typeof add === \"boolean\" ) ? add : extra;\n\t\tvar shift = ( typeof element === \"string\" || element === null ),\n\t\t\toptions = {\n\t\t\t\textra: shift ? keys : extra,\n\t\t\t\tkeys: shift ? element : keys,\n\t\t\t\telement: shift ? this.element : element,\n\t\t\t\tadd: add\n\t\t\t};\n\t\toptions.element.toggleClass( this._classes( options ), add );\n\t\treturn this;\n\t},\n\n\t_on: function( suppressDisabledCheck, element, handlers ) {\n\t\tvar delegateElement;\n\t\tvar instance = this;\n\n\t\t// No suppressDisabledCheck flag, shuffle arguments\n\t\tif ( typeof suppressDisabledCheck !== \"boolean\" ) {\n\t\t\thandlers = element;\n\t\t\telement = suppressDisabledCheck;\n\t\t\tsuppressDisabledCheck = false;\n\t\t}\n\n\t\t// No element argument, shuffle and use this.element\n\t\tif ( !handlers ) {\n\t\t\thandlers = element;\n\t\t\telement = this.element;\n\t\t\tdelegateElement = this.widget();\n\t\t} else {\n\t\t\telement = delegateElement = $( element );\n\t\t\tthis.bindings = this.bindings.add( element );\n\t\t}\n\n\t\t$.each( handlers, function( event, handler ) {\n\t\t\tfunction handlerProxy() {\n\n\t\t\t\t// Allow widgets to customize the disabled handling\n\t\t\t\t// - disabled as an array instead of boolean\n\t\t\t\t// - disabled class as method for disabling individual parts\n\t\t\t\tif ( !suppressDisabledCheck &&\n\t\t\t\t\t\t( instance.options.disabled === true ||\n\t\t\t\t\t\t$( this ).hasClass( \"ui-state-disabled\" ) ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\treturn ( typeof handler === \"string\" ? instance[ handler ] : handler )\n\t\t\t\t\t.apply( instance, arguments );\n\t\t\t}\n\n\t\t\t// Copy the guid so direct unbinding works\n\t\t\tif ( typeof handler !== \"string\" ) {\n\t\t\t\thandlerProxy.guid = handler.guid =\n\t\t\t\t\thandler.guid || handlerProxy.guid || $.guid++;\n\t\t\t}\n\n\t\t\tvar match = event.match( /^([\\w:-]*)\\s*(.*)$/ );\n\t\t\tvar eventName = match[ 1 ] + instance.eventNamespace;\n\t\t\tvar selector = match[ 2 ];\n\n\t\t\tif ( selector ) {\n\t\t\t\tdelegateElement.on( eventName, selector, handlerProxy );\n\t\t\t} else {\n\t\t\t\telement.on( eventName, handlerProxy );\n\t\t\t}\n\t\t} );\n\t},\n\n\t_off: function( element, eventName ) {\n\t\teventName = ( eventName || \"\" ).split( \" \" ).join( this.eventNamespace + \" \" ) +\n\t\t\tthis.eventNamespace;\n\t\telement.off( eventName );\n\n\t\t// Clear the stack to avoid memory leaks (#10056)\n\t\tthis.bindings = $( this.bindings.not( element ).get() );\n\t\tthis.focusable = $( this.focusable.not( element ).get() );\n\t\tthis.hoverable = $( this.hoverable.not( element ).get() );\n\t},\n\n\t_delay: function( handler, delay ) {\n\t\tfunction handlerProxy() {\n\t\t\treturn ( typeof handler === \"string\" ? instance[ handler ] : handler )\n\t\t\t\t.apply( instance, arguments );\n\t\t}\n\t\tvar instance = this;\n\t\treturn setTimeout( handlerProxy, delay || 0 );\n\t},\n\n\t_hoverable: function( element ) {\n\t\tthis.hoverable = this.hoverable.add( element );\n\t\tthis._on( element, {\n\t\t\tmouseenter: function( event ) {\n\t\t\t\tthis._addClass( $( event.currentTarget ), null, \"ui-state-hover\" );\n\t\t\t},\n\t\t\tmouseleave: function( event ) {\n\t\t\t\tthis._removeClass( $( event.currentTarget ), null, \"ui-state-hover\" );\n\t\t\t}\n\t\t} );\n\t},\n\n\t_focusable: function( element ) {\n\t\tthis.focusable = this.focusable.add( element );\n\t\tthis._on( element, {\n\t\t\tfocusin: function( event ) {\n\t\t\t\tthis._addClass( $( event.currentTarget ), null, \"ui-state-focus\" );\n\t\t\t},\n\t\t\tfocusout: function( event ) {\n\t\t\t\tthis._removeClass( $( event.currentTarget ), null, \"ui-state-focus\" );\n\t\t\t}\n\t\t} );\n\t},\n\n\t_trigger: function( type, event, data ) {\n\t\tvar prop, orig;\n\t\tvar callback = this.options[ type ];\n\n\t\tdata = data || {};\n\t\tevent = $.Event( event );\n\t\tevent.type = ( type === this.widgetEventPrefix ?\n\t\t\ttype :\n\t\t\tthis.widgetEventPrefix + type ).toLowerCase();\n\n\t\t// The original event may come from any element\n\t\t// so we need to reset the target on the new event\n\t\tevent.target = this.element[ 0 ];\n\n\t\t// Copy original event properties over to the new event\n\t\torig = event.originalEvent;\n\t\tif ( orig ) {\n\t\t\tfor ( prop in orig ) {\n\t\t\t\tif ( !( prop in event ) ) {\n\t\t\t\t\tevent[ prop ] = orig[ prop ];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthis.element.trigger( event, data );\n\t\treturn !( typeof callback === \"function\" &&\n\t\t\tcallback.apply( this.element[ 0 ], [ event ].concat( data ) ) === false ||\n\t\t\tevent.isDefaultPrevented() );\n\t}\n};\n\n$.each( { show: \"fadeIn\", hide: \"fadeOut\" }, function( method, defaultEffect ) {\n\t$.Widget.prototype[ \"_\" + method ] = function( element, options, callback ) {\n\t\tif ( typeof options === \"string\" ) {\n\t\t\toptions = { effect: options };\n\t\t}\n\n\t\tvar hasOptions;\n\t\tvar effectName = !options ?\n\t\t\tmethod :\n\t\t\toptions === true || typeof options === \"number\" ?\n\t\t\t\tdefaultEffect :\n\t\t\t\toptions.effect || defaultEffect;\n\n\t\toptions = options || {};\n\t\tif ( typeof options === \"number\" ) {\n\t\t\toptions = { duration: options };\n\t\t} else if ( options === true ) {\n\t\t\toptions = {};\n\t\t}\n\n\t\thasOptions = !$.isEmptyObject( options );\n\t\toptions.complete = callback;\n\n\t\tif ( options.delay ) {\n\t\t\telement.delay( options.delay );\n\t\t}\n\n\t\tif ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {\n\t\t\telement[ method ]( options );\n\t\t} else if ( effectName !== method && element[ effectName ] ) {\n\t\t\telement[ effectName ]( options.duration, options.easing, callback );\n\t\t} else {\n\t\t\telement.queue( function( next ) {\n\t\t\t\t$( this )[ method ]();\n\t\t\t\tif ( callback ) {\n\t\t\t\t\tcallback.call( element[ 0 ] );\n\t\t\t\t}\n\t\t\t\tnext();\n\t\t\t} );\n\t\t}\n\t};\n} );\n\nreturn $.widget;\n\n} );\n","var baseAssignValue = require('./_baseAssignValue'),\n eq = require('./eq');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Assigns `value` to `key` of `object` if the existing value is not equivalent\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction assignValue(object, key, value) {\n var objValue = object[key];\n if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||\n (value === undefined && !(key in object))) {\n baseAssignValue(object, key, value);\n }\n}\n\nmodule.exports = assignValue;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tao-form')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-body',{staticClass:\"position-relative\"},[_c('div',{staticClass:\"wrap-btn-header\"},[_c('b-button',{staticClass:\"mr-1\",attrs:{\"size\":\"sm\",\"variant\":\"primary\"},on:{\"click\":_vm.onSaveForm}},[_vm._v(\" Lưu \")]),_c('b-button',{attrs:{\"size\":\"sm\",\"variant\":\"danger\"},on:{\"click\":_vm.openModal}},[_vm._v(\" Đóng \")])],1),_c('b-tabs',{staticClass:\"p-0 tabs-custom-position\"},[_c('b-tab',{class:{'allow-update': _vm.isDetail || _vm.disabledStatus},attrs:{\"title\":\"Thông tin chung\",\"active\":\"\"}},[_c('validation-observer',{ref:\"formValidate\"},[_c('b-form-group',{staticClass:\"required\",attrs:{\"label\":\"Tên biểu mẫu\"}},[_c('validation-provider',{key:\"tenBieuMau\",attrs:{\"rules\":{ required: true },\"name\":\"tenBieuMau\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-form-input',{ref:\"tenBieuMau\",attrs:{\"id\":\"tenBieuMau\",\"autofocus\":_vm.form.name ? false : true,\"placeholder\":\"Nhập tên biểu mẫu\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),_c('b-form-group',{staticClass:\"required\",attrs:{\"label\":\"Tên bảng\"}},[_c('validation-provider',{key:\"tenBang\",attrs:{\"rules\":{ required: true },\"name\":\"tenBang\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-form-input',{ref:\"tenBang\",attrs:{\"id\":\"tenBang\",\"placeholder\":\"Nhập tên bảng gán với biểu mẫu\"},model:{value:(_vm.form.tableName),callback:function ($$v) {_vm.$set(_vm.form, \"tableName\", $$v)},expression:\"form.tableName\"}}),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),(_vm.idUpdate)?_c('good-table',{ref:\"bieuMau\",staticClass:\"mt-2 mb-2\",attrs:{\"columns\":_vm.columns,\"rows\":_vm.rows,\"pagination\":false,\"selectable\":false}}):_vm._e(),_c('b-form-group',{attrs:{\"label\":\"Trạng thái xử lý\"}},[_c('b-form-checkbox',{staticClass:\"mb-1\",attrs:{\"disabled\":_vm.form.state && !!_vm.idUpdate,\"switch\":\"\"},model:{value:(_vm.form.state),callback:function ($$v) {_vm.$set(_vm.form, \"state\", $$v)},expression:\"form.state\"}})],1),_c('b-form-group',{attrs:{\"label\":\"Căn cứ pháp lý\"}},[_c('b-form-textarea',{attrs:{\"placeholder\":\"Nhập căn cứ pháp lý\"},model:{value:(_vm.form.canCuPhapLy),callback:function ($$v) {_vm.$set(_vm.form, \"canCuPhapLy\", $$v)},expression:\"form.canCuPhapLy\"}})],1)],1)],1),(_vm.disabledStatus)?_c('b-tab',{attrs:{\"title\":\"Mẫu in\"}},[_c('table',{staticClass:\"table table-bordered custom-table\"},[_c('thead',[_c('tr',[_c('th',{staticClass:\"template-title\"},[_vm._v(\" Danh sách \")]),_c('th',{staticClass:\"d-flex justify-content-between\"},[_c('span',{staticClass:\"d-flex align-items-center\"},[_vm._v(\" Chi tiết \")]),_c('span',[_c('b-button',{attrs:{\"size\":\"sm\",\"variant\":\"danger\"},on:{\"click\":_vm.newTemplate}},[_vm._v(\" Thêm mới mẫu \")])],1)])])]),_c('tbody',[_c('tr',[_c('td',{staticClass:\"list-template\"},[_c('div',{staticClass:\"wrap-template\"},_vm._l((_vm.listTemplate),function(item,index){return _c('div',{key:item.id,staticClass:\"d-flex justify-content-between cursor-pointer\",class:{active: item.active}},[_c('span',{on:{\"click\":function($event){return _vm.setActiveItem(index)}}},[_vm._v(_vm._s(item.name))]),(index !== 0)?_c('feather-icon',{attrs:{\"icon\":\"Trash2Icon\",\"size\":\"12\"},on:{\"click\":function($event){return _vm.removeTemplate(index, item)}}}):_vm._e()],1)}),0),_c('div',{staticClass:\"wrap-tag\"},_vm._l((_vm.tagsTemplate),function(tag,index){return _c('b-badge',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.click.top.v-secondary\",value:('Đã sao chép!'),expression:\"'Đã sao chép!'\",modifiers:{\"click\":true,\"top\":true,\"v-secondary\":true}}],key:index,attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.copyToClipboard(tag)}}},[_vm._v(\" \"+_vm._s(tag)+\" \")])}),1)]),_c('td',_vm._l((_vm.listTemplate.filter(function (template) { return template.active; })),function(item){return _c('div',{key:item.id,staticClass:\"update-template\"},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"5\",\"md\":\"5\",\"sm\":\"12\"}},[_c('validation-observer',{ref:\"validateMauIn\",refInFor:true},[_c('b-form-group',{staticClass:\"required\",attrs:{\"label\":\"Tên mẫu in\"}},[_c('validation-provider',{attrs:{\"name\":\"tenMauIn\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar errors = ref.errors;\nreturn [_c('b-form-input',{attrs:{\"id\":\"tenMauIn\",\"disabled\":item.name === 'Biểu mẫu mặc định',\"placeholder\":\"Nhập tên mẫu in\"},model:{value:(item.name),callback:function ($$v) {_vm.$set(item, \"name\", $$v)},expression:\"item.name\"}}),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(errors[0]))])]}}],null,true)})],1)],1)],1),_c('b-col',{attrs:{\"lg\":\"5\",\"md\":\"5\",\"sm\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Ghi chú\"}},[_c('b-form-input',{attrs:{\"id\":\"tenMauIn\",\"placeholder\":\"Nhập ghi chú\"},model:{value:(item.note),callback:function ($$v) {_vm.$set(item, \"note\", $$v)},expression:\"item.note\"}})],1)],1),_c('b-col',{attrs:{\"lg\":\"2\",\"md\":\"2\",\"sm\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Mặc định\"}},[_c('b-form-checkbox',{attrs:{\"switch\":\"\"},on:{\"input\":function($event){return _vm.setDefaultTemplate(item)}},model:{value:(item.isDefault),callback:function ($$v) {_vm.$set(item, \"isDefault\", $$v)},expression:\"item.isDefault\"}})],1)],1)],1),_c('b-form-group',{attrs:{\"label\":\"Mẫu in\"}},[_c('ckeditor',{attrs:{\"editor\":_vm.editor,\"config\":_vm.editorConfig},model:{value:(item.html),callback:function ($$v) {_vm.$set(item, \"html\", $$v)},expression:\"item.html\"}})],1)],1)}),0)])])])]):_vm._e(),_c('b-tab',{staticClass:\"frame\",class:{'allow-update': _vm.isDetail},attrs:{\"title\":\"Thiết kế\"}},[_c('b-row',[_c('b-col',{staticClass:\"menu\",attrs:{\"lg\":\"2\"}},[_c('div',{staticClass:\"header-text mb-2\"},[_vm._v(\" Thành phần \")]),_c('div',{staticClass:\"configNavBar\"},_vm._l((_vm.navbar),function(control,index){return _c('div',{key:index,staticClass:\"pb-2\"},[_c('div',{staticClass:\"item-collapse\",on:{\"click\":_vm.collapseItem}},[_c('img',{attrs:{\"alt\":\"image control\",\"width\":\"18px\",\"src\":_vm.getImgUrl(control.icon)}}),_vm._v(\" \"+_vm._s(control.title)+\" \"),_c('feather-icon',{staticStyle:{\"float\":\"right\",\"margin-top\":\"2px\"},attrs:{\"icon\":control.expand ? 'ChevronDownIcon' : 'ChevronRightIcon',\"size\":\"15\"}})],1),_c('div',{staticClass:\"content-collapse mt-1\"},_vm._l((control.children),function(i,idx){return _c('div',{key:i.type + idx,staticClass:\"input-txt mb-1\",on:{\"mousedown\":function($event){return _vm.setCurrentControl(i)}}},[_vm._v(\" \"+_vm._s(i.label)+\" \")])}),0)])}),0)]),_c('b-col',{staticClass:\"modal-form\",attrs:{\"lg\":\"10\"}},[_c('div',{staticClass:\" d-flex justify-content-between\"},[_c('span',{staticClass:\"header-text\"},[_vm._v(\"Biểu mẫu\")]),_c('b-button',{class:{'pointer-events-none': _vm.idUpdate && _vm.form.state},attrs:{\"size\":\"sm\",\"variant\":\"primary\"},on:{\"click\":_vm.addRow}},[_vm._v(\" Thêm dòng \")])],1),_c('div',{staticClass:\"config-column\"},[_c('draggable',{staticClass:\"row mr-1 ml-1\",model:{value:(_vm.listRow),callback:function ($$v) {_vm.listRow=$$v},expression:\"listRow\"}},_vm._l((_vm.listRow),function(row){return _c('frame-dropable',{key:row.id,ref:\"droplist\",refInFor:true,class:(\"custom\" + (row.id)),attrs:{\"index\":row.id,\"controls\":row},on:{\"list-control\":_vm.updateListControl,\"delete-row\":_vm.deleteRow,\"config-row\":_vm.initUpdateRow,\"update-html\":_vm.initUpdateHtml,\"update-control\":_vm.initUpdateControl,\"duplicate-row\":_vm.duplicateControls,\"duplicate-control\":_vm.duplicateControl,\"delete-control\":_vm.deleteControl,\"move-control\":_vm.moveControl}})}),1)],1)])],1)],1),_c('b-tab',{attrs:{\"title\":\"Xem trước\"},on:{\"click\":_vm.setFormFields}},[_c('b-card',{key:_vm.preview,staticClass:\"mb-0\"},[_c('div',{staticClass:\"row\"},[_c('FormulateForm',{attrs:{\"autocomplete\":\"off\"}},_vm._l((_vm.formControlView),function(row,formKey){return _c('div',{key:formKey,class:row.className},[_c('div',{staticClass:\"row\"},_vm._l((row.listControl),function(item,i){return _c('div',{key:i,class:item['wrap-class']},[_c('div',{staticClass:\"input-formulate\",class:{ 'wrap-flex': item.horizontal}},[_c('FormulateInput',_vm._b({directives:[{name:\"format-date\",rawName:\"v-format-date\"}],class:{\n 'left-icon': item.iconLeft,\n 'right-icon': item.iconRight,\n 'input-horizontal': item.horizontal\n },attrs:{\"autocomplete\":\"new-password\",\"width\":item.horizontal ? item.groupPosition.input : null,\"show-value\":true,\"item\":item,\"validation-rules\":{\n regex: function (ref) {\n var value = ref.value;\n\n var regex = new RegExp(item.partternValue)\n if(item.type === 'number') {\n return regex.test(Number(value))\n }\n return regex.test(value)\n }\n }},on:{\"control-value\":function($event){return _vm.setValueSchema($event, item, row)},\"input\":function($event){return _vm.setValueSchema($event, item, row)}},scopedSlots:_vm._u([{key:\"label\",fn:function(ref){\n var label = ref.label;\nreturn [_c('div',{style:({ width: item.horizontal ? ((item.groupPosition.label) + \"%\") : '100%', position: item.horizontal && item.iconLeft ? 'relative' : 'unset' })},[(item.html)?_c('label',{domProps:{\"innerHTML\":_vm._s(item.html)}}):(item.type !== 'customFile')?_c('label',{class:{required: item.validation && item.validation.includes('required')}},[_vm._v(_vm._s(label))]):_vm._e(),(item.horizontal && item.iconLeft)?_c('span',{staticClass:\"icon-horizontal\",class:{\n 'left': item.iconLeft,\n 'right': item.iconRight,\n }},[_c('font-awesome-icon',{attrs:{\"icon\":(\"fa-solid fa-\" + (item.iconLeft))}})],1):_vm._e()])]}}],null,true)},'FormulateInput',item,false)),(item.horizontal && item.iconRight)?_c('span',{staticClass:\"input-icon-right\",class:{'right': item.iconRight}},[_c('font-awesome-icon',{attrs:{\"icon\":(\"fa-solid fa-\" + (item.iconRight))}})],1):_vm._e(),(!item.horizontal && item.iconLeft)?_c('span',{staticClass:\"input-icon\",class:{'left': item.iconLeft}},[_c('font-awesome-icon',{attrs:{\"icon\":(\"fa-solid fa-\" + (item.iconLeft))}})],1):_vm._e(),(!item.horizontal && item.iconRight)?_c('span',{staticClass:\"input-icon\",class:{'right': item.iconRight}},[_c('font-awesome-icon',{attrs:{\"icon\":(\"fa-solid fa-\" + (item.iconRight))}})],1):_vm._e()],1)])}),0)])}),0)],1)])],1)],1)],1),_c('config-row',{ref:\"configRow\",attrs:{\"current-class\":_vm.configClassRow,\"is-detail\":_vm.isDetail,\"is-update\":_vm.idUpdate && _vm.form.state},on:{\"update-class\":_vm.updateClassRow}}),_c('update-control',{ref:\"updateControl\",attrs:{\"control-info\":_vm.controlUpdate,\"list-control\":_vm.listRow,\"is-detail\":_vm.isDetail,\"is-update\":_vm.idUpdate && _vm.form.state},on:{\"update-control\":_vm.onUpdate}}),_c('html-editor',{ref:\"htmlEditor\",attrs:{\"config\":_vm.editorConfig,\"control-info\":_vm.controlUpdate,\"is-detail\":_vm.isDetail,\"is-update\":_vm.idUpdate && _vm.form.state},on:{\"update-control\":_vm.onUpdate}}),_c('common-modal',{ref:\"commonModal\",attrs:{\"title\":\"Xác nhận\",\"size\":\"sm\"}},[_vm._v(\" Bạn có xác nhận đóng quá trình nhập liệu này không? \"),(_vm.isShow)?_c('div',{attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":function($event){_vm.toListForm(), _vm.$refs.commonModal.hideModal()}}},[_vm._v(\" Đồng ý \")]),_c('b-button',{attrs:{\"variant\":\"danger\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.$refs.commonModal.hideModal()}}},[_vm._v(\" Đóng \")])],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ errors[0] }}\r\n \r\n \r\n \r\n \r\n \r\n {{ errors[0] }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n | \r\n Danh sách\r\n | \r\n \r\n \r\n Chi tiết\r\n \r\n \r\n \r\n Thêm mới mẫu\r\n \r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ item.name }}\r\n \r\n \r\n \r\n {{ tag }}\r\n \r\n \r\n | \r\n \r\n template.active)\"\r\n :key=\"item.id\"\r\n class=\"update-template\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ errors[0] }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n | \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n