{"version":3,"sources":["webpack:///./src/views/product/Product.vue","webpack:///src/views/product/Product.vue","webpack:///./src/views/product/Product.vue?1def","webpack:///./src/views/product/Product.vue?0018","webpack:///./src/views/product/Product.vue?ae46"],"names":["render","_vm","this","_c","_self","attrs","staticClass","staticStyle","_v","on","addProduct","productList","length","_e","_l","val","key","id","padding","productImg","_s","pdtName","userInfo","bthCode","pdtIntro","$event","edit","del","staticRenderFns","name","data","total","mounted","methods","path","query","getList","api","pageIndex","confirmButtonText","cancelButtonText","type","center","pdtID","title","message","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,YAAY,CAACF,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,gBAAgB,CAACE,MAAM,CAAC,kBAAkB,wBAAwB,CAACF,EAAG,qBAAqB,CAACA,EAAG,SAAS,CAACI,YAAY,CAAC,YAAY,SAAS,CAACN,EAAIO,GAAG,aAAa,GAAGL,EAAG,YAAY,CAACG,YAAY,SAASC,YAAY,CAAC,eAAe,QAAQF,MAAM,CAAC,KAAO,WAAWI,GAAG,CAAC,MAAQR,EAAIS,aAAa,CAACT,EAAIO,GAAG,SAAS,GAAGL,EAAG,KAAK,CAACG,YAAY,SAAS,CAAEL,EAAIU,YAAYC,QAAU,EAAIT,EAAG,MAAM,CAACG,YAAY,UAAU,CAACL,EAAIO,GAAG,eAAeP,EAAIY,KAAKZ,EAAIa,GAAIb,EAAIU,aAAa,SAASI,GAAK,OAAOZ,EAAG,KAAK,CAACa,IAAID,EAAIE,IAAI,CAACd,EAAG,MAAM,CAACG,YAAY,WAAWD,MAAM,CAAC,aAAa,CAAEa,QAAS,SAAU,CAACf,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACE,MAAM,CAAC,IAAMU,EAAII,gBAAgBhB,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,KAAK,CAACF,EAAIO,GAAG,SAASP,EAAImB,GAAGL,EAAIM,YAAYlB,EAAG,IAAI,CAACF,EAAIO,GAAG,SAASL,EAAG,OAAO,CAACG,YAAY,QAAQ,CAACL,EAAIO,GAAGP,EAAImB,GAAGnB,EAAIqB,SAASC,SAAW,WAAWpB,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACL,EAAIO,GAAG,SAASP,EAAImB,GAAGL,EAAIS,aAAarB,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,YAAY,CAACG,YAAY,SAASD,MAAM,CAAC,KAAO,WAAWI,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOxB,EAAIyB,KAAKX,MAAQ,CAACd,EAAIO,GAAG,QAAQL,EAAG,YAAY,CAACG,YAAY,SAASG,GAAG,CAAC,MAAQ,SAASgB,GAAQ,OAAOxB,EAAI0B,IAAIZ,MAAQ,CAACd,EAAIO,GAAG,SAAS,aAAY,MAExzCoB,EAAkB,G,oCC6BP,GACfC,eACAC,gBACA,OACAnB,eACAW,sDACAS,WAGAC,mBACA,wBACA,gBAEAC,SACAvB,sBACA,aACA,iCAEA,uCAGAgB,iBACA,mBAAAQ,mBAAAC,OAAAlB,YAGAmB,mBAAA,WACAC,oBACAC,gBACA,kBACA,uBACA,kBACA,qBACA,qBAKAX,gBAAA,WACA,+BACAY,uBACAC,sBACAC,eACAC,YACA,iBACAL,sBAAAM,uBAAA,kBACA,oBACA,WACAC,WACAC,eACAJ,iBAEA,mBAGA,yBCrFgW,I,wBCQ5VK,EAAY,eACd,EACA9C,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,2CCnBf,W","file":"js/chunk-0fc7c0fa.40d47383.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"product\"}},[_c('div',{staticClass:\"header\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',[_c('strong',{staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\"展品列表\")])])],1),_c('el-button',{staticClass:\"button\",staticStyle:{\"margin-right\":\"20px\"},attrs:{\"type\":\"primary\"},on:{\"click\":_vm.addProduct}},[_vm._v(\"新增\")])],1),_c('ul',{staticClass:\"cards\"},[(_vm.productList.length <= 0 )?_c('div',{staticClass:\"noData\"},[_vm._v(\"您没有上传展品信息\")]):_vm._e(),_vm._l((_vm.productList),function(val){return _c('li',{key:val.id},[_c('div',{staticClass:\"cardItem\",attrs:{\"body-style\":{ padding: '0px' }}},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":val.productImg}})]),_c('div',{staticClass:\"rightBox\"},[_c('h3',[_vm._v(\"展品名称： \"+_vm._s(val.pdtName))]),_c('p',[_vm._v(\"展位号： \"),_c('span',{staticClass:\"blue\"},[_vm._v(_vm._s(_vm.userInfo.bthCode || '暂无'))])]),_c('div',{staticClass:\"text\"},[_vm._v(\"产品说明： \"+_vm._s(val.pdtIntro))]),_c('div',{staticClass:\"bottom clearfix\"},[_c('el-button',{staticClass:\"button\",attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.edit(val)}}},[_vm._v(\"修改\")]),_c('el-button',{staticClass:\"button\",on:{\"click\":function($event){return _vm.del(val)}}},[_vm._v(\"删除\")])],1)])])])})],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"product\">\r\n    <div class=\"header\">\r\n      <el-breadcrumb separator-class=\"el-icon-arrow-right\">\r\n        <el-breadcrumb-item><strong style=\"font-size: 16px;\">展品列表</strong></el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n      <el-button class=\"button\" type=\"primary\" @click=\"addProduct\" style=\"margin-right:20px\">新增</el-button>\r\n    </div>\r\n    <ul class=\"cards\">\r\n      <div class=\"noData\" v-if=\"productList.length <= 0 \">您没有上传展品信息</div>\r\n      <li v-for=\"(val) in productList\" :key=\"val.id\">\r\n        <div :body-style=\"{ padding: '0px' }\" class=\"cardItem\">\r\n          <div class=\"img\"><img :src=\"val.productImg\"></div>\r\n          <div class=\"rightBox\">\r\n            <!-- <h3>公司名： {{val.clgComName}}</h3> -->\r\n            <h3>展品名称： {{val.pdtName}}</h3>\r\n            <p>展位号： <span class=\"blue\">{{ userInfo.bthCode || '暂无' }}</span></p>\r\n            <div class=\"text\">产品说明： {{val.pdtIntro}}</div>\r\n            <div class=\"bottom clearfix\">\r\n              <el-button class=\"button\" type=\"primary\" @click=\"edit(val)\">修改</el-button>\r\n              <el-button class=\"button\" @click=\"del(val)\">删除</el-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n<script>\r\nimport api from '@/api'\r\nimport tools from '../../utils/tools.js';\r\nexport default {\r\n  name: 'Product',\r\n  data() {\r\n    return {\r\n      productList:[],\r\n      userInfo: JSON.parse(localStorage.getItem('userInfo')),\r\n      total:''\r\n    }\r\n  },\r\n  mounted() {\r\n    this.isPC = tools.isPC()\r\n    this.getList()\r\n  },\r\n  methods: {\r\n    addProduct() {\r\n      if(this.total < 6){\r\n        this.$router.push('/addProduct')\r\n      }else{\r\n        this.$message.error('展品只能上传6个，名额已满。')\r\n      }\r\n    },\r\n    edit(val){\r\n      this.$router.push({path: '/addProduct', query: {id: val.id}});\r\n    },\r\n    //获取数据\r\n    getList(){\r\n          api.productlist({\r\n            pageIndex:\"0\"\r\n          }).then((res)=>{\r\n              if(res.data.code =='200'){\r\n                var _data = res.data.data\r\n                this.productList = _data.list\r\n                this.total = _data.total\r\n//              console.log(this.total)\r\n              }\r\n          })\r\n    },\r\n    del(val){\r\n        this.$confirm('确定删除该展品？', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning',\r\n          center: true\r\n        }).then(() => {\r\n          api.deleteproduct({pdtID: parseInt(val.id) }).then(res => {\r\n            if (res.data.code === 200) {\r\n              this.$notify({\r\n                title: '成功',\r\n                message: '删除成功',\r\n                type: 'success'\r\n              });\r\n              this.getList()\r\n            }\r\n          })\r\n        }).catch(() => {});\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.noData{\r\n  text-align: center;\r\n  width: 100%;\r\n  font-size: 16px;\r\n  color:#999\r\n}\r\n#product{\r\n  padding-top:30px;\r\n  .header{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n  .cardItem{\r\n      -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n      display: flex;\r\n      margin-bottom: 50px;\r\n      padding: 20px;\r\n      border-radius: 10px;\r\n  }\r\n  .cardItem .img{\r\n      width:200px;\r\n      height:200px;\r\n      margin-right: 10px;\r\n      text-align: center;\r\n  }\r\n  .cardItem .img img{\r\n      max-width:100%;\r\n      max-height:100%;\r\n  }\r\n  .rightBox{\r\n    width: 65%;\r\n    font-size:14px;\r\n    position: relative;\r\n    padding: 14px;\r\n    p{\r\n      padding-top:15px;\r\n    }\r\n    .bottom{\r\n        padding-top: 20px;\r\n    }\r\n    .text{\r\n      overflow: hidden;\r\n      text-overflow:ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n  }\r\n  \r\n  .mart30{\r\n    padding-top:30px;\r\n  }\r\n  .blue{\r\n    color:#409EFF\r\n  }\r\n  .cards{\r\n    display: flex;\r\n    padding-top:30px;\r\n    flex-wrap: wrap;\r\n    >li{\r\n      padding: 0 20px;\r\n      width: 50%\r\n    }\r\n  }\r\n  @media screen and (max-width:540px){\r\n    .cards>li{\r\n      width: 100%;\r\n      padding:0;\r\n      .img{\r\n        width:90px;\r\n        height: auto;\r\n        background: #fff;\r\n        img{\r\n          max-width: 90px;\r\n        }\r\n      }\r\n    }\r\n    .rightBox{\r\n      padding:0;\r\n      font-size: 14px;\r\n      h3{\r\n        font-size: 14px;\r\n      }\r\n      >p{\r\n        padding-top:10px;\r\n      }\r\n      .el-button{\r\n        padding:8px 16px\r\n      }\r\n    }\r\n  }\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!./Product.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!./Product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Product.vue?vue&type=template&id=620d9250&scoped=true&\"\nimport script from \"./Product.vue?vue&type=script&lang=js&\"\nexport * from \"./Product.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Product.vue?vue&type=style&index=0&id=620d9250&prod&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  \"620d9250\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Product.vue?vue&type=style&index=0&id=620d9250&prod&lang=less&scoped=true&\""],"sourceRoot":""}