{"version":3,"sources":["webpack:///./src/views/registrationUser/admin/registrationUser/Owner/OwnerDetail.vue?ba20","webpack:///src/views/registrationUser/admin/registrationUser/Owner/OwnerDetail.vue","webpack:///./src/views/registrationUser/admin/registrationUser/Owner/OwnerDetail.vue?7ea7","webpack:///./src/views/registrationUser/admin/registrationUser/Owner/OwnerDetail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","attrs","imageCitizenUrl","_v","_s","detailInfo","title","firstName","lastName","cardNumber","houseCodeNumber","villageNumber","province","district","subDistrict","lane","road","postalCode","directives","name","rawName","value","expression","on","$event","gotoEdit","staticRenderFns","props","data","id","userDetail","isSuperVisorOrObserb","mounted","init","checkRole","methods","currentRole","localStorage","getItem","$router","push","concat","_init","_asyncToGenerator","regeneratorRuntime","mark","_callee","wrap","_context","prev","next","$store","dispatch","$route","params","state","users","user","console","log","ENDPOINT","GET_IMAGE_USER","documents","fileName","stop","apply","arguments","watch","val","old","component"],"mappings":"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","file":"js/chunk-2d0abf8f.bf660946.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('vx-card',{staticClass:\"p-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"}),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5 ml-20\"},[_c('img',{attrs:{\"src\":_vm.imageCitizenUrl,\"width\":\"300\",\"height\":\"200\"}})]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"}),_c('vs-divider',{attrs:{\"position\":\"center\"}},[_vm._v(\"สำเนาบัตรประชาชน\")]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"คำนำหน้า :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.title))])])])]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"ชื่อ :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.firstName))])])])]),_c('div',{staticClass:\"vx-col md:w-1/4 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"นามสกุล :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.lastName))])])])]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"เลขบัตรประชาชน :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.cardNumber))])])])]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"เลขที่ :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.houseCodeNumber))])])])]),_c('div',{staticClass:\"vx-col md:w-1/4 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"หมู่ที่ :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.villageNumber))])])])]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"จังหวัด :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.province))])])])]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"อำเภอ/เขต :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.district))])])])]),_c('div',{staticClass:\"vx-col md:w-1/4 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"ตำบล/แขวง :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.subDistrict))])])])]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"ตรอก/ซอย :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.lane))])])])]),_c('div',{staticClass:\"vx-col md:w-1/3 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"ถนน :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.road))])])])]),_c('div',{staticClass:\"vx-col md:w-1/4 w-full mt-5\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('h6',{attrs:{\"align\":\"right\"}},[_vm._v(\"รหัสไปรษณีย์ :\")])]),_c('div',{staticClass:\"vx-col md:w-1/2\"},[_c('p',[_vm._v(_vm._s(_vm.detailInfo.postalCode))])])])]),_c('vs-divider',{attrs:{\"position\":\"center\"}})],1),_c('div',{attrs:{\"align\":\"right\"}},[_c('vs-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isSuperVisorOrObserb),expression:\"isSuperVisorOrObserb\"}],staticClass:\"mr-5\",attrs:{\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.gotoEdit()}}},[_vm._v(\"แก้ไข\")]),_c('vs-button',{attrs:{\"color\":\"danger\",\"type\":\"border\",\"to\":\"/ownerList\"}},[_vm._v(\"ย้อนกลับ\")])],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row mx-2\"},[_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6\"},[_c('div',{staticClass:\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"},[_c('h2',{staticClass:\"mb-1\"},[_vm._v(\"บัญชีรายชื่อเจ้าของเรือ\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"vx-row mx-2\">\n      <div class=\"router-header flex flex-wrap items-center mb-6\">\n        <div\n          class=\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"\n        >\n          <h2 class=\"mb-1\">บัญชีรายชื่อเจ้าของเรือ</h2>\n        </div>\n        <!-- <p class=\"mx-5 mt-2\">รายละเอียดข้อมูลผู้ใช้งาน</p> -->\n      </div>\n    </div>\n    <vx-card class=\"p-5\">\n      <div class=\"vx-row\">\n        <div class=\"vx-col md:w-1/3 w-full mt-5\"></div>\n        <div class=\"vx-col md:w-1/3 w-full mt-5 ml-20\">\n          <img :src=\"imageCitizenUrl\" width=\"300\" height=\"200\" />\n        </div>\n        <div class=\"vx-col md:w-1/3 w-full mt-5\"></div>\n        <vs-divider position=\"center\">สำเนาบัตรประชาชน</vs-divider>\n        <div class=\"vx-col md:w-1/3 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">คำนำหน้า :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.title }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/3 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">ชื่อ :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.firstName }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/4 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">นามสกุล :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.lastName }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/3 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">เลขบัตรประชาชน :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.cardNumber }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/3 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">เลขที่ :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.houseCodeNumber }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/4 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">หมู่ที่ :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.villageNumber }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/3 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">จังหวัด :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.province }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/3 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">อำเภอ/เขต :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.district }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/4 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">ตำบล/แขวง :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.subDistrict }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/3 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">ตรอก/ซอย :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.lane }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/3 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">ถนน :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.road }}</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"vx-col md:w-1/4 w-full mt-5\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2\">\n              <h6 align=\"right\">รหัสไปรษณีย์ :</h6>\n            </div>\n            <div class=\"vx-col md:w-1/2\">\n              <p>{{ detailInfo.postalCode }}</p>\n            </div>\n          </div>\n        </div>\n        <vs-divider position=\"center\"></vs-divider>\n      </div>\n      <div align=\"right\">\n        <vs-button\n          class=\"mr-5\"\n          color=\"primary\"\n          type=\"filled\"\n          v-show=\"isSuperVisorOrObserb\"\n          @click=\"gotoEdit()\"\n          >แก้ไข</vs-button\n        >\n        <vs-button color=\"danger\" type=\"border\" to=\"/ownerList\">ย้อนกลับ</vs-button>\n      </div>\n    </vx-card>\n  </div>\n</template>\n\n<script>\nimport { ENDPOINT } from \"../../../../../constants/endpoint\";\n\nexport default {\n  props: {},\n  data() {\n    return {\n      detailInfo: {\n        id: null,\n        title: null,\n        firstName: null,\n        lastName: null,\n        cardNumber: null,\n        houseCodeNumber: null,\n        villageNumber: null,\n        province: null,\n        district: null,\n        subDistrict: null,\n        lane: null,\n        road: null,\n        postalCode: null,\n      },\n      userDetail: [],\n      imageCitizenUrl: null,\n      isSuperVisorOrObserb: true,\n\n    };\n  },\n  mounted() {\n    this.init();\n    this.checkRole();\n\n  },\n  methods: {\n    checkRole() {\n      const currentRole = localStorage.getItem(\"userRole\");\n      if (currentRole != \"ROLE_ADMIN\") {\n        this.isSuperVisorOrObserb = false;\n      } else {\n        this.isSuperVisorOrObserb = true;\n      }\n    },\n    gotoEdit() {\n      this.$router.push(`/users/owner-edit/${this.detailInfo.id}`);\n    },\n    async init() {\n      await this.$store.dispatch(\"users/setUserById\", {\n        id: this.$route.params.id,\n      });\n      this.userDetail = this.$store.state.users.user;\n      console.log(\"this is user detail :\", this.userDetail);\n      this.detailInfo = {\n        id: this.userDetail.id,\n        title: this.userDetail.title,\n        firstName: this.userDetail.firstName,\n        lastName: this.userDetail.lastName,\n        cardNumber: this.userDetail.cardNumber,\n        houseCodeNumber: this.userDetail.houseCodeNumber,\n        villageNumber: this.userDetail.villageNumber,\n        province: this.userDetail.province,\n        district: this.userDetail.district,\n        subDistrict: this.userDetail.subDistrict,\n        postalCode: this.userDetail.postalCode,\n        lane: this.userDetail.lane,\n        road: this.userDetail.road,\n      };\n      this.imageCitizenUrl =\n        ENDPOINT.GET_IMAGE_USER + this.userDetail.documents[0].fileName;\n    },\n  },\n  watch: {\n    userDetail: (val, old) => {\n      console.log(\"data :\", val, old);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/@vue/cli-plugin-babel/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!./OwnerDetail.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/@vue/cli-plugin-babel/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!./OwnerDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OwnerDetail.vue?vue&type=template&id=67893453&scoped=true\"\nimport script from \"./OwnerDetail.vue?vue&type=script&lang=js\"\nexport * from \"./OwnerDetail.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  \"67893453\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}