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