{"version":3,"sources":["webpack:///./src/views/product/ProductList.vue?6766","webpack:///./src/views/product/ProductList.vue?8ffd","webpack:///src/views/product/ProductList.vue","webpack:///./src/views/product/ProductList.vue?68d5","webpack:///./src/views/product/ProductList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","staticStyle","style","on","addProduct","productList","length","_e","_l","val","key","id","padding","productImg","_s","pdtName","userInfo","bthCode","pdtIntro","$event","edit","del","total","pageChange","staticRenderFns","name","data","JSON","parse","localStorage","getItem","buttonStyle","sessionStorage","PageSize","PageIndex","mounted","isPC","tools","getList","methods","page","toString","handleSelectionChange","selectData","api","res","pdtNames","pdtENames","title","message","type","$router","push","pageIndex","_data","$confirm","confirmButtonText","cancelButtonText","center","code","component"],"mappings":"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","file":"js/chunk-69f96618.398d5195.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!./ProductList.vue?vue&type=style&index=0&id=d87fe4fa&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"product\"}},[_c('div',{staticClass:\"header\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',[_vm._v(\"产品列表\")])],1),_c('div',{staticStyle:{\"padding-right\":\"50%\"}},[_c('el-button',{staticClass:\"button\",style:(_vm.buttonStyle),attrs:{\"type\":\"primary\"},on:{\"click\":_vm.addProduct}},[_vm._v(\"新增\")])],1)],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\",style:(_vm.buttonStyle),attrs:{\"size\":\"medium\",\"type\":\"primary\"},on:{\"click\":function($event){return _vm.edit(val)}}},[_vm._v(\"修改\")]),_c('el-button',{staticClass:\"button\",attrs:{\"size\":\"medium\"},on:{\"click\":function($event){return _vm.del(val)}}},[_vm._v(\"删除\")])],1)])])])})],2),_c('div',{staticStyle:{\"text-align\":\"center\",\"padding\":\"10px 0\"}},[_c('el-pagination',{attrs:{\"page-size\":10,\"layout\":\"prev, pager, next\",\"total\":_vm.total},on:{\"current-change\":_vm.pageChange}})],1)])}\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>产品列表</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n      <div style=\"padding-right:50%;\">\r\n        <el-button class=\"button\" type=\"primary\" @click=\"addProduct\" :style=\"buttonStyle\">新增</el-button>\r\n      </div>\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\" :style=\"buttonStyle\" size=\"medium\" type=\"primary\" @click=\"edit(val)\">修改</el-button>\r\n              <el-button class=\"button\" size=\"medium\" @click=\"del(val)\">删除</el-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n    <div style=\"text-align:center;padding:10px 0\">\r\n      <el-pagination\r\n        @current-change = 'pageChange'\r\n        :page-size=\"10\"\r\n        layout=\"prev, pager, next\"\r\n        :total=\"total\">\r\n      </el-pagination>\r\n    </div>\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      buttonStyle: sessionStorage.getItem('buttonStyle') ? JSON.parse(sessionStorage.getItem('buttonStyle')) : {},\r\n      PageSize: '10', // 分页  当前页数量\r\n      PageIndex: '1', // 分页  页数\r\n      total: 0, // 分页  总数量\r\n    }\r\n  },\r\n  mounted() {\r\n    this.isPC = tools.isPC()\r\n    this.getList()\r\n  },\r\n  methods: {\r\n    pageChange(page){\r\n      this.PageIndex = page.toString()\r\n      this.getList()\r\n    },\r\n    handleSelectionChange(val){\r\n      this.selectData = val\r\n      this.getList()\r\n    },\r\n    addProduct() {\r\n      api.GetPdtInfoDetail().then((res)=>{\r\n        // console.log(res,'GetPdtInfoDetail')\r\n        if(res.data.code =='200' && res.data.data){\r\n          if (res.data.data.pdtNames.length > 0 || res.data.data.pdtENames.length > 0) {\r\n            this.$router.push('/addProduct')\r\n          } else {\r\n            this.$notify({\r\n              title: '提示',\r\n              message: '请保存主要产品后操作',\r\n              type: 'error'\r\n            });\r\n          }\r\n        }\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: this.PageIndex,\r\n        PageSize: this.PageSize\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        }\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--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!./ProductList.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!./ProductList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductList.vue?vue&type=template&id=d87fe4fa&scoped=true&\"\nimport script from \"./ProductList.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductList.vue?vue&type=style&index=0&id=d87fe4fa&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  \"d87fe4fa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}