{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\agent\\agentManage.vue?vue&type=style&index=0&id=0d401eec&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\agent\\agentManage.vue","mtime":1761614939005},{"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:DQoucGljQm94IHsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICBjdXJzb3I6IHBvaW50ZXI7DQogIC51cExvYWQgew0KICAgIHdpZHRoOiA1OHB4Ow0KICAgIGhlaWdodDogNThweDsNCiAgICBsaW5lLWhlaWdodDogNThweDsNCiAgICBib3JkZXI6IDFweCBkb3R0ZWQgcmdiYSgwLCAwLCAwLCAwLjEpOw0KICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMDIpOw0KICB9DQogIC5waWN0cnVlIHsNCiAgICB3aWR0aDogNjBweDsNCiAgICBoZWlnaHQ6IDYwcHg7DQogICAgYm9yZGVyOiAxcHggZG90dGVkIHJnYmEoMCwgMCwgMCwgMC4xKTsNCiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQoNCiAgICBpbWcgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgfQ0KICB9DQogIC5pY29uZm9udCB7DQogICAgY29sb3I6ICM4OTg5ODk7DQogIH0NCn0NCi5RUnBpYyB7DQogIHdpZHRoOiAxODBweDsNCiAgaGVpZ2h0OiAxODBweDsNCg0KICBpbWcgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogMTAwJTsNCiAgfQ0KfQ0KLlFScGljX3NwMSB7DQogIGZvbnQtc2l6ZTogMTNweDsNCiAgY29sb3I6ICMxOWJlNmI7DQogIGN1cnNvcjogcG9pbnRlcjsNCn0NCi5RUnBpY19zcDIgew0KICBmb250LXNpemU6IDEzcHg7DQogIGNvbG9yOiAjMmQ4Y2YwOw0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoNCmltZyB7DQogIGhlaWdodDogMzZweDsNCiAgZGlzcGxheTogYmxvY2s7DQp9DQouaXZ1LW10IC5uYW1lIC5pdGVtIHsNCiAgbWFyZ2luOiAzcHggMDsNCn0NCi50YWJmb3JtIHsNCiAgbWFyZ2luLWJvdHRvbTogMTBweDsNCn0NCi5SZWZyZXNoIHsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KLml2dS1mb3JtLWl0ZW0gew0KICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KfQ0KDQovKiAuaXZ1LW10IDo6di1kZWVwIC5pdnUtdGFibGUtaGVhZGVyICovDQovKiBib3JkZXItdG9wOjFweCBkYXNoZWQgI2RkZCFpbXBvcnRhbnQgKi8NCg=="},{"version":3,"sources":["agentManage.vue"],"names":[],"mappings":";AA+eA;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;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA","file":"agentManage.vue","sourceRoot":"src/pages/agent","sourcesContent":["<template>\r\n  <div>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mb-16\" :body-style=\"{ padding: 0 }\">\r\n      <div class=\"padding-add\">\r\n        <el-form\r\n          ref=\"formValidate\"\r\n          :model=\"formValidate\"\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-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=\"status\">\r\n            <el-input\r\n              clearable\r\n              placeholder=\"请输入姓名、电话、UID\"\r\n              v-model=\"formValidate.nickname\"\r\n              class=\"form_content_width\"\r\n            />\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" v-db-click @click=\"userSearchs\">查询</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </div>\r\n    </el-card>\r\n    <cards-data :cardLists=\"cardLists\" v-if=\"cardLists.length >= 0\"></cards-data>\r\n    <el-card :bordered=\"false\" shadow=\"never\">\r\n      <el-button v-auth=\"['export-userAgent']\" class=\"export\" v-db-click @click=\"exports\">导出</el-button>\r\n      <el-table\r\n        ref=\"selection\"\r\n        :data=\"tableList\"\r\n        class=\"mt14\"\r\n        v-loading=\"loading\"\r\n        empty-text=\"暂无数据\"\r\n        highlight-current-row\r\n      >\r\n        <el-table-column label=\"ID\" width=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.uid }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"商品图片\" min-width=\"90\">\r\n          <template slot-scope=\"scope\">\r\n            <div class=\"tabBox_img\" v-viewer>\r\n              <img v-lazy=\"scope.row.headimgurl ? scope.row.headimgurl : require('../../assets/images/moren.jpg')\" />\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"用户信息\" width=\"150\">\r\n          <template slot-scope=\"scope\">\r\n            <div class=\"name\">\r\n              <div class=\"item\">昵称:{{ scope.row.nickname }}</div>\r\n              <div class=\"item\">姓名:{{ scope.row.real_name }}</div>\r\n              <div class=\"item\">电话:{{ scope.row.phone }}</div>\r\n            </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            <div>{{ scope.row.agentLevel ? scope.row.agentLevel.name : '--' }}</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.spread_count }}</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>{{ scope.row.spread_order.order_count }}</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            <div>{{ scope.row.spread_order.order_price || '0.00' }}</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            <div>{{ scope.row.brokerage_money }}</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            <div>{{ scope.row.extract_count_price }}</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            <div>{{ scope.row.extract_count_num }}</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            <div>{{ scope.row.new_money }}</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            <div>{{ scope.row.spread_name }}</div>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" fixed=\"right\" width=\"120\">\r\n          <template slot-scope=\"scope\">\r\n            <a v-db-click @click=\"promoters(scope.row, 'man')\">推广人</a>\r\n            <el-divider direction=\"vertical\"></el-divider>\r\n            <template>\r\n              <el-dropdown size=\"small\" @command=\"changeMenu(scope.row, $event, scope.$index)\" :transfer=\"true\">\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 command=\"1\">推广订单</el-dropdown-item>\r\n                  <el-dropdown-item command=\"2\">推广二维码</el-dropdown-item>\r\n                  <el-dropdown-item command=\"3\">修改上级推广人</el-dropdown-item>\r\n                  <el-dropdown-item command=\"4\" v-if=\"scope.row.spread_uid\">清除上级推广人</el-dropdown-item>\r\n                  <el-dropdown-item command=\"5\">取消推广资格</el-dropdown-item>\r\n                  <el-dropdown-item command=\"6\">修改分销等级</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n              </el-dropdown>\r\n            </template>\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=\"formValidate.page\"\r\n          :limit.sync=\"formValidate.limit\"\r\n          @pagination=\"getList\"\r\n        />\r\n      </div>\r\n    </el-card>\r\n    <!-- 推广人列表-->\r\n    <promoters-list ref=\"promotersLists\"></promoters-list>\r\n    <!-- 推广二维码-->\r\n    <el-dialog :visible.sync=\"modals\" title=\"推广二维码\" :close-on-click-modal=\"false\" width=\"540px\">\r\n      <div class=\"acea-row row-around\" v-loading=\"spinShow\">\r\n        <div class=\"acea-row row-column-around row-between-wrapper\">\r\n          <div class=\"QRpic\" v-if=\"code_src\"><img v-lazy=\"code_src\" /></div>\r\n          <span class=\"QRpic_sp1 mt10\" v-db-click @click=\"getWeChat\">公众号推广二维码</span>\r\n        </div>\r\n        <div class=\"acea-row row-column-around row-between-wrapper\">\r\n          <div class=\"QRpic\" v-if=\"code_xcx\"><img v-lazy=\"code_xcx\" /></div>\r\n          <span class=\"QRpic_sp2 mt10\" v-db-click @click=\"getXcx\">小程序推广二维码</span>\r\n        </div>\r\n        <div class=\"acea-row row-column-around row-between-wrapper\">\r\n          <div class=\"QRpic\" v-if=\"code_h5\"><img v-lazy=\"code_h5\" /></div>\r\n          <span class=\"QRpic_sp2 mt10\" v-db-click @click=\"getH5\">H5推广二维码</span>\r\n        </div>\r\n      </div>\r\n    </el-dialog>\r\n    <!--修改推广人-->\r\n    <el-dialog :visible.sync=\"promoterShow\" title=\"修改推广人\" width=\"540px\" :show-close=\"true\">\r\n      <el-form ref=\"formInline\" :model=\"formInline\" label-width=\"100px\" @submit.native.prevent>\r\n        <el-form-item label=\"用户头像：\" prop=\"image\">\r\n          <div class=\"picBox\" v-db-click @click=\"customer\">\r\n            <div class=\"pictrue\" v-if=\"formInline.image\">\r\n              <img v-lazy=\"formInline.image\" />\r\n            </div>\r\n            <div class=\"upLoad acea-row row-center-wrapper\" v-else>\r\n              <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n            </div>\r\n          </div>\r\n        </el-form-item>\r\n      </el-form>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"cancel('formInline')\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"putSend('formInline')\">提交</el-button>\r\n      </span>\r\n    </el-dialog>\r\n    <el-dialog :visible.sync=\"customerShow\" title=\"请选择商城用户\" :show-close=\"true\" width=\"1000px\">\r\n      <customerInfo v-if=\"customerShow\" @imageObject=\"imageObject\"></customerInfo>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport cardsData from '@/components/cards/cards';\r\nimport searchFrom from '@/components/publicSearchFrom';\r\nimport { mapState } from 'vuex';\r\nimport {\r\n  agentListApi,\r\n  statisticsApi,\r\n  lookCodeApi,\r\n  lookxcxCodeApi,\r\n  lookh5CodeApi,\r\n  userAgentApi,\r\n  agentSpreadApi,\r\n} from '@/api/agent';\r\nimport promotersList from './handle/promotersList';\r\nimport customerInfo from '@/components/customerInfo';\r\nimport { membershipDataAddApi } from '@/api/membershipLevel';\r\nexport default {\r\n  name: 'agentManage',\r\n  components: { cardsData, searchFrom, promotersList, customerInfo },\r\n  data() {\r\n    return {\r\n      customerShow: false,\r\n      promoterShow: false,\r\n      modals: false,\r\n      spinShow: false,\r\n      pickerOptions: this.$timeOptions,\r\n      rows: {},\r\n      formValidate: {\r\n        nickname: '',\r\n        data: '',\r\n        page: 1,\r\n        limit: 15,\r\n      },\r\n      date: 'all',\r\n      total: 0,\r\n      cardLists: [],\r\n      loading: false,\r\n      tableList: [],\r\n      timeVal: [],\r\n      code_src: '',\r\n      code_xcx: '',\r\n      code_h5: '',\r\n      formInline: {\r\n        uid: 0,\r\n        spread_uid: 0,\r\n        image: '',\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState('media', ['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.getList();\r\n    this.getStatistics();\r\n  },\r\n  methods: {\r\n    // 提交\r\n    putSend(name) {\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          if (!this.formInline.spread_uid) {\r\n            return this.$message.error('请上传用户');\r\n          }\r\n          agentSpreadApi(this.formInline)\r\n            .then((res) => {\r\n              this.promoterShow = false;\r\n              this.$message.success(res.msg);\r\n              this.getList();\r\n              this.$refs[name].resetFields();\r\n            })\r\n            .catch((res) => {\r\n              this.$message.error(res.msg);\r\n            });\r\n        }\r\n      });\r\n    },\r\n    // 导出\r\n    exports() {\r\n      let formValidate = this.formValidate;\r\n      let data = {\r\n        data: formValidate.data,\r\n        nickname: formValidate.nickname,\r\n      };\r\n      userAgentApi(data)\r\n        .then((res) => {\r\n          location.href = res.data[0];\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 操作\r\n    changeMenu(row, name, index) {\r\n      switch (name) {\r\n        case '1':\r\n          this.promoters(row, 'order'); //推广人订单\r\n          break;\r\n        case '2':\r\n          this.spreadQR(row); //推广方式二维码\r\n          break;\r\n        case '3':\r\n          this.editS(row); //修改上级推广人\r\n          break;\r\n        case '4': //清除上级推广人\r\n          this.del_parent(row, '清除【 ' + row.nickname + ' 】的上级推广人', index);\r\n          break;\r\n        case '5': //取消推广资格\r\n          this.del_agent(row, '取消【 ' + row.nickname + ' 】的推广资格', index);\r\n          break;\r\n        case '6': //修改推广等级\r\n          this.$modalForm(membershipDataAddApi({ uid: row.uid }, '/agent/get_level_form')).then(() => this.getList());\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    editS(row) {\r\n      this.promoterShow = true;\r\n      this.formInline.uid = row.uid;\r\n    },\r\n    customer() {\r\n      this.customerShow = true;\r\n    },\r\n    imageObject(e) {\r\n      this.customerShow = false;\r\n      this.formInline.spread_uid = e.uid;\r\n      this.formInline.image = e.image;\r\n    },\r\n    // 清除上级关系\r\n    del_parent(rows, titile, num) {\r\n      let delfromDatap = {\r\n        title: titile,\r\n        num: num,\r\n        url: `agent/stair/delete_spread/${rows.uid}`,\r\n        method: 'PUT',\r\n        ids: '',\r\n      };\r\n      this.$modalSure(delfromDatap)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.getList();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 取消自己推广资格\r\n    del_agent(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `agent/stair/delete_system_spread/${row.uid}`,\r\n        method: 'PUT',\r\n        ids: '',\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.getList();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    edit(row) {\r\n      this.promoterShow = true;\r\n      this.formInline.uid = row.uid;\r\n    },\r\n    cancel(name) {\r\n      this.promoterShow = false;\r\n      this.$refs[name].resetFields();\r\n    },\r\n    // 推广人列表 订单\r\n    promoters(row, tit) {\r\n      this.$refs.promotersLists.modals = true;\r\n      this.$refs.promotersLists.getList(row, tit);\r\n    },\r\n    // 统计\r\n    getStatistics() {\r\n      let data = {\r\n        nickname: this.formValidate.nickname,\r\n        data: this.formValidate.data,\r\n      };\r\n      statisticsApi(data)\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.cardLists = data.res;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 具体日期\r\n    onchangeTime(e) {\r\n      this.timeVal = e;\r\n      this.formValidate.data = this.timeVal ? this.timeVal.join('-') : '';\r\n      this.formValidate.page = 1;\r\n      if (!e[0]) {\r\n        this.formValidate.data = '';\r\n      }\r\n      this.getList();\r\n      this.getStatistics();\r\n    },\r\n    // 选择时间\r\n    selectChange(tab) {\r\n      this.formValidate.page = 1;\r\n      this.formValidate.data = tab;\r\n      this.timeVal = [];\r\n      this.getList();\r\n      this.getStatistics();\r\n    },\r\n    // 列表\r\n    getList() {\r\n      this.loading = true;\r\n      agentListApi(this.formValidate)\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.tableList = data.list;\r\n          this.total = res.data.count;\r\n          this.loading = false;\r\n        })\r\n        .catch((res) => {\r\n          this.loading = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 表格搜索\r\n    userSearchs() {\r\n      this.formValidate.page = 1;\r\n      this.getList();\r\n      this.getStatistics();\r\n    },\r\n    // 二维码\r\n    spreadQR(row) {\r\n      this.modals = true;\r\n      this.rows = row;\r\n      this.getWeChat();\r\n      this.getXcx();\r\n      this.getH5();\r\n    },\r\n    // 公众号推广二维码\r\n    getWeChat() {\r\n      this.spinShow = true;\r\n      let data = {\r\n        uid: this.rows.uid,\r\n        action: 'wechant_code',\r\n      };\r\n      lookCodeApi(data)\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.code_src = data.code_src;\r\n          this.spinShow = false;\r\n        })\r\n        .catch((res) => {\r\n          this.spinShow = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 小程序推广二维码\r\n    getXcx() {\r\n      this.spinShow = true;\r\n      let data = {\r\n        uid: this.rows.uid,\r\n      };\r\n      lookxcxCodeApi(data)\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.code_xcx = data.code_src;\r\n          this.spinShow = false;\r\n        })\r\n        .catch((res) => {\r\n          this.spinShow = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    getH5() {\r\n      this.spinShow = true;\r\n      let data = {\r\n        uid: this.rows.uid,\r\n      };\r\n      lookh5CodeApi(data)\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.code_h5 = data.code_src;\r\n          this.spinShow = false;\r\n        })\r\n        .catch((res) => {\r\n          this.spinShow = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.picBox {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  .upLoad {\r\n    width: 58px;\r\n    height: 58px;\r\n    line-height: 58px;\r\n    border: 1px dotted rgba(0, 0, 0, 0.1);\r\n    border-radius: 4px;\r\n    background: rgba(0, 0, 0, 0.02);\r\n  }\r\n  .pictrue {\r\n    width: 60px;\r\n    height: 60px;\r\n    border: 1px dotted rgba(0, 0, 0, 0.1);\r\n    margin-right: 10px;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n  .iconfont {\r\n    color: #898989;\r\n  }\r\n}\r\n.QRpic {\r\n  width: 180px;\r\n  height: 180px;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n.QRpic_sp1 {\r\n  font-size: 13px;\r\n  color: #19be6b;\r\n  cursor: pointer;\r\n}\r\n.QRpic_sp2 {\r\n  font-size: 13px;\r\n  color: #2d8cf0;\r\n  cursor: pointer;\r\n}\r\n\r\nimg {\r\n  height: 36px;\r\n  display: block;\r\n}\r\n.ivu-mt .name .item {\r\n  margin: 3px 0;\r\n}\r\n.tabform {\r\n  margin-bottom: 10px;\r\n}\r\n.Refresh {\r\n  font-size: 12px;\r\n  color: var(--prev-color-primary);\r\n  cursor: pointer;\r\n}\r\n.ivu-form-item {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n/* .ivu-mt ::v-deep .ivu-table-header */\r\n/* border-top:1px dashed #ddd!important */\r\n</style>\r\n"]}]}