{"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"]}]}