| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\system\\auth\\index.vue?vue&type=style&index=0&id=461f9392&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\system\\auth\\index.vue","mtime":1761614939067},{"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:DQouYXV0aCB7DQogIHBhZGRpbmc6IDlweCAxNnB4IDlweCAxMHB4Ow0KICBkaXNwbGF5OiBmbGV4Ow0KDQogIC5ib3ggew0KICAgIHdpZHRoOiA1MHB4Ow0KICB9DQoNCiAgLnVwZGF0ZSB7DQogICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsNCiAgICBtYXJnaW4tYm90dG9tOiAxMnB4Ow0KICB9DQoNCiAgLnVwbG9hZCB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgIHdpZHRoOiA2MHB4Ow0KICAgIGhlaWdodDogNjBweDsNCiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMDIpOw0KICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGRkZGRkOw0KICB9DQp9DQoNCi5hdXRoIC5pY29uSW9zIHsNCiAgZm9udC1zaXplOiA0MHB4Ow0KICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogIGNvbG9yOiAjMDAxNTI5Ow0KfQ0KDQouYXV0aCAudGV4dCB7DQogIGZvbnQtd2VpZ2h0OiA0MDA7DQogIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDEpOw0KICBmb250LXNpemU6IDE4cHg7DQp9DQoNCi5hdXRoIC50ZXh0IC5jb2RlIHsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjUpOw0KfQ0KDQouYXV0aCAudGV4dCAucHJvX3ByaWNlIHsNCiAgaGVpZ2h0OiAxOHB4Ow0KICBmb250LXNpemU6IDE0cHg7DQogIGZvbnQtZmFtaWx5OiBQaW5nRmFuZ1NDLVNlbWlib2xkLCBQaW5nRmFuZyBTQzsNCiAgZm9udC13ZWlnaHQ6IDYwMDsNCiAgY29sb3I6ICNmNTIyMmQ7DQogIGxpbmUtaGVpZ2h0OiAxOHB4Ow0KfQ0KDQouYXV0aCAuYmx1ZSB7DQogIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpICFpbXBvcnRhbnQ7DQp9DQoNCi5hdXRoIC5yZWQgew0KICBjb2xvcjogI2VkNDAxNCAhaW1wb3J0YW50Ow0KfQ0KDQoudXBsb2FkIC5pY29uZm9udCB7DQogIGxpbmUtaGVpZ2h0OiA2MHB4Ow0KfQ0KDQoudXBsb2FkUGljdHJ1ZSB7DQogIHdpZHRoOiA2MHB4Ow0KICBoZWlnaHQ6IDYwcHg7DQogIGJvcmRlcjogMXB4IGRvdHRlZCByZ2JhKDAsIDAsIDAsIDAuMSk7DQogIG1hcmdpbi1sZWZ0OiAycHg7DQogIGJvcmRlci1yYWRpdXM6IDNweDsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBjdXJzb3I6IHBvaW50ZXI7DQogIC5lbC1pY29uLWVycm9yew0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICB0b3A6LTNweDsNCiAgICByaWdodDogLTNweDsNCiAgICBjb2xvcjogIzk5OTk5OTsNCiAgfQ0KfQ0KDQoudXBsb2FkUGljdHJ1ZSBpbWcgew0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiAxMDAlOw0KICBib3JkZXItcmFkaXVzOiAzcHg7DQp9DQoNCi5waG9uZV9jb2RlIHsNCiAgYm9yZGVyOiAxcHggc29saWQgI2VlZTsNCiAgcGFkZGluZzogMCAxMHB4IDA7DQogIGN1cnNvcjogcG9pbnRlcjsNCn0NCg0KLmdyZXkgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjOTk5OTk5Ow0KICBib3JkZXItY29sb3I6ICM5OTk5OTk7DQogIGNvbG9yOiAjZmZmOw0KfQ0KDQoudXBkYXRlIHsNCiAgZm9udC1zaXplOiAxM3B4Ow0KICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg1KTsNCiAgcGFkZGluZy1yaWdodDogMTJweDsNCn0NCg0KLnByb21wdCB7DQogIG1hcmdpbi1sZWZ0OiAxNTBweDsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBmb250LXdlaWdodDogNDAwOw0KICBjb2xvcjogIzk5OTk5OTsNCn0NCg0KLnN1Ym1pdCB7DQogIHdpZHRoOiAxMDAlOw0KfQ0KDQouY29kZSAuaW5wdXQgew0KICB3aWR0aDogODMlOw0KfQ0KDQouY29kZSAuaW5wdXQgLml2dS1pbnB1dCB7DQogIGJvcmRlci1yYWRpdXM6IDRweCAwIDAgNHB4ICFpbXBvcnRhbnQ7DQp9DQoNCi5jb2RlIC5waWN0cnVlIHsNCiAgaGVpZ2h0OiAzMnB4Ow0KICB3aWR0aDogMTclOw0KfQ0KDQouY3VzdG9tZXIgew0KICBib3JkZXItcmlnaHQ6IDA7DQp9DQoNCi5jdXN0b21lciBhIHsNCiAgZm9udC1zaXplOiAxMnB4Ow0KfQ0KDQouaXZ1LWlucHV0LWdyb3VwLXByZXBlbmQsDQouaXZ1LWlucHV0LWdyb3VwLWFwcGVuZCB7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQp9DQoNCi5pdnUtaW5wdXQtZ3JvdXAgLml2dS1pbnB1dCB7DQogIGJvcmRlci1yaWdodDogMCAhaW1wb3J0YW50Ow0KfQ0KDQoucXJjb2RlIHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogIHdpZHRoOiAxODBweDsNCiAgaGVpZ2h0OiAxODBweDsNCiAgYm9yZGVyOiAxcHggc29saWQgI2U1ZTVlNjsNCn0NCg0KLnFyY29kZV9kZXNjIHsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIG1hcmdpbjogMTBweCAwIDEwcHg7DQogIHdpZHRoOiAxODBweDsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBjb2xvcjogIzY2NjsNCiAgbGluZS1oZWlnaHQ6IDE2cHg7DQp9DQoNCi5sb2dpbl90YWIgew0KICBmb250LXNpemU6IDE2cHg7DQogIG1hcmdpbjogMCAwIDIwcHg7DQogIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KfQ0KDQoubG9naW5fdGFiX2l0ZW0gew0KICB3aWR0aDogNTAlOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIHBhZGRpbmctYm90dG9tOiAxNXB4Ow0KICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VlZTsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KDQouYWN0aXZlX3RhYiB7DQogIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgZm9udC13ZWlnaHQ6IDYwMDsNCn0NCg0KaWZyYW1lIHsNCiAgaGVpZ2h0OiA1NTBweDsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCn0NCg0KLmhlYWQgew0KICBmb250LXdlaWdodDogNDAwOw0KICBmb250LXNpemU6IDE0cHg7DQogIGNvbG9yOiAjMzAzMTMzOw0KICBtYXJnaW4tYm90dG9tOiAyMHB4Ow0KfQ0KDQouZWwtaWNvbi1jaGVjayB7DQogIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBmb250LXNpemU6IDIycHg7DQogIGZvbnQtd2VpZ2h0OiA2MDA7DQp9DQoNCi5lbC1pY29uLWNsb3NlIHsNCiAgY29sb3I6ICNmNTIyMmQ7DQogIGZvbnQtc2l6ZTogMjJweDsNCiAgZm9udC13ZWlnaHQ6IDYwMDsNCn0NCg0KLmJ0biB7DQogIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQp9DQouZWwtaWNvbi13YXJuaW5nLW91dGxpbmUgew0KICBmb250LXNpemU6IDEzcHg7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA+SA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/system/auth","sourcesContent":["<template>\r\n <div>\r\n <el-card v-for=\"(value, key, index) in tableList\" :key=\"index\" :bordered=\"false\" shadow=\"never\" class=\"ivu-mt mt16\">\r\n <div class=\"head acea-row row-between-wrapper\">{{ key | headText }}</div>\r\n <el-table ref=\"table\" :data=\"tableList[key]\" empty-text=\"暂无数据\">\r\n <el-table-column :label=\"key == 'permissions' ? '文件/目录' : '环境'\" minWidth=\"180\">\r\n <template slot-scope=\"scope\">{{ scope.row.name }} </template>\r\n </el-table-column>\r\n <el-table-column label=\"要求\" minWidth=\"180\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.require }} </span>\r\n <el-tooltip placement=\"top\" v-if=\"key == 'process' && !scope.row.value\">\r\n <div slot=\"content\" v-html=\"trips[scope.$index].message\"></div>\r\n <i class=\"el-icon-warning-outline\"></i>\r\n </el-tooltip>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"状态\" width=\"180\">\r\n <template slot-scope=\"scope\">\r\n <span v-if=\"typeof scope.row.value === 'boolean'\">\r\n <i v-if=\"scope.row.value === true\" class=\"el-icon-check\"></i>\r\n <i v-else class=\"el-icon-close\"></i>\r\n </span>\r\n <span v-else>{{ scope.row.value }}</span>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n </el-card>\r\n\r\n <el-dialog :visible.sync=\"isTemplate\" title=\"商业授权\" width=\"550px\" @closed=\"cancel\">\r\n <iframe width=\"100%\" height=\"780\" :src=\"iframeUrl\" frameborder=\"0\"></iframe>\r\n </el-dialog>\r\n <el-dialog :visible.sync=\"modalCopyright\" title=\"版权信息\" width=\"550px\">\r\n <div class=\"auth\">\r\n <div class=\"update\">修改版权信息:</div>\r\n <el-input style=\"width: 460px\" v-model=\"copyrightText\" />\r\n </div>\r\n <div class=\"auth\">\r\n <div class=\"update\">上传版权图片:</div>\r\n <div>\r\n <div class=\"uploadPictrue\" v-if=\"authorizedPicture\" v-db-click @click=\"modalPicTap('单选')\">\r\n <img v-lazy=\"authorizedPicture\" />\r\n <i class=\"el-icon-error\" @click.stop=\"authorizedPicture = ''\"></i>\r\n </div>\r\n <div class=\"upload\" v-else v-db-click @click=\"modalPicTap('单选')\">\r\n <div class=\"iconfont\">+</div>\r\n </div>\r\n <div class=\"tips-info\">建议尺寸:宽290px*高100px</div>\r\n </div>\r\n </div>\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button v-db-click @click=\"modalCopyright = false\">取 消</el-button>\r\n <el-button type=\"primary\" v-db-click @click=\"saveCopyRight\">保存</el-button>\r\n </span>\r\n </el-dialog>\r\n <el-dialog :visible.sync=\"modalPic\" width=\"1024px\" title=\"上传授权图片\" :close-on-click-modal=\"false\">\r\n <uploadPictures :isChoice=\"isChoice\" @getPic=\"getPic\" :gridBtn=\"gridBtn\" :gridPic=\"gridPic\" v-if=\"modalPic\">\r\n </uploadPictures>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n<script>\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport { auth, getVersion, crmebProduct, saveCrmebCopyRight, getCrmebCopyRight, copyrightList } from '@/api/system';\r\nimport { mapState } from 'vuex';\r\nimport { formatDate } from '@/utils/validate';\r\nimport QRCode from 'qrcodejs2';\r\nimport { t } from 'vxe-table';\r\nexport default {\r\n name: 'system_auth',\r\n computed: {\r\n ...mapState('admin/layout', ['isMobile']),\r\n ...mapState('admin/userLevel', ['categoryId']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : '80px';\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n },\r\n\r\n data() {\r\n return {\r\n baseUrl: 'https://shop.crmeb.net/html/index.html',\r\n iframeUrl: '',\r\n captchs: 'http://authorize.crmeb.net/api/captchs/',\r\n authCode: '',\r\n status: 1,\r\n dayNum: 0,\r\n copyright: '',\r\n isTemplate: false,\r\n modalCopyright: false,\r\n price: '',\r\n proPrice: '',\r\n productStatus: false,\r\n copyrightText: '',\r\n success: false,\r\n payType: '',\r\n disabled: false,\r\n isShow: false, // 验证码模态框是否出现\r\n active: 0,\r\n timer: null,\r\n version: '',\r\n label: '',\r\n productType: '',\r\n modalPic: false,\r\n isChoice: '单选',\r\n authorizedPicture: '', // 版权图片\r\n gridPic: {\r\n xl: 6,\r\n lg: 8,\r\n md: 12,\r\n sm: 12,\r\n xs: 12,\r\n },\r\n gridBtn: {\r\n xl: 4,\r\n lg: 8,\r\n md: 8,\r\n sm: 8,\r\n xs: 8,\r\n },\r\n tableList: [],\r\n licensingTable: [],\r\n copyrightTableData: [],\r\n copyrightList: [{}],\r\n loading: false,\r\n trips: [\r\n {\r\n title: '温馨提示',\r\n message:\r\n '您的【长连接】未开启,没有开启会导致系统默认客服无法使用,后台订单通知无法收到。请尽快执行命令开启!!<a href=\"https://doc.crmeb.com/single/v54/13667\" target=\"_blank\">点击查看开启方法</a>',\r\n },\r\n {\r\n title: '温馨提示',\r\n message:\r\n '您的【定时任务】未开启,没有开启会导致自动收货、未支付自动取消订单、订单自动好评、拼团到期退款等任务无法正常执行。请尽快执行命令开启!!<a href=\"https://doc.crmeb.com/single/v54/13667\" target=\"_blank\">点击查看开启方法</a>',\r\n },\r\n {\r\n title: '温馨提示',\r\n message:\r\n '您的【消息队列】未开启,没有开启会导致异步任务无法执行。请尽快执行命令开启!!<a href=\"https://doc.crmeb.com/single/v54/13667\" target=\"_blank\">点击查看开启方法</a>',\r\n },\r\n ],\r\n };\r\n },\r\n filters: {\r\n formatDate(time) {\r\n if (time !== 0) {\r\n let date = new Date(time * 1000);\r\n return formatDate(date, 'yyyy-MM-dd hh:mm');\r\n }\r\n },\r\n headText(z) {\r\n if (z === 'server') {\r\n return '服务器信息';\r\n } else if (z === 'environment') {\r\n return '系统环境要求';\r\n } else if (z === 'permissions') {\r\n return '权限状态';\r\n } else if (z === 'process') {\r\n return '启动进程';\r\n }\r\n },\r\n },\r\n components: {\r\n uploadPictures,\r\n },\r\n mounted() {\r\n this.getAuth();\r\n this.getVersion();\r\n window.addEventListener('message', (e) => {\r\n if (e.data.event === 'onCancel') {\r\n this.cancel();\r\n }\r\n });\r\n copyrightList().then((res) => {\r\n this.tableList = res.data;\r\n });\r\n },\r\n methods: {\r\n editCopyright() {\r\n this.modalCopyright = true;\r\n },\r\n getVersion() {\r\n getVersion().then((res) => {\r\n this.version = res.data.version;\r\n this.label = res.data.label;\r\n });\r\n },\r\n getCrmebCopyRight() {\r\n getCrmebCopyRight().then((res) => {\r\n this.getAuth();\r\n });\r\n },\r\n //保存版权信息\r\n saveCopyRight() {\r\n saveCrmebCopyRight({\r\n copyright: this.copyrightText,\r\n copyright_img: this.authorizedPicture,\r\n }).then((res) => {\r\n this.getCopyRight();\r\n this.modalCopyright = false;\r\n return this.$message.success(res.msg);\r\n });\r\n },\r\n // 选择图片\r\n modalPicTap() {\r\n this.modalPic = true;\r\n },\r\n // 选中图片\r\n getPic(pc) {\r\n this.authorizedPicture = pc.att_dir;\r\n this.modalPic = false;\r\n },\r\n //获取版权信息\r\n getCopyRight() {\r\n getCrmebCopyRight().then((res) => {\r\n const { copyrightContext, copyrightImage } = res.data;\r\n this.copyrightTableData = [\r\n {\r\n copyrightContext,\r\n copyrightImage,\r\n },\r\n ];\r\n this.copyrightText = copyrightContext || '';\r\n this.authorizedPicture = copyrightImage || '';\r\n });\r\n },\r\n cancel() {\r\n if (this.productType === 'copyright') {\r\n this.getCrmebCopyRight();\r\n } else {\r\n this.getAuth();\r\n }\r\n this.iframeUrl = '';\r\n this.isTemplate = false;\r\n },\r\n loginTabSwitch(index) {\r\n this.active = index;\r\n },\r\n getAuth() {\r\n auth()\r\n .then((res) => {\r\n let data = res.data || {};\r\n this.licensingTable = [\r\n {\r\n authCode: data.authCode || '',\r\n status: data.status === undefined ? -1 : data.status,\r\n },\r\n ];\r\n this.dayNum = data.day || 0;\r\n this.copyright = data.copyright;\r\n if (this.copyright) {\r\n this.getCopyRight();\r\n }\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n toCrmeb() {\r\n window.open('http://www.crmeb.com');\r\n },\r\n getProduct() {\r\n crmebProduct({ type: 'copyright' })\r\n .then((res) => {\r\n this.price = res.data.attr.price;\r\n this.productStatus = true;\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n crmebProduct({ type: 'pro' })\r\n .then((res) => {\r\n this.proPrice = res.data.attr.price;\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n payment(product) {\r\n this.productType = product;\r\n let host = location.host;\r\n let hostData = host.split('.');\r\n if (hostData[0] === 'test' && hostData.length === 4) {\r\n host = host.replace('test.', '');\r\n } else if (hostData[0] === 'www' && hostData.length === 3) {\r\n host = host.replace('www.', '');\r\n }\r\n this.iframeUrl =\r\n this.baseUrl + '?url=' + host + '&product=' + product + '&version=' + this.version + '&label=' + this.label;\r\n this.isTemplate = true;\r\n },\r\n // 用户点击遮罩层,应该关闭模态框\r\n onClose() {\r\n this.isShow = false;\r\n },\r\n },\r\n destroyed() {},\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.auth {\r\n padding: 9px 16px 9px 10px;\r\n display: flex;\r\n\r\n .box {\r\n width: 50px;\r\n }\r\n\r\n .update {\r\n white-space: nowrap;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .upload {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(0, 0, 0, 0.02);\r\n border-radius: 4px;\r\n border: 1px solid #dddddd;\r\n }\r\n}\r\n\r\n.auth .iconIos {\r\n font-size: 40px;\r\n margin-right: 10px;\r\n color: #001529;\r\n}\r\n\r\n.auth .text {\r\n font-weight: 400;\r\n color: rgba(0, 0, 0, 1);\r\n font-size: 18px;\r\n}\r\n\r\n.auth .text .code {\r\n font-size: 14px;\r\n color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.auth .text .pro_price {\r\n height: 18px;\r\n font-size: 14px;\r\n font-family: PingFangSC-Semibold, PingFang SC;\r\n font-weight: 600;\r\n color: #f5222d;\r\n line-height: 18px;\r\n}\r\n\r\n.auth .blue {\r\n color: var(--prev-color-primary) !important;\r\n}\r\n\r\n.auth .red {\r\n color: #ed4014 !important;\r\n}\r\n\r\n.upload .iconfont {\r\n line-height: 60px;\r\n}\r\n\r\n.uploadPictrue {\r\n width: 60px;\r\n height: 60px;\r\n border: 1px dotted rgba(0, 0, 0, 0.1);\r\n margin-left: 2px;\r\n border-radius: 3px;\r\n position: relative;\r\n cursor: pointer;\r\n .el-icon-error{\r\n position: absolute;\r\n top:-3px;\r\n right: -3px;\r\n color: #999999;\r\n }\r\n}\r\n\r\n.uploadPictrue img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 3px;\r\n}\r\n\r\n.phone_code {\r\n border: 1px solid #eee;\r\n padding: 0 10px 0;\r\n cursor: pointer;\r\n}\r\n\r\n.grey {\r\n background-color: #999999;\r\n border-color: #999999;\r\n color: #fff;\r\n}\r\n\r\n.update {\r\n font-size: 13px;\r\n color: rgba(0, 0, 0, 0.85);\r\n padding-right: 12px;\r\n}\r\n\r\n.prompt {\r\n margin-left: 150px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #999999;\r\n}\r\n\r\n.submit {\r\n width: 100%;\r\n}\r\n\r\n.code .input {\r\n width: 83%;\r\n}\r\n\r\n.code .input .ivu-input {\r\n border-radius: 4px 0 0 4px !important;\r\n}\r\n\r\n.code .pictrue {\r\n height: 32px;\r\n width: 17%;\r\n}\r\n\r\n.customer {\r\n border-right: 0;\r\n}\r\n\r\n.customer a {\r\n font-size: 12px;\r\n}\r\n\r\n.ivu-input-group-prepend,\r\n.ivu-input-group-append {\r\n background-color: #fff;\r\n}\r\n\r\n.ivu-input-group .ivu-input {\r\n border-right: 0 !important;\r\n}\r\n\r\n.qrcode {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 180px;\r\n height: 180px;\r\n border: 1px solid #e5e5e6;\r\n}\r\n\r\n.qrcode_desc {\r\n display: inline-block;\r\n text-align: center;\r\n margin: 10px 0 10px;\r\n width: 180px;\r\n font-size: 12px;\r\n color: #666;\r\n line-height: 16px;\r\n}\r\n\r\n.login_tab {\r\n font-size: 16px;\r\n margin: 0 0 20px;\r\n justify-content: center;\r\n}\r\n\r\n.login_tab_item {\r\n width: 50%;\r\n text-align: center;\r\n padding-bottom: 15px;\r\n border-bottom: 1px solid #eee;\r\n cursor: pointer;\r\n}\r\n\r\n.active_tab {\r\n border-bottom: 2px solid var(--prev-color-primary);\r\n color: var(--prev-color-primary);\r\n font-weight: 600;\r\n}\r\n\r\niframe {\r\n height: 550px;\r\n overflow: hidden;\r\n}\r\n\r\n.head {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #303133;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.el-icon-check {\r\n color: var(--prev-color-primary);\r\n font-size: 22px;\r\n font-weight: 600;\r\n}\r\n\r\n.el-icon-close {\r\n color: #f5222d;\r\n font-size: 22px;\r\n font-weight: 600;\r\n}\r\n\r\n.btn {\r\n color: var(--prev-color-primary);\r\n margin-right: 10px;\r\n}\r\n.el-icon-warning-outline {\r\n font-size: 13px;\r\n}\r\n</style>\r\n"]}]}
|