{"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\\setting\\verifyOrder\\index.vue?vue&type=style&index=0&id=880e2776&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\verifyOrder\\index.vue","mtime":1761185180195},{"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:DQppbWcgew0KICBoZWlnaHQ6IDM2cHg7DQogIGRpc3BsYXk6IGJsb2NrOw0KfQ0KLnRhYkJveCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogIC50YWJCb3hfaW1nIHsNCiAgICB3aWR0aDogMzZweDsNCiAgICBoZWlnaHQ6IDM2cHg7DQogICAgaW1nIHsNCiAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgIH0NCiAgfQ0KICAudGFiQm94X3RpdCB7DQogICAgd2lkdGg6IDYwJTsNCiAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDsNCiAgICBtYXJnaW46IDAgMnB4IDAgMTBweDsNCiAgICBsZXR0ZXItc3BhY2luZzogMXB4Ow0KICAgIHBhZGRpbmc6IDVweCAwOw0KICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7DQogIH0NCn0NCi5vcmRlckRhdGEgOjp2LWRlZXAgLml2dS10YWJsZS1jZWxsIHsNCiAgcGFkZGluZy1sZWZ0OiAwICFpbXBvcnRhbnQ7DQp9DQoudmVydGljYWwtY2VudGVyLW1vZGFsIHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQp9DQouaXZ1LW10IHsNCiAgbWFyZ2luLWJvdHRvbTogMTJweDsNCn0NCi5pdnUtbXQgYSB7DQogIGNvbG9yOiAjNTE1YTZlOw0KfQ0KLml2dS1tdCBhOmhvdmVyIHsNCiAgY29sb3I6ICMyZDhjZjA7DQp9DQouaXZ1LW10IDo6di1kZWVwIC5pdnUtZm9ybS1pdGVtIHsNCiAgcGFkZGluZzogN3B4IDA7DQogIG1hcmdpbi1ib3R0b206IDA7DQp9DQoudGFiIHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCg0KICBpbWcgew0KICAgIHdpZHRoOiAzNnB4Ow0KICAgIGhlaWdodDogMzZweDsNCiAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogIH0NCn0NCi53LTI1MCB7DQogIG1heC13aWR0aDogMjUwcHg7DQp9DQoudy0xMjAgew0KICB3aWR0aDogMTIwcHg7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAyPA;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;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/setting/verifyOrder","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 ref=\"formValidate\" :model=\"formValidate\" inline label-width=\"80px\" @submit.native.prevent>\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=\"筛选条件：\">\r\n            <el-input\r\n              enter-button\r\n              placeholder=\"请输入搜索内容\"\r\n              v-model=\"formValidate.real_name\"\r\n              class=\"form_content_width\"\r\n            >\r\n              <el-select v-model=\"field_key\" slot=\"prepend\" style=\"width: 100px\">\r\n                <el-option value=\"all\" label=\"全部\"></el-option>\r\n                <el-option value=\"order_id\" label=\"订单号\"></el-option>\r\n                <el-option value=\"uid\" label=\"UID\"></el-option>\r\n                <el-option value=\"real_name\" label=\"用户姓名\"></el-option>\r\n                <el-option value=\"user_phone\" label=\"用户电话\"></el-option>\r\n                <el-option value=\"title\" label=\"商品名称(模糊)\"></el-option>\r\n              </el-select>\r\n            </el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"选择门店：\">\r\n            <el-select\r\n              v-model=\"formValidate.store_id\"\r\n              element-id=\"store_id\"\r\n              clearable\r\n              @change=\"userSearchs\"\r\n              class=\"form_content_width\"\r\n            >\r\n              <el-option v-for=\"item in storeSelectList\" :value=\"item.id\" :key=\"item.id\" :label=\"item.name\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"\">\r\n            <el-button type=\"primary\" class=\"mr15\" v-db-click @click=\"userSearchs\">搜索</el-button>\r\n            <!--            <el-button class=\"mr15\" v-db-click @click=\"refresh\">刷新</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=\"orderList\"\r\n        ref=\"table\"\r\n        v-loading=\"loading\"\r\n        highlight-current-row\r\n        empty-text=\"暂无数据\"\r\n        class=\"orderData\"\r\n      >\r\n        <el-table-column label=\"订单号\" min-width=\"180\">\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=\"120\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.nickname }}/{{ scope.row.uid }}</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=\"90\">\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=\"90\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.clerk_name }}</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.store_name }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"支付状态\" min-width=\"80\">\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=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span> {{ scope.row.status_name.status_name }}</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>{{ scope.row.add_time }}</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    </el-card>\r\n    <referrer-info ref=\"info\"></referrer-info>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { verifyOrderApi, merchantStoreListApi } from '@/api/setting';\r\nimport cardsData from '@/components/cards/cards';\r\nimport referrerInfo from '@/components/referrerInfo/index';\r\nexport default {\r\n  name: 'setting_order',\r\n  components: { cardsData, referrerInfo },\r\n  data() {\r\n    return {\r\n      formValidate: {\r\n        page: 1,\r\n        limit: 15,\r\n        data: '',\r\n        real_name: '',\r\n        store_id: '',\r\n        field_key: '',\r\n      },\r\n      field_key: '',\r\n      timeVal: [],\r\n      storeSelectList: [],\r\n      pickerOptions: this.$timeOptions,\r\n      orderList: [],\r\n      loading: false,\r\n      total: 0,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.getList();\r\n    this.storeList();\r\n  },\r\n  methods: {\r\n    getList() {\r\n      let that = this;\r\n      that.loading = true;\r\n      that.formValidate.field_key = this.field_key === 'all' ? '' : this.field_key;\r\n      verifyOrderApi(that.formValidate)\r\n        .then((res) => {\r\n          that.loading = false;\r\n          that.orderList = res.data.data;\r\n          that.total = res.data.count;\r\n        })\r\n        .catch((res) => {\r\n          that.$message.error(res.msg);\r\n        });\r\n    },\r\n    userSearchs() {\r\n      this.formValidate.page = 1;\r\n      this.getList();\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.getList();\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    },\r\n    storeList() {\r\n      let that = this;\r\n      merchantStoreListApi()\r\n        .then((res) => {\r\n          that.storeSelectList = res.data;\r\n        })\r\n        .catch((res) => {\r\n          that.$message.error(res.msg);\r\n        });\r\n    },\r\n    referenceInfo(uid) {\r\n      this.$refs.info.isTemplate = true;\r\n      this.$refs.info.verifySpreadInfo(uid);\r\n    },\r\n    refresh() {\r\n      this.formValidate = {\r\n        page: 1,\r\n        limit: 15,\r\n        data: '',\r\n        real_name: '',\r\n        store_id: '',\r\n        field_key: '',\r\n      };\r\n      this.field_key = '';\r\n      this.getList();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\nimg {\r\n  height: 36px;\r\n  display: block;\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    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.orderData ::v-deep .ivu-table-cell {\r\n  padding-left: 0 !important;\r\n}\r\n.vertical-center-modal {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.ivu-mt {\r\n  margin-bottom: 12px;\r\n}\r\n.ivu-mt a {\r\n  color: #515a6e;\r\n}\r\n.ivu-mt a:hover {\r\n  color: #2d8cf0;\r\n}\r\n.ivu-mt ::v-deep .ivu-form-item {\r\n  padding: 7px 0;\r\n  margin-bottom: 0;\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"]}]}