{"version":3,"sources":["webpack:///./src/views/product.vue","webpack:///src/views/product.vue","webpack:///./src/views/product.vue?982f","webpack:///./src/views/product.vue?da71","webpack:///./src/components/imgWrapp.vue?dce3","webpack:///./src/views/product.vue?cbdd","webpack:///./src/components/imgWrapp.vue","webpack:///src/components/imgWrapp.vue","webpack:///./src/components/imgWrapp.vue?4c7a","webpack:///./src/components/imgWrapp.vue?bbeb"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","class","scrollTop","_m","_l","productList","item","index","key","_v","_s","name","category","count","Pcount","list","length","limit","remark","ite","ind","attrs","link","ask","bgColor","id","navId","on","selectRemove","staticRenderFns","props","Number","components","ImgWrapp","data","methods","type","$store","commit","info","computed","getters","getSeletedImgList","onLoad","component","imgLink","canRevise","canDrag","style","showImgViewer","showAsk","showTips","_e","isSelect","directives","rawName","value","localSelected","expression","domProps","Array","isArray","_i","$event","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","bindClick","isDelete","isClose","String","selected","Boolean","isDrag","imgId","default","Object","_this","$photoViewer","onhide","$emit","e","$my_message","show","title","success","close","getCanRevise","mounted","_this2","$nextTick","watch","n","l"],"mappings":"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","file":"js/chunk-103754ad.a2b9063f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrapp\"},[_c('div',{staticClass:\"section\",staticStyle:{\"border-left\":\"5px solid #2B333E\"}},[_c('div',{staticClass:\"head\",class:{'active':_vm.scrollTop>130}},[_vm._m(0)]),_c('div',{staticClass:\"bady\",class:{'active':_vm.scrollTop>130}},_vm._l((_vm.productList),function(item,index){return _c('div',{key:index,staticClass:\"border-bottom\"},[_c('div',{staticClass:\"nav-bar border-bottom flex\"},[_c('div',{staticClass:\"item\"},[_vm._v(_vm._s(index+1))]),_c('div',{staticClass:\"item\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"item\"},[_vm._v(_vm._s(item.category))]),_c('div',{staticClass:\"item\"},[_vm._v(_vm._s(item.count))]),_c('div',{staticClass:\"item\"},[_vm._v(_vm._s(item.Pcount))]),_c('div',{staticClass:\"item\"},[_vm._v(_vm._s(item.list.length+'/'+item.limit))]),_c('div',{staticClass:\"flex-sub\"},[_vm._v(_vm._s(item.remark))])]),_c('div',{staticClass:\"grid col-item list\"},_vm._l((item.list),function(ite,ind){return _c('div',{key:ind,staticClass:\"item\"},[_c('ImgWrapp',{attrs:{\"imgLink\":ite.link,\"ask\":ite.ask,\"isClose\":true,\"bgColor\":item.bgColor,\"imgId\":ite.id,\"info\":{id:ite.id,navId:index}},on:{\"bindClick\":_vm.selectRemove}})],1)}),0)])}),0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"nav-bar border-bottom flex\"},[_c('div',{staticClass:\"item\"},[_vm._v(\"序号\")]),_c('div',{staticClass:\"item\"},[_vm._v(\"产品名称\")]),_c('div',{staticClass:\"item\"},[_vm._v(\"类别\")]),_c('div',{staticClass:\"item\"},[_vm._v(\"数量\")]),_c('div',{staticClass:\"item\"},[_vm._v(\"P数\")]),_c('div',{staticClass:\"item\"},[_vm._v(\"张数\")]),_c('div',{staticClass:\"item\"},[_vm._v(\"产品备注\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wrapp\">\r\n    <div class=\"section\" style=\"border-left: 5px solid #2B333E\">\r\n      <div class=\"head\" :class=\"{'active':scrollTop>130}\">\r\n        <div class=\"nav-bar border-bottom flex\">\r\n          <div class=\"item\">序号</div>\r\n          <div class=\"item\">产品名称</div>\r\n          <div class=\"item\">类别</div>\r\n          <div class=\"item\">数量</div>\r\n          <div class=\"item\">P数</div>\r\n          <div class=\"item\">张数</div>\r\n          <div class=\"item\">产品备注</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"bady\" :class=\"{'active':scrollTop>130}\">\r\n        <div class=\"border-bottom\" v-for=\"(item,index) in productList\" :key=\"index\">\r\n          <div class=\"nav-bar border-bottom flex\">\r\n            <div class=\"item\">{{index+1}}</div>\r\n            <div class=\"item\">{{item.name}}</div>\r\n            <div class=\"item\">{{item.category}}</div>\r\n            <div class=\"item\">{{item.count}}</div>\r\n            <div class=\"item\">{{item.Pcount}}</div>\r\n            <div class=\"item\">{{item.list.length+'/'+item.limit}}</div>\r\n            <div class=\"flex-sub\">{{item.remark}}</div>\r\n          </div>\r\n          <div class=\"grid col-item list\">\r\n            <div class=\"item\" v-for=\"(ite,ind) in item.list\" :key=\"ind\">\r\n              <ImgWrapp\r\n                :imgLink=\"ite.link\"\r\n                :ask=\"ite.ask\"\r\n                :isClose=\"true\"\r\n                :bgColor=\"item.bgColor\"\r\n                :imgId=\"ite.id\"\r\n                @bindClick=\"selectRemove\"\r\n                :info=\"{id:ite.id,navId:index}\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ImgWrapp from \"../components/imgWrapp\";\r\nimport navVue from \"../components/nav.vue\";\r\nexport default {\r\n  props: {\r\n    scrollTop: Number\r\n  },\r\n  components: { ImgWrapp },\r\n  data() {\r\n    return {};\r\n  },\r\n  methods: {\r\n    // 移除\r\n    selectRemove(type, data) {\r\n      this.$store.commit(\"removeSelectImg\", {\r\n        navId: data.info.navId,\r\n        id: data.info.id\r\n      });\r\n    }\r\n  },\r\n  computed: {\r\n    productList() {\r\n      return this.$store.getters.getSeletedImgList;\r\n    }\r\n  },\r\n  onLoad() {}\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wrapp {\r\n  .section {\r\n    background-color: #fff;\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(231, 233, 237, 1);\r\n    margin-bottom: 20px;\r\n    .nav-bar {\r\n      font-size: 14px;\r\n      font-family: Source Han Sans CN;\r\n      font-weight: bold;\r\n      color: #333c48;\r\n      padding: 0 30px;\r\n      height: 65px;\r\n      line-height: 65px;\r\n      .item {\r\n        flex: 0 0 130px;\r\n      }\r\n    }\r\n    .head {\r\n      &.active {\r\n        position: fixed;\r\n        width: 100%;\r\n        top: 129px;\r\n        left: 0;\r\n        min-width: $min-width;\r\n        z-index: 10;\r\n        padding: 0 60px;\r\n        background: rgba(245, 248, 250, 1);\r\n        border-bottom: 1px solid #e7e9ed;\r\n      }\r\n      .nav-bar {\r\n        height: 36px;\r\n        background: rgba(245, 248, 250, 1);\r\n        color: #7f8fa4;\r\n        line-height: 36px;\r\n        .item {\r\n          flex: 0 0 130px;\r\n        }\r\n      }\r\n    }\r\n    .bady {\r\n      &.active {\r\n        padding-top: 100px;\r\n      }\r\n      .list {\r\n        padding: 20px;\r\n        width: 100%;\r\n        max-width: 1300px;\r\n        .item {\r\n          margin-bottom: 10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.border-bottom {\r\n  border-bottom: 1px solid #e7e9ed;\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=6d2317c2&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=6d2317c2&prod&lang=scss&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  \"6d2317c2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/px2rem-loader/index.js??ref--9-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../node_modules/sass-resources-loader/lib/loader.js??ref--9-oneOf-1-5!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./imgWrapp.vue?vue&type=style&index=0&id=762d8e34&prod&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/px2rem-loader/index.js??ref--9-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../node_modules/sass-resources-loader/lib/loader.js??ref--9-oneOf-1-5!../../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=6d2317c2&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.imgLink)?_c('div',{staticClass:\"img-wrapp\",class:{'canshow':_vm.canRevise},attrs:{\"draggable\":_vm.canDrag&&_vm.canRevise}},[_c('div',{staticClass:\"img\",style:({'backgroundImage':'url('+_vm.imgLink+')'}),on:{\"click\":_vm.showImgViewer}}),(_vm.showAsk)?_c('div',{staticClass:\"ask-wrapp animate\",class:{'hide':!_vm.ask},style:({'--bgcolor':_vm.bgColor}),on:{\"click\":_vm.showTips}},[(!_vm.ask&&_vm.canRevise)?_c('i',{staticClass:\"icon-pencil\",staticStyle:{\"margin-right\":\"10px\"}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.ask?_vm.ask:_vm.canRevise?'添加调修要求':'')+\" \")]):_vm._e(),(_vm.isSelect&&_vm.canRevise)?_c('div',{staticClass:\"check\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.localSelected),expression:\"localSelected\"}],staticClass:\"checkInput animate\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.localSelected)?_vm._i(_vm.localSelected,null)>-1:(_vm.localSelected)},on:{\"change\":[function($event){var $$a=_vm.localSelected,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.localSelected=$$a.concat([$$v]))}else{$$i>-1&&(_vm.localSelected=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.localSelected=$$c}},function($event){return _vm.bindClick('check')}]}})]):_vm._e(),(_vm.isDelete&&_vm.canRevise)?_c('div',{staticClass:\"delete\"},[_c('button',{on:{\"click\":function($event){return _vm.bindClick('delete')}}},[_c('i',{staticClass:\"icon-delete\"})])]):_vm._e(),(_vm.isClose&&_vm.canRevise)?_c('div',{staticClass:\"delete\"},[_c('button',{on:{\"click\":function($event){return _vm.bindClick('close')}}},[_c('i',{staticClass:\"icon-cross\"})])]):_vm._e()]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"img-wrapp\"\r\n    v-if=\"imgLink\"\r\n    :class=\"{'canshow':canRevise}\"\r\n    :draggable=\"canDrag&&canRevise\"\r\n  >\r\n    <div class=\"img\" @click=\"showImgViewer\" :style=\"{'backgroundImage':'url('+imgLink+')'}\"></div>\r\n    <div\r\n      v-if=\"showAsk\"\r\n      @click=\"showTips\"\r\n      class=\"ask-wrapp animate\"\r\n      :style=\"{'--bgcolor':bgColor}\"\r\n      :class=\"{'hide':!ask}\"\r\n    >\r\n      <i v-if=\"!ask&&canRevise\" class=\"icon-pencil\" style=\"margin-right:10px\"></i>\r\n      {{ask?ask:canRevise?'添加调修要求':''}}\r\n    </div>\r\n    <div class=\"check\" v-if=\"isSelect&&canRevise\">\r\n      <input\r\n        v-model=\"localSelected\"\r\n        type=\"checkbox\"\r\n        class=\"checkInput animate\"\r\n        @change=\"bindClick('check')\"\r\n      />\r\n    </div>\r\n    <div class=\"delete\" v-if=\"isDelete&&canRevise\">\r\n      <button @click=\"bindClick('delete')\">\r\n        <i class=\"icon-delete\"></i>\r\n      </button>\r\n    </div>\r\n    <div class=\"delete\" v-if=\"isClose&&canRevise\">\r\n      <button @click=\"bindClick('close')\">\r\n        <i class=\"icon-cross\"></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    imgLink: String,\r\n    selected: Boolean,\r\n    ask: String,\r\n    isSelect: Boolean,\r\n    isDelete: Boolean,\r\n    isClose: Boolean,\r\n    isDrag: Boolean,\r\n    imgId: String,\r\n    bgColor: {\r\n      type: String,\r\n      default: \"rgba(0,0,0,.8)\"\r\n    },\r\n    info: Object,\r\n    showAsk: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  data() {\r\n    let localSelected = this.selected;\r\n    return {\r\n      localSelected: localSelected,\r\n      canDrag: false\r\n    };\r\n  },\r\n  methods: {\r\n    showImgViewer() {\r\n      let _this = this;\r\n      this.$photoViewer({\r\n        id: _this.imgId,\r\n        onhide: function() {\r\n          // _this.$forceUpdate();\r\n        }\r\n      });\r\n    },\r\n    bindClick(type) {\r\n      // 禁止操作\r\n      if (!this.canRevise) return;\r\n      let _this = this;\r\n      if (type == \"check\" || type == \"close\") {\r\n        this.$emit(\"bindClick\", type, {\r\n          info: _this.info,\r\n          data: _this.localSelected\r\n        });\r\n      } else if (type == \"delete\") {\r\n        this.$emit(\"bindClick\", type, {\r\n          info: _this.info\r\n        });\r\n      }\r\n    },\r\n    showTips(e) {\r\n      // 禁止操作\r\n      if (!this.canRevise) return;\r\n      let _this = this;\r\n      _this.canDrag = false;\r\n      this.$my_message.show(\r\n        {\r\n          type: \"remark\",\r\n          title: _this.ask == \"\" ? \"添加调修要求\" : \"修改调修要求\",\r\n          data: _this.ask,\r\n          success: function(data) {\r\n            // _this.$emit(\"bindClick\", \"ask\", {\r\n            //   info: _this.info.index,\r\n            //   data: data\r\n            // });\r\n\r\n            _this.$store.commit(\"setImgAsk\", {\r\n              id: _this.imgId,\r\n              data: data\r\n            });\r\n          },\r\n          close: function() {\r\n            if (_this.isDrag) {\r\n              _this.canDrag = true;\r\n            }\r\n          }\r\n        },\r\n        e\r\n      );\r\n    }\r\n  },\r\n  computed: {\r\n    canRevise() {\r\n      return this.$store.getters.getCanRevise;\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.canDrag = this.isDrag;\r\n    });\r\n  },\r\n  watch: {\r\n    selected(n, l) {\r\n      this.localSelected = n;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n.img-wrapp {\r\n  position: relative;\r\n  width: 150px;\r\n  height: 150px;\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n  .img {\r\n    background: no-repeat center;\r\n    background-size: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: #ddd;\r\n  }\r\n  .hide {\r\n    opacity: 0;\r\n  }\r\n  .ask-wrapp {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 32px;\r\n    line-height: 32px;\r\n    bottom: 0;\r\n    left: 0;\r\n    padding: 0 6px;\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-family: Source Han Sans CN;\r\n    font-weight: 400;\r\n    word-break: keep-all;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    cursor: pointer;\r\n    background-color: rgba(0, 0, 0, 0.8);\r\n  }\r\n\r\n  .check,\r\n  .delete {\r\n    position: absolute;\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 5px;\r\n    overflow: hidden;\r\n    right: 10px;\r\n    top: 10px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n.delete {\r\n  button {\r\n    width: 22px;\r\n    height: 22px;\r\n    background: rgba(211, 49, 20, 1);\r\n    border: 1px solid rgba(232, 71, 43, 1);\r\n    border-radius: 5px 5px 5px 5px;\r\n    color: #fff;\r\n    padding: 0;\r\n    margin: 0;\r\n    font-size: 13px;\r\n    line-height: 22px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.canshow:hover {\r\n  .ask-wrapp {\r\n    background-color: var(--bgcolor);\r\n  }\r\n  .hide {\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>","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!./imgWrapp.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!./imgWrapp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./imgWrapp.vue?vue&type=template&id=762d8e34&scoped=true&\"\nimport script from \"./imgWrapp.vue?vue&type=script&lang=js&\"\nexport * from \"./imgWrapp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./imgWrapp.vue?vue&type=style&index=0&id=762d8e34&prod&lang=scss&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  \"762d8e34\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}