{"version":3,"sources":["webpack:///./src/components/DataAspec/DataAspecDetail.vue?e9c7","webpack:///./src/components/DataAspec/DataAspecDetail.vue","webpack:///src/components/DataAspec/DataAspecDetail.vue","webpack:///./src/components/DataAspec/DataAspecDetail.vue?c0ff","webpack:///./src/components/DataAspec/DataAspecDetail.vue?6592"],"names":["expression","staticClass","attrs","on","dialogShow","_c","_vm","alertColor","alertIcon","$event","model","value","callback","$$v","_v","scopedSlots","fn","onRemoveSubAspec","index","_s","render","staticRenderFns","props","data","Object","isLoadingSave","alertValue","alertMessage","descriptionLimit","entries","isLoading","search","dataSubAspec","headers","text","align","sortable","width","class","items","computed","fields","keys","map","key","entry","descriptionDisplay","description","length","code","name","slice","assign","updated","firstLoad","vm","ApiService","post","DataAspecId","dataAspecId","then","response","catch","finally","watch","count","methods","onSave","SubAspecs","$emit","status","rowIndex","splice","onAddSubAspec","isExist","forEach","id","push","onClearAutoComplete","dialogClose","DataSubAspecId","dataSubAspecId","dataQuestion","component"],"mappings":"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","file":"js/chunk-0707dff5.29acf4c5.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataAspecDetail.vue?vue&type=style&index=0&id=46a52e9c&prod&lang=stylus&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-dialog',{attrs:{\"fullscreen\":\"\",\"hide-overlay\":\"\",\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.data.dialogShow),callback:function ($$v) {_vm.$set(_vm.data, \"dialogShow\", $$v)},expression:\"data.dialogShow\"}},[_c('v-card',[_c('v-toolbar',{staticClass:\"elevation-1 green lighten-2\"},[_c('v-btn',{attrs:{\"flat\":\"\",\"icon\":\"\"},on:{\"click\":function($event){_vm.data.dialogShow = false}}},[_c('font-awesome-icon',{staticClass:\"black--text\",attrs:{\"icon\":\"arrow-left\",\"size\":\"2x\"}})],1),_c('v-spacer'),_c('v-toolbar-items')],1),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-card',{staticClass:\"mb-2 py-1 elevation-1 green lighten-5\"},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md12\":\"\"}},[_c('v-btn',{attrs:{\"color\":\"light-blue\",\"loading\":_vm.isLoadingSave},on:{\"click\":function($event){return _vm.onSave()}}},[_c('v-icon',{staticClass:\"pr-2\"},[_vm._v(\"save\")]),_vm._v(\"SAVE \")],1)],1)],1)],1),_c('v-card',{staticClass:\"mb-3 py-3 elevation-1 green lighten-5\"},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md6\":\"\"}},[_c('v-alert',{staticClass:\"ma-2\",attrs:{\"dismissible\":\"\",\"value\":_vm.alertValue,\"color\":_vm.alertColor,\"icon\":_vm.alertIcon,\"outline\":\"\"}},[_vm._v(_vm._s(_vm.alertMessage))])],1)],1),_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md6\":\"\"}},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium\",attrs:{\"md4\":\"\"}},[_vm._v(\"Kode\")]),_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium green--text darken-4\",attrs:{\"md8\":\"\"}},[_vm._v(\": \"+_vm._s(_vm.data.code))])],1),_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium\",attrs:{\"md4\":\"\"}},[_vm._v(\"Nama\")]),_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium green--text darken-4\",attrs:{\"md8\":\"\"}},[_vm._v(\": \"+_vm._s(_vm.data.name))])],1),_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium\",attrs:{\"md4\":\"\"}},[_vm._v(\"Keterangan\")]),_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium green--text darken-4\",attrs:{\"md8\":\"\"}},[_vm._v(\": \"+_vm._s(_vm.data.description))])],1)],1)],1)],1),_c('v-card',{staticClass:\"mb-3 py-3 elevation-1 green lighten-5\"},[_c('v-layout',[_c('v-flex',{attrs:{\"md6\":\"\"}},[_c('v-autocomplete',{staticClass:\"ml-2\",attrs:{\"items\":_vm.items,\"loading\":_vm.isLoading,\"search-input\":_vm.search,\"color\":\"green\",\"background-color\":\"green lighten-5\",\"hide-no-data\":\"\",\"hide-selected\":\"\",\"item-text\":\"descriptionDisplay\",\"item-value\":\"API\",\"label\":\"Data Sub Aspek\",\"placeholder\":\"Ketik untuk mencari\",\"prepend-icon\":\"search\",\"return-object\":\"\"},on:{\"update:searchInput\":function($event){_vm.search=$event},\"update:search-input\":function($event){_vm.search=$event}},model:{value:(_vm.model),callback:function ($$v) {_vm.model=$$v},expression:\"model\"}})],1),_c('v-flex',{attrs:{\"md6\":\"\"}},[_c('v-btn',{attrs:{\"color\":\"indigo\",\"outline\":\"\"},on:{\"click\":function($event){return _vm.onAddSubAspec()}}},[_c('v-icon',[_vm._v(\"add\")]),_vm._v(\"Tambah \")],1),_c('v-btn',{attrs:{\"color\":\"indigo\",\"outline\":\"\"},on:{\"click\":function($event){return _vm.onClearAutoComplete()}}},[_c('v-icon',[_vm._v(\"clear\")]),_vm._v(\"Clear \")],1)],1)],1),(_vm.model)?_c('v-card',{staticClass:\"mx-4 py-2 elevation-1 yellow lighten-5\"},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md12\":\"\"}},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium\",attrs:{\"md1\":\"\"}},[_vm._v(\"Kode\")]),_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium green--text darken-4\",attrs:{\"md8\":\"\"}},[_vm._v(\": \"+_vm._s(_vm.model.code))])],1),_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium\",attrs:{\"md1\":\"\"}},[_vm._v(\"Nama\")]),_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium green--text darken-4\",attrs:{\"md8\":\"\"}},[_vm._v(\": \"+_vm._s(_vm.model.name))])],1),_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium\",attrs:{\"md1\":\"\"}},[_vm._v(\"Keterangan\")]),_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium green--text darken-4\",attrs:{\"md8\":\"\"}},[_vm._v(\": \"+_vm._s(_vm.model.description))])],1)],1)],1)],1):_vm._e(),_c('v-data-table',{staticClass:\"elevation-0 ma-2\",attrs:{\"headers\":_vm.dataSubAspec.headers,\"items\":_vm.dataSubAspec.items,\"hide-actions\":\"\"},scopedSlots:_vm._u([{key:\"items\",fn:function(props){return [_c('td',{staticClass:\"text-xs-center\"},[_vm._v(_vm._s(props.index + 1))]),_c('td',{staticClass:\"text-xs-center\"},[_c('v-btn',{attrs:{\"depressed\":\"\",\"outline\":\"\",\"icon\":\"\",\"fab\":\"\",\"dark\":\"\",\"color\":\"red darken-5\",\"small\":\"\"},on:{\"click\":function($event){return _vm.onRemoveSubAspec(props.index)}}},[_c('v-icon',[_vm._v(\"delete\")])],1)],1),_c('td',{staticClass:\"text-xs-left\"},[_vm._v(_vm._s(props.item.code))]),_c('td',{staticClass:\"text-xs-left\"},[_vm._v(_vm._s(props.item.tipe))]),_c('td',{staticClass:\"text-xs-left\"},[_vm._v(_vm._s(props.item.name))]),_c('td',{staticClass:\"text-xs-left\"},[_vm._v(_vm._s(props.item.description))]),_c('td')]}}])})],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-dialog\r\n      v-model=\"data.dialogShow\"\r\n      fullscreen\r\n      hide-overlay\r\n      transition=\"dialog-bottom-transition\"\r\n    >\r\n      <v-card>\r\n        <v-toolbar class=\"elevation-1 green lighten-2\">\r\n          <v-btn flat icon @click=\"data.dialogShow = false\">\r\n            <font-awesome-icon icon=\"arrow-left\" size=\"2x\" class=\"black--text\"/>\r\n          </v-btn>\r\n\r\n          <v-spacer></v-spacer>\r\n          <v-toolbar-items></v-toolbar-items>\r\n        </v-toolbar>\r\n        <!-- -->\r\n        <v-container fluid>\r\n          <v-card class=\"mb-2 py-1 elevation-1 green lighten-5\">\r\n            <v-layout align-start justify-start row wrap>\r\n              <v-flex md12>\r\n                <v-btn color=\"light-blue\" :loading=\"isLoadingSave\" @click=\"onSave()\">\r\n                  <v-icon class=\"pr-2\">save</v-icon>SAVE\r\n                </v-btn>\r\n              </v-flex>\r\n            </v-layout>\r\n          </v-card>\r\n\r\n          <v-card class=\"mb-3 py-3 elevation-1 green lighten-5\">\r\n            <v-layout align-start justify-start row wrap>\r\n              <v-flex md6>\r\n                <v-alert\r\n                  class=\"ma-2\"\r\n                  dismissible\r\n                  :value=\"alertValue\"\r\n                  :color=\"alertColor\"\r\n                  :icon=\"alertIcon\"\r\n                  outline\r\n                >{{alertMessage}}</v-alert>\r\n              </v-flex>\r\n            </v-layout>\r\n\r\n            <v-layout align-start justify-start row wrap>\r\n              <v-flex md6>\r\n                <v-layout align-start justify-start row wrap>\r\n                  <v-flex md4 class=\"px-3 subHeading font-weight-medium\">Kode</v-flex>\r\n                  <v-flex\r\n                    md8\r\n                    class=\"px-3 subHeading font-weight-medium green--text darken-4\"\r\n                  >: {{data.code}}</v-flex>\r\n                </v-layout>\r\n                <v-layout align-start justify-start row wrap>\r\n                  <v-flex md4 class=\"px-3 subHeading font-weight-medium\">Nama</v-flex>\r\n                  <v-flex\r\n                    md8\r\n                    class=\"px-3 subHeading font-weight-medium green--text darken-4\"\r\n                  >: {{data.name}}</v-flex>\r\n                </v-layout>\r\n\r\n                <v-layout align-start justify-start row wrap>\r\n                  <v-flex md4 class=\"px-3 subHeading font-weight-medium\">Keterangan</v-flex>\r\n                  <v-flex\r\n                    md8\r\n                    class=\"px-3 subHeading font-weight-medium green--text darken-4\"\r\n                  >: {{data.description}}</v-flex>\r\n                </v-layout>\r\n              </v-flex>\r\n            </v-layout>\r\n          </v-card>\r\n\r\n          <!-- -->\r\n          <v-card class=\"mb-3 py-3 elevation-1 green lighten-5\">\r\n            <v-layout>\r\n              <v-flex md6>\r\n                <v-autocomplete\r\n                  class=\"ml-2\"\r\n                  v-model=\"model\"\r\n                  :items=\"items\"\r\n                  :loading=\"isLoading\"\r\n                  :search-input.sync=\"search\"\r\n                  color=\"green\"\r\n                  background-color=\"green lighten-5\"\r\n                  hide-no-data\r\n                  hide-selected\r\n                  item-text=\"descriptionDisplay\"\r\n                  item-value=\"API\"\r\n                  label=\"Data Sub Aspek\"\r\n                  placeholder=\"Ketik untuk mencari\"\r\n                  prepend-icon=\"search\"\r\n                  return-object\r\n                ></v-autocomplete>\r\n              </v-flex>\r\n              <v-flex md6>\r\n                <v-btn color=\"indigo\" outline @click=\"onAddSubAspec()\">\r\n                  <v-icon>add</v-icon>Tambah\r\n                </v-btn>\r\n                <v-btn color=\"indigo\" outline @click=\"onClearAutoComplete()\">\r\n                  <v-icon>clear</v-icon>Clear\r\n                </v-btn>\r\n              </v-flex>\r\n            </v-layout>\r\n\r\n            <v-card class=\"mx-4 py-2 elevation-1 yellow lighten-5\" v-if=\"model\">\r\n              <v-layout align-start justify-start row wrap>\r\n                <v-flex md12>\r\n                  <v-layout align-start justify-start row wrap>\r\n                    <v-flex md1 class=\"px-3 subHeading font-weight-medium\">Kode</v-flex>\r\n                    <v-flex\r\n                      md8\r\n                      class=\"px-3 subHeading font-weight-medium green--text darken-4\"\r\n                    >: {{model.code}}</v-flex>\r\n                  </v-layout>\r\n                  <v-layout align-start justify-start row wrap>\r\n                    <v-flex md1 class=\"px-3 subHeading font-weight-medium\">Nama</v-flex>\r\n                    <v-flex\r\n                      md8\r\n                      class=\"px-3 subHeading font-weight-medium green--text darken-4\"\r\n                    >: {{model.name}}</v-flex>\r\n                  </v-layout>\r\n\r\n                  <v-layout align-start justify-start row wrap>\r\n                    <v-flex md1 class=\"px-3 subHeading font-weight-medium\">Keterangan</v-flex>\r\n                    <v-flex\r\n                      md8\r\n                      class=\"px-3 subHeading font-weight-medium green--text darken-4\"\r\n                    >: {{model.description}}</v-flex>\r\n                  </v-layout>\r\n                </v-flex>\r\n              </v-layout>\r\n            </v-card>\r\n\r\n            <v-data-table\r\n              :headers=\"dataSubAspec.headers\"\r\n              :items=\"dataSubAspec.items\"\r\n              class=\"elevation-0 ma-2\"\r\n              hide-actions\r\n            >\r\n              <template slot=\"items\" slot-scope=\"props\">\r\n                <td class=\"text-xs-center\">{{ props.index + 1}}</td>\r\n                <td class=\"text-xs-center\">\r\n                  <v-btn\r\n                    depressed\r\n                    outline\r\n                    icon\r\n                    fab\r\n                    dark\r\n                    color=\"red darken-5\"\r\n                    small\r\n                    @click=\"onRemoveSubAspec(props.index)\"\r\n                  >\r\n                    <v-icon>delete</v-icon>\r\n                  </v-btn>\r\n                </td>\r\n                <td class=\"text-xs-left\">{{ props.item.code }}</td>\r\n                <td class=\"text-xs-left\">{{ props.item.tipe }}</td>\r\n                <td class=\"text-xs-left\">{{ props.item.name }}</td>\r\n                <td class=\"text-xs-left\">{{ props.item.description }}</td>\r\n                <td></td>\r\n              </template>\r\n            </v-data-table>\r\n          </v-card>\r\n        </v-container>\r\n      </v-card>\r\n    </v-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from \"@/common/api.service\";\r\n\r\nexport default {\r\n  props: {\r\n    data: Object\r\n  },\r\n  data: () => ({\r\n    isLoadingSave: false,\r\n    alertColor: \"\",\r\n    alertIcon: \"\",\r\n    alertValue: false,\r\n    alertMessage: \"\",\r\n    descriptionLimit: 60,\r\n    entries: [],\r\n    isLoading: false,\r\n    model: null,\r\n    search: null,\r\n    dataSubAspec: {\r\n      headers: [\r\n        {\r\n          text: \"No\",\r\n          align: \"center\",\r\n          sortable: false,\r\n          value: \"\",\r\n          width: \"1%\",\r\n          class: \"subheading font-weight-bold\"\r\n        },\r\n        {\r\n          text: \"Action\",\r\n          align: \"center\",\r\n          sortable: false,\r\n          value: \"\",\r\n          width: \"1%\",\r\n          class: \"subheading font-weight-bold\"\r\n        },\r\n        {\r\n          text: \"Kode\",\r\n          align: \"center\",\r\n          sortable: false,\r\n          value: \"code\",\r\n          width: \"20%\",\r\n          class: \"subheading font-weight-bold\"\r\n        },\r\n         {\r\n          text: \"Tipe\",\r\n          align: \"center\",\r\n          sortable: false,\r\n          value: \"code\",\r\n          width: \"20%\",\r\n          class: \"subheading font-weight-bold\"\r\n        },\r\n        {\r\n          text: \"Nama\",\r\n          align: \"center\",\r\n          sortable: false,\r\n          value: \"aspec\",\r\n          width: \"20%\",\r\n          class: \"subheading font-weight-bold\"\r\n        },\r\n        {\r\n          text: \"Keterangan\",\r\n          align: \"left\",\r\n          sortable: false,\r\n          value: \"aspecDetail\",\r\n          width: \"70%\",\r\n          class: \"subheading font-weight-bold\"\r\n        },\r\n        {\r\n          text: \"\",\r\n          align: \"center\",\r\n          sortable: false,\r\n          value: \"\",\r\n          width: \"20%\",\r\n          class: \"subheading font-weight-bold\"\r\n        }\r\n      ],\r\n      items: []\r\n    }\r\n  }),\r\n  computed: {\r\n    fields() {\r\n      if (!this.model) return [];\r\n      return Object.keys(this.model).map(key => {\r\n        return {\r\n          key,\r\n          value: this.model[key] || \"n/a\"\r\n        };\r\n      });\r\n    },\r\n    items() {\r\n      return this.entries.map(entry => {\r\n        const descriptionDisplay =\r\n          entry.description.length > this.descriptionLimit\r\n            ? entry.code +\r\n              \" | \" +\r\n              entry.name +\r\n              \" | \" +\r\n              entry.description.slice(0, this.descriptionLimit) +\r\n              \"...\"\r\n            : entry.code + \" | \" + entry.name + \" | \" + entry.description;\r\n\r\n        return Object.assign({}, entry, { descriptionDisplay });\r\n      });\r\n    }\r\n  },\r\n  updated() {\r\n    if (this.data.firstLoad === true) {  \r\n      const vm = this;\r\n      ApiService.post(\"DataAspec/GetDataAspecSubAspecByAspecId\", {\r\n        DataAspecId: vm.data.dataAspecId\r\n      })\r\n        .then(response => {\r\n          vm.dataSubAspec.items = response.data;\r\n        })\r\n        .catch(() => {})\r\n        .finally(() => {\r\n          vm.data.firstLoad = false;\r\n        });\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    search() {\r\n      // Items have already been loaded\r\n      if (this.items.length > 0) return;\r\n\r\n      // Items have already been requested\r\n      if (this.isLoading) return;\r\n\r\n      const vm = this;\r\n      vm.isLoading = true;\r\n      ApiService.post(\"DataAspec/GetDataSubAspecAutoComplete\", {\r\n        // DataSubAspecId: vm.data.dataSubAspecId\r\n      })\r\n        .then(response => {\r\n          const { count, entries } = response.data;\r\n          vm.count = count;\r\n          vm.entries = entries;\r\n        })\r\n        .catch()\r\n        .finally(() => {\r\n          vm.isLoading = false;\r\n        });\r\n    }\r\n  },\r\n  methods: {\r\n    onSave: function() {\r\n      const vm = this;\r\n      vm.isLoadingSave = true;\r\n      ApiService.post(\"DataAspec/UpdateDataAspecSubAspec\", {\r\n        DataAspecId: vm.data.dataAspecId,\r\n        SubAspecs: vm.dataSubAspec.items\r\n      })\r\n        .then(() => {\r\n          vm.$emit(\"close-window\");\r\n\r\n          vm.data.dialogShow = false;\r\n        })\r\n        .catch(({ response }) => {\r\n          if (response.status == 400) {\r\n            vm.alertColor = \"warning\";\r\n            vm.alertIcon = \"priority_high\";\r\n            vm.alertValue = true;\r\n            vm.alertMessage = response.data;\r\n          } else {\r\n            vm.alertColor = \"error\";\r\n            vm.alertIcon = \"warning\";\r\n            vm.alertValue = true;\r\n            vm.alertMessage = response.data;\r\n          }\r\n        })\r\n        .finally(() => {\r\n          vm.isLoadingSave = false;\r\n        });\r\n    },\r\n    onRemoveSubAspec: function(rowIndex) {\r\n      this.dataSubAspec.items.splice(rowIndex, 1);\r\n    },\r\n    onAddSubAspec: function() {\r\n      const vm = this;\r\n      let isExist = false;\r\n\r\n      this.dataSubAspec.items.forEach(function(entry) {\r\n        if (entry.id === vm.model.id) {\r\n          isExist = true;\r\n        }\r\n      });\r\n\r\n      if (isExist) return;\r\n\r\n      this.dataSubAspec.items.push({\r\n        id: this.model.id,\r\n        code: this.model.code,\r\n        name: this.model.name,\r\n        description: this.model.description\r\n      });\r\n      this.model = null;\r\n      this.search = null;\r\n    },\r\n    onClearAutoComplete: function() {\r\n      this.model = null;\r\n      this.entries = [];\r\n      this.search = null;\r\n      this.isLoading = false;\r\n    },\r\n    dialogClose: function() {\r\n      const vm = this;\r\n      ApiService.post(\"DataSubAspec/GetDataQuestionByDataSubAspec\", {\r\n        DataSubAspecId: vm.data.dataSubAspecId\r\n      })\r\n        .then(response => {\r\n          vm.dataQuestion.items = response.data;\r\n        })\r\n        .catch(() => {});\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n.table-header /deep/ {\r\n  thead {\r\n    background-color: black;\r\n  }\r\n}\r\n\r\n.media-menu {\r\n  min-width: 260px;\r\n  border-right: 1px solid #eee;\r\n  min-height: calc(100vh - 50px - 64px);\r\n}\r\n\r\n.media-detail {\r\n  min-width: 300px;\r\n  border-left: 1px solid #eee;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataAspecDetail.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataAspecDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DataAspecDetail.vue?vue&type=template&id=46a52e9c&scoped=true\"\nimport script from \"./DataAspecDetail.vue?vue&type=script&lang=js\"\nexport * from \"./DataAspecDetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./DataAspecDetail.vue?vue&type=style&index=0&id=46a52e9c&prod&lang=stylus&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  \"46a52e9c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}