{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\order\\refund\\index.vue?vue&type=style&index=0&id=749c27c0&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\order\\refund\\index.vue","mtime":1761614939046},{"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: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"]}]}