| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\order\\refund\\index.vue?vue&type=style&index=0&id=749c27c0&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\order\\refund\\index.vue","mtime":1761185180152},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouY29kZSB7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCn0NCi5pdnUtZm9ybS1pdGVtIHsNCn0NCi5RUnBpYyB7DQogIHdpZHRoOiAxODBweDsNCiAgaGVpZ2h0OiAyNTlweDsNCg0KICBpbWcgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogMTAwJTsNCiAgfQ0KfQ0KLnRhYkJveCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogIC50YWJCb3hfaW1nIHsNCiAgICB3aWR0aDogMzZweDsNCiAgICBoZWlnaHQ6IDM2cHg7DQoNCiAgICBpbWcgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgfQ0KICB9DQogIC50YWJCb3hfdGl0IHsNCiAgICB3aWR0aDogNjAlOw0KICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50Ow0KICAgIG1hcmdpbjogMCAycHggMCAxMHB4Ow0KICAgIGxldHRlci1zcGFjaW5nOiAxcHg7DQogICAgcGFkZGluZzogNXB4IDA7DQogICAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCiAgfQ0KfQ0KLnBpY3RydWUtYm94IHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbTogY2VudGVyOw0KfQ0KLnBpY3RydWUgew0KICB3aWR0aDogMjVweDsNCiAgaGVpZ2h0OiAyNXB4Ow0KfQ0KLnRhYiB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQoNCiAgaW1nIHsNCiAgICB3aWR0aDogMzZweDsNCiAgICBoZWlnaHQ6IDM2cHg7DQogICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICB9DQp9DQoudy0yNTAgew0KICBtYXgtd2lkdGg6IDI1MHB4Ow0KfQ0KLnctMTIwIHsNCiAgd2lkdGg6IDEyMHB4Ow0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAmhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/order/refund","sourcesContent":["<template>\r\n <div>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\" :body-style=\"{ padding: 0 }\">\r\n <div class=\"padding-add\">\r\n <el-form\r\n ref=\"pagination\"\r\n :model=\"pagination\"\r\n :label-width=\"labelWidth\"\r\n :label-position=\"labelPosition\"\r\n @submit.native.prevent\r\n inline\r\n >\r\n <el-form-item label=\"退款状态：\">\r\n <el-select\r\n v-model=\"pagination.refund_type\"\r\n clearable\r\n class=\"form_content_width\"\r\n @change=\"selectChange2\"\r\n placeholder=\"全部\"\r\n >\r\n <el-option v-for=\"(item, index) in num\" :value=\"index\" :key=\"index\" :label=\"item.name\">{{\r\n item.name\r\n }}</el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"退款时间：\">\r\n <el-date-picker\r\n clearable\r\n v-model=\"timeVal\"\r\n type=\"daterange\"\r\n :editable=\"false\"\r\n @change=\"onchangeTime\"\r\n format=\"yyyy/MM/dd\"\r\n value-format=\"yyyy/MM/dd\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n :picker-options=\"pickerOptions\"\r\n style=\"width: 250px\"\r\n class=\"mr20\"\r\n ></el-date-picker>\r\n </el-form-item>\r\n <el-form-item label=\"订单搜索：\" label-for=\"title\">\r\n <el-input clearable v-model=\"pagination.order_id\" placeholder=\"请输入订单号\" class=\"form_content_width\" />\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" v-db-click @click=\"orderSearch\">查询</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </el-card>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt mt16\">\r\n <el-table\r\n :data=\"tbody\"\r\n ref=\"table\"\r\n v-loading=\"loading\"\r\n highlight-current-row\r\n no-userFrom-text=\"暂无数据\"\r\n no-filtered-userFrom-text=\"暂无筛选结果\"\r\n >\r\n <el-table-column label=\"退款订单号\" min-width=\"150\">\r\n <template slot-scope=\"scope\">\r\n <span\r\n class=\"cup hover-pimary\"\r\n v-text=\"scope.row.order_id\"\r\n style=\"display: block\"\r\n @click=\"changeMenu(scope.row, '2')\"\r\n ></span>\r\n <span v-if=\"scope.row.is_del === 1\" style=\"color: #ed4014; display: block\">用户已删除</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"原订单号\" min-width=\"150\">\r\n <template slot-scope=\"scope\">\r\n <span\r\n class=\"cup hover-pimary\"\r\n v-text=\"scope.row.store_order_order_id\"\r\n style=\"display: block\"\r\n @click=\"changeMenu(scope.row, '3')\"\r\n ></span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"商品信息\" min-width=\"250\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"tab\" v-for=\"(item, i) in scope.row._info\" :key=\"i\">\r\n <img\r\n v-lazy=\"\r\n item.cart_info.productInfo.attrInfo\r\n ? item.cart_info.productInfo.attrInfo.image\r\n : item.cart_info.productInfo.image\r\n \"\r\n />\r\n <el-tooltip placement=\"top\" :open-delay=\"300\">\r\n <div slot=\"content\">\r\n <div>\r\n <span>商品名称：</span>\r\n <span>{{ item.cart_info.productInfo.store_name || '--' }}</span>\r\n </div>\r\n <div>\r\n <span>规格名称：</span>\r\n <span>{{\r\n item.cart_info.productInfo.attrInfo ? item.cart_info.productInfo.attrInfo.suk : '---'\r\n }}</span>\r\n </div>\r\n <div>\r\n <span>价格：</span>\r\n <span>¥{{ item.cart_info.truePrice || '--' }}</span>\r\n </div>\r\n <div>\r\n <span>数量：</span>\r\n <span>{{ item.cart_info.cart_num || '--' }}</span>\r\n </div>\r\n </div>\r\n <span class=\"line2 w-250\">{{ item.cart_info.productInfo.store_name }}</span>\r\n </el-tooltip>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"用户信息\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <span class=\"cup hover-pimary\" @click=\"userDetail(scope.row, '2')\">{{ scope.row.nickname }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"实际支付\" min-width=\"70\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.pay_price }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"发起退款时间\" min-width=\"120\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.add_time }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"退款状态\" min-width=\"100\">\r\n <template slot-scope=\"scope\">\r\n <div v-if=\"scope.row.refund_type == 1\">仅退款</div>\r\n <div v-else-if=\"scope.row.refund_type == 2\">退货退款</div>\r\n <div v-else-if=\"scope.row.refund_type == 3\">\r\n <div>拒绝退款</div>\r\n <div class=\"c-red\">原因：{{ scope.row.refuse_reason }}</div>\r\n </div>\r\n <div v-else-if=\"scope.row.refund_type == 4\">商品待退货</div>\r\n <div v-else-if=\"scope.row.refund_type == 5\">\r\n <div>退货待收货</div>\r\n <div>单号：{{ scope.row.refund_express }}</div>\r\n </div>\r\n <div v-else-if=\"scope.row.refund_type == 6\">已退款</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"订单状态\" min-width=\"120\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.store_order_status }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"退款信息\" min-width=\"120\">\r\n <template slot-scope=\"scope\">\r\n <div v-html=\"scope.row.refund_reason\" class=\"pt5\"></div>\r\n <div class=\"pictrue-box\" v-if=\"scope.row.refund_img.length\">\r\n <div v-viewer v-for=\"(item, index) in scope.row.refund_img || []\" :key=\"index\">\r\n <img class=\"pictrue mr10\" v-lazy=\"item\" :src=\"item\" />\r\n </div>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column fixed=\"right\" label=\"操作\" width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <el-dropdown size=\"small\" @command=\"changeMenu(scope.row, $event)\">\r\n <span class=\"el-dropdown-link\">更多<i class=\"el-icon-arrow-down el-icon--right\"></i> </span>\r\n <el-dropdown-menu slot=\"dropdown\">\r\n <el-dropdown-item\r\n command=\"1\"\r\n ref=\"ones\"\r\n v-show=\"scope.row._status === 1 && scope.row.paid === 0 && scope.row.pay_type === 'offline'\"\r\n >立即支付</el-dropdown-item\r\n >\r\n <el-dropdown-item command=\"2\">订单详情</el-dropdown-item>\r\n <el-dropdown-item\r\n command=\"4\"\r\n v-show=\"\r\n scope.row._status !== 1 ||\r\n (scope.row._status === 3 &&\r\n scope.row.use_integral > 0 &&\r\n scope.row.use_integral >= scope.row.back_integral)\r\n \"\r\n >售后备注</el-dropdown-item\r\n >\r\n <el-dropdown-item\r\n command=\"5\"\r\n v-show=\"\r\n [1, 2, 5].includes(scope.row.refund_type) &&\r\n (parseFloat(scope.row.pay_price) > parseFloat(scope.row.refunded_price) || scope.row.pay_price == 0)\r\n \"\r\n >{{ scope.row.refund_type == 2 ? '同意退货' : '立即退款' }}</el-dropdown-item\r\n >\r\n <el-dropdown-item\r\n command=\"7\"\r\n v-show=\"[1, 2].includes(scope.row.refund_type) && scope.row.is_pink_cancel === 0\"\r\n >不退款</el-dropdown-item\r\n >\r\n <el-dropdown-item command=\"8\" v-show=\"scope.row.is_del == 1\">删除订单</el-dropdown-item>\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <div class=\"acea-row row-right page\">\r\n <pagination\r\n v-if=\"total\"\r\n :total=\"total\"\r\n :page.sync=\"pagination.page\"\r\n :limit.sync=\"pagination.limit\"\r\n @pagination=\"getOrderList\"\r\n />\r\n </div>\r\n </el-card>\r\n <!-- 编辑 退款 退积分 不退款-->\r\n <edit-from ref=\"edits\" :FromData=\"FromData\" @submitFail=\"submitFail\"></edit-from>\r\n <!-- 会员详情-->\r\n <user-details ref=\"userDetails\"></user-details>\r\n <!-- 详情 -->\r\n <details-from ref=\"detailss\" :orderDatalist=\"orderDatalist\" :orderId=\"orderId\" :is_refund=\"1\"></details-from>\r\n <!-- 备注 -->\r\n <order-remark ref=\"remarks\" remarkType=\"refund\" :orderId=\"orderId\" @submitFail=\"submitFail\"></order-remark>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport {\r\n orderRefundList,\r\n getDataInfo,\r\n getDataInfoNew,\r\n getNewRefundFrom,\r\n getNewnoRefundFrom,\r\n refundIntegral,\r\n getDistribution,\r\n} from '@/api/order';\r\nimport userDetails from '@/pages/user/list/handle/userDetails';\r\n\r\nimport editFrom from '@/components/from/from';\r\nimport detailsFrom from '../orderList/handle/orderDetails';\r\nimport orderRemark from '../orderList/handle/orderRemark';\r\nimport timeOptions from '@/libs/timeOptions';\r\nexport default {\r\n components: { editFrom, detailsFrom, orderRemark, userDetails },\r\n data() {\r\n return {\r\n grid: {\r\n xl: 7,\r\n lg: 8,\r\n md: 12,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n tbody: [],\r\n num: [],\r\n orderDatalist: null,\r\n loading: false,\r\n FromData: null,\r\n total: 0,\r\n orderId: 0,\r\n animal: 1,\r\n pagination: {\r\n page: 1,\r\n limit: 15,\r\n order_id: '',\r\n time: '',\r\n refund_type: 0,\r\n },\r\n timeVal: [],\r\n modal: false,\r\n qrcode: null,\r\n name: '',\r\n spin: false,\r\n pickerOptions: timeOptions,\r\n };\r\n },\r\n computed: {\r\n ...mapState('order', ['orderChartType']),\r\n // ...mapState(\"admin/layout\", [\"isMobile\"]),\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 created() {\r\n this.getOrderList();\r\n },\r\n methods: {\r\n onchangeCode(e) {\r\n this.animal = e;\r\n this.qrcodeShow();\r\n },\r\n // 具体日期搜索()；\r\n onchangeTime(e) {\r\n this.pagination.page = 1;\r\n this.timeVal = e || [];\r\n this.pagination.time = this.timeVal[0] ? (this.timeVal ? this.timeVal.join('-') : '') : '';\r\n this.getOrderList();\r\n },\r\n userDetail(row) {\r\n this.$refs.userDetails.modals = true;\r\n this.$refs.userDetails.getDetails(row.uid);\r\n },\r\n // 操作\r\n changeMenu(row, name) {\r\n this.orderId = row.id;\r\n switch (name) {\r\n case '1':\r\n this.delfromData = {\r\n title: '修改立即支付',\r\n url: `/order/pay_offline/${row.id}`,\r\n method: 'post',\r\n ids: '',\r\n };\r\n this.$modalSure(this.delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.getOrderList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n // this.modalTitleSs = '修改立即支付';\r\n break;\r\n case '2':\r\n this.getData(row.order_id, 2);\r\n break;\r\n case '3':\r\n this.getData(row.store_order_id, 3);\r\n break;\r\n case '4':\r\n this.$refs.remarks.modals = true;\r\n this.$refs.remarks.formValidate.remark = row.remark;\r\n break;\r\n case '5':\r\n this.getRefundData(row.id, row.refund_type);\r\n break;\r\n case '6':\r\n this.getRefundIntegral(row.id);\r\n break;\r\n case '7':\r\n this.getNoRefundData(row.id);\r\n break;\r\n case '8':\r\n this.delfromData = {\r\n title: '删除订单',\r\n url: `/order/del/${row.store_order_id}`,\r\n method: 'DELETE',\r\n ids: '',\r\n };\r\n this.delOrder(row, this.delfromData);\r\n break;\r\n case '10':\r\n this.delfromData = {\r\n title: '立即打印订单',\r\n info: '您确认打印此订单吗?',\r\n url: `/order/print/${row.id}`,\r\n method: 'get',\r\n ids: '',\r\n };\r\n this.$modalSure(this.delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.$emit('changeGetTabs');\r\n this.getOrderList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n break;\r\n case '11':\r\n this.delfromData = {\r\n title: '立即打印电子面单',\r\n info: '您确认打印此电子面单吗?',\r\n url: `/order/order_dump/${row.id}`,\r\n method: 'get',\r\n ids: '',\r\n };\r\n this.$modalSure(this.delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.getOrderList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n break;\r\n default:\r\n this.delfromData = {\r\n title: '删除订单',\r\n url: `/order/del/${row.id}`,\r\n method: 'DELETE',\r\n ids: '',\r\n };\r\n // this.modalTitleSs = '删除订单';\r\n this.delOrder(row, this.delfromData);\r\n }\r\n },\r\n // 获取退款表单数据\r\n getRefundData(id, refund_type) {\r\n if (refund_type == 2) {\r\n this.delfromData = {\r\n title: '同意退货退款',\r\n url: `/refund/agree/${id}`,\r\n method: 'get',\r\n };\r\n this.$modalSure(this.delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.getOrderList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n } else {\r\n this.$modalForm(getNewRefundFrom(id)).then(() => {\r\n this.getOrderList();\r\n this.$emit('changeGetTabs');\r\n });\r\n }\r\n },\r\n // 获取退积分表单数据\r\n getRefundIntegral(id) {\r\n refundIntegral(id)\r\n .then(async (res) => {\r\n this.FromData = res.data;\r\n this.$refs.edits.modals = true;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 获取详情表单数据\r\n getData(id, type) {\r\n let fun;\r\n if (type == 2) {\r\n fun = getDataInfoNew;\r\n } else {\r\n fun = getDataInfo;\r\n }\r\n fun(id)\r\n .then(async (res) => {\r\n this.orderDatalist = res.data;\r\n // if (this.orderDatalist.orderInfo.refund_img.length) {\r\n // try {\r\n // this.orderDatalist.orderInfo.refund_img = this.orderDatalist.orderInfo.refund_img;\r\n // } catch (e) {\r\n // this.orderDatalist.orderInfo.refund_img = [];\r\n // }\r\n // }\r\n this.$nextTick((e) => {\r\n this.$refs.detailss.modals = true;\r\n });\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 删除单条订单\r\n delOrder(row, data) {\r\n if (row.is_del === 1) {\r\n this.$modalSure(data)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.getOrderList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n } else {\r\n this.$message.error('您选择的的订单存在用户未删除的订单，无法删除用户未删除的订单！');\r\n }\r\n },\r\n // 修改成功\r\n submitFail() {\r\n this.getOrderList();\r\n },\r\n // 订单选择状态\r\n selectChange2(tab) {\r\n this.pagination.page = 1;\r\n this.getOrderList(tab);\r\n },\r\n // 不退款表单数据\r\n getNoRefundData(id) {\r\n this.$modalForm(getNewnoRefundFrom(id)).then(() => {\r\n this.getOrderList();\r\n this.$emit('changeGetTabs');\r\n });\r\n },\r\n // 订单列表\r\n getOrderList() {\r\n this.loading = true;\r\n orderRefundList(this.pagination)\r\n .then((res) => {\r\n this.loading = false;\r\n const { count, list, num } = res.data;\r\n this.total = count;\r\n this.tbody = list;\r\n this.num = num;\r\n })\r\n .catch((err) => {\r\n this.loading = false;\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n nameSearch() {\r\n this.pagination.page = 1;\r\n this.getOrderList();\r\n },\r\n // 订单搜索\r\n orderSearch() {\r\n this.pagination.page = 1;\r\n this.getOrderList();\r\n },\r\n // 配送信息表单数据\r\n delivery(row) {\r\n getDistribution(row.id)\r\n .then(async (res) => {\r\n this.FromData = res.data;\r\n this.$refs.edits.modals = true;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.code {\r\n position: relative;\r\n}\r\n.ivu-form-item {\r\n}\r\n.QRpic {\r\n width: 180px;\r\n height: 259px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n.tabBox {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n .tabBox_img {\r\n width: 36px;\r\n height: 36px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n .tabBox_tit {\r\n width: 60%;\r\n font-size: 12px !important;\r\n margin: 0 2px 0 10px;\r\n letter-spacing: 1px;\r\n padding: 5px 0;\r\n box-sizing: border-box;\r\n }\r\n}\r\n.pictrue-box {\r\n display: flex;\r\n align-item: center;\r\n}\r\n.pictrue {\r\n width: 25px;\r\n height: 25px;\r\n}\r\n.tab {\r\n display: flex;\r\n align-items: center;\r\n\r\n img {\r\n width: 36px;\r\n height: 36px;\r\n margin-right: 10px;\r\n }\r\n}\r\n.w-250 {\r\n max-width: 250px;\r\n}\r\n.w-120 {\r\n width: 120px;\r\n}\r\n</style>\r\n"]}]}
|
