1 |
- {"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\test\\index.vue?vue&type=style&index=0&id=7cae206a&lang=css&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\test\\index.vue","mtime":1688432897498},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1688725399018},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1688725423149},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1688725407590},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLndyYXBwewogIG1hcmdpbi10b3A6IDMwcHg7Cn0KLndyYXB7CiAgd2lkdGg6IDExMDBweDsKICBtYXJnaW46IDMwcHggYXV0bzsKICBib3JkZXI6MnB4IHNvbGlkICNmY2ZiZmI7CiAgYm9yZGVyLXJhZGl1czogMTVweDsKfQouZWwtdXBsb2FkX190aXAgewogIGxpbmUtaGVpZ2h0OiAxLjI7Cn0KCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/test","sourcesContent":["<template>\n <div class=\"wrap\">\n <el-row :gutter=\"15\" class=\"wrapp\">\n <el-form ref=\"elForm\" :model=\"formData\" :rules=\"rules\" size=\"medium\" label-width=\"100px\">\n <el-col :span=\"15\">\n <el-form-item label=\"手机号\" prop=\"mobile\">\n <el-input v-model=\"formData.mobile\" placeholder=\"请输入手机号\" :maxlength=\"11\" show-word-limit clearable\n prefix-icon='el-icon-mobile' :style=\"{width: '100%'}\"></el-input>\n </el-form-item>\n </el-col>\n <el-col :span=\"15\">\n <el-form-item label=\"密码\" prop=\"field108\">\n <el-input v-model=\"formData.field108\" placeholder=\"请输入密码\" clearable show-password\n :style=\"{width: '100%'}\"></el-input>\n </el-form-item>\n </el-col>\n <el-col :span=\"15\">\n <el-form-item label=\"计数器\" prop=\"field109\">\n <el-input-number v-model=\"formData.field109\" placeholder=\"计数器\"></el-input-number>\n </el-form-item>\n </el-col>\n <el-col :span=\"15\">\n <el-form-item label=\"按钮\" prop=\"field117\">\n <el-button type=\"primary\" icon=\"el-icon-search\" size=\"medium\"> 主要按钮 </el-button>\n </el-form-item>\n </el-col>\n <!-- <el-col :span=\"15\">\n <el-form-item label=\"多行文本\" prop=\"field110\">\n <el-input v-model=\"formData.field110\" type=\"textarea\" placeholder=\"请输入多行文本\"\n :autosize=\"{minRows: 4, maxRows: 4}\" :style=\"{width: '100%'}\"></el-input>\n </el-form-item>\n </el-col> -->\n <el-col :span=\"15\">\n <el-form-item label=\"下拉选择\" prop=\"field111\">\n <el-select v-model=\"formData.field111\" placeholder=\"请选择下拉选择\" clearable :style=\"{width: '100%'}\">\n <el-option v-for=\"(item, index) in field111Options\" :key=\"index\" :label=\"item.label\"\n :value=\"item.value\" :disabled=\"item.disabled\"></el-option>\n </el-select>\n </el-form-item>\n </el-col>\n <!-- <el-col :span=\"15\">\n <el-form-item label=\"级联选择\" prop=\"field112\">\n <el-cascader v-model=\"formData.field112\" :options=\"field112Options\" :props=\"field112Props\"\n :style=\"{width: '100%'}\" placeholder=\"请选择级联选择\" clearable></el-cascader>\n </el-form-item>\n </el-col> -->\n <el-col :span=\"15\">\n <el-form-item label=\"开关\" prop=\"field113\" required>\n <el-switch v-model=\"formData.field113\"></el-switch>\n </el-form-item>\n </el-col>\n <el-col :span=\"15\">\n <el-form-item label=\"日期选择\" prop=\"field114\">\n <el-date-picker v-model=\"formData.field114\" format=\"yyyy-MM-dd\" value-format=\"yyyy-MM-dd\"\n :style=\"{width: '100%'}\" placeholder=\"请选择日期选择\" clearable></el-date-picker>\n </el-form-item>\n </el-col>\n <!-- <el-col :span=\"15\">\n <el-form-item label=\"上传\" prop=\"field116\" required>\n <el-upload ref=\"field116\" :file-list=\"field116fileList\" :action=\"field116Action\"\n :before-upload=\"field116BeforeUpload\">\n <el-button size=\"small\" type=\"primary\" icon=\"el-icon-upload\">点击上传</el-button>\n </el-upload>\n </el-form-item>\n </el-col> -->\n <el-col :span=\"24\">\n <el-form-item size=\"large\">\n <el-button type=\"primary\" @click=\"submitForm\">提交</el-button>\n <el-button @click=\"resetForm\">重置</el-button>\n </el-form-item>\n </el-col>\n </el-form>\n </el-row>\n </div>\n</template>\n<script>\nexport default {\n components: {},\n props: [],\n data() {\n return {\n formData: {\n mobile: '',\n field108: undefined,\n field109: undefined,\n field117: undefined,\n field110: undefined,\n field111: undefined,\n field112: [],\n field113: false,\n field114: null,\n field115: null,\n field116: null,\n },\n rules: {\n mobile: [{\n required: true,\n message: '请输入手机号',\n trigger: 'blur'\n }, {\n pattern: /^1(3|4|5|7|8|9)\\d{9}$/,\n message: '手机号格式错误',\n trigger: 'blur'\n }],\n field108: [{\n required: true,\n message: '请输入密码',\n trigger: 'blur'\n }],\n field109: [{\n required: true,\n message: '计数器',\n trigger: 'blur'\n }],\n field110: [{\n required: true,\n message: '请输入多行文本',\n trigger: 'blur'\n }],\n field111: [{\n required: true,\n message: '请选择下拉选择',\n trigger: 'change'\n }],\n field112: [{\n required: true,\n type: 'array',\n message: '请至少选择一个field112',\n trigger: 'change'\n }],\n field114: [{\n required: true,\n message: '请选择日期选择',\n trigger: 'change'\n }],\n },\n field115Action: 'https://jsonplaceholder.typicode.com/posts/',\n field115fileList: [],\n field116Action: 'https://jsonplaceholder.typicode.com/posts/',\n field116fileList: [],\n field111Options: [{\n \"label\": \"选项一\",\n \"value\": 1\n }, {\n \"label\": \"选项二\",\n \"value\": 2\n }],\n field112Options: [],\n field112Props: {\n \"multiple\": false\n },\n }\n },\n computed: {},\n watch: {},\n created() {},\n mounted() {},\n methods: {\n submitForm() {\n this.$refs['elForm'].validate(valid => {\n if (!valid) return\n // TODO 提交表单\n\n console.log(this.formData)\n })\n },\n resetForm() {\n this.$refs['elForm'].resetFields()\n },\n getField112Options() {\n // TODO 发起请求获取数据\n this.field112Options\n },\n field115BeforeUpload(file) {\n let isRightSize = file.size / 1024 / 1024 < 2\n if (!isRightSize) {\n this.$message.error('文件大小超过 2MB')\n }\n return isRightSize\n },\n field116BeforeUpload(file) {\n let isRightSize = file.size / 1024 / 1024 < 2\n if (!isRightSize) {\n this.$message.error('文件大小超过 2MB')\n }\n return isRightSize\n },\n }\n}\n\n</script>\n<style>\n.wrapp{\n margin-top: 30px;\n}\n.wrap{\n width: 1100px;\n margin: 30px auto;\n border:2px solid #fcfbfb;\n border-radius: 15px;\n}\n.el-upload__tip {\n line-height: 1.2;\n}\n\n</style>\n"]}]}
|