3a9626fccee7dc85bf022a4bfdd4172b.json 3.7 KB

1
  1. {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\diyComponents\\c_input_number.vue?vue&type=style&index=0&id=572afe2f&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\diyComponents\\c_input_number.vue","mtime":1761185179960},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoubnVtYm94IHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgbWFyZ2luOiAyMHB4IDAgMTBweCAwOw0KDQogIHNwYW4gew0KICAgIHdpZHRoOiA4MHB4Ow0KICAgIGNvbG9yOiAjOTk5Ow0KICB9DQp9DQoNCi8qIGZvbnQtc2l6ZSAxMnB4ICovDQouY19yb3ctaXRlbSB7DQogIHdpZHRoOiAxMDAlOw0KfQ0K"},{"version":3,"sources":["c_input_number.vue"],"names":[],"mappings":";AAsEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"c_input_number.vue","sourceRoot":"src/components/diyComponents","sourcesContent":["<template>\r\n <div class=\"numbox\" v-if=\"datas[name]\">\r\n <div class=\"c_row-item\">\r\n <el-col class=\"label\" :span=\"4\">\r\n <span v-if=\"datas[name].show\">{{ datas[name].title }}</span>\r\n <span v-else>数量</span>\r\n </el-col>\r\n <el-col :span=\"19\" class=\"slider-box\">\r\n <el-input\r\n v-model=\"datas[name].val\"\r\n type=\"number\"\r\n placeholder=\"请输入数量\"\r\n style=\"text-align: right; width: 350px\"\r\n @blur=\"numberVal(datas[name].val)\"\r\n @change=\"maxNum(datas[name].val)\"\r\n />\r\n </el-col>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'c_input_number',\r\n props: {\r\n name: {\r\n type: String,\r\n },\r\n configData: {\r\n type: null,\r\n },\r\n configNum: {\r\n type: Number | String,\r\n default: 'default',\r\n },\r\n },\r\n data() {\r\n return {\r\n defaults: {},\r\n sliderWidth: 0,\r\n datas: this.configData[this.configNum],\r\n };\r\n },\r\n mounted() {},\r\n watch: {\r\n configData: {\r\n handler(nVal, oVal) {\r\n this.datas = nVal[this.configNum];\r\n },\r\n immediate: true,\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n numberVal(val) {\r\n let r = /^\\+?[1-9][0-9]*$/;\r\n if (!r.test(val)) {\r\n this.datas[this.name].val = 3;\r\n }\r\n },\r\n maxNum(val) {\r\n if (val >= 50) {\r\n this.datas[this.name].val = 50;\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.numbox {\r\n display: flex;\r\n align-items: center;\r\n margin: 20px 0 10px 0;\r\n\r\n span {\r\n width: 80px;\r\n color: #999;\r\n }\r\n}\r\n\r\n/* font-size 12px */\r\n.c_row-item {\r\n width: 100%;\r\n}\r\n</style>\r\n"]}]}