{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\mobile\\orderList\\index.vue?vue&type=style&index=0&id=6338f8f4&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\mobile\\orderList\\index.vue","mtime":1761614939023},{"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:DQoucG9zLW9yZGVyLWdvb2RzIHsNCiAgcGFkZGluZzogMCAwLjNyZW07DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQp9DQoucG9zLW9yZGVyLWdvb2RzIC5nb29kcyB7DQogIGhlaWdodDogMS44NXJlbTsNCn0NCi5wb3Mtb3JkZXItZ29vZHMgLmdvb2RzIH4gLmdvb2RzIHsNCiAgYm9yZGVyLXRvcDogMXB4IGRhc2hlZCAjZTVlNWU1Ow0KfQ0KLnBvcy1vcmRlci1nb29kcyAuZ29vZHMgLnBpY1R4dCB7DQogIHdpZHRoOiA1LjE1cmVtOw0KfQ0KLnBvcy1vcmRlci1nb29kcyAuZ29vZHMgLnBpY1R4dCAucGljdHJ1ZSB7DQogIHdpZHRoOiAxLjNyZW07DQogIGhlaWdodDogMS4zcmVtOw0KfQ0KLnBvcy1vcmRlci1nb29kcyAuZ29vZHMgLnBpY1R4dCAucGljdHJ1ZSBpbWcgew0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiAxMDAlOw0KICBib3JkZXItcmFkaXVzOiAwLjA2cmVtOw0KfQ0KLnBvcy1vcmRlci1nb29kcyAuZ29vZHMgLnBpY1R4dCAudGV4dCB7DQogIHdpZHRoOiAzLjY1cmVtOw0KICBoZWlnaHQ6IDEuM3JlbTsNCn0NCi5wb3Mtb3JkZXItZ29vZHMgLmdvb2RzIC5waWNUeHQgLnRleHQgLmluZm8gew0KICBmb250LXNpemU6IDAuMjhyZW07DQogIGNvbG9yOiAjMjgyODI4Ow0KfQ0KLnBvcy1vcmRlci1nb29kcyAuZ29vZHMgLnBpY1R4dCAudGV4dCAuYXR0ciB7DQogIGZvbnQtc2l6ZTogMC4ycmVtOw0KICBjb2xvcjogIzk5OTsNCiAgaGVpZ2h0OiAwLjhyZW07DQogIGxpbmUtaGVpZ2h0OiAwLjhyZW07DQp9DQoucG9zLW9yZGVyLWdvb2RzIC5nb29kcyAubW9uZXkgew0KICB3aWR0aDogMS42NHJlbTsNCiAgdGV4dC1hbGlnbjogcmlnaHQ7DQogIGZvbnQtc2l6ZTogMC4yOHJlbTsNCiAgaGVpZ2h0OiAxLjNyZW07DQp9DQoucG9zLW9yZGVyLWdvb2RzIC5nb29kcyAubW9uZXkgLngtbW9uZXkgew0KICBjb2xvcjogIzI4MjgyODsNCn0NCi5wb3Mtb3JkZXItZ29vZHMgLmdvb2RzIC5tb25leSAubnVtIHsNCiAgY29sb3I6ICNmZjk2MDA7DQogIG1hcmdpbjogMC4wNXJlbSAwOw0KfQ0KLnBvcy1vcmRlci1nb29kcyAuZ29vZHMgLm1vbmV5IC55LW1vbmV5IHsNCiAgY29sb3I6ICM5OTk7DQogIHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoOw0KfQ0KLnBvcy1vcmRlci1saXN0IHsNCiAgZGlzcGxheTogZmxleDsNCiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgYmFja2dyb3VuZDogI2Y1ZjVmNTsNCiAgaGVpZ2h0OiAxMDAlOw0KfQ0KLnBvcy1vcmRlci1saXN0IC5oZWFkLWJveCB7DQogIHdpZHRoOiAxMDAlOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAuaW5wdXQtYm94IHsNCiAgICB3aWR0aDogNi45cmVtOw0KICAgIG1hcmdpbjogMC4ycmVtIGF1dG87DQogICAgYmFja2dyb3VuZDogI2Y1ZjZmOTsNCiAgICBib3JkZXItcmFkaXVzOiAwLjM5cmVtOw0KICAgIDo6di1kZWVwIC5pdnUtaW5wdXQgew0KICAgICAgZm9udC1zaXplOiAwLjI4cmVtICFpbXBvcnRhbnQ7DQogICAgICBiYWNrZ3JvdW5kOiAjZjVmNmY5Ow0KICAgICAgYm9yZGVyLXJhZGl1czogMC4zOXJlbTsNCiAgICB9DQogICAgOjp2LWRlZXAgLml2dS1pbnB1dCwNCiAgICAuaXZ1LWlucHV0OmhvdmVyLA0KICAgIC5pdnUtaW5wdXQ6Zm9jdXMgew0KICAgICAgYm9yZGVyOiB0cmFuc3BhcmVudDsNCiAgICAgIGJveC1zaGFkb3c6IG5vbmU7DQogICAgfQ0KICB9DQp9DQoucG9zLW9yZGVyLWxpc3QgLm5hdiB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDAuOHJlbTsNCiAgZm9udC1zaXplOiAwLjNyZW07DQogIGNvbG9yOiAjMjgyODI4Ow0KICBkaXNwbGF5OiBmbGV4Ow0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KfQ0KLnBvcy1vcmRlci1saXN0IC5uYXYgLml0ZW0gew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGxpbmUtaGVpZ2h0OiAwLjhyZW07DQp9DQoucG9zLW9yZGVyLWxpc3QgLm5hdiAuaXRlbS5vbiB7DQogIGNvbG9yOiAjMzg3NWVhOw0KICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzM4NzVlYTsNCn0NCi5wb3Mtb3JkZXItbGlzdCAubGlzdCB7DQogIGZsZXg6IDE7DQogIG1hcmdpbi10b3A6IDAuMXJlbTsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCn0NCi5wb3Mtb3JkZXItbGlzdCAubGlzdCAuaXRlbSB7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogIHdpZHRoOiAxMDAlOw0KfQ0KLnBvcy1vcmRlci1saXN0IC5saXN0IC5pdGVtIH4gLml0ZW0gew0KICBtYXJnaW4tdG9wOiAwLjI0cmVtOw0KfQ0KLnBvcy1vcmRlci1saXN0IC5saXN0IC5pdGVtIC5vcmRlci1udW0gew0KICBoZWlnaHQ6IDEuMjRyZW07DQogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWVlOw0KICBmb250LXNpemU6IDAuM3JlbTsNCiAgZm9udC13ZWlnaHQ6IGJvbGQ7DQogIGNvbG9yOiAjMjgyODI4Ow0KICBwYWRkaW5nOiAwIDAuM3JlbTsNCn0NCi5wb3Mtb3JkZXItbGlzdCAubGlzdCAuaXRlbSAub3JkZXItbnVtIC50aW1lIHsNCiAgZm9udC1zaXplOiAwLjI2cmVtOw0KICBmb250LXdlaWdodDogbm9ybWFsOw0KICBjb2xvcjogIzk5OTsNCiAgbWFyZ2luLXRvcDogLTAuNHJlbTsNCn0NCi5wb3Mtb3JkZXItbGlzdCAubGlzdCAuaXRlbSAub3BlcmF0aW9uIHsNCiAgcGFkZGluZzogMC4ycmVtIDAuM3JlbTsNCiAgbWFyZ2luLXRvcDogMC4wM3JlbTsNCn0NCi5wb3Mtb3JkZXItbGlzdCAubGlzdCAuaXRlbSAub3BlcmF0aW9uIC5tb3JlIHsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KfQ0KLnBvcy1vcmRlci1saXN0IC5saXN0IC5pdGVtIC5vcGVyYXRpb24gLmljb24tZ2VuZ2R1byB7DQogIGZvbnQtc2l6ZTogMC41cmVtOw0KICBjb2xvcjogI2FhYTsNCn0NCi5wb3Mtb3JkZXItbGlzdCAubGlzdCAuaXRlbSAub3BlcmF0aW9uIC5vcmRlciAuYXJyb3cgew0KICB3aWR0aDogMDsNCiAgaGVpZ2h0OiAwOw0KICBib3JkZXItbGVmdDogMC4xMXJlbSBzb2xpZCB0cmFuc3BhcmVudDsNCiAgYm9yZGVyLXJpZ2h0OiAwLjExcmVtIHNvbGlkIHRyYW5zcGFyZW50Ow0KICBib3JkZXItdG9wOiAwLjJyZW0gc29saWQgI2U1ZTVlNTsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBsZWZ0OiAwLjE1cmVtOw0KICBib3R0b206IC0wLjE4cmVtOw0KfQ0KLnBvcy1vcmRlci1saXN0IC5saXN0IC5pdGVtIC5vcGVyYXRpb24gLm9yZGVyIC5hcnJvdzpiZWZvcmUgew0KICBjb250ZW50OiAnJzsNCiAgd2lkdGg6IDA7DQogIGhlaWdodDogMDsNCiAgYm9yZGVyLWxlZnQ6IDAuMDdyZW0gc29saWQgdHJhbnNwYXJlbnQ7DQogIGJvcmRlci1yaWdodDogMC4wN3JlbSBzb2xpZCB0cmFuc3BhcmVudDsNCiAgYm9yZGVyLXRvcDogMC4ycmVtIHNvbGlkICNmZmY7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgbGVmdDogLTAuMDdyZW07DQogIGJvdHRvbTogMDsNCn0NCi5wb3Mtb3JkZXItbGlzdCAubGlzdCAuaXRlbSAub3BlcmF0aW9uIC5vcmRlciB7DQogIHdpZHRoOiAycmVtOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICBib3JkZXI6IDFweCBzb2xpZCAjZWVlOw0KICBib3JkZXItcmFkaXVzOiAwLjFyZW07DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgdG9wOiAtMXJlbTsNCiAgei1pbmRleDogOTsNCn0NCi5wb3Mtb3JkZXItbGlzdCAubGlzdCAuaXRlbSAub3BlcmF0aW9uIC5vcmRlciAuaXRlbXMgew0KICBoZWlnaHQ6IDAuNzdyZW07DQogIGxpbmUtaGVpZ2h0OiAwLjc3cmVtOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQp9DQoucG9zLW9yZGVyLWxpc3QgLmxpc3QgLml0ZW0gLm9wZXJhdGlvbiAub3JkZXIgLml0ZW1zIH4gLml0ZW1zIHsNCiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNmNWY1ZjU7DQp9DQoucG9zLW9yZGVyLWxpc3QgLmxpc3QgLml0ZW0gLm9wZXJhdGlvbiAuYm50IHsNCiAgZm9udC1zaXplOiAwLjI4cmVtOw0KICBjb2xvcjogIzVjNWM1YzsNCiAgd2lkdGg6IDEuN3JlbTsNCiAgaGVpZ2h0OiAwLjZyZW07DQogIGJvcmRlci1yYWRpdXM6IDAuM3JlbTsNCiAgYm9yZGVyOiAxcHggc29saWQgI2JiYjsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICBsaW5lLWhlaWdodDogMC42cmVtOw0KfQ0KLnBvcy1vcmRlci1saXN0IC5saXN0IC5pdGVtIC5vcGVyYXRpb24gLmJudCB+IC5ibnQgew0KICBtYXJnaW4tbGVmdDogMC4xNHJlbTsNCn0NCi5wdWJsaWMtdG90YWwgew0KICBmb250LXNpemU6IDAuMjhyZW07DQogIGNvbG9yOiAjMjgyODI4Ow0KICBib3JkZXItdG9wOiAxcHggc29saWQgI2VlZTsNCiAgaGVpZ2h0OiAwLjkycmVtOw0KICBsaW5lLWhlaWdodDogMC45MnJlbTsNCiAgdGV4dC1hbGlnbjogcmlnaHQ7DQogIHBhZGRpbmc6IDAgMC4zcmVtOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KfQ0KLnB1YmxpYy10b3RhbCAubW9uZXkgew0KICBjb2xvcjogI2ZmNGMzYzsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA+ZA;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;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;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;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","file":"index.vue","sourceRoot":"src/pages/kefu/mobile/orderList","sourcesContent":["<template>\r\n  <div class=\"pos-order-list\" ref=\"container\">\r\n    <div class=\"head-box\">\r\n      <div class=\"nav acea-row row-around row-middle\">\r\n        <div class=\"item\" :class=\"where.type === '' ? 'on' : ''\" v-db-click @click=\"changeStatus('')\">全部</div>\r\n        <div class=\"item\" :class=\"where.type === 0 ? 'on' : ''\" v-db-click @click=\"changeStatus(0)\">未支付</div>\r\n        <div class=\"item\" :class=\"where.type === 1 ? 'on' : ''\" v-db-click @click=\"changeStatus(1)\">未发货</div>\r\n        <div class=\"item\" :class=\"where.type === -1 ? 'on' : ''\" v-db-click @click=\"changeStatus(-1)\">退款中</div>\r\n      </div>\r\n      <div class=\"input-box\">\r\n        <el-input placeholder=\"搜索订单编号\" v-model=\"where.search\" @on-enter=\"bindSearch\" />\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"list\">\r\n      <vue-scroll :ops=\"ops\" @load-before-deactivate=\"handleWordsScroll\" ref=\"scrollBox\" style=\"height: 100%\">\r\n        <div class=\"slot-load\" slot=\"load-deactive\"></div>\r\n        <div class=\"slot-load\" slot=\"load-beforeDeactive\"></div>\r\n        <div class=\"slot-load\" slot=\"load-active\">下滑加载更多</div>\r\n        <template v-if=\"list.length > 0\">\r\n          <div class=\"item\" v-for=\"(item, index) in list\" :key=\"index\">\r\n            <div class=\"order-num acea-row row-middle\" v-db-click @click=\"toDetail(item)\">\r\n              订单号：{{ item.order_id }}\r\n              <span class=\"time\">下单时间：{{ item._add_time }}</span>\r\n            </div>\r\n            <template if=\"item.productList && item.productList.length\">\r\n              <div class=\"pos-order-goods\" v-for=\"(val, key) in item.cartInfo\" :key=\"key\">\r\n                <div class=\"goods acea-row row-between-wrapper\" v-db-click @click=\"toDetail(item)\">\r\n                  <div class=\"picTxt acea-row row-between-wrapper\">\r\n                    <div class=\"pictrue\">\r\n                      <img :src=\"val.productInfo.image\" />\r\n                    </div>\r\n                    <div class=\"text\">\r\n                      <div class=\"info line2\">\r\n                        {{ val.productInfo.store_name }}\r\n                      </div>\r\n                      <div class=\"attr line1\" v-if=\"val.productInfo.attrInfo.suk\">\r\n                        {{ val.productInfo.attrInfo.suk }}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"money\">\r\n                    <div class=\"x-money\">￥{{ val.productInfo.attrInfo.price }}</div>\r\n                    <div class=\"num\">x{{ val.cart_num }}</div>\r\n                    <div class=\"y-money\">\r\n                      <!--￥{{ val.info.productInfo.attrInfo.otPrice }}-->\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </template>\r\n            <div class=\"public-total\">\r\n              共{{ item.total_num }}件商品，应支付 <span class=\"money\">￥{{ item.pay_price }}</span> ( 邮费 ¥{{\r\n                item.pay_postage\r\n              }}\r\n              )\r\n            </div>\r\n            <div class=\"operation acea-row row-between-wrapper\">\r\n              <div class=\"more\">\r\n                <!--            <div class=\"iconfontYI icon-gengduo\" v-db-click @click=\"more(index)\"></div>-->\r\n                <!--            <div class=\"order\" v-show=\"current === index\">-->\r\n                <!--              <div class=\"items\">-->\r\n                <!--                {{ where.status > 0 ? \"删除\" : \"取消\" }}订单-->\r\n                <!--              </div>-->\r\n                <!--              <div class=\"arrow\"></div>-->\r\n                <!--            </div>-->\r\n              </div>\r\n              <div class=\"acea-row row-middle\">\r\n                <div class=\"bnt\" v-db-click @click=\"modify(item, 0)\" v-if=\"item.paid === 0\">一键改价</div>\r\n                <div class=\"bnt\" v-db-click @click=\"modify(item, 1)\">订单备注</div>\r\n                <div\r\n                  class=\"bnt\"\r\n                  v-db-click\r\n                  @click=\"modify(item, 0)\"\r\n                  v-if=\"item._status._type === -1 && item.refund_status === 1\"\r\n                >\r\n                  立即退款\r\n                </div>\r\n                <div\r\n                  class=\"bnt cancel\"\r\n                  v-if=\"item.pay_type === 'offline' && item.paid === 0\"\r\n                  v-db-click\r\n                  @click=\"offlinePay(item)\"\r\n                >\r\n                  确认付款\r\n                </div>\r\n                <router-link\r\n                  class=\"bnt\"\r\n                  v-if=\"item._status._type === 1 && item.shipping_type !== 2\"\r\n                  :to=\"'/kefu/orderDelivery/' + item.id + '/' + item.order_id\"\r\n                  >去发货\r\n                </router-link>\r\n                <div\r\n                  class=\"bnt cancel\"\r\n                  v-if=\"item._status._type === 1 && item.shipping_type === 2\"\r\n                  v-db-click\r\n                  @click=\"storeCancellation(item)\"\r\n                >\r\n                  去核销\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </template>\r\n        <template v-if=\"!loading && list.length === 0 && where.type === ''\">\r\n          <div style=\"text-align: center\">\r\n            <img src=\"@/assets/images/no_all.png\" alt=\"\" style=\"width: 3.9rem\" />\r\n            <p style=\"color: #9f9f9f\">亲，该客户暂无订单～</p>\r\n          </div>\r\n        </template>\r\n        <template v-if=\"!loading && list.length === 0 && where.type === 0\">\r\n          <div style=\"text-align: center\">\r\n            <img src=\"@/assets/images/no_zf.png\" alt=\"\" style=\"width: 3.9rem\" />\r\n            <p style=\"color: #9f9f9f\">暂无未支付订单～</p>\r\n          </div>\r\n        </template>\r\n        <template v-if=\"!loading && list.length === 0 && where.type === 2\">\r\n          <div style=\"text-align: center\">\r\n            <img src=\"@/assets/images/no_fh.png\" alt=\"\" style=\"width: 3.9rem\" />\r\n            <p style=\"color: #9f9f9f\">暂无未收货订单～</p>\r\n          </div>\r\n        </template>\r\n        <template v-if=\"!loading && list.length === 0 && where.type === -1\">\r\n          <div style=\"text-align: center\">\r\n            <img src=\"@/assets/images/no_tk.png\" alt=\"\" style=\"width: 3.9rem\" />\r\n            <p style=\"color: #9f9f9f\">暂无退款订单～</p>\r\n          </div>\r\n        </template>\r\n      </vue-scroll>\r\n    </div>\r\n    <!--        <Loading :loaded=\"loaded\" :loading=\"loading\"></Loading>-->\r\n    <PriceChange\r\n      v-if=\"orderInfo\"\r\n      :change=\"change\"\r\n      :orderInfo=\"orderInfo\"\r\n      v-on:closechange=\"changeclose($event)\"\r\n      @closeChange=\"closeChange($event)\"\r\n      :status=\"status\"\r\n    ></PriceChange>\r\n    <write-off\r\n      v-if=\"iShidden\"\r\n      :iShidden=\"iShidden\"\r\n      :orderInfo=\"orderInfo\"\r\n      @cancel=\"cancel\"\r\n      @confirm=\"confirm\"\r\n    ></write-off>\r\n  </div>\r\n</template>\r\n<script>\r\nimport PriceChange from '../../components/PriceChange';\r\nimport Loading from '../../components/Loading';\r\nimport { getorderList, orderVerificApi } from '@/api/kefu';\r\nimport { required, num } from '@/utils/validate';\r\nimport { validatorDefaultCatch } from '@/libs/dialog';\r\nimport WriteOff from '../../components/writeOff';\r\nimport { HappyScroll } from 'vue-happy-scroll';\r\nimport { serviceInfo } from '@/api/kefu_mobile';\r\nexport default {\r\n  name: 'AdminOrderList',\r\n  components: {\r\n    WriteOff,\r\n    PriceChange,\r\n    Loading,\r\n    HappyScroll,\r\n  },\r\n  props: {},\r\n  data: function () {\r\n    return {\r\n      current: '',\r\n      change: false,\r\n      types: 0,\r\n      where: {\r\n        page: 1,\r\n        limit: 15,\r\n        search: '',\r\n        type: '',\r\n      },\r\n      list: [],\r\n      loaded: false,\r\n      loading: false,\r\n      orderInfo: {},\r\n      status: null,\r\n      iShidden: false,\r\n      ops: {\r\n        vuescroll: {\r\n          mode: 'slide',\r\n          enable: false,\r\n          tips: {\r\n            deactive: 'Push to Load',\r\n            active: 'Release to Load',\r\n            start: 'Loading...',\r\n            beforeDeactive: 'Load Successfully!',\r\n          },\r\n          auto: false,\r\n          autoLoadDistance: 0,\r\n          pullRefresh: {\r\n            enable: false,\r\n          },\r\n          pushLoad: {\r\n            enable: true,\r\n            auto: true,\r\n            autoLoadDistance: 10,\r\n          },\r\n        },\r\n        bar: {\r\n          background: '#393232',\r\n          opacity: '.5',\r\n          size: '2px',\r\n        },\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    '$route.params.type': function (newVal) {\r\n      let that = this;\r\n      if (newVal != undefined) {\r\n        that.where.type = newVal;\r\n        that.init();\r\n      }\r\n    },\r\n    types: function () {\r\n      this.getIndex();\r\n    },\r\n  },\r\n  created() {\r\n    // import('@/assets/js/media_750')\r\n    serviceInfo().then((res) => {\r\n      window.document.title = `${res.data.site_name} - 订单列表`;\r\n    });\r\n  },\r\n  mounted() {\r\n    this.current = '';\r\n    this.getIndex();\r\n    this.$scroll(this.$refs.container, () => {\r\n      !this.loading && this.getIndex();\r\n    });\r\n  },\r\n  methods: {\r\n    // 搜索回车\r\n    bindSearch() {\r\n      this.init();\r\n    },\r\n    // 去核销\r\n    storeCancellation(item) {\r\n      this.orderInfo = item;\r\n      this.iShidden = true;\r\n    },\r\n    cancel: function (res) {\r\n      this.iShidden = res;\r\n    },\r\n    confirm: function () {\r\n      orderVerificApi(this.orderInfo.id)\r\n        .then((res) => {\r\n          this.iShidden = false;\r\n          this.init();\r\n          this.$dialog.success(res.msg);\r\n        })\r\n        .catch((res) => {\r\n          this.$dialog.error(res.msg);\r\n        });\r\n    },\r\n    more: function (index) {\r\n      if (this.current === index) this.current = '';\r\n      else this.current = index;\r\n    },\r\n    modify: function (item, status) {\r\n      this.change = true;\r\n      this.orderInfo = item;\r\n      this.status = status;\r\n    },\r\n    closeChange(msg) {\r\n      this.change = msg;\r\n    },\r\n    changeclose: function (msg) {\r\n      this.change = msg;\r\n      this.init();\r\n    },\r\n    // 拒绝退款\r\n    getRefuse(id) {\r\n      orderRefuseApi(data)\r\n        .then(() => {\r\n          that.change = false;\r\n          that.$dialog.success('已拒绝退款');\r\n          that.init();\r\n        })\r\n        .catch((error) => {\r\n          that.$dialog.error(error.message);\r\n        });\r\n    },\r\n    async savePrice(opt) {\r\n      let that = this,\r\n        data = {},\r\n        price = opt.price,\r\n        refundPrice = opt.refundPrice,\r\n        refundStatus = that.orderInfo.refundStatus,\r\n        remark = opt.remark;\r\n      if (that.status == 0 && refundStatus === 0) {\r\n        try {\r\n          await this.$validator({\r\n            price: [required(required.message('金额'))],\r\n          }).validate({ price });\r\n        } catch (e) {\r\n          return validatorDefaultCatch(e);\r\n        }\r\n        data.price = price;\r\n        data.orderId = opt.orderId;\r\n        editPriceApi(data)\r\n          .then(() => {\r\n            that.change = false;\r\n            that.$dialog.success('改价成功');\r\n            that.init();\r\n          })\r\n          .catch((error) => {\r\n            that.$dialog.error(error.message);\r\n          });\r\n      } else if (that.status == 0 && refundStatus === 1) {\r\n        try {\r\n          await this.$validator({\r\n            refundPrice: [required(required.message('金额')), num(num.message('金额'))],\r\n          }).validate({ refundPrice });\r\n        } catch (e) {\r\n          return validatorDefaultCatch(e);\r\n        }\r\n        data.amount = refundPrice;\r\n        data.type = opt.type;\r\n        data.orderId = opt.orderId;\r\n        orderRefundApi(data).then(\r\n          (res) => {\r\n            that.change = false;\r\n            that.$dialog.success('退款成功');\r\n            that.init();\r\n          },\r\n          (err) => {\r\n            that.change = false;\r\n            that.$dialog.error(err.message);\r\n          },\r\n        );\r\n      } else {\r\n        try {\r\n          await this.$validator({\r\n            remark: [required(required.message('备注'))],\r\n          }).validate({ remark });\r\n        } catch (e) {\r\n          return validatorDefaultCatch(e);\r\n        }\r\n        data.mark = remark;\r\n        data.id = opt.id;\r\n        orderMarkApi(data).then(\r\n          (res) => {\r\n            that.change = false;\r\n            that.$dialog.success('提交成功');\r\n            that.init();\r\n          },\r\n          (err) => {\r\n            that.change = false;\r\n            that.$dialog.error(err.msg);\r\n          },\r\n        );\r\n      }\r\n    },\r\n    init: function () {\r\n      this.list = [];\r\n      this.where.page = 1;\r\n      this.loaded = false;\r\n      this.loading = false;\r\n      this.getIndex();\r\n      this.current = '';\r\n    },\r\n    getIndex() {\r\n      if (this.loading || this.loaded) return;\r\n      this.loading = true;\r\n      getorderList(this.$route.params.toUid, this.where).then(\r\n        (res) => {\r\n          this.loading = false;\r\n          this.loaded = res.data.length < this.where.limit;\r\n          this.list.push.apply(this.list, res.data || []);\r\n          this.where.page = this.where.page + 1;\r\n          this.$nextTick(() => {\r\n            if (this.list.length > 0) this.$refs['scrollBox'].refresh();\r\n          });\r\n        },\r\n        (err) => {\r\n          this.$dialog.error(err.msg);\r\n        },\r\n      );\r\n    },\r\n    changeStatus(val) {\r\n      if (this.where.type !== val) {\r\n        this.where.type = val;\r\n        this.init();\r\n      }\r\n    },\r\n    toDetail(item) {\r\n      this.$router.push({ path: '/kefu/orderDetail/' + item.id });\r\n    },\r\n    offlinePay(item) {\r\n      // setOfflinePay({ order_id: item.order_id }).then(\r\n      //   res => {\r\n      //     this.$dialog.success(res.message);\r\n      //     this.init();\r\n      //   },\r\n      //   error => {\r\n      //     this.$dialog.error(error.message);\r\n      //   }\r\n      // );\r\n    },\r\n    // 话术滚动到底部\r\n    handleWordsScroll(vm, refreshDom, done) {\r\n      this.getIndex();\r\n      done();\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.pos-order-goods {\r\n  padding: 0 0.3rem;\r\n  background-color: #fff;\r\n}\r\n.pos-order-goods .goods {\r\n  height: 1.85rem;\r\n}\r\n.pos-order-goods .goods ~ .goods {\r\n  border-top: 1px dashed #e5e5e5;\r\n}\r\n.pos-order-goods .goods .picTxt {\r\n  width: 5.15rem;\r\n}\r\n.pos-order-goods .goods .picTxt .pictrue {\r\n  width: 1.3rem;\r\n  height: 1.3rem;\r\n}\r\n.pos-order-goods .goods .picTxt .pictrue img {\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 0.06rem;\r\n}\r\n.pos-order-goods .goods .picTxt .text {\r\n  width: 3.65rem;\r\n  height: 1.3rem;\r\n}\r\n.pos-order-goods .goods .picTxt .text .info {\r\n  font-size: 0.28rem;\r\n  color: #282828;\r\n}\r\n.pos-order-goods .goods .picTxt .text .attr {\r\n  font-size: 0.2rem;\r\n  color: #999;\r\n  height: 0.8rem;\r\n  line-height: 0.8rem;\r\n}\r\n.pos-order-goods .goods .money {\r\n  width: 1.64rem;\r\n  text-align: right;\r\n  font-size: 0.28rem;\r\n  height: 1.3rem;\r\n}\r\n.pos-order-goods .goods .money .x-money {\r\n  color: #282828;\r\n}\r\n.pos-order-goods .goods .money .num {\r\n  color: #ff9600;\r\n  margin: 0.05rem 0;\r\n}\r\n.pos-order-goods .goods .money .y-money {\r\n  color: #999;\r\n  text-decoration: line-through;\r\n}\r\n.pos-order-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #f5f5f5;\r\n  height: 100%;\r\n}\r\n.pos-order-list .head-box {\r\n  width: 100%;\r\n  background-color: #fff;\r\n  .input-box {\r\n    width: 6.9rem;\r\n    margin: 0.2rem auto;\r\n    background: #f5f6f9;\r\n    border-radius: 0.39rem;\r\n    ::v-deep .ivu-input {\r\n      font-size: 0.28rem !important;\r\n      background: #f5f6f9;\r\n      border-radius: 0.39rem;\r\n    }\r\n    ::v-deep .ivu-input,\r\n    .ivu-input:hover,\r\n    .ivu-input:focus {\r\n      border: transparent;\r\n      box-shadow: none;\r\n    }\r\n  }\r\n}\r\n.pos-order-list .nav {\r\n  width: 100%;\r\n  height: 0.8rem;\r\n  font-size: 0.3rem;\r\n  color: #282828;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.pos-order-list .nav .item {\r\n  position: relative;\r\n  line-height: 0.8rem;\r\n}\r\n.pos-order-list .nav .item.on {\r\n  color: #3875ea;\r\n  border-bottom: 1px solid #3875ea;\r\n}\r\n.pos-order-list .list {\r\n  flex: 1;\r\n  margin-top: 0.1rem;\r\n  overflow: hidden;\r\n}\r\n.pos-order-list .list .item {\r\n  background-color: #fff;\r\n  width: 100%;\r\n}\r\n.pos-order-list .list .item ~ .item {\r\n  margin-top: 0.24rem;\r\n}\r\n.pos-order-list .list .item .order-num {\r\n  height: 1.24rem;\r\n  border-bottom: 1px solid #eee;\r\n  font-size: 0.3rem;\r\n  font-weight: bold;\r\n  color: #282828;\r\n  padding: 0 0.3rem;\r\n}\r\n.pos-order-list .list .item .order-num .time {\r\n  font-size: 0.26rem;\r\n  font-weight: normal;\r\n  color: #999;\r\n  margin-top: -0.4rem;\r\n}\r\n.pos-order-list .list .item .operation {\r\n  padding: 0.2rem 0.3rem;\r\n  margin-top: 0.03rem;\r\n}\r\n.pos-order-list .list .item .operation .more {\r\n  position: relative;\r\n}\r\n.pos-order-list .list .item .operation .icon-gengduo {\r\n  font-size: 0.5rem;\r\n  color: #aaa;\r\n}\r\n.pos-order-list .list .item .operation .order .arrow {\r\n  width: 0;\r\n  height: 0;\r\n  border-left: 0.11rem solid transparent;\r\n  border-right: 0.11rem solid transparent;\r\n  border-top: 0.2rem solid #e5e5e5;\r\n  position: absolute;\r\n  left: 0.15rem;\r\n  bottom: -0.18rem;\r\n}\r\n.pos-order-list .list .item .operation .order .arrow:before {\r\n  content: '';\r\n  width: 0;\r\n  height: 0;\r\n  border-left: 0.07rem solid transparent;\r\n  border-right: 0.07rem solid transparent;\r\n  border-top: 0.2rem solid #fff;\r\n  position: absolute;\r\n  left: -0.07rem;\r\n  bottom: 0;\r\n}\r\n.pos-order-list .list .item .operation .order {\r\n  width: 2rem;\r\n  background-color: #fff;\r\n  border: 1px solid #eee;\r\n  border-radius: 0.1rem;\r\n  position: absolute;\r\n  top: -1rem;\r\n  z-index: 9;\r\n}\r\n.pos-order-list .list .item .operation .order .items {\r\n  height: 0.77rem;\r\n  line-height: 0.77rem;\r\n  text-align: center;\r\n}\r\n.pos-order-list .list .item .operation .order .items ~ .items {\r\n  border-top: 1px solid #f5f5f5;\r\n}\r\n.pos-order-list .list .item .operation .bnt {\r\n  font-size: 0.28rem;\r\n  color: #5c5c5c;\r\n  width: 1.7rem;\r\n  height: 0.6rem;\r\n  border-radius: 0.3rem;\r\n  border: 1px solid #bbb;\r\n  text-align: center;\r\n  line-height: 0.6rem;\r\n}\r\n.pos-order-list .list .item .operation .bnt ~ .bnt {\r\n  margin-left: 0.14rem;\r\n}\r\n.public-total {\r\n  font-size: 0.28rem;\r\n  color: #282828;\r\n  border-top: 1px solid #eee;\r\n  height: 0.92rem;\r\n  line-height: 0.92rem;\r\n  text-align: right;\r\n  padding: 0 0.3rem;\r\n  background-color: #fff;\r\n}\r\n.public-total .money {\r\n  color: #ff4c3c;\r\n}\r\n</style>\r\n"]}]}