{"version":3,"sources":["webpack:///./src/components/verification/add.vue","webpack:///src/components/verification/add.vue","webpack:///./src/components/verification/add.vue?be0b","webpack:///./src/components/verification/add.vue?ccd7"],"names":["staticClass","_c","key","errors","valid","_vm","staticStyle","attrs","scopedSlots","fn","on","$$v","expression","_v","directives","_u","placeholder","callback","name","rawName","domProps","$event","process","$emit","render","props","detail","type","default","data","list","service","status","form","id","ajuan_id","nomor","layanan_kode","nama","note","message","success","error","components","watch","computed","mounted","methods","fetch","limit","order_by","list_type","auth_role","params","then","response","reset","console","setTimeout","map","value","filter","behavior","block","component","staticRenderFns"],"mappings":"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","file":"js/chunk-2d0d76d0.912a14c8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('section',[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-card-text',{staticClass:\"pt-3 body-1 line-text-second\",style:(_vm.form.status === 'TIDAK DIPROSES' ? 'height: 700px; overflow-y: auto;' : '')},[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[_c('ValidationProvider',{attrs:{\"name\":\"layanan_kode\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                Jenis Produk\\n                \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                  (wajib diisi)\\n                \")])]),_c('v-select',{staticStyle:{\"max-width\":\"50%\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#ff64ad\",\"placeholder\":\"Contoh. KTP-EL\",\"items\":_vm.list.service,\"item-text\":\"layanan_nama\",\"item-value\":\"layanan_kode\",\"item-color\":\"#ff64ad\",\"hide-details\":\"\",\"success\":_vm.form.layanan_kode.length > 0 && valid,\"error-messages\":errors,\"required\":\"\"},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                      \\n                      Jenis Produk \"+_vm._s(errors[0])+\"\\n                    \")])],1):_vm._e(),(_vm.form.layanan_kode.length > 0 && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.layanan_kode),callback:function ($$v) {_vm.$set(_vm.form, \"layanan_kode\", $$v)},expression:\"form.layanan_kode\"}})]}}])}),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"nomor\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                  Nomor Identitas\\n                  \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                    (wajib diisi)\\n                  \")])]),_c('v-text-field',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],staticStyle:{\"max-width\":\"70%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"placeholder\":\"Contoh. 33100062XXXXXXX\",\"success\":_vm.form.nomor !== '' && valid,\"error-messages\":errors},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                        \\n                        Nomor \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(_vm.form.nomor !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.nomor),callback:function ($$v) {_vm.$set(_vm.form, \"nomor\", $$v)},expression:\"form.nomor\"}})]}}])})],1),_c('div',{staticClass:\"my-6\"},[_c('ValidationProvider',{attrs:{\"name\":\"nama\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                  Nama Identitas Produk\\n                  \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                    (wajib diisi)\\n                  \")])]),_c('v-text-field',{directives:[{name:\"uppercase\",rawName:\"v-uppercase\"}],staticStyle:{\"max-width\":\"70%\"},attrs:{\"dense\":\"\",\"outlined\":\"\",\"color\":\"#ff64ad\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Fabdulrafi\",\"success\":_vm.form.nama !== '' && valid,\"error-messages\":errors},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                        \\n                        Nama \"+_vm._s(errors[0])+\"\\n                      \")])],1):_vm._e(),(_vm.form.nama !== '' && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.nama),callback:function ($$v) {_vm.$set(_vm.form, \"nama\", $$v)},expression:\"form.nama\"}})]}}])})],1),_c('ValidationProvider',{attrs:{\"name\":\"status\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors, valid }){return [_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                Status\\n                \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                  (wajib diisi)\\n                \")])]),_c('v-select',{staticStyle:{\"max-width\":\"60%\"},attrs:{\"outlined\":\"\",\"dense\":\"\",\"color\":\"#ff64ad\",\"placeholder\":_vm.form.layanan_kode === 'KTP' ? 'Contoh. SIAP DICETAK' : 'Contoh. DIAJUKAN TTE',\"items\":_vm.form.layanan_kode === 'KTP' ?\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'SIAP DICETAK',\n                    'SUDAH DICETAK',\n                    'SIAP DIAMBIL',\n                    'TIDAK DIPROSES'\n                  ] :\n                  _vm.form.layanan_kode === 'SKT' ?\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'BELUM DIAJUKAN TTE',\n                    'DIAJUKAN TTE',\n                    'TIDAK DIPROSES'\n                  ] :\n                  _vm.form.layanan_kode === 'KK' ?\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'BELUM DIAJUKAN TTE',\n                    'DIAJUKAN TTE',\n                    'TIDAK DIPROSES'\n                  ] :\n                  _vm.form.layanan_kode === 'KIA' ?\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'BELUM DIAJUKAN TTE',\n                    'DIAJUKAN TTE',\n                    'SIAP DICETAK',\n                    'SUDAH DICETAK',\n                    'SIAP DIAMBIL',\n                    'SUDAH DIAMBIL',\n                    'TIDAK DIPROSES'\n                  ] :\n                  [\n                    'BELUM DIVERIFIKASI',\n                    'BELUM DIAJUKAN TTE',\n                    'DIAJUKAN TTE'\n                  ],\"item-color\":\"#ff64ad\",\"hide-details\":\"\",\"success\":_vm.form.status.length > 0 && valid,\"error-messages\":errors,\"required\":\"\"},scopedSlots:_vm._u([{key:\"append-outer\",fn:function(){return [(errors.length > 0)?_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#ff5252\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-icon',_vm._g({attrs:{\"color\":\"error\"}},on),[_vm._v(\"mdi-alert-circle-outline\")])]}}],null,true)},[_vm._v(\"\\n                      \\n                      Status \"+_vm._s(errors[0])+\"\\n                    \")])],1):_vm._e(),(_vm.form.status.length > 0 && valid)?_c('div',[_c('v-icon',{attrs:{\"color\":\"success\"}},[_vm._v(\"mdi-check-circle-outline\")])],1):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.form.status),callback:function ($$v) {_vm.$set(_vm.form, \"status\", $$v)},expression:\"form.status\"}})]}}])}),(_vm.form.status === 'TIDAK DIPROSES')?_c('div',{staticClass:\"mt-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                Keterangan\\n                \"),_c('span',[_vm._v(\"\\n                  (boleh dikosongi)\\n                \")])]),_c('quill-editor',{ref:\"myTextEditor\",attrs:{\"options\":{\n                  placeholder: 'Contoh. Alasan kenapa tidak diproses'\n                }},model:{value:(_vm.form.note),callback:function ($$v) {_vm.$set(_vm.form, \"note\", $$v)},expression:\"form.note\"}})],1):_vm._e(),_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.message.error.length > 0),expression:\"message.error.length > 0\"}],staticClass:\"mt-6 mb-0\",attrs:{\"type\":\"error\",\"text\":\"\",\"dense\":\"\",\"prominent\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.message.error)}})],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-2\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#ff64ad\",\"elevation\":\"0\",\"disabled\":_vm.process.form,\"loading\":_vm.process.form},on:{\"click\":function($event){return _vm.save()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Simpan\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.$emit('close', false); _vm.reset();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <section>\n      <v-card\n        flat>\n        <v-card-text \n          class=\"pt-3 body-1 line-text-second\"\n          :style=\"form.status === 'TIDAK DIPROSES' ? 'height: 700px; overflow-y: auto;' : ''\">\n          <ValidationObserver ref=\"form\">\n            <v-form class=\"text-left\">\n              <ValidationProvider \n                name=\"layanan_kode\" \n                rules=\"required\" \n                v-slot=\"{ errors, valid }\">\n                <div class=\"body-2 mb-2\">\n                  <span class=\"red--text\">*</span>\n                  Jenis Produk\n                  <span class=\"error--text\">\n                    (wajib diisi)\n                  </span>\n                </div>\n\n                <v-select\n                  style=\"max-width: 50%;\"\n                  outlined\n                  dense\n                  color=\"#ff64ad\"\n                  placeholder=\"Contoh. KTP-EL\"\n                  \n                  :items=\"list.service\"\n                  item-text=\"layanan_nama\"\n                  item-value=\"layanan_kode\"\n                  item-color=\"#ff64ad\"\n\n                  hide-details\n\n                  v-model=\"form.layanan_kode\"\n                  :success=\"form.layanan_kode.length > 0 && valid\"\n                  :error-messages=\"errors\"\n                  required>\n                  <template v-slot:append-outer>\n                    <div v-if=\"errors.length > 0\">\n                      <v-tooltip top color=\"#ff5252\">\n                        <template v-slot:activator=\"{ on }\">\n                          <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                        </template>\n                        \n                        Jenis Produk {{ errors[0] }}\n                      </v-tooltip>\n                    </div>\n\n                    <div v-if=\"form.layanan_kode.length > 0 && valid\">\n                      <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                    </div>\n                  </template>\n                </v-select>\n              </ValidationProvider>\n\n              <div\n                class=\"my-6\">\n                <ValidationProvider \n                  name=\"nomor\" \n                  rules=\"required\" \n                  v-slot=\"{ errors, valid }\">\n                  <div class=\"body-2 mb-2\">\n                    <span class=\"red--text\">*</span>\n                    <!-- Nomor (KK/NIK/DLL) -->\n                    Nomor Identitas\n                    <span class=\"error--text\">\n                      (wajib diisi)\n                    </span>\n                  </div>\n\n                  <v-text-field\n                    style=\"max-width: 70%;\"\n                    dense\n                    outlined\n                    color=\"#ff64ad\"\n                    hide-details\n                    placeholder=\"Contoh. 33100062XXXXXXX\"\n                    v-model=\"form.nomor\"\n                    v-uppercase\n                    :success=\"form.nomor !== '' && valid\"\n                    :error-messages=\"errors\">\n                    <template v-slot:append-outer>\n                      <div v-if=\"errors.length > 0\">\n                        <v-tooltip top color=\"#ff5252\">\n                          <template v-slot:activator=\"{ on }\">\n                            <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                          </template>\n                          \n                          Nomor {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"form.nomor !== '' && valid\">\n                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                      </div>\n                    </template>\n                  </v-text-field>\n                </ValidationProvider>\n              </div>\n\n              <div\n                class=\"my-6\">\n                <ValidationProvider \n                  name=\"nama\" \n                  rules=\"required\" \n                  v-slot=\"{ errors, valid }\">\n                  <div class=\"body-2 mb-2\">\n                    <span class=\"red--text\">*</span>\n                    <!-- Nama (Nama Kepala Keluarga/Nama Lengkap/DLL) -->\n                    Nama Identitas Produk\n                    <span class=\"error--text\">\n                      (wajib diisi)\n                    </span>\n                  </div>\n\n                  <v-text-field\n                    style=\"max-width: 70%;\"\n                    dense\n                    outlined\n                    color=\"#ff64ad\"\n                    hide-details\n                    placeholder=\"Contoh. Fabdulrafi\"\n                    v-model=\"form.nama\"\n                    v-uppercase\n                    :success=\"form.nama !== '' && valid\"\n                    :error-messages=\"errors\">\n                    <template v-slot:append-outer>\n                      <div v-if=\"errors.length > 0\">\n                        <v-tooltip top color=\"#ff5252\">\n                          <template v-slot:activator=\"{ on }\">\n                            <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                          </template>\n                          \n                          Nama {{ errors[0] }}\n                        </v-tooltip>\n                      </div>\n\n                      <div v-if=\"form.nama !== '' && valid\">\n                        <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                      </div>\n                    </template>\n                  </v-text-field>\n                </ValidationProvider>\n              </div>\n\n              <ValidationProvider \n                name=\"status\" \n                rules=\"required\" \n                v-slot=\"{ errors, valid }\">\n                <div class=\"body-2 mb-2\">\n                  <span class=\"red--text\">*</span>\n                  Status\n                  <span class=\"error--text\">\n                    (wajib diisi)\n                  </span>\n                </div>\n\n                <v-select\n                  style=\"max-width: 60%;\"\n                  outlined\n                  dense\n                  color=\"#ff64ad\"\n                  :placeholder=\"form.layanan_kode === 'KTP' ? 'Contoh. SIAP DICETAK' : 'Contoh. DIAJUKAN TTE'\"\n                        \n                  :items=\"form.layanan_kode === 'KTP' ?\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'SIAP DICETAK',\n                      'SUDAH DICETAK',\n                      'SIAP DIAMBIL',\n                      'TIDAK DIPROSES'\n                    ] :\n                    form.layanan_kode === 'SKT' ?\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'BELUM DIAJUKAN TTE',\n                      'DIAJUKAN TTE',\n                      'TIDAK DIPROSES'\n                    ] :\n                    form.layanan_kode === 'KK' ?\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'BELUM DIAJUKAN TTE',\n                      'DIAJUKAN TTE',\n                      'TIDAK DIPROSES'\n                    ] :\n                    form.layanan_kode === 'KIA' ?\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'BELUM DIAJUKAN TTE',\n                      'DIAJUKAN TTE',\n                      'SIAP DICETAK',\n                      'SUDAH DICETAK',\n                      'SIAP DIAMBIL',\n                      'SUDAH DIAMBIL',\n                      'TIDAK DIPROSES'\n                    ] :\n                    [\n                      'BELUM DIVERIFIKASI',\n                      'BELUM DIAJUKAN TTE',\n                      'DIAJUKAN TTE'\n                    ]\"\n                  item-color=\"#ff64ad\"\n\n                  hide-details\n\n                  v-model=\"form.status\"\n                  :success=\"form.status.length > 0 && valid\"\n                  :error-messages=\"errors\"\n                  required>\n                  <template v-slot:append-outer>\n                    <div v-if=\"errors.length > 0\">\n                      <v-tooltip top color=\"#ff5252\">\n                        <template v-slot:activator=\"{ on }\">\n                          <v-icon color=\"error\" v-on=\"on\">mdi-alert-circle-outline</v-icon>\n                        </template>\n                        \n                        Status {{ errors[0] }}\n                      </v-tooltip>\n                    </div>\n\n                    <div v-if=\"form.status.length > 0 && valid\">\n                      <v-icon color=\"success\">mdi-check-circle-outline</v-icon>\n                    </div>\n                  </template>\n                </v-select>\n              </ValidationProvider>\n\n              <div v-if=\"form.status === 'TIDAK DIPROSES'\"\n                class=\"mt-6\">\n                <div class=\"body-2 mb-2\">\n                  Keterangan\n                  <span>\n                    (boleh dikosongi)\n                  </span>\n                </div>\n\n                <quill-editor \n                  ref=\"myTextEditor\"\n                  :options=\"{\n                    placeholder: 'Contoh. Alasan kenapa tidak diproses'\n                  }\"\n                  v-model=\"form.note\">\n                </quill-editor>\n              </div>\n\n              <v-alert \n                type=\"error\" \n                text dense prominent \n                class=\"mt-6 mb-0\"\n                v-show=\"message.error.length > 0\"\n                v-html=\"message.error\">\n              </v-alert>\n            </v-form>\n          </ValidationObserver>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-2\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#ff64ad\"\n            elevation=\"0\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.form\"\n            :loading=\"process.form\"\n            @click=\"save()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Simpan\n          </v-btn>\n\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.form\"\n            @click=\"$emit('close', false); reset();\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </section>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  export default {\n    props: {\n      detail: {\n        type: Object,\n        default: {}\n      }\n    },\n    data () {\n      return {\n        list: {\n          service: [],\n          status: []\n        },\n        form: {\n          id: '',\n          ajuan_id: '',\n          nomor: '',\n          layanan_kode: '',\n          nama: '',\n          status: '',\n          note: ''\n        },\n        process: {\n          form: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      \n    },\n    watch: {\n      \n    },\n    computed: {\n      \n    },\n    mounted () {\n      this.fetch()\n    },\n    methods: {\n      fetch () {\n        this.fetchService()\n        this.fetchStatus()\n\n        this.reset()\n      },\n      async fetchService () {\n        // let params = {\n        //   limit: 10000,\n        //   order_by: 'ASC',\n        //   list_type: 'short',\n        //   auth_role: 1\n        // }\n\n        // await get('layanan', { params })\n        // .then(response => {\n        //   let res = response.data\n\n        //   if (res.code === 200) {\n        //     this.list.service = res.data\n        //   }\n        // })\n\n        // let params = {\n        //   limit: 10000,\n        //   order_by: 'ASC',\n        //   list_type: 'short',\n        //   auth_role: 1\n        // }\n\n        // this.list.service = []\n\n        // await get('layanan', { params })\n        // .then(response => {\n        //   let res = response.data\n\n        //   if (res.code === 200) {\n        //     res.data.map((obj, index) => {\n        //       if (index < 6) this.list.service.push(obj)\n        //     })\n        //   }\n        // })\n\n        let params = {\n          limit: 10000,\n          order_by: 'ASC',\n          list_type: 'short',\n          auth_role: 1\n        }\n\n        this.list.service = []\n\n        await get('layanan/produk', { params })\n        .then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.list.service = res.data\n            \n            // res.data.map((obj, index) => {\n            //   if (index < 6 || index > 8) this.list.service.push(obj)\n            // })\n          }\n        })\n      },\n      async fetchStatus () {\n        // let params = {\n        //   limit: 10000\n        // }\n\n        // await get('master/status_produk', { params })\n        // .then(response => {\n        //   let res = response.data\n\n        //   if (res.code === 200) {\n        //     this.list.status = res.data\n        //   }\n        // })\n\n        this.list.status = [\n          'BELUM DIVERIFIKASI',\n          'BELUM DIAJUKAN TTE',\n          'DIAJUKAN TTE',\n          'SIAP DICETAK',\n          'SUDAH DICETAK',\n          'SIAP DIAMBIL',\n          'TIDAK DIPROSES'\n        ]\n      },\n      reset () {\n        if (this.$refs.form) this.$refs.form.reset()\n        \n        this.form = {\n          id: '',\n          ajuan_id: this.detail.ajuan_id,\n          nomor: '',\n          layanan_kode: '',\n          nama: '',\n          status: '',\n          note: ''\n        }\n\n        this.process.form = false\n      },\n      async save () {\n        this.message.error = ''\n\n        const isValid = await this.$refs.form.validate()\n        if (isValid) {\n\n          this.process.form = true\n\n          console.log(this.form)\n\n          // SAVE TO REST API\n          await post(`admin/produk/${this.form.layanan_kode}/create`, {\n            data: this.form\n          })\n          .then((response) => {\n            let res = response.data\n\n            if (res.code === 200) {\n              this.reset()\n\n              this.$emit('close', false)\n\n              this.$emit('product', 2)\n            } else {\n              this.process.form = false\n              this.message.error = res.message\n            }\n          })\n          \n        } else {\n          // AUTO FOCUS ON TEXT-FIELD\n          setTimeout(() => {\n            const errors = Object.entries(this.$refs.form.errors)\n              .map(([key, value]) => ({ key, value }))\n              .filter(error => error['value'].length)\n            this.$refs.form.refs[errors[0]['key']].$el.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            })\n          }, 10)\n        }\n      }\n    }\n  }\n</script>","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!./add.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!./add.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./add.vue?vue&type=template&id=d422995a&\"\nimport script from \"./add.vue?vue&type=script&lang=js&\"\nexport * from \"./add.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}