{"version":3,"sources":["webpack:///./src/views/CaclMLCostPage/SemiContrast.vue?0044","webpack:///./src/views/CaclMLCostPage/SemiContrast.vue","webpack:///./src/views/CaclMLCostPage/SemiContrastCard.vue","webpack:///src/views/CaclMLCostPage/SemiContrastCard.vue","webpack:///./src/views/CaclMLCostPage/SemiContrastCard.vue?7033","webpack:///./src/views/CaclMLCostPage/SemiContrastCard.vue?8296","webpack:///src/views/CaclMLCostPage/SemiContrast.vue","webpack:///./src/views/CaclMLCostPage/SemiContrast.vue?038c","webpack:///./src/views/CaclMLCostPage/SemiContrast.vue?ef0c","webpack:///./src/views/CaclMLCostPage/SemiContrastCard.vue?d4fb"],"names":["render","_vm","this","_c","_self","staticClass","_l","materialPurchaseList","item","index","key","attrs","_v","_s","material","name","staticStyle","model","value","calcPurchaseUnitCost","callback","$$v","$set","expression","cardList","card","ref","refInFor","on","changeSemi","closeCard","addCard","staticRenderFns","selectSemiItem","semiItemId","semiItemList","_id","factory","semiItem","solidContent","unitCostPerSoidContent","toFixed","_e","materialTableLoading","materialTableColumns","materialCostDetail","props","data","title","align","minWidth","h","params","style","fontSize","row","width","ratio","unitCost","find","x","undefined","parseInt","materialCost","preDate","computed","mapState","state","reCalcMaterialCostDetail","cost","forEach","e","a","watch","handler","newValue","old","i","length","Number","deep","methods","mapActions","getSemiItem","getSemiLatestCostDetail","originMaterialList","slice","filter","map","newMaterialList","calcSemiCost","$emit","total","reduce","p","c","push","error","$Message","component","components","SemiContrastCard","semiCardList","String","Date","findIndex","refCount","splice","created"],"mappings":"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","file":"js/chunk-335c3dea.261fdbb2.js","sourcesContent":["export * from \"-!../../../node_modules/.pnpm/mini-css-extract-plugin@0.9.0_webpack@4.47.0/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.47.0/node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/.pnpm/stylus-loader@3.0.2_stylus@0.54.8/node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./SemiContrast.vue?vue&type=style&index=0&id=ee102104&prod&lang=stylus&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"wrap\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"material-price\"},_vm._l((_vm.materialPurchaseList),function(item,index){return _c('div',{key:index,staticClass:\"material-item\",attrs:{\"value\":index}},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.material.name))]),_c('Input',{staticStyle:{\"width\":\"80px\"},model:{value:(item.calcPurchaseUnitCost),callback:function ($$v) {_vm.$set(item, \"calcPurchaseUnitCost\", $$v)},expression:\"item.calcPurchaseUnitCost\"}})],1)}),0),_c('div',{staticClass:\"semiItem-wrap\"},[_vm._l((_vm.cardList),function(card,index){return _c('div',{key:card,staticClass:\"semiItem-card\"},[_c('SemiContrastCard',{ref:\"SemiContrastCard\",refInFor:true,attrs:{\"index\":index,\"materialPurchaseList\":_vm.materialPurchaseList},on:{\"changeSemi\":_vm.changeSemi,\"closeCard\":_vm.closeCard}})],1)}),_c('div',{staticClass:\"addCard\"},[_c('Icon',{attrs:{\"type\":\"ios-add\",\"size\":\"100\",\"color\":\"#88D1F1\"},on:{\"click\":_vm.addCard}})],1)],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Card',{staticClass:\"card-item\",staticStyle:{\"width\":\"450px\"},attrs:{\"padding\":0}},[_c('div',{staticClass:\"close\",on:{\"click\":_vm.closeCard}},[_c('Icon',{attrs:{\"type\":\"ios-close\",\"size\":\"28\"}})],1),_c('div',{staticClass:\"contetn\"},[_c('Select',{staticStyle:{\"width\":\"200px\",\"margin\":\"28px 0 20px 0\"},attrs:{\"clearable\":\"\",\"filterable\":\"\"},on:{\"on-change\":_vm.selectSemiItem},model:{value:(_vm.semiItemId),callback:function ($$v) {_vm.semiItemId=$$v},expression:\"semiItemId\"}},_vm._l((_vm.semiItemList),function(item){return _c('Option',{key:item._id,attrs:{\"value\":item._id}},[_vm._v(_vm._s(item.material.model)+\"-\"+_vm._s(item.factory.name))])}),1),(_vm.semiItem.solidContent)?_c('div',{staticClass:\"solidContent-wrap\"},[_c('div',{staticClass:\"solidContent-item\"},[_c('div',[_vm._v(\"固含量：\")]),_c('div',[_vm._v(_vm._s(_vm.semiItem.solidContent))])]),_c('div',{staticClass:\"solidContent-item\"},[_c('div',[_vm._v(\"固含价格：\")]),_c('div',[_vm._v(_vm._s(_vm.semiItem.unitCostPerSoidContent.toFixed(3)))])])]):_vm._e(),_c('div',{staticClass:\"material-table\"},[_c('Table',{attrs:{\"border\":\"\",\"loading\":_vm.materialTableLoading,\"columns\":_vm.materialTableColumns,\"data\":_vm.materialCostDetail}})],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <Card :padding=\"0\" class=\"card-item\" style=\"width: 450px\">\n    <div class=\"close\" @click=\"closeCard\">\n      <Icon type=\"ios-close\" size=\"28\" />\n    </div>\n    <div class=\"contetn\">\n      <Select\n        @on-change=\"selectSemiItem\"\n        v-model=\"semiItemId\"\n        clearable\n        filterable\n        style=\"width: 200px; margin: 28px 0 20px 0\"\n      >\n        <Option v-for=\"item in semiItemList\" :value=\"item._id\" :key=\"item._id\"\n          >{{ item.material.model }}-{{ item.factory.name }}</Option\n        >\n      </Select>\n      <div class=\"solidContent-wrap\" v-if=\"semiItem.solidContent\">\n        <div class=\"solidContent-item\">\n          <div>固含量：</div>\n          <div>{{ semiItem.solidContent }}</div>\n        </div>\n        <div class=\"solidContent-item\">\n          <div>固含价格：</div>\n          <div>{{ semiItem.unitCostPerSoidContent.toFixed(3) }}</div>\n        </div>\n      </div>\n      <div class=\"material-table\">\n        <Table\n          border\n          :loading=\"materialTableLoading\"\n          :columns=\"materialTableColumns\"\n          :data=\"materialCostDetail\"\n        >\n        </Table>\n      </div>\n    </div>\n  </Card>\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\n\nexport default {\n  name: \"SemiContrastCard\",\n  props: [\"index\", \"materialPurchaseList\"],\n  data() {\n    return {\n      semiItemId: \"\",\n      materialTableLoading: false,\n      semiItem: {},\n      materialCostDetail: [],\n      materialTableColumns: [\n        {\n          title: \"材料\",\n          key: \"material\",\n          align: \"left\",\n          minWidth: 100,\n          render: (h, params) => {\n            return h(\n              \"div\",\n              {\n                style: {\n                  fontSize: 16,\n                },\n              },\n              params.row.material.model\n                ? params.row.material.model\n                : params.row.material.name\n            );\n          },\n        },\n        {\n          title: \"比例\",\n          key: \"ratio\",\n          align: \"right\",\n          width: 100,\n          render: (h, params) => {\n            return h(\n              \"div\",\n              params.row.ratio ? (params.row.ratio * 100).toFixed(2) + \"%\" : \"\"\n            );\n          },\n        },\n        {\n          title: \"单价\",\n          key: \"materialCost\",\n          align: \"right\",\n          width: 100,\n          render: (h, params) => {\n            if (!params.row.material) return null;\n            if (params.row.material.name === \"水\") return 0;\n            const unitCost = this.materialPurchaseList.find(\n              (x) => x.material._id === params.row.material._id\n            );\n            if (unitCost === undefined) {\n              return \"-\";\n            }\n            return h(\"div\", parseInt(unitCost.calcPurchaseUnitCost));\n          },\n        },\n        {\n          title: \"价格\",\n          key: \"materialCost\",\n          width: 100,\n          align: \"right\",\n          render: (h, params) => {\n            if (params.row.material.model === \"材料合计\")\n              return h(\"div\", parseInt(params.row.materialCost));\n            const unitCost = this.materialPurchaseList.find(\n              (x) => x.material._id === params.row.material._id\n            );\n            if (unitCost === undefined) return \"-\";\n            return h(\n              \"div\",\n              parseInt(params.row.ratio * unitCost.calcPurchaseUnitCost)\n            );\n          },\n        },\n      ],\n      preDate: {},\n    };\n  },\n  computed: {\n    ...mapState({\n      semiItemList: (state) => state.semiItem.semiItemList,\n    }),\n    reCalcMaterialCostDetail: function () {\n      if (!this.semiItem || !this.semiItem.materialCostDetail) return [];\n      let cost = this.semiItem.materialCostDetail;\n      cost.forEach((e) => {\n        if (!e.material) return {};\n        if (e.material.name === \"水\") {\n          return { ...e, calcPurchaseUnitCost: 0, materialCost: 0 };\n        }\n        const unitCost = this.materialPurchaseList.find(\n          (x) => x.material._id === e.material._id\n        );\n        if (unitCost === undefined) {\n          return { ...e, calcPurchaseUnitCost: 0, materialCost: 0 };\n        }\n        const a = {\n          ...e,\n          calcPurchaseUnitCost: unitCost.calcPurchaseUnitCost,\n          materialCost: unitCost.calcPurchaseUnitCost * e.ratio,\n        };\n        return a;\n      });\n      return cost;\n    },\n  },\n  watch: {\n    materialPurchaseList: {\n      handler(newValue, old) {\n        if (!this.materialCostDetail) return;\n\n        this.materialCostDetail.forEach((e) => {\n          if (e.material.model === \"材料合计\") {\n            e.materialCost = 0;\n            for (let i = 0; i < this.materialCostDetail.length - 1; i++) {\n              e.materialCost += this.materialCostDetail[i].materialCost;\n            }\n            return;\n          }\n          if (e.material.name === \"水\") {\n            e.calcPurchaseUnitCost = 0;\n            e.materialCost = 0;\n            return;\n          }\n          const unitCost = this.materialPurchaseList.find(\n            (x) => x.material._id === e.material._id\n          );\n          if (unitCost === undefined) {\n            e.calcPurchaseUnitCost = 0;\n            e.materialCost = 0;\n            return;\n          }\n\n          e.calcPurchaseUnitCost = Number(unitCost.calcPurchaseUnitCost);\n          e.materialCost = unitCost.calcPurchaseUnitCost * e.ratio;\n        });\n      },\n      deep: true,\n    },\n  },\n  methods: {\n    ...mapActions({\n      getSemiItem: \"semiItem/getSemiItemAction\",\n      getSemiLatestCostDetail: \"calcSemiCost/getSemiLatestCostDetailAction\",\n    }),\n    async selectSemiItem() {\n      if (this.semiItemId) {\n        try {\n          this.materialTableLoading = true;\n          let originMaterialList = [];\n          if (this.semiItem.materialCostDetail) {\n            originMaterialList = this.semiItem.materialCostDetail\n              .slice(0, this.semiItem.materialCostDetail.length - 1)\n              .filter((x) => x.material.name !== \"水\")\n              .map((x) => {\n                return {\n                  material: x.material,\n                  calcPurchaseUnitCost: x.calcPurchaseUnitCost,\n                };\n              });\n          }\n          let semiItem = await this.getSemiLatestCostDetail(this.semiItemId);\n          const newMaterialList = semiItem.calcSemiCost.materialCostDetail\n            .filter((x) => x.material.name !== \"水\")\n            .map((x) => {\n              return {\n                material: x.material,\n                calcPurchaseUnitCost: x.calcPurchaseUnitCost,\n              };\n            });\n          this.$emit(\"changeSemi\", originMaterialList, newMaterialList);\n\n          const data = semiItem.calcSemiCost;\n          const total = { material: {}, materialCost: null };\n          total.material.model = \"材料合计\";\n          total.materialCost = data.materialCost;\n          total.ratio = data.materialCostDetail.reduce((p, c) => {\n            return p + c.ratio;\n          }, 0);\n          data.materialCostDetail.push(total);\n          this.materialCostDetail = data.materialCostDetail;\n          this.semiItem = data;\n          this.materialTableLoading = false;\n        } catch (error) {\n          return this.$Message.error(error + \"获取母液详情错误\");\n        }\n      }\n    },\n    closeCard() {\n      this.$emit(\"closeCard\", this.index);\n    },\n  },\n};\n</script>\n<style lang=\"stylus\" scoped>\n.close\n  position absolute\n  right 0\n  cursor pointer\n\n.contetn\n  padding 0 20px 20px 20px\n\n.solidContent-item\n  display flex\n</style>","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./SemiContrastCard.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./SemiContrastCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SemiContrastCard.vue?vue&type=template&id=891bc23e&scoped=true\"\nimport script from \"./SemiContrastCard.vue?vue&type=script&lang=js\"\nexport * from \"./SemiContrastCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./SemiContrastCard.vue?vue&type=style&index=0&id=891bc23e&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"891bc23e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"wrap\">\n    <div class=\"content\">\n      <div class=\"material-price\">\n        <div\n          class=\"material-item\"\n          v-for=\"(item, index) in materialPurchaseList\"\n          :value=\"index\"\n          :key=\"index\"\n        >\n          <div class=\"name\">{{ item.material.name }}</div>\n          <Input\n            v-model=\"item.calcPurchaseUnitCost\"\n            style=\"width: 80px\"\n          ></Input>\n          <!-- <div class=\"price\">{{ item.calcPurchaseUnitCost }}</div> -->\n        </div>\n      </div>\n      <div class=\"semiItem-wrap\">\n        <div\n          class=\"semiItem-card\"\n          v-for=\"(card, index) in cardList\"\n          :key=\"card\"\n        >\n          <SemiContrastCard\n            @changeSemi=\"changeSemi\"\n            @closeCard=\"closeCard\"\n            :index=\"index\"\n            :materialPurchaseList=\"materialPurchaseList\"\n            ref=\"SemiContrastCard\"\n          />\n        </div>\n        <div class=\"addCard\">\n          <Icon type=\"ios-add\" @click=\"addCard\" size=\"100\" color=\"#88D1F1\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\nimport SemiContrastCard from \"./SemiContrastCard.vue\";\n\nexport default {\n  name: \"SemiContrast\",\n  components: { SemiContrastCard },\n  data() {\n    return {\n      semiCardList: [],\n      materialPurchaseList: [],\n      cardList: [],\n    };\n  },\n  computed: {\n    ...mapState({\n      semiItemList: (state) => state.semiItem.semiItemList,\n    }),\n  },\n  methods: {\n    ...mapActions({\n      getSemiItem: \"semiItem/getSemiItemAction\",\n    }),\n    addCard() {\n      this.cardList.push(String(new Date()));\n    },\n    changeSemi(originMaterialList, newMaterialList) {\n      for (let i = 0; i < newMaterialList.length; i++) {\n        const index = this.materialPurchaseList.findIndex((item) => {\n          return item.material._id === newMaterialList[i].material._id;\n        });\n\n        if (index > -1) {\n          this.materialPurchaseList[index].refCount++;\n        } else {\n          this.materialPurchaseList.push({\n            ...newMaterialList[i],\n            refCount: 1,\n          });\n        }\n      }\n\n      for (let i = 0; i < originMaterialList.length; i++) {\n        const index = this.materialPurchaseList.findIndex((item) => {\n          return item.material._id === originMaterialList[i].material._id;\n        });\n\n        if (index > -1) {\n          this.materialPurchaseList[index].refCount--;\n        }\n      }\n\n      // if (this.materialList.length <= 0) {\n      //   data.forEach((item) => {\n      //     item.total = 1;\n      //   });\n      //   this.materialList = this.materialList.concat(data);\n      // } else {\n      //   for (let i = 0; i < data.length; i++) {\n      //     const index = this.materialList.findIndex((item) => {\n      //       return item.material._id === data[i].material._id;\n      //     });\n      //     if (index > -1) {\n      //       this.materialList[index].total = this.materialList[index].total + 1;\n      //     } else {\n      //       this.materialList.push(data[i]);\n      //     }\n      //   }\n      // }\n    },\n    closeCard(index) {\n      this.cardList.splice(index, 1);\n    },\n  },\n  created() {\n    this.getSemiItem();\n  },\n};\n</script>\n<style lang=\"stylus\" scoped>\n.content\n  display flex\n\n.material-price\n  border 1px solid #000\n  width 250px\n  height 800px\n  padding 16px\n\n.material-item\n  display flex\n  justify-content space-between\n  margin-bottom 15px\n\n  .name\n    line-height 32px\n    font-size 17px\n\n.material-item:hover\n  border-bottom 1px solid #198EF6\n\n.semiItem-wrap\n  width 1444px\n  display flex\n  flex-flow wrap\n  overflow-x auto\n\n.addCard\n  max-width 100px\n  max-height 100px\n  flex-shrink 0\n  border 1px solid #3876E8\n  cursor pointer\n  border-radius 50%\n  flex 1\n  text-align center\n  align-self center\n  box-shadow 0px 0px 0px #409BE3\n  transition box-shadow 0.2s ease-in-out\n  margin-left 15px\n\n.addCard:hover\n  box-shadow 0px 0px 4px #409BE3\n  transition box-shadow 0.2s ease-in-out\n\n.close\n  display flex\n  justify-content flex-end\n  cursor pointer\n</style>","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./SemiContrast.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.7_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./SemiContrast.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SemiContrast.vue?vue&type=template&id=ee102104&scoped=true\"\nimport script from \"./SemiContrast.vue?vue&type=script&lang=js\"\nexport * from \"./SemiContrast.vue?vue&type=script&lang=js\"\nimport style0 from \"./SemiContrast.vue?vue&type=style&index=0&id=ee102104&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ee102104\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/.pnpm/mini-css-extract-plugin@0.9.0_webpack@4.47.0/node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.47.0/node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/.pnpm/stylus-loader@3.0.2_stylus@0.54.8/node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/.pnpm/vue-loader@15.11.1_cache-loader@4.1.0_css-loader@3.6.0_vue-template-compiler@2.7.16_webpack@4.47.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./SemiContrastCard.vue?vue&type=style&index=0&id=891bc23e&prod&lang=stylus&scoped=true\""],"sourceRoot":""}