| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\uploadImg\\index.vue?vue&type=style&index=0&id=ba733bb6&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\uploadImg\\index.vue","mtime":1761614938986},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQo6OnYtZGVlcCAuZWwtZGlhbG9nX190aXRsZSB7DQogIGZvbnQtc2l6ZTogMTZweDsNCn0NCi5tYWluIHsNCiAgbWluLWhlaWdodDogNDEwcHg7DQp9DQoucGljdHJ1ZSB7DQogIHdpZHRoOiA2MHB4ICFpbXBvcnRhbnQ7DQogIGhlaWdodDogNjBweCAhaW1wb3J0YW50Ow0KICBib3JkZXI6IDFweCBkb3R0ZWQgcmdiYSgwLCAwLCAwLCAwLjEpOw0KICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgY3Vyc29yOiBwb2ludGVyOw0KDQogIGltZyB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAxMDAlOw0KICB9DQp9DQouYnRuZGVsIHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB6LWluZGV4OiAxOw0KICBmb250LXNpemU6IDE4cHg7DQogIHJpZ2h0OiAtNXB4Ow0KICB0b3A6IC01cHg7DQogIGNvbG9yOiAjOTk5Ow0KfQ0KLmZvcm0td2lkdGggew0KICB3aWR0aDogMjgwcHg7DQp9DQoudHEtdGV4dCB7DQogIG1hcmdpbi1sZWZ0OiAxNHB4Ow0KICBmb250LXNpemU6IDEycHg7DQogIGZvbnQtd2VpZ2h0OiA0MDA7DQogIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoudXBsb2FkQ29udCA6OnYtZGVlcCAuZWwtdXBsb2FkLS1waWN0dXJlLWNhcmQsDQo6OnYtZGVlcCAuZWwtdXBsb2FkLWxpc3QtLXBpY3R1cmUtY2FyZCAuZWwtdXBsb2FkLWxpc3RfX2l0ZW0gew0KICB3aWR0aDogNjRweDsNCiAgaGVpZ2h0OiA2NHB4Ow0KICBsaW5lLWhlaWdodDogNzJweDsNCiAgb3ZlcmZsb3c6IGluaGVyaXQ7DQp9DQoudXBsb2FkQ29udCA6OnYtZGVlcCAuZWwtdXBsb2FkLS1waWN0dXJlLWNhcmQsDQo6OnYtZGVlcCAuZWwtdXBsb2FkLWxpc3QtLXBpY3R1cmUtY2FyZCAuZWwtdXBsb2FkLWxpc3RfX2l0ZW0gaW1nIHsNCiAgd2lkdGg6IDY0cHggIWltcG9ydGFudDsNCiAgaGVpZ2h0OiA2NHB4ICFpbXBvcnRhbnQ7DQogIGJvcmRlci1yYWRpdXM6IDZweDsNCiAgb2JqZWN0LWZpdDogY292ZXI7DQp9DQoucGwxMDAgew0KICBwYWRkaW5nLWxlZnQ6IDEwMHB4Ow0KfQ0KLmltZy1ib3ggew0KICBkaXNwbGF5OiBmbGV4Ow0KICBmbGV4LXdyYXA6IHdyYXA7DQp9DQoudGlwcyB7DQogIGZvbnQtc2l6ZTogMTJweDsNCiAgY29sb3I6ICNiYmJiYmI7DQp9DQouY29kZS1pbWFnZSB7DQogIGRpc3BsYXk6IGZsZXg7DQogIG1hcmdpbi10b3A6IDEycHg7DQogIC5sZWZ0IHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogICAgbWFyZ2luLXJpZ2h0OiAyMHB4Ow0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgLmNvZGUgew0KICAgICAgYm9yZGVyOiAxcHggc29saWQgI2RkZGRkZDsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgICB3aWR0aDogMjAwcHg7DQogICAgICBoZWlnaHQ6IDIwMHB4Ow0KICAgICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgICAgLmNvZGUtaW1nIHsNCiAgICAgICAgd2lkdGg6IDE2MHB4Ow0KICAgICAgICBoZWlnaHQ6IDE2MHB4Ow0KICAgICAgfQ0KICAgIH0NCiAgICAuZm9ybS13aWR0aCB7DQogICAgICB3aWR0aDogMjAwcHg7DQogICAgfQ0KICAgIC5jb2RlIHsNCiAgICAgIG1hcmdpbi1ib3R0b206IDE0cHg7DQogICAgfQ0KICAgIC50cmlwIHsNCiAgICAgIGNvbG9yOiAjMzMzMzMzOw0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7DQogICAgfQ0KICAgIC50cmlwLXNtYWxsIHsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7DQogICAgICBjb2xvcjogI2JiYmJiYjsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIGxpbmUtaGVpZ2h0OiAxNnB4Ow0KICAgIH0NCiAgfQ0KICAucmlnaHQgew0KICAgIG1hcmdpbi10b3A6IDYycHg7DQogICAgLnRpcCB7DQogICAgICBmb250LXNpemU6IDEycHg7DQogICAgICBmb250LXdlaWdodDogNDAwOw0KICAgICAgY29sb3I6ICNiYmJiYmI7DQogICAgICBtYXJnaW46IDEwcHggMDsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA0aA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/uploadImg","sourcesContent":["<template>\r\n <div>\r\n <el-dialog\r\n title=\"上传图片\"\r\n :visible.sync=\"uploadModal\"\r\n :append-to-body=\"true\"\r\n :width=\"isIframe ? '100%' : '1024px'\"\r\n :fullscreen=\"isIframe\"\r\n @close=\"closed\"\r\n >\r\n <div class=\"main\" v-loading=\"loading\">\r\n <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\" label-width=\"100px\" class=\"demo-ruleForm\">\r\n <el-form-item label=\"上传方式：\" prop=\"type\">\r\n <el-radio-group v-model=\"ruleForm.type\" @input=\"radioChange(ruleForm.type)\">\r\n <el-radio :label=\"0\">本地上传</el-radio>\r\n <el-radio :label=\"1\">网络上传</el-radio>\r\n <el-radio :label=\"2\">扫码上传</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n <el-form-item label=\"上传至分组：\" prop=\"region\" v-show=\"ruleForm.type == 0 || ruleForm.type == 1\">\r\n <el-cascader\r\n class=\"form-width\"\r\n v-model=\"ruleForm.region\"\r\n :props=\"props\"\r\n :options=\"categoryList\"\r\n @change=\"handleChange\"\r\n ></el-cascader>\r\n </el-form-item>\r\n <el-form-item label=\"网络图片：\" prop=\"region\" v-if=\"ruleForm.type == 1\">\r\n <el-input class=\"form-width\" v-model=\"webImgUrl\" placeholder=\"请网络图片地址\"></el-input>\r\n <span class=\"tq-text\" v-db-click @click=\"getImg\">提取照片</span>\r\n </el-form-item>\r\n <el-form-item label=\"上传图片：\" prop=\"region\" v-if=\"ruleForm.type == 0\">\r\n <div class=\"acea-row\">\r\n <div class=\"uploadCont\">\r\n <el-upload\r\n ref=\"upload\"\r\n :action=\"fileUrl\"\r\n list-type=\"picture-card\"\r\n :on-change=\"fileChange\"\r\n :file-list=\"ruleForm.imgList\"\r\n :auto-upload=\"false\"\r\n :data=\"uploadData\"\r\n :headers=\"header\"\r\n :multiple=\"true\"\r\n :limit=\"limit\"\r\n >\r\n <i slot=\"default\" class=\"el-icon-plus\"></i>\r\n <div\r\n slot=\"file\"\r\n slot-scope=\"{ file }\"\r\n draggable=\"false\"\r\n @dragstart=\"handleDragStart($event, file)\"\r\n @dragover=\"handleDragOver($event, file)\"\r\n @dragenter=\"handleDragEnter($event, file)\"\r\n @dragend=\"handleDragEnd($event, file)\"\r\n >\r\n <img class=\"el-upload-list__item-thumbnail\" :src=\"file.url\" alt=\"\" />\r\n <i class=\"el-icon-error btndel\" v-db-click @click=\"handleWebRemove(file)\" />\r\n </div>\r\n </el-upload>\r\n <div class=\"tips\">\r\n 建议上传图片最大宽度750px，不超过3MB；仅支持jpeg、jpg、png格式，可拖拽调整上传顺序\r\n </div>\r\n </div>\r\n </div>\r\n </el-form-item>\r\n <template v-if=\"ruleForm.type == 1\">\r\n <div class=\"img-box pl100\">\r\n <div\r\n v-for=\"(item, index) in ruleForm.imgList\"\r\n :key=\"index\"\r\n class=\"pictrue\"\r\n draggable=\"false\"\r\n @dragstart=\"handleDragStart($event, item)\"\r\n @dragover.prevent=\"handleDragOver($event, item)\"\r\n @dragenter=\"handleDragEnter($event, item)\"\r\n @dragend=\"handleDragEnd($event, item)\"\r\n >\r\n <img :src=\"item.url\" />\r\n <i class=\"el-icon-error btndel\" v-db-click @click=\"handleRemove(index)\" />\r\n </div>\r\n </div>\r\n </template>\r\n <div class=\"code-image\" v-if=\"ruleForm.type == 2\">\r\n <div class=\"left\">\r\n <el-form-item label=\"上传至分组：\" prop=\"region\">\r\n <el-cascader\r\n class=\"form-width\"\r\n v-model=\"ruleForm.region\"\r\n :props=\"props\"\r\n :options=\"categoryList\"\r\n @change=\"handleChange\"\r\n ></el-cascader>\r\n </el-form-item>\r\n <el-form-item label=\"二维码：\" prop=\"region\">\r\n <div class=\"code\" ref=\"qrCodeUrl\"></div>\r\n <div class=\"trip\">扫描二维码，快速上传手机图片</div>\r\n <div class=\"trip-small\">建议使用手机浏览器</div>\r\n </el-form-item>\r\n </div>\r\n <div class=\"right\">\r\n <el-button size=\"small\" v-db-click @click=\"scanUploadGet\">刷新图库</el-button>\r\n <div class=\"tip\">刷新图库按钮，可显示移动端上传成功的图片</div>\r\n <div class=\"img-box\">\r\n <div\r\n v-for=\"(item, index) in ruleForm.imgList\"\r\n :key=\"index\"\r\n class=\"pictrue\"\r\n draggable=\"false\"\r\n @dragstart=\"handleDragStart($event, item)\"\r\n @dragover.prevent=\"handleDragOver($event, item)\"\r\n @dragenter=\"handleDragEnter($event, item)\"\r\n @dragend=\"handleDragEnd($event, item)\"\r\n >\r\n <img :src=\"item.att_dir\" />\r\n <i class=\"el-icon-error btndel\" v-db-click @click=\"handleWebRemove(item)\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </el-form>\r\n </div>\r\n\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button v-db-click @click=\"clear\">取 消</el-button>\r\n <el-button type=\"primary\" :disabled=\"!ruleForm.imgList.length\" v-db-click @click=\"submitUpload\"\r\n >确 定</el-button\r\n >\r\n </span>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getCategoryListApi, moveApi, onlineUpload, scanUploadCode } from '@/api/uploadPictures';\r\nimport Setting from '@/setting';\r\nimport { getCookies } from '@/libs/util';\r\nimport { fileUpload, scanUploadQrcode, scanUploadGet } from '@/api/setting';\r\nimport QRCode from 'qrcodejs2';\r\nimport compressImg from '@/utils/compressImg.js';\r\nimport { isPicUpload } from '@/utils/index';\r\nexport default {\r\n name: '',\r\n props: {\r\n categoryList: {\r\n default: () => {\r\n return [];\r\n },\r\n },\r\n categoryId: {\r\n default: '',\r\n },\r\n isPage: {\r\n default: false,\r\n },\r\n isIframe: {\r\n default: false,\r\n },\r\n },\r\n watch: {\r\n uploadModal: {\r\n handler(newVal) {\r\n if (newVal) this.ruleForm.region = this.categoryId;\r\n },\r\n immediate: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n webImgUrl: '',\r\n uploadModal: false,\r\n fileUrl: Setting.apiBaseURL + '/file/upload',\r\n header: {\r\n 'Authori-zation': 'Bearer ' + getCookies('token'),\r\n },\r\n uploadData: {},\r\n props: { checkStrictly: true, emitPath: false, label: 'title', value: 'id' },\r\n disabled: false,\r\n ruleForm: {\r\n type: 0,\r\n region: '',\r\n imgList: [],\r\n },\r\n rules: { type: [{ required: true, message: '请选择活动资源', trigger: 'change' }] },\r\n qrcode: '',\r\n scanToken: '',\r\n limit: 20,\r\n loading: false,\r\n time: undefined,\r\n };\r\n },\r\n created() {},\r\n mounted() {},\r\n beforeDestroy() {\r\n clearInterval(this.time);\r\n this.time = undefined;\r\n },\r\n methods: {\r\n radioChange(type) {\r\n this.ruleForm.type = type;\r\n this.ruleForm.imgList = [];\r\n clearInterval(this.time);\r\n this.time = undefined;\r\n if (type == 2) {\r\n this.scanUploadQrcode();\r\n this.time = setInterval((e) => {\r\n this.scanUploadGet();\r\n }, 2000);\r\n }\r\n },\r\n scanUploadQrcode() {\r\n scanUploadQrcode(this.ruleForm.region).then((res) => {\r\n this.creatQrCode(res.data.url);\r\n this.scanToken = res.data.url;\r\n });\r\n },\r\n scanUploadGet() {\r\n let token = this.scanToken.split('token=')[1];\r\n scanUploadGet(token).then((res) => {\r\n this.ruleForm.imgList = res.data;\r\n });\r\n },\r\n\r\n getImg() {\r\n if (!this.webImgUrl) {\r\n this.$message.error('请先输入图片地址');\r\n return;\r\n }\r\n if (this.webImgUrl.indexOf('.php') != -1) {\r\n this.$message.error('请先输入其他图片地址');\r\n return;\r\n }\r\n this.ruleForm.imgList.push({\r\n url: this.webImgUrl,\r\n });\r\n },\r\n async submitUpload() {\r\n if (!this.ruleForm.imgList.length) return this.$message.warning('请先选择图片');\r\n if (this.ruleForm.type == 0) {\r\n this.uploadData = {\r\n pid: this.ruleForm.region,\r\n };\r\n if (this.ruleForm.imgList.length) {\r\n if (this.loading) return;\r\n this.loading = true;\r\n for (let i = 0; i < this.ruleForm.imgList.length; i++) {\r\n const file = this.ruleForm.imgList[i].raw;\r\n await this.uploadItem(file);\r\n if (i == this.ruleForm.imgList.length - 1) {\r\n this.$message.success('上传成功');\r\n this.$emit('uploadSuccess');\r\n this.uploadModal = false;\r\n this.loading = false;\r\n this.initData();\r\n }\r\n }\r\n }\r\n } else if (this.ruleForm.type == 1) {\r\n let urls = this.ruleForm.imgList.map((e) => {\r\n return e.url;\r\n });\r\n if (urls.length) {\r\n if (this.loading) return;\r\n this.loading = true;\r\n onlineUpload({ pid: this.ruleForm.region, images: urls })\r\n .then((res) => {\r\n this.$message.success('上传成功');\r\n this.$emit('uploadSuccess');\r\n this.uploadModal = false;\r\n this.loading = false;\r\n this.initData();\r\n })\r\n .catch((err) => {\r\n this.loading = false;\r\n this.$message.error(err.msg);\r\n });\r\n }\r\n } else if (this.ruleForm.type == 2) {\r\n let attId = this.ruleForm.imgList.map((e) => {\r\n return e.att_id;\r\n });\r\n moveApi({ pid: this.ruleForm.region, images: attId }).then((res) => {\r\n this.$message.success('上传成功');\r\n this.$emit('uploadSuccess');\r\n this.uploadModal = false;\r\n this.initData();\r\n });\r\n }\r\n },\r\n uploadItem(file) {\r\n return new Promise((resolve, reject) => {\r\n const formData = new FormData();\r\n formData.append('file', file);\r\n formData.append('pid', this.ruleForm.region);\r\n fileUpload(formData)\r\n .then((res) => {\r\n if (res.status == 200) {\r\n resolve();\r\n // this.$emit('uploadImgSuccess', res.data);\r\n } else {\r\n this.loading = false;\r\n this.$message({\r\n message: '上传失败',\r\n type: 'error',\r\n duration: 1000,\r\n });\r\n }\r\n })\r\n .catch((err) => {\r\n this.loading = false;\r\n this.$message.error(err.msg);\r\n });\r\n });\r\n },\r\n beforeUpload(file) {\r\n console.log(file);\r\n },\r\n creatQrCode(url) {\r\n this.$refs.qrCodeUrl.innerHTML = '';\r\n var qrcode = new QRCode(this.$refs.qrCodeUrl, {\r\n text: url, // 需要转换为二维码的内容\r\n width: 160,\r\n height: 160,\r\n colorDark: '#000000',\r\n colorLight: '#ffffff',\r\n correctLevel: QRCode.CorrectLevel.H,\r\n });\r\n },\r\n handleWebRemove(file) {\r\n let index = this.ruleForm.imgList.findIndex((e) => {\r\n return e.url == file.url;\r\n });\r\n this.ruleForm.imgList.splice(index, 1);\r\n },\r\n handleRemove(index) {\r\n this.ruleForm.imgList.splice(index, 1);\r\n },\r\n handlePictureCardPreview(file) {\r\n this.dialogImageUrl = file.url;\r\n this.dialogVisible = true;\r\n },\r\n handleDownload(file) {\r\n console.log(file);\r\n },\r\n async fileChange(file, fileList) {\r\n if (isPicUpload(file)) {\r\n if (file.size >= 2097152) {\r\n await this.comImg(file.raw).then((res) => {\r\n fileList.map((e) => {\r\n if (e.uid === file.uid) {\r\n e.raw = res;\r\n }\r\n });\r\n this.ruleForm.imgList = fileList;\r\n });\r\n } else {\r\n this.ruleForm.imgList = fileList;\r\n }\r\n } else {\r\n // 从ruleForm对象的imgList数组中删除最后一个元素\r\n this.ruleForm.imgList.splice(this.ruleForm.imgList.length, 1);\r\n }\r\n },\r\n comImg(file) {\r\n return new Promise((resolve, reject) => {\r\n compressImg(file).then((res) => {\r\n resolve(res);\r\n });\r\n });\r\n },\r\n loadData(item, callback) {\r\n getCategoryListApi({\r\n pid: item.value,\r\n })\r\n .then(async (res) => {\r\n const data = res.data.list;\r\n callback(data);\r\n })\r\n .catch((res) => {});\r\n },\r\n handleChange(e) {\r\n if (this.ruleForm.type == 2) this.scanUploadQrcode();\r\n },\r\n // 移动\r\n handleDragStart(e, item) {\r\n this.dragging = item;\r\n },\r\n handleDragEnd(e, item) {\r\n this.dragging = null;\r\n },\r\n handleDragOver(e) {\r\n e.dataTransfer.dropEffect = 'move';\r\n },\r\n handleDragEnter(e, item) {\r\n e.dataTransfer.effectAllowed = 'move';\r\n if (item === this.dragging) {\r\n return;\r\n }\r\n const newItems = [...this.ruleForm.imgList];\r\n const src = newItems.indexOf(this.dragging);\r\n const dst = newItems.indexOf(item);\r\n newItems.splice(dst, 0, ...newItems.splice(src, 1));\r\n this.ruleForm.imgList = newItems;\r\n },\r\n closed() {\r\n this.initData();\r\n scanUploadCode().then((res) => {});\r\n },\r\n clear() {\r\n this.uploadModal = false;\r\n this.initData();\r\n },\r\n initData() {\r\n this.ruleForm.type = 0;\r\n this.ruleForm.region = 0;\r\n this.scanToken = '';\r\n this.webImgUrl = '';\r\n this.ruleForm.imgList = [];\r\n clearInterval(this.time);\r\n this.time = undefined;\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n::v-deep .el-dialog__title {\r\n font-size: 16px;\r\n}\r\n.main {\r\n min-height: 410px;\r\n}\r\n.pictrue {\r\n width: 60px !important;\r\n height: 60px !important;\r\n border: 1px dotted rgba(0, 0, 0, 0.1);\r\n margin-right: 10px;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n.btndel {\r\n position: absolute;\r\n z-index: 1;\r\n font-size: 18px;\r\n right: -5px;\r\n top: -5px;\r\n color: #999;\r\n}\r\n.form-width {\r\n width: 280px;\r\n}\r\n.tq-text {\r\n margin-left: 14px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: var(--prev-color-primary);\r\n cursor: pointer;\r\n}\r\n.uploadCont ::v-deep .el-upload--picture-card,\r\n::v-deep .el-upload-list--picture-card .el-upload-list__item {\r\n width: 64px;\r\n height: 64px;\r\n line-height: 72px;\r\n overflow: inherit;\r\n}\r\n.uploadCont ::v-deep .el-upload--picture-card,\r\n::v-deep .el-upload-list--picture-card .el-upload-list__item img {\r\n width: 64px !important;\r\n height: 64px !important;\r\n border-radius: 6px;\r\n object-fit: cover;\r\n}\r\n.pl100 {\r\n padding-left: 100px;\r\n}\r\n.img-box {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n.tips {\r\n font-size: 12px;\r\n color: #bbbbbb;\r\n}\r\n.code-image {\r\n display: flex;\r\n margin-top: 12px;\r\n .left {\r\n display: flex;\r\n flex-direction: column;\r\n margin-right: 20px;\r\n align-items: center;\r\n .code {\r\n border: 1px solid #dddddd;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 200px;\r\n height: 200px;\r\n border-radius: 4px;\r\n .code-img {\r\n width: 160px;\r\n height: 160px;\r\n }\r\n }\r\n .form-width {\r\n width: 200px;\r\n }\r\n .code {\r\n margin-bottom: 14px;\r\n }\r\n .trip {\r\n color: #333333;\r\n text-align: center;\r\n line-height: 18px;\r\n }\r\n .trip-small {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #bbbbbb;\r\n text-align: center;\r\n line-height: 16px;\r\n }\r\n }\r\n .right {\r\n margin-top: 62px;\r\n .tip {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #bbbbbb;\r\n margin: 10px 0;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
