{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\finance\\components\\commissionDetails\\index.vue?vue&type=style&index=0&id=1b34b07a&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\finance\\components\\commissionDetails\\index.vue","mtime":1761614939015},{"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:DQouY29sb3JyZWQgew0KICBjb2xvcjogI2ZmNTcyMjsNCn0NCi5jb2xvcmdyZWVuIHsNCiAgY29sb3I6ICMwMDk2ODg7DQp9DQouc2VhcmNoIHsNCiAgd2lkdGg6IDg2cHg7DQogIGhlaWdodDogMzJweDsNCiAgYmFja2dyb3VuZDogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGxpbmUtaGVpZ2h0OiAzMnB4Ow0KICBmb250LXNpemU6IDEzcHg7DQogIGZvbnQtZmFtaWx5OiBQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDOw0KICBmb250LXdlaWdodDogNDAwOw0KICBjb2xvcjogI2ZmZmZmZjsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KLnJlc2V0IHsNCiAgd2lkdGg6IDg2cHg7DQogIGhlaWdodDogMzJweDsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDE1MSwgMTUxLCAxNTEsIDAuMzYpOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGxpbmUtaGVpZ2h0OiAzMnB4Ow0KICBmb250LXNpemU6IDEzcHg7DQogIGZvbnQtZmFtaWx5OiBQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDOw0KICBmb250LXdlaWdodDogNDAwOw0KICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg1KTsNCiAgY3Vyc29yOiBwb2ludGVyOw0KfQ0KLnRhYmxlIHsNCiAgLml2dS10YWJsZS1kZWZhdWx0IHsNCiAgICBvdmVyZmxvdy15OiBhdXRvOw0KICAgIG1heC1oZWlnaHQ6IDM1MHB4Ow0KICB9DQp9DQouZGFzaGJvYXJkLXdvcmtwbGFjZSB7DQogICYtaGVhZGVyIHsNCiAgICAmLWF2YXRhciB7DQogICAgICB3aWR0aDogNjRweDsNCiAgICAgIGhlaWdodDogNjRweDsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsNCiAgICAgIG1hcmdpbi1yaWdodDogMTZweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgfQ0KDQogICAgJi10aXAgew0KICAgICAgd2lkdGg6IDgyJTsNCiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7DQoNCiAgICAgICYtdGl0bGUgew0KICAgICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICAgIGNvbG9yOiAjMDAwMDAwOw0KICAgICAgICBtYXJnaW4tYm90dG9tOiAxMnB4Ow0KICAgICAgfQ0KDQogICAgICAmLWRlc2Mgew0KICAgICAgICAmLXNwIHsNCiAgICAgICAgICB3aWR0aDogMzMuMzMlOw0KICAgICAgICAgIGNvbG9yOiAjMTcyMzNkOw0KICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQoNCiAgICAmLWV4dHJhIHsNCiAgICAgIC5pdnUtY29sIHsNCiAgICAgICAgcCB7DQogICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7DQogICAgICAgIH0NCg0KICAgICAgICBwOmZpcnN0LWNoaWxkIHsNCiAgICAgICAgICBzcGFuOmZpcnN0LWNoaWxkIHsNCiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNHB4Ow0KICAgICAgICAgIH0NCg0KICAgICAgICAgIHNwYW46bGFzdC1jaGlsZCB7DQogICAgICAgICAgICBjb2xvcjogIzgwODY5NTsNCiAgICAgICAgICB9DQogICAgICAgIH0NCg0KICAgICAgICBwOmxhc3QtY2hpbGQgew0KICAgICAgICAgIGZvbnQtc2l6ZTogMjJweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLnotcHJpY2Ugew0KICBjb2xvcjogcmVkOw0KfQ0KDQouZi1wcmljZSB7DQogIGNvbG9yOiBncmVlbjsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA2NA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/finance/components/commissionDetails","sourcesContent":["<template>\r\n  <div>\r\n    <el-form\r\n      ref=\"formValidate\"\r\n      :label-width=\"labelWidth\"\r\n      :label-position=\"labelPosition\"\r\n      class=\"tabform\"\r\n      @submit.native.prevent\r\n      inline\r\n    >\r\n      <el-form-item label=\"订单搜索：\" label-for=\"status1\">\r\n        <el-input\r\n          v-model=\"formValidate.keywords\"\r\n          placeholder=\"请输入交易单号/交易人\"\r\n          class=\"form_content_width\"\r\n        ></el-input>\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-button type=\"primary\" v-db-click @click=\"searchs\">搜索</el-button>\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-button v-db-click @click=\"reset\">重置</el-button>\r\n      </el-form-item>\r\n    </el-form>\r\n    <el-table\r\n      :data=\"tabList\"\r\n      ref=\"table\"\r\n      v-loading=\"loading\"\r\n      no-userFrom-text=\"暂无数据\"\r\n      no-filtered-userFrom-text=\"暂无筛选结果\"\r\n      class=\"table\"\r\n    >\r\n      <el-table-column label=\"交易单号\" width=\"180\">\r\n        <template slot-scope=\"scope\">\r\n          <span>{{ scope.row.flow_id }}</span>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column label=\"关联订单\" min-width=\"130\">\r\n        <template slot-scope=\"scope\">\r\n          <span>{{ scope.row.order_id }}</span>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column label=\"交易时间\" min-width=\"130\">\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=\"130\">\r\n        <template slot-scope=\"scope\">\r\n          <div v-if=\"scope.row.price >= 0\" class=\"z-price\">+{{ scope.row.price }}</div>\r\n          <div v-if=\"scope.row.price < 0\" class=\"f-price\">{{ scope.row.price }}</div>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column label=\"交易用户\" min-width=\"130\">\r\n        <template slot-scope=\"scope\">\r\n          <span>{{ scope.row.nickname }}</span>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column label=\"交易类型\" min-width=\"130\">\r\n        <template slot-scope=\"scope\">\r\n          <span>{{ scope.row.trading_type }}</span>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column label=\"支付方式\" min-width=\"130\">\r\n        <template slot-scope=\"scope\">\r\n          <span>{{ scope.row.pay_type_name }}</span>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column label=\"备注\" min-width=\"130\">\r\n        <template slot-scope=\"scope\">\r\n          <span>{{ scope.row.mark }}</span>\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  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getFlowList } from '@/api/finance';\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n  name: 'commissionDetails',\r\n  data() {\r\n    return {\r\n      grid: {\r\n        xl: 7,\r\n        lg: 7,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      modals: false,\r\n      detailsData: {},\r\n      loading: false,\r\n      staff: [],\r\n      formValidate: {\r\n        trading_type: 0,\r\n        time: '',\r\n        keywords: '',\r\n        page: 1,\r\n        limit: 20,\r\n      },\r\n      total: 0,\r\n      tabList: [],\r\n      payment: [\r\n        {\r\n          title: '全部',\r\n          value: '',\r\n        },\r\n        {\r\n          title: '微信',\r\n          value: 'weixin',\r\n        },\r\n        {\r\n          title: '支付宝',\r\n          value: 'alipay',\r\n        },\r\n        {\r\n          title: '银行卡',\r\n          value: 'bank',\r\n        },\r\n        {\r\n          title: '线下支付',\r\n          value: 'offline',\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  props: {\r\n    ids: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    time: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  computed: {\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  mounted() {\r\n    this.getList();\r\n  },\r\n  methods: {\r\n    staffApi() {\r\n      getFlowList(this.formValidate).then((res) => {\r\n        this.staff = res.data;\r\n      });\r\n    },\r\n    searchs() {\r\n      this.formValidate.page = 1;\r\n      this.getList();\r\n    },\r\n    // 时间\r\n    onchangeTime(e) {\r\n      this.formValidate.start_time = e[0];\r\n      this.formValidate.end_time = e[1];\r\n    },\r\n    // 列表\r\n    getList() {\r\n      this.formValidate.ids = this.ids;\r\n      this.loading = true;\r\n      getFlowList(this.formValidate)\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.tabList = data.list;\r\n          this.total = 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    reset() {\r\n      this.formValidate = {\r\n        ids: this.ids,\r\n        store_id: '',\r\n        keywork: '',\r\n        data: '',\r\n        page: 1,\r\n        limit: 15,\r\n      };\r\n      this.getList();\r\n    },\r\n    // 关闭按钮\r\n    cancel() {\r\n      this.$emit('close');\r\n      this.formValidate = {\r\n        ids: '',\r\n        store_id: '',\r\n        keywork: '',\r\n        data: '',\r\n        page: 1,\r\n        limit: 15,\r\n      };\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.colorred {\r\n  color: #ff5722;\r\n}\r\n.colorgreen {\r\n  color: #009688;\r\n}\r\n.search {\r\n  width: 86px;\r\n  height: 32px;\r\n  background: var(--prev-color-primary);\r\n  border-radius: 4px;\r\n  text-align: center;\r\n  line-height: 32px;\r\n  font-size: 13px;\r\n  font-family: PingFangSC-Regular, PingFang SC;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  cursor: pointer;\r\n}\r\n.reset {\r\n  width: 86px;\r\n  height: 32px;\r\n  border-radius: 4px;\r\n  border: 1px solid rgba(151, 151, 151, 0.36);\r\n  text-align: center;\r\n  line-height: 32px;\r\n  font-size: 13px;\r\n  font-family: PingFangSC-Regular, PingFang SC;\r\n  font-weight: 400;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  cursor: pointer;\r\n}\r\n.table {\r\n  .ivu-table-default {\r\n    overflow-y: auto;\r\n    max-height: 350px;\r\n  }\r\n}\r\n.dashboard-workplace {\r\n  &-header {\r\n    &-avatar {\r\n      width: 64px;\r\n      height: 64px;\r\n      border-radius: 50%;\r\n      margin-right: 16px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    &-tip {\r\n      width: 82%;\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n\r\n      &-title {\r\n        font-size: 13px;\r\n        color: #000000;\r\n        margin-bottom: 12px;\r\n      }\r\n\r\n      &-desc {\r\n        &-sp {\r\n          width: 33.33%;\r\n          color: #17233d;\r\n          font-size: 12px;\r\n          display: inline-block;\r\n        }\r\n      }\r\n    }\r\n\r\n    &-extra {\r\n      .ivu-col {\r\n        p {\r\n          text-align: right;\r\n        }\r\n\r\n        p:first-child {\r\n          span:first-child {\r\n            margin-right: 4px;\r\n          }\r\n\r\n          span:last-child {\r\n            color: #808695;\r\n          }\r\n        }\r\n\r\n        p:last-child {\r\n          font-size: 22px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.z-price {\r\n  color: red;\r\n}\r\n\r\n.f-price {\r\n  color: green;\r\n}\r\n</style>\r\n"]}]}