{"version":3,"sources":["webpack:///./src/views/hall/index.vue?f1a8","webpack:///./src/views/hall/index.vue?3bac","webpack:///src/views/hall/index.vue","webpack:///./src/views/hall/index.vue?bbe8","webpack:///./src/views/hall/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","item","key","id","class","activeId","on","$event","handle","_v","_s","job","staticRenderFns","data","tabPosition","tabList","methods","$router","push","component"],"mappings":"2GAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,GAAGP,EAAIQ,GAAIR,EAAW,SAAE,SAASS,GAAM,OAAOL,EAAG,MAAM,CAACM,IAAID,EAAKE,GAAGL,YAAY,WAAWM,MAAM,CAAC,SAAWH,EAAKE,IAAIX,EAAIa,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAIgB,OAAOP,EAAKE,OAAO,CAACX,EAAIiB,GAAGjB,EAAIkB,GAAGT,EAAKU,YAAW,GAAGf,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,gBAAgB,UACjgBgB,EAAkB,CAAC,WAAa,IAAIpB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,IAAI,CAACE,YAAY,iCAAiCF,EAAG,IAAI,CAACJ,EAAIiB,GAAG,eC2B5M,GACEI,KADF,WAEI,MAAO,CACLR,SAAU,EACVS,YAAa,OACbC,QAAS,CACf,CAAQ,GAAR,EAAQ,IAAR,QACA,CAAQ,GAAR,EAAQ,IAAR,QACA,CAAQ,GAAR,EAAQ,IAAR,QACA,CAAQ,GAAR,EAAQ,IAAR,QACA,CAAQ,GAAR,EAAQ,IAAR,WAIEC,QAAS,CACPR,OADJ,SACA,GACgB,GAANL,GACFV,KAAKY,SAAW,EAChBZ,KAAKwB,QAAQC,KAAK,CAA1B,kBACA,MACQzB,KAAKY,SAAW,EAChBZ,KAAKwB,QAAQC,KAAK,CAA1B,kBACA,MACQzB,KAAKY,SAAW,EAChBZ,KAAKwB,QAAQC,KAAK,CAA1B,kBACA,MACQzB,KAAKY,SAAW,EAChBZ,KAAKwB,QAAQC,KAAK,CAA1B,mBACA,OACQzB,KAAKY,SAAW,EAChBZ,KAAKwB,QAAQC,KAAK,CAA1B,sBC1D8V,I,wBCQ1VC,EAAY,eACd,EACA5B,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAO,E","file":"js/HallWeb.1117dca1.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=352a2e62&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"all-style-bgc\"},[_c('div',{staticClass:\"Hall\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"left\"},[_vm._m(0),_vm._l((_vm.tabList),function(item){return _c('div',{key:item.id,staticClass:\"smallBox\",class:{'isActive':item.id==_vm.activeId},on:{\"click\":function($event){return _vm.handle(item.id)}}},[_vm._v(_vm._s(item.job))])})],2),_c('div',{staticClass:\"right\"},[_c('router-view')],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"top\"},[_c('i',{staticClass:\"iconfont iconbianzu10beifen3\"}),_c('p',[_vm._v(\"网上营业厅\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"all-style-bgc\">\n    <div class=\"Hall\">\n      <!-- 布局容器 -->\n      <div class=\"container\">\n        <!-- 左侧 -->\n        <div class=\"left\">\n          <div class=\"top\">\n            <i class=\"iconfont iconbianzu10beifen3\"></i>\n            <p>网上营业厅</p>\n          </div>\n          <div\n            class=\"smallBox\"\n            v-for=\"(item) in tabList\"\n            :key=\"item.id\"\n            :class=\"{'isActive':item.id==activeId}\"\n            @click=\"handle(item.id)\"\n          >{{item.job}}</div>\n        </div>\n        <!-- 右侧 -->\n        <div class=\"right\">\n          <router-view></router-view>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      activeId: 1,\n      tabPosition: \"left\",\n      tabList: [\n        { id: 1, job: \"用户报装\" },\n        { id: 2, job: \"用户报修\" },\n        { id: 3, job: \"过户办理\" },\n        { id: 4, job: \"发票信息\" },\n        { id: 5, job: \"服务评价\" },\n      ],\n    };\n  },\n  methods: {\n    handle(id) {\n      if (id == 1) {\n        this.activeId = 1;\n        this.$router.push({ name: \"UserAdd\" });\n      } else if (id == 2) {\n        this.activeId = 2;\n        this.$router.push({ name: \"UserFix\" });\n      } else if (id == 3) {\n        this.activeId = 3;\n        this.$router.push({ name: \"UserChg\" });\n      } else if (id == 4) {\n        this.activeId = 4;\n        this.$router.push({ name: \"UserBill\" });\n      } else if (id == 5) {\n        this.activeId = 5;\n        this.$router.push({ name: \"UserMark\" });\n      }\n    },\n  },\n};\n</script>\n<style lang=\"less\" scoped>\n/deep/.el-tabs__nav-wrap::after {\n  content: \"\";\n  height: 1px !important;\n  background-color: #e4e7ed !important;\n  z-index: 1;\n}\n/deep/ .el-tabs__item {\n  font-size: 16px;\n  font-family: PingFangSC-Medium, PingFang SC;\n  font-weight: 500;\n  color: rgba(102, 102, 102, 1);\n  padding: 0;\n  margin: 0 20px;\n}\n/deep/ .is-active {\n  color: red;\n  border-bottom: 2px solid #dd2126;\n}\n/deep/ .el-tabs__active-bar {\n  display: none;\n}\n.Hall {\n  background: #f2f2f2;\n  width: 1200px;\n  margin: 0 auto;\n  margin-bottom: 40px;\n}\n.container {\n  width: 1200px;\n  height: 100%;\n  display: flex;\n  justify-content: flex-end;\n  margin: 0 auto;\n  margin-top: 3px;\n}\n.box {\n  width: 100%;\n}\n/deep/ .el-breadcrumb {\n  font-size: 12px;\n  color: rgba(102, 102, 102, 1);\n  line-height: 12px;\n  float: left;\n}\n.dangqian {\n  float: left;\n}\n/deep/.el-breadcrumb__inner {\n  font-weight: 400 !important;\n}\n.red {\n  color: #dd2126;\n}\n\n.isActive {\n  background: #fce9ea;\n}\n.left {\n  width: 180px;\n  height: 312px;\n  background-color: white;\n}\n.smallBox {\n  width: 180px;\n  height: 52px;\n  font-size: 16px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  color: rgba(51, 51, 51, 1);\n  line-height: 52px;\n  text-align: center;\n}\n.top {\n  margin-top: 1px;\n  position: relative;\n  width: 180px;\n  height: 52px;\n  line-height: 52px;\n\n  background-color: #dd2126;\n  font-size: 16px;\n  font-family: PingFangSC-Regular, PingFang SC;\n  font-weight: 400;\n  i {\n    left: 10px;\n  }\n}\np {\n  padding-left: 40px;\n  color: white;\n}\n.right {\n  margin-left: 10px;\n  width: 1010px;\n  min-height: 546px;\n  /*background-color: white;*/\n  box-sizing: border-box;\n}\ni {\n  position: absolute;\n  left: 15px;\n  width: 16px;\n  height: 16px;\n  color: white;\n}\n/deep/.el-breadcrumb {\n  margin: 15px 0 20px 0;\n  display: flex;\n  align-items: center;\n  line-height: 10px;\n}\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=352a2e62&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=352a2e62&lang=less&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  \"352a2e62\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}