{"version":3,"sources":["webpack:///./src/views/gold-transfer/components/Form.vue","webpack:///src/views/gold-transfer/components/Form.vue","webpack:///./src/views/gold-transfer/components/Form.vue?76d3","webpack:///./src/utils/datetime.js","webpack:///./src/providers/index.js"],"names":["render","staticRenderFns","props","data","type","Object","default","readonly","Boolean","disabledInfo","computed","mapGetters","methods","emit","key","value","$emit","h","arguments","Information","functional","slots","Form","flexWrap","datetime","width","transferor","BranchProvider","userBranchId","items","destination","e","target","readOnly","map","item","index","name","carrier","ReadonlyForm","marginBottom","toThaiDatetime","origin","header","Note","marginTop","lineHeight","note","minRows","$slots","component","date","format","m","moment","isValid","thaiYear","year","replace","MethodProvider","MeProvider"],"mappings":"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","file":"js/chunk-0b5baef7.94b226fb.js","sourcesContent":["var render, staticRenderFns\nimport script from \"./Form.vue?vue&type=script&lang=js\"\nexport * from \"./Form.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","<script>\nimport { toThaiDatetime } from '@/utils/datetime'\nimport { BranchProvider } from '@/providers'\nimport { mapGetters } from 'vuex'\n\nexport default {\n  props: {\n    data: {\n      type: Object,\n      default: () => ({})\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false\n    },\n\n    disabledInfo: {\n      type: Boolean,\n      default: false\n    }\n  },\n\n  computed: {\n    ...mapGetters('auth', ['userBranchId'])\n  },\n\n  methods: {\n    emit(key, value) {\n      this.$emit('change', { ...this.data, [key]: value })\n    }\n  },\n\n  render() {\n    const Information = ({ slots }) => {\n      const Form = () => (\n        <el-form labelWidth=\"6rem\">\n          <el-row type=\"flex\" gutter={32} style={{ flexWrap: 'wrap' }}>\n            <el-col sm={12}>\n              <el-form-item label=\"วันที่โอน:\">\n                <el-date-picker\n                  value={this.data.datetime}\n                  type=\"datetime\"\n                  style={{ width: '100%' }}\n                  onInput={value => {\n                    this.emit('datetime', value)\n                  }}\n                />\n              </el-form-item>\n            </el-col>\n            <el-col sm={12}>\n              <el-form-item label=\"ผู้โอน:\">\n                {this.data.transferor}\n              </el-form-item>\n            </el-col>\n          </el-row>\n          <el-row type=\"flex\" gutter={32} style={{ flexWrap: 'wrap' }}>\n            <el-col sm={12}>\n              <el-form-item label=\"ปลายทาง:\">\n                <BranchProvider\n                  branchId={this.userBranchId}\n                  scopedSlots={{\n                    default: ({ items }) => (\n                      <el-select\n                        value={this.data.destination}\n                        valueKey=\"id\"\n                        filterable\n                        style={{ width: '100%' }}\n                        onChange={value => {\n                          this.emit('destination', value)\n                        }}\n                        nativeOnTouchend={e => {\n                          e.target.readOnly = false\n                        }}\n                      >\n                        {items.map((item, index) => (\n                          <el-option\n                            key={index}\n                            label={item.name}\n                            value={item}\n                          />\n                        ))}\n                      </el-select>\n                    )\n                  }}\n                />\n              </el-form-item>\n            </el-col>\n            <el-col sm={12}>\n              <el-form-item label=\"ผู้ขนส่ง:\">\n                <el-input\n                  value={this.data.carrier}\n                  onInput={value => {\n                    this.emit('carrier', value)\n                  }}\n                />\n              </el-form-item>\n            </el-col>\n          </el-row>\n        </el-form>\n      )\n\n      const ReadonlyForm = () => (\n        <el-form labelWidth=\"6rem\">\n          <el-form-item label=\"วันที่โอน:\" style={{ marginBottom: '0' }}>\n            {toThaiDatetime(this.data.datetime, 'D MMMM Y H:mm น.')}\n          </el-form-item>\n          <el-row type=\"flex\" gutter={32} style={{ flexWrap: 'wrap' }}>\n            <el-col sm={12}>\n              <el-form-item label=\"ต้นทาง:\" style={{ marginBottom: '0' }}>\n                {this.data.origin && this.data.origin.name}\n              </el-form-item>\n            </el-col>\n            <el-col sm={12}>\n              <el-form-item label=\"ผู้ขนส่ง:\" style={{ marginBottom: '0' }}>\n                {this.data.carrier}\n              </el-form-item>\n            </el-col>\n          </el-row>\n          <el-row type=\"flex\" gutter={32} style={{ flexWrap: 'wrap' }}>\n            <el-col sm={12}>\n              <el-form-item label=\"ปลายทาง:\" style={{ marginBottom: '0' }}>\n                {this.data.destination && this.data.destination.name}\n              </el-form-item>\n            </el-col>\n            <el-col sm={12}>\n              <el-form-item label=\"ผู้โอน:\" style={{ marginBottom: '0' }}>\n                {this.data.transferor}\n              </el-form-item>\n            </el-col>\n          </el-row>\n        </el-form>\n      )\n\n      return (\n        <el-card>\n          {slots().header && (\n            <div style={{ marginBottom: '1rem' }}>{slots().header}</div>\n          )}\n          {this.readonly || this.disabledInfo ? <ReadonlyForm /> : <Form />}\n          {slots().default}\n        </el-card>\n      )\n    }\n\n    const Note = () => (\n      <el-card style={{ marginTop: '1.5rem' }}>\n        <el-form labelPosition=\"top\">\n          <el-form-item label=\"หมายเหตุ\">\n            {this.readonly ? (\n              <div style={{ lineHeight: '1.5' }}>{this.data.note}</div>\n            ) : (\n              <el-input\n                value={this.data.note}\n                type=\"textarea\"\n                autosize={{ minRows: 3 }}\n                onInput={value => {\n                  this.emit('note', value)\n                }}\n              />\n            )}\n          </el-form-item>\n        </el-form>\n      </el-card>\n    )\n\n    return (\n      <div>\n        <Information>\n          <template slot=\"header\">{this.$slots.header}</template>\n          {this.readonly && this.$slots.default}\n        </Information>\n        {!this.readonly && this.$slots.default}\n        {(!this.readonly || (this.readonly && this.data.note)) && <Note />}\n      </div>\n    )\n  }\n}\n</script>\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!./Form.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!./Form.vue?vue&type=script&lang=js\"","import moment from 'moment'\n\nexport const toThaiDatetime = (date, format = 'D MMMM Y') => {\n  const m = moment(date)\n\n  if (!m.isValid()) return null\n\n  const thaiYear = m.year() + 543\n\n  format = format.replace(/Y+/g, thaiYear)\n\n  return m.format(format)\n}\n","const BranchProvider = () => import('./BranchProvider.vue')\nconst MethodProvider = () => import('./MethodProvider.vue')\nconst MeProvider = () => import('./MeProvider.vue')\n\nexport { BranchProvider, MethodProvider, MeProvider }\n"],"sourceRoot":""}