{"version":3,"sources":["webpack:///./src/views/TermsCreate.vue?51aa","webpack:///src/views/TermsCreate.vue","webpack:///./src/views/TermsCreate.vue?6583","webpack:///./src/views/TermsCreate.vue","webpack:///./src/views/TermsCreate.vue?8934"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","staticStyle","directives","name","rawName","value","form","expression","attrs","domProps","on","$event","target","composing","$set","customToolbar","model","callback","$$v","savePost","cancel","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,UAAUL,EAAG,MAAM,CAACM,YAAY,CAAC,OAAS,UAAUN,EAAG,QAAQ,CAACE,YAAY,oBAAoB,CAACF,EAAG,KAAK,CAACA,EAAG,KAAK,CAACM,YAAY,CAAC,MAAQ,SAAS,CAACV,EAAIO,GAAG,SAASH,EAAG,KAAK,CAACA,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAIe,KAAY,QAAEC,WAAW,iBAAiBV,YAAY,QAAQI,YAAY,CAAC,MAAQ,QAAQO,MAAM,CAAC,YAAc,iBAAiBC,SAAS,CAAC,MAASlB,EAAIe,KAAY,SAAGI,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,WAAqBtB,EAAIuB,KAAKvB,EAAIe,KAAM,UAAWK,EAAOC,OAAOP,eAAeV,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIO,GAAG,QAAQH,EAAG,KAAK,CAACA,EAAG,aAAa,CAACa,MAAM,CAAC,iBAAiBjB,EAAIwB,eAAeC,MAAM,CAACX,MAAOd,EAAIe,KAAY,QAAEW,SAAS,SAAUC,GAAM3B,EAAIuB,KAAKvB,EAAIe,KAAM,UAAWY,IAAMX,WAAW,mBAAmB,OAAOZ,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,SAAS,CAACe,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAI4B,cAAc,CAAC5B,EAAIO,GAAG,QAAQP,EAAIO,GAAG,eAAeH,EAAG,SAAS,CAACe,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAI6B,YAAY,CAAC7B,EAAIO,GAAG,aAC5nCuB,EAAkB,G,YCuBtB,GACE,KAAF,cACE,WAAF,CAAI,UAAJ,QACE,WAAF,KACE,MAAF,CACI,UAAJ,CACM,KAAN,OACM,UAAN,IAGE,KAVF,WAWI,MAAJ,CACM,MAAN,OACM,aAAN,KACM,YAAN,EACM,cAAN,CACA,EAAQ,KAAR,KACA,EAAQ,OAAR,mBACA,uCACA,CACA,CAAQ,MAAR,IACA,CAAQ,MAAR,UACA,CAAQ,MAAR,SACA,CAAQ,MAAR,YAEA,EAAQ,KAAR,YAAQ,KAAR,WAAQ,KAAR,UACA,EAAQ,OAAR,OAAQ,OAAR,OACA,EAAQ,MAAR,KAAQ,WAAR,KACA,0BAEM,KAAN,CACQ,GAAR,GACQ,QAAR,GACQ,QAAR,GACQ,OAAR,QAIE,QAtCF,aAwCE,QAxCF,WAwCI,IAAJ,YACA,mBAEM,KAAN,uBACM,KAAN,gBAGM,KAAN,uBACM,KAAN,uBACM,KAAN,cACM,KAAN,gCAAQ,GAAR,iBACA,kBACQ,EAAR,4BACQ,EAAR,4BACQ,EAAR,+BAIE,QAAF,CACI,SADJ,WACM,IAAN,OACA,wCACM,KAAN,gCACA,kBACQ,EAAR,OAAU,KAAV,OAAU,KAAV,cACA,kBACU,EAAV,cAAY,KAAZ,mCAEA,mBACQ,QAAR,aAKI,OAfJ,WAeM,IAAN,OACA,mCACQ,KAAR,OACU,KAAV,6BACU,iBAAV,EACU,kBAAV,EACU,kBAAV,IACU,iBAAV,MACU,cAAV,IACA,kBACA,SACY,EAAZ,kBAIQ,KAAR,kBChHqV,I,wBCQjVC,EAAY,eACd,EACAhC,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,kECnBf,yBAAqiB,EAAG","file":"js/chunk-3402d2b5.ee1bbbb5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"inner-box\"},[_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticStyle:{\"height\":\"55px\"}}),_c('table',{staticClass:\"visit-info-table\"},[_c('tr',[_c('th',{staticStyle:{\"width\":\"80px\"}},[_vm._v(\"약관명\")]),_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.subject),expression:\"form.subject\"}],staticClass:\"input\",staticStyle:{\"width\":\"100%\"},attrs:{\"placeholder\":\"약관명을 입력해 주세요.\"},domProps:{\"value\":(_vm.form.subject)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"subject\", $event.target.value)}}})])]),_c('tr',[_c('th',[_vm._v(\"내용\")]),_c('td',[_c('vue-editor',{attrs:{\"editor-toolbar\":_vm.customToolbar},model:{value:(_vm.form.content),callback:function ($$v) {_vm.$set(_vm.form, \"content\", $$v)},expression:\"form.content\"}})],1)])]),_c('div',{staticClass:\"btn\"},[_c('button',{on:{\"click\":function($event){return _vm.savePost()}}},[_vm._v(\"저장\")]),_vm._v(\" \\n        \"),_c('button',{on:{\"click\":function($event){return _vm.cancel()}}},[_vm._v(\"취소\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"inner-box\">\r\n        <h2 class=\"title\">{{title}}</h2>\r\n        <div style=\"height:55px;\"></div>\r\n        <table class=\"visit-info-table\">\r\n            <tr>\r\n                <th style=\"width:80px;\">약관명</th>\r\n                <td><input class=\"input\" v-model=\"form.subject\" placeholder=\"약관명을 입력해 주세요.\" style=\"width:100%;\" ></td>\r\n            </tr>\r\n            <tr>\r\n                <th>내용</th>\r\n                <td><vue-editor v-model=\"form.content\" :editor-toolbar=\"customToolbar\" /></td>\r\n            </tr>\r\n        </table>\r\n        <div class=\"btn\">\r\n            <button @click=\"savePost()\">저장</button>&nbsp;\r\n            <button @click=\"cancel()\">취소</button>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { VueEditor } from \"vue2-editor\";\r\n\r\n    export default {\r\n        name: \"TermsCreate\",\r\n        components: { VueEditor },\r\n        updateMode: null,\r\n        props: {\r\n            contentId: {\r\n                type: String,\r\n                required: false\r\n            },\r\n        },\r\n        data() {\r\n            return {\r\n                title: \"신청약관\",\r\n                updateObject: null,\r\n                updateMode: false,\r\n                customToolbar: [\r\n                    [{ font: [] }],\r\n                    [{ header: [false, 1, 2, 3, 4, 5, 6] }],\r\n                    [\"bold\", \"italic\", \"underline\", \"strike\"],\r\n                    [\r\n                        { align: \"\" },\r\n                        { align: \"center\" },\r\n                        { align: \"right\" },\r\n                        { align: \"justify\" }\r\n                    ],\r\n                    [{ list: \"ordered\" }, { list: \"bullet\" }, { list: \"check\" }],\r\n                    [{ indent: \"-1\" }, { indent: \"+1\" }],\r\n                    [{ color: [] }, { background: [] }],\r\n                    [\"link\", \"image\", \"video\"],\r\n                ],\r\n                form: {\r\n                    id: '',\r\n                    subject: '',\r\n                    content : '',\r\n                    writer : null,\r\n                }\r\n            }\r\n        },\r\n        created() {\r\n        },\r\n        mounted() {\r\n            if(this.contentId == undefined){\r\n                //신청약관 작성\r\n                this.title = this.title + \" 작성\";\r\n                this.updateMode = false;\r\n            }else{\r\n                //신청약관 수정\r\n                this.form.id = this.contentId;\r\n                this.title = this.title + \" 수정\";\r\n                this.updateMode = true;\r\n                this.$http.post(`/api/terms/detail`, { id: this.contentId })\r\n                    .then(response => {\r\n                        this.form.subject = response.data.subject\r\n                        this.form.content = response.data.content\r\n                        this.form.writer = response.data.writer\r\n                    });\r\n            }\r\n        },\r\n        methods: {\r\n            savePost(){ //저장\r\n                const param = JSON.parse(JSON.stringify(this.form));\r\n                this.$http.post(`/api/terms/post`, param\r\n                ).then((response) => {\r\n                    this.$swal({ type: 'info', text: '저장되었습니다..'\r\n                    }).then((result) => {\r\n                        this.$router.push({path: `/backOffice/termsListMng`});\r\n                    });\r\n                }).catch((e) => {\r\n                    console.error(e);\r\n                })\r\n            },\r\n\r\n\r\n            cancel(){\r\n                if(this.subject != \"\" || this.context != \"\"){\r\n                    this.$swal({\r\n                        html: '작성중인 내용을 저장하지 않고 취소하시겠습니까?',\r\n                        showCloseButton: true,\r\n                        showCancelButton: true,\r\n                        confirmButtonText: '예',\r\n                        cancelButtonText: '아니요',\r\n                        focusConfirm: false,\r\n                    }).then((result) => {\r\n                        if(result.value){\r\n                            this.$router.go(-1);\r\n                        }\r\n                    });\r\n                }else{\r\n                    this.$router.go(-1);\r\n                }\r\n\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    @import \"public/css/bulma\";\r\n\r\n    .inner-box{\r\n        height: 100%;\r\n        width:95%;\r\n        left: 0;\r\n        right: 0;\r\n        margin: 0 auto 30px;\r\n    }\r\n\r\n    @media (min-width: 1000px) {\r\n        .inner-box{\r\n            width:1000px;\r\n        }\r\n    }\r\n\r\n    .title{\r\n        font-size:40px;\r\n        text-align:center;\r\n        margin-top:50px;\r\n    }\r\n\r\n    .title-s{\r\n        font-size:15px;\r\n        color:#666;\r\n        text-align:center;\r\n        padding:0 0 30px 0;\r\n    }\r\n\r\n    .inner-box h1{\r\n        font-size:20px;\r\n        padding:50px 0 10px 0;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .inner-box ul{\r\n        top: 30px;\r\n        width: 100%;\r\n        height: 60px;\r\n        border:1px solid #d5d5d5;\r\n    }\r\n\r\n    .inner-box ul li{\r\n        float: left;\r\n        width: 33.3%;\r\n        color: #888;\r\n        text-align: center;\r\n        display: block;\r\n        line-height: 58px;\r\n        font-weight: 700;\r\n        border-right:1px solid #d5d5d5\r\n    }\r\n\r\n    .inner-box ul li:last-child{\r\n        border-right:0;\r\n    }\r\n\r\n    .inner-box .on{\r\n        background-color: #023e7c;\r\n        color:#fff;\r\n    }\r\n\r\n    table.visit-info-table{\r\n        border-top: 1px solid #aaaaaa;\r\n        width: 100%;\r\n    }\r\n\r\n    table.visit-info-table td {\r\n        border-bottom: 1px solid #ddd;\r\n        color: #999;\r\n        padding: 15px 0 15px 10px;\r\n        font-size: 14px;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    table.visit-info-table th {\r\n        border-bottom: 1px solid #ddd;\r\n        color: #666;\r\n        padding: 15px 10px 15px 10px;\r\n        font-size: 14px;\r\n        vertical-align: middle;\r\n        background: #f9f9f9;\r\n        line-height: normal;\r\n        text-align: center;\r\n    }\r\n\r\n    table.visit-info-table td input{\r\n        width: 35%;\r\n    }\r\n\r\n    table.visit-info-table td p input{\r\n        width: 100%;\r\n    }\r\n\r\n    table.visit-info-table td select{\r\n        padding:10px 40px 10px 15px;\r\n    }\r\n\r\n    table.visit-info-table td.tit{\r\n        background: #f9f9f9;\r\n        padding-left: 30px;\r\n        color: #666;\r\n        line-height: normal;\r\n    }\r\n\r\n    table.visit-info-table td.tit-c{\r\n        background: #f9f9f9;\r\n        color: #666;\r\n        line-height: normal;\r\n        text-align: center;\r\n    }\r\n\r\n    table.visit-info-table td.list-c{\r\n        text-align: center;\r\n    }\r\n\r\n    table.visit-info-table td button{\r\n        margin-left:10px;\r\n    }\r\n\r\n    .inner-box button{\r\n        margin:15px 5px;\r\n        padding:10px;\r\n        border:1px solid #d5d5d5;\r\n        text-align:center;\r\n    }\r\n\r\n    .inner-box .btn{\r\n        text-align:center;\r\n    }\r\n\r\n    .inner-box button:first-child{\r\n        background-color: #023e7c;\r\n        color:#fff;\r\n    }\r\n\r\n    .inner-box button:last-child{\r\n        background-color: #b3b3b3;\r\n        color:#fff;\r\n    }\r\n\r\n    .ql-toolbar.ql-snow{\r\n\r\n    }\r\n</style>","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!./TermsCreate.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!./TermsCreate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TermsCreate.vue?vue&type=template&id=4a6fcf41&scoped=true&\"\nimport script from \"./TermsCreate.vue?vue&type=script&lang=js&\"\nexport * from \"./TermsCreate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TermsCreate.vue?vue&type=style&index=0&id=4a6fcf41&lang=scss&scoped=true&\"\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  \"4a6fcf41\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TermsCreate.vue?vue&type=style&index=0&id=4a6fcf41&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TermsCreate.vue?vue&type=style&index=0&id=4a6fcf41&lang=scss&scoped=true&\""],"sourceRoot":""}