{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\pc\\components\\rightMenu.vue?vue&type=style&index=0&id=8308dac8&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\pc\\components\\rightMenu.vue","mtime":1761614939026},{"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:DQo6OnYtZGVlcCAuaXZ1LXNlbGVjdCAuaXZ1LXNlbGVjdC1kcm9wZG93biwNCjo6di1kZWVwIC5pdnUtZGF0ZS1waWNrZXIgLml2dS1zZWxlY3QtZHJvcGRvd24gew0KICB0b3A6IHVuc2V0ICFpbXBvcnRhbnQ7DQp9DQoucmlnaHQtc2Nyb2xsIHsNCiAgbWF4LWhlaWdodDogNjUwcHg7DQogIG92ZXJmbG93LXk6IHNjcm9sbDsNCn0NCi5yaWdodC13cmFwcGVyIHsNCiAgd2lkdGg6IDI4MHB4Ow0KICAudXNlci13cmFwcGVyIHsNCiAgICBwYWRkaW5nOiAwIDhweDsNCiAgICAudXNlciB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgIHBhZGRpbmc6IDE2cHggMDsNCiAgICAgIGNvbG9yOiAjNjQ0MGMyOw0KDQogICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VjZWNlYzsNCiAgICAgIC5hdmF0YXIgew0KICAgICAgICB3aWR0aDogNDJweDsNCiAgICAgICAgaGVpZ2h0OiA0MnB4Ow0KDQogICAgICAgIGltZyB7DQogICAgICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgLm5hbWUgew0KICAgICAgICBtYXgtd2lkdGg6IDE1MHB4Ow0KICAgICAgICBtYXJnaW4tbGVmdDogMTBweDsNCiAgICAgICAgZm9udC1zaXplOiAxNnB4Ow0KICAgICAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjY1KTsNCiAgICAgIH0NCiAgICAgIC5sYWJlbCB7DQogICAgICAgIG1hcmdpbi1sZWZ0OiA1cHg7DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICAgICAgICBwYWRkaW5nOiAycHggNXB4Ow0KICAgICAgICAmLkg1IHsNCiAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmFmMWQwOw0KICAgICAgICAgIGNvbG9yOiAjZGM5YTA0Ow0KICAgICAgICB9DQogICAgICAgICYud2VjaGF0IHsNCiAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2JhKDY0LCAxOTQsIDczLCAwLjE2KTsNCiAgICAgICAgICBjb2xvcjogIzQwYzI0OTsNCiAgICAgICAgfQ0KICAgICAgICAmLnBjIHsNCiAgICAgICAgICBiYWNrZ3JvdW5kOiByZ2JhKDEwMCwgNjQsIDE5NCwgMC4xNik7DQogICAgICAgICAgY29sb3I6ICM2NDQwYzI7DQogICAgICAgIH0NCiAgICAgICAgLnJvdXRpbmUgew0KICAgICAgICAgIGNvbG9yOiAjMzg3NWVhOw0KICAgICAgICAgIGJhY2tncm91bmQ6ICNkOGU1ZmY7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCi51c2VyLWluZm8gew0KICBwYWRkaW5nLXRvcDogMTVweDsNCiAgcGFkZGluZy1ib3R0b206IDEwcHg7DQogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWNlY2VjOw0KICAuaXRlbSB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIG1hcmdpbi1ib3R0b206IDEwcHg7DQogICAgZm9udC1zaXplOiAxM3B4Ow0KICAgIGNvbG9yOiAjMzMzOw0KDQogICAgc3BhbiB7DQogICAgICB3aWR0aDogNzBweDsNCiAgICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICAgIGNvbG9yOiAjNjY2Ow0KICAgIH0NCiAgfQ0KICAubGFiZWwtbGlzdCB7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIGRpc3BsYXk6IGZsZXg7DQoNCiAgICBzcGFuIHsNCiAgICAgIHdpZHRoOiA3MHB4Ow0KICAgICAgZm9udC1zaXplOiAxM3B4Ow0KICAgICAgY29sb3I6ICM2NjY7DQogICAgfQ0KICAgIC5jb24gew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGZsZXgtd3JhcDogd3JhcDsNCiAgICAgIGZsZXg6IDE7DQogICAgICAubGFiZWwtaXRlbSB7DQogICAgICAgIG1hcmdpbi1yaWdodDogOHB4Ow0KICAgICAgICBtYXJnaW4tYm90dG9tOiA4cHg7DQogICAgICAgIHBhZGRpbmc6IDAgNXB4Ow0KICAgICAgICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCiAgICAgICAgYmFja2dyb3VuZDogcmdiYSgyNCwgMTQ0LCAyNTUsIDAuMSk7DQogICAgICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICAgIH0NCiAgICB9DQogICAgLnJpZ2h0LWljb24gew0KICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgcmlnaHQ6IDA7DQogICAgICB0b3A6IDA7DQogICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgfQ0KICB9DQp9DQoub3JkZXItd3JhcHBlciB7DQogIC50YWItaGVhZCB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIGhlaWdodDogNDZweDsNCiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VjZWNlYzsNCiAgICAudGFiLWl0ZW0gew0KICAgICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgICAgZmxleDogMTsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgICYuYWN0aXZlIHsNCiAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgIGZvbnQtc2l6ZTogMTVweDsNCiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDsNCiAgICAgICAgJjo6YWZ0ZXIgew0KICAgICAgICAgIGNvbnRlbnQ6ICcgJzsNCiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICAgICAgbGVmdDogMDsNCiAgICAgICAgICBib3R0b206IC0xMnB4Ow0KICAgICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICAgIGhlaWdodDogMnB4Ow0KICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCiAgLnNlYXJjaC1ib3ggew0KICAgIHBhZGRpbmc6IDAgOHB4Ow0KICAgIG1hcmdpbi10b3A6IDEycHg7DQogICAgOjp2LWRlZXAgLml2dS1pbnB1dCB7DQogICAgICBib3JkZXItcmFkaXVzOiAxN3B4Ow0KICAgIH0NCiAgfQ0KICAub3JkZXItbGlzdCB7DQogICAgcGFkZGluZzogMCA4cHg7DQogICAgbWFyZ2luLXRvcDogMTBweDsNCiAgfQ0KICAub3JkZXItaXRlbSB7DQogICAgbWFyZ2luLWJvdHRvbTogMThweDsNCiAgICAuaGVhZCB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICAgIGhlaWdodDogMzZweDsNCiAgICAgIHBhZGRpbmc6IDAgMTBweDsNCiAgICAgIGJhY2tncm91bmQ6ICNmNWY1ZjU7DQogICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICAubGVmdCB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICAgIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgICAgICAuZm9udC1ib3ggew0KICAgICAgICAgIG1hcmdpbi1yaWdodDogNXB4Ow0KICAgICAgICAgIC5pY29uZm9udCB7DQogICAgICAgICAgICBmb250LXNpemU6IDE4cHg7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICAgIC5nb29kcy1saXN0IHsNCiAgICAgIG1heC1oZWlnaHQ6IDE1MnB4Ow0KICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgICAgICYuYXV0byB7DQogICAgICAgIG1heC1oZWlnaHQ6IG5vbmU7DQogICAgICB9DQogICAgICAuZ29vZHMtaXRlbSB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIG1hcmdpbi10b3A6IDE1cHg7DQogICAgICAgIC5pbWctYm94IHsNCiAgICAgICAgICB3aWR0aDogNjBweDsNCiAgICAgICAgICBoZWlnaHQ6IDYwcHg7DQoNCiAgICAgICAgICBpbWcgew0KICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsNCiAgICAgICAgICB9DQogICAgICAgIH0NCiAgICAgICAgLmluZm8gew0KICAgICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICAgICAgd2lkdGg6IDE4MHB4Ow0KICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4Ow0KICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgICAgICAuc2t1IHsNCiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgICAgIGNvbG9yOiAjOTk5OTk5Ow0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAubW9yZS1ib3ggew0KICAgIHRleHQtYWxpZ246IHJpZ2h0Ow0KICAgIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICBwYWRkaW5nLXJpZ2h0OiAxMHB4Ow0KDQogICAgc3BhbiB7DQogICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgfQ0KICB9DQogIC5vcmRlci1pbmZvIHsNCiAgICBtYXJnaW4tdG9wOiAxNXB4Ow0KICAgIC5pbmZvLWl0ZW0gew0KICAgICAgbWFyZ2luLWJvdHRvbTogNXB4Ow0KICAgICAgZm9udC1zaXplOiAxM3B4Ow0KDQogICAgICBzcGFuIHsNCiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgICAgICB3aWR0aDogNzBweDsNCiAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7DQogICAgICB9DQogICAgfQ0KICB9DQogIC5idG4td3JhcHBlciB7DQogICAgbWFyZ2luLXRvcDogMTBweDsNCiAgICAuYnRuIHsNCiAgICAgICY6bGFzdC1jaGlsZCB7DQogICAgICAgIG1hcmdpbi1yaWdodDogMDsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCi5nb29kcy13cmFwcGVyIHsNCiAgLmdvb2RzLXRhYiB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgcGFkZGluZzogMCA0MHB4Ow0KICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWNlY2VjOw0KICAgIC50YWItaXRlbSB7DQogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICBoZWlnaHQ6IDUwcHg7DQogICAgICBsaW5lLWhlaWdodDogNTBweDsNCiAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgICYuYWN0aXZlIHsNCiAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgICY6OmFmdGVyIHsNCiAgICAgICAgICBjb250ZW50OiAnICc7DQogICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICAgIGxlZnQ6IDA7DQogICAgICAgICAgYm90dG9tOiAwOw0KICAgICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICAgIGhlaWdodDogMnB4Ow0KICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCiAgLnNlYXJjaC1ib3ggew0KICAgIG1hcmdpbi10b3A6IDEwcHg7DQogICAgcGFkZGluZzogMCA4cHg7DQogICAgOjp2LWRlZXAgLml2dS1pbnB1dCB7DQogICAgICBib3JkZXItcmFkaXVzOiAxN3B4Ow0KICAgIH0NCiAgfQ0KICAubGlzdC13cmFwcGVyIHsNCiAgICBwYWRkaW5nOiAwIDhweDsNCiAgICAubGlzdC1pdGVtIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBtYXJnaW4tdG9wOiAxNXB4Ow0KICAgICAgLmltZy1ib3ggew0KICAgICAgICB3aWR0aDogNjBweDsNCiAgICAgICAgaGVpZ2h0OiA2MHB4Ow0KDQogICAgICAgIGltZyB7DQogICAgICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgICAgLmluZm8gew0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICAgIHdpZHRoOiAxODBweDsNCiAgICAgICAgbWFyZ2luLWxlZnQ6IDEwcHg7DQogICAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgICAgLnNrdSB7DQogICAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICAgIGNvbG9yOiAjOTk5OTk5Ow0KDQogICAgICAgICAgc3BhbiB7DQogICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICAgIC5wcmljZSB7DQogICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICAgICAgY29sb3I6ICNmZjAwMDA7DQogICAgICAgICAgLnB1c2ggew0KICAgICAgICAgICAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQp9DQoubGFiZWwtYm94IHsNCiAgOjp2LWRlZXAgLml2dS1tb2RhbC1oZWFkZXIgew0KICAgIHBhZGRpbmc6IDA7DQogICAgYm9yZGVyOiAwOw0KICAgIGJhY2tncm91bmQ6ICNmZmY7DQogICAgaGVpZ2h0OiA1MHB4Ow0KICAgIGJvcmRlci1yYWRpdXM6IDZweDsNCiAgfQ0KICAubGFiZWwtaGVhZCB7DQogICAgaGVpZ2h0OiA1MHB4Ow0KICAgIGxpbmUtaGVpZ2h0OiA1MHB4Ow0KICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICBmb250LXNpemU6IDEzcHg7DQogICAgY29sb3I6ICMzMzMzMzM7DQogICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmMGYwZjA7DQogIH0NCn0NCg=="},{"version":3,"sources":["rightMenu.vue"],"names":[],"mappings":";AAmqBA;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;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;;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;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;;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;AACA;AACA;;AAEA;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"rightMenu.vue","sourceRoot":"src/pages/kefu/pc/components","sourcesContent":["<template>\r\n  <div class=\"right-wrapper\">\r\n    <template v-if=\"curStatus == 0\">\r\n      <div class=\"user-wrapper\" v-if=\"activeUserInfo\">\r\n        <div class=\"user\">\r\n          <div class=\"avatar\">\r\n            <img v-lazy=\"activeUserInfo.avatar\" alt=\"\" />\r\n          </div>\r\n          <div class=\"name line1\">{{ activeUserInfo.nickname }}</div>\r\n          <div class=\"label\">\r\n            <template v-if=\"webType == 2\">\r\n              <span class=\"label routine\">小程序</span>\r\n            </template>\r\n            <template v-if=\"webType == 3\">\r\n              <span class=\"label H5\">H5</span>\r\n            </template>\r\n            <template v-if=\"webType == 1\">\r\n              <span class=\"label wechat\">公众号</span>\r\n            </template>\r\n            <template v-if=\"webType == 0\">\r\n              <span class=\"label pc\">PC端</span>\r\n            </template>\r\n          </div>\r\n        </div>\r\n        <div class=\"user-info\">\r\n          <div class=\"item\">\r\n            <span>手机号</span>\r\n            {{ activeUserInfo.phone || '暂无' }}\r\n          </div>\r\n          <!-- <div class=\"item\">\r\n                        <span>分组</span>\r\n                        <el-select v-model=\"activeUserInfo.group_id\" size=\"small\" @change=\"onChange\" style=\"flex:1;\">\r\n                            <el-option v-for=\"item in userGroup\" :value=\"item.id\" :key=\"item.value\">{{ item.group_name }}</el-option>\r\n                        </el-select>\r\n                    </div> -->\r\n          <div class=\"label-list\">\r\n            <span>分组</span>\r\n            <div class=\"con\">\r\n              <div class=\"label-item\">{{ activeUserInfo.group_name }}</div>\r\n            </div>\r\n            <div class=\"right-icon\" v-db-click @click.stop=\"isUserGroup = true\">\r\n              <i class=\"el-icon-arrow-right\" style=\"font-size: 14px\"></i>\r\n            </div>\r\n          </div>\r\n          <div class=\"label-list\">\r\n            <span>用户标签</span>\r\n            <div class=\"con\">\r\n              <div class=\"label-item\" v-for=\"(item, index) in activeUserInfo.labelNames\" :key=\"index\">\r\n                {{ item }}\r\n              </div>\r\n            </div>\r\n            <div class=\"right-icon\" v-db-click @click.stop=\"isUserLabel = true\">\r\n              <i class=\"el-icon-arrow-right\" style=\"font-size: 14px\"></i>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"user-info\">\r\n          <div class=\"item\">\r\n            <span>用户等级</span>\r\n            {{ activeUserInfo.level_name }}\r\n          </div>\r\n          <div class=\"item\">\r\n            <span>推荐人</span>\r\n            {{ activeUserInfo.spread_name }}\r\n          </div>\r\n          <div class=\"item\">\r\n            <span>用户类型</span>\r\n            {{ activeUserInfo.user_type | typeFilters }}\r\n          </div>\r\n          <div class=\"item\">\r\n            <span>余额</span>\r\n            {{ activeUserInfo.now_money }}\r\n          </div>\r\n          <div class=\"item\"><span>推广员</span>{{ activeUserInfo.is_promoter ? '是' : '否' }}</div>\r\n          <div class=\"item\">\r\n            <span>生日</span>\r\n            {{ activeUserInfo.birthday | getDay }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <empty v-else status=\"2\" msg=\"暂无用户信息\"></empty>\r\n    </template>\r\n    <template v-if=\"curStatus == 1\">\r\n      <div class=\"order-wrapper\">\r\n        <div class=\"tab-head\">\r\n          <div\r\n            class=\"tab-item\"\r\n            v-for=\"(item, index) in menuList\"\r\n            :key=\"index\"\r\n            :class=\"{ active: orderConfig.type === item.key }\"\r\n            v-db-click\r\n            @click.stop=\"bindTab(item)\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </div>\r\n        <div class=\"search-box\">\r\n          <el-input\r\n            class=\"search_box\"\r\n            prefix=\"ios-search\"\r\n            @on-enter=\"orderSearch\"\r\n            placeholder=\"搜索订单编号\"\r\n            v-model=\"orderConfig.searchTxt\"\r\n          />\r\n        </div>\r\n        <div v-if=\"orderList.length > 0\">\r\n          <div v-infinite-scroll=\"orderReachBottom\" class=\"right-scroll\">\r\n            <div class=\"order-list\">\r\n              <div class=\"order-item\" v-for=\"(item, index) in orderList\" :key=\"index\">\r\n                <div class=\"head\">\r\n                  <div class=\"left\">\r\n                    <div class=\"font-box\">\r\n                      <span class=\"iconfont icondaishouhuo\" v-if=\"item.status == 1\"></span>\r\n                      <span class=\"iconfont icondaifahuo\" v-if=\"item.status == 0\"></span>\r\n                      <span class=\"iconfont icondaipingjia\" v-if=\"item.status == 2\"></span>\r\n                      <span class=\"iconfont iconshouhou-tuikuan\" v-if=\"item.status < 0\"></span>\r\n                    </div>\r\n                    {{ item._status._title }}\r\n                  </div>\r\n                  <div class=\"time\">{{ item._pay_time }}</div>\r\n                </div>\r\n                <div class=\"goods-list\" :class=\"{ auto: !isOrderHidden }\">\r\n                  <div class=\"goods-item\" v-for=\"goods in item.cartInfo\" :key=\"goods.id\">\r\n                    <div class=\"img-box\">\r\n                      <img :src=\"goods.productInfo.image\" alt=\"\" />\r\n                    </div>\r\n                    <div class=\"info\">\r\n                      <div class=\"name line1\">\r\n                        {{ goods.productInfo.store_name }}\r\n                      </div>\r\n                      <div class=\"sku\">\r\n                        {{ goods.productInfo.attrInfo.suk }}\r\n                      </div>\r\n                      <div class=\"price\">¥{{ goods.productInfo.price }} x {{ goods.cart_num }}</div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"more-box\"\r\n                  v-if=\"item.cartInfo.length > 2\"\r\n                  v-db-click\r\n                  @click.stop=\"isOrderHidden = !isOrderHidden\"\r\n                >\r\n                  <span>{{ isOrderHidden ? '展开' : '合上' }}</span>\r\n                </div>\r\n                <div class=\"order-info\">\r\n                  <div class=\"info-item\"><span>订单编号：</span>{{ item.order_id }}</div>\r\n                  <div class=\"info-item\">\r\n                    <span>{{ item.refund_status == 1 ? '发起时间' : '付款时间' }}：</span\r\n                    >{{ item.refund_status == 1 ? item.add_time : item._pay_time }}\r\n                  </div>\r\n                  <div class=\"info-item\"><span>邮费：</span>¥ {{ item.pay_postage }}</div>\r\n                  <div class=\"info-item\"><span>实收款：</span>¥ {{ item.pay_price }}</div>\r\n                </div>\r\n                <div class=\"btn-wrapper\">\r\n                  <el-button\r\n                    class=\"btn\"\r\n                    type=\"primary\"\r\n                    v-if=\"item._status._type == 1 && item._status._type != 0 && item.shipping_type != 2\"\r\n                    v-db-click\r\n                    @click.stop=\"openDelivery(item)\"\r\n                    >发货</el-button\r\n                  >\r\n                  <el-button\r\n                    class=\"btn\"\r\n                    type=\"primary\"\r\n                    v-if=\"item.refund_status == 1\"\r\n                    v-db-click\r\n                    @click.stop=\"orderRecord(item.id)\"\r\n                    >退款</el-button\r\n                  >\r\n                  <el-button\r\n                    class=\"btn\"\r\n                    ghost\r\n                    v-db-click\r\n                    type=\"primary\"\r\n                    @click.stop=\"orderPaid(item.id)\"\r\n                    v-if=\"item.pay_type == 'offline' && item.paid == 0\"\r\n                    >确认付款</el-button\r\n                  >\r\n                  <el-button\r\n                    class=\"btn\"\r\n                    ghost\r\n                    v-db-click\r\n                    @click.stop=\"orderEdit(item.id)\"\r\n                    v-if=\"item._status._type == 0\"\r\n                    >改价</el-button\r\n                  >\r\n                  <el-button v-if=\"item.refund_status == 0\" class=\"btn\" ghost v-db-click @click.stop=\"bindRemark(item)\"\r\n                    >备注</el-button\r\n                  >\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <empty v-if=\"orderList.length == 0 && orderConfig.type === ''\" status=\"3\" msg=\"暂无订单信息\"></empty>\r\n        <empty v-if=\"orderList.length == 0 && orderConfig.type === 0\" status=\"4\" msg=\"暂无未支付订单\"></empty>\r\n        <empty v-if=\"orderList.length == 0 && orderConfig.type == 1\" status=\"5\" msg=\"暂无未发货订单\"></empty>\r\n        <empty v-if=\"orderList.length == 0 && orderConfig.type == -1\" status=\"6\" msg=\"暂无退款订单\"></empty>\r\n      </div>\r\n    </template>\r\n    <template v-if=\"curStatus == 2\">\r\n      <div class=\"goods-wrapper\">\r\n        <div class=\"goods-tab\">\r\n          <div\r\n            class=\"tab-item\"\r\n            v-for=\"(item, index) in goodsTab\"\r\n            :key=\"index\"\r\n            :class=\"{ active: goodsConfig.type === item.key }\"\r\n            v-db-click\r\n            @click.stop=\"bindGoodsTab(item)\"\r\n          >\r\n            {{ item.title }}\r\n          </div>\r\n        </div>\r\n        <div class=\"search-box\">\r\n          <el-input\r\n            class=\"search_box\"\r\n            @on-enter=\"productSearch\"\r\n            v-model=\"storeName\"\r\n            prefix=\"ios-search\"\r\n            placeholder=\"搜索商品名称/ID\"\r\n          />\r\n        </div>\r\n        <div class=\"list-wrapper\" v-if=\"goodsConfig.buyList.length > 0\">\r\n          <div v-infinite-scroll=\"goodsReachBottom\" class=\"right-scroll\">\r\n            <div class=\"list-item\" v-for=\"(item, index) in goodsConfig.buyList\" :key=\"index\">\r\n              <div class=\"img-box\">\r\n                <img :src=\"item.image\" alt=\"\" />\r\n              </div>\r\n              <div class=\"info\">\r\n                <div class=\"name line1\">{{ item.store_name }}</div>\r\n                <div class=\"sku\">\r\n                  <span>库存：{{ item.stock }}</span>\r\n                  <span>销量：{{ item.sales }}</span>\r\n                </div>\r\n                <div class=\"price\">\r\n                  <span>¥{{ item.price }}</span>\r\n                  <div class=\"push\" v-db-click @click.stop=\"pushGoods(item)\">推送</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <empty v-else status=\"3\" msg=\"暂无商品信息\"></empty>\r\n      </div>\r\n    </template>\r\n    <!-- 发货弹窗 -->\r\n    <el-dialog :visible.sync=\"isDelivery\" title=\"订单发送货\">\r\n      <delivery\r\n        v-if=\"isDelivery\"\r\n        :virtualType=\"virtual_type\"\r\n        @close=\"deliveryClose\"\r\n        @ok=\"deliveryOk\"\r\n        :orderId=\"orderId\"\r\n      ></delivery>\r\n    </el-dialog>\r\n    <!-- 订单备注 -->\r\n    <el-dialog :visible.sync=\"isRemarks\" title=\"请修改内容\" width=\"470px\" :show-close=\"true\" class=\"none-radius\">\r\n      <remarks :remarkId=\"remarkId\" v-if=\"isRemarks\" @close=\"deliveryClose\" @remarkSuccess=\"remarkSuccess\"></remarks>\r\n    </el-dialog>\r\n    <!-- 用户标签 -->\r\n    <el-dialog title=\"选择用户标签\" :visible.sync=\"isUserLabel\" width=\"470px\" class=\"label-box\" :show-close=\"true\">\r\n      <p class=\"label-head\" slot=\"header\">\r\n        <span>选择用户标签</span>\r\n      </p>\r\n      <userLabel v-if=\"isUserLabel\" @close=\"deliveryClose\" :uid=\"uid\" @editLabel=\"editLabel\"></userLabel>\r\n    </el-dialog>\r\n    <!-- 用户标签 -->\r\n    <el-dialog :visible.sync=\"isUserGroup\" title=\"选择分组\" width=\"470px\" class=\"label-box\" :show-close=\"true\">\r\n      <p class=\"label-head\" slot=\"header\">\r\n        <span>选择分组</span>\r\n      </p>\r\n      <userGroup\r\n        v-if=\"isUserGroup\"\r\n        :groupId=\"activeUserInfo.group_id\"\r\n        :labelList=\"userGroup\"\r\n        @close=\"deliveryClose\"\r\n        :uid=\"uid\"\r\n        @editUserLabel=\"editUserLabel\"\r\n      ></userGroup>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport delivery from './delivery';\r\nimport remarks from './remarks';\r\nimport userLabel from './userLabel';\r\nimport userGroup from './userGroup';\r\nimport {\r\n  userInfo,\r\n  getorderList,\r\n  orderEdit,\r\n  orderRecord,\r\n  productCart,\r\n  productHot,\r\n  productVisit,\r\n  userGroupApi,\r\n  putGroupApi,\r\n} from '@/api/kefu';\r\nimport empty from '../../components/empty';\r\nimport dayjs from 'dayjs';\r\nexport default {\r\n  name: 'rightMenu',\r\n  components: {\r\n    delivery,\r\n    remarks,\r\n    userLabel,\r\n    userGroup,\r\n    empty,\r\n  },\r\n  props: {\r\n    isTourist: {\r\n      type: String | Number,\r\n      default: 0,\r\n    },\r\n    status: {\r\n      type: String | Number,\r\n      default: '',\r\n    },\r\n    //用户uid\r\n    uid: {\r\n      type: String | Number,\r\n      default: '',\r\n    },\r\n    webType: {\r\n      type: String | Number,\r\n      default: '',\r\n    },\r\n  },\r\n  filters: {\r\n    statusFilters: function (value) {\r\n      const statusMap = {\r\n        '-1': '申请退款',\r\n        '-2': '退货成功',\r\n        0: '待发货',\r\n        1: '待收货',\r\n        2: '已收货',\r\n        3: '待评价',\r\n        '-1': '已退款',\r\n      };\r\n      return statusMap[value];\r\n    },\r\n    getDay(val) {\r\n      if (val) {\r\n        return dayjs.unix(val).format('YYYY年M月D日');\r\n      }\r\n    },\r\n    typeFilters(value) {\r\n      const statusMap = {\r\n        h5: 'H5',\r\n        wechat: '公众号',\r\n        routine: '小程序',\r\n        pc: 'PC',\r\n      };\r\n      return statusMap[value];\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      userGroup: [],\r\n      userGroupSelect: [],\r\n      model1: '',\r\n      curMenuIndex: 0,\r\n      virtual_type: 0,\r\n      menuList: [\r\n        {\r\n          key: '',\r\n          title: '全部',\r\n        },\r\n        {\r\n          key: 0,\r\n          title: '未支付',\r\n        },\r\n        {\r\n          key: 1,\r\n          title: '未发货',\r\n        },\r\n        {\r\n          key: -1,\r\n          title: '退款中',\r\n        },\r\n      ],\r\n      activeUserInfo: '', //用户详情\r\n      curStatus: this.status,\r\n      limit: 15,\r\n      orderConfig: {\r\n        page: 1,\r\n        type: '',\r\n        searchTxt: '',\r\n      },\r\n      orderList: [],\r\n      isOrderScroll: true,\r\n      isOrderHidden: true,\r\n      isDelivery: false, // 发货弹窗\r\n      isRemarks: false, // 备注弹窗\r\n      isUserGroup: false, //分组弹窗\r\n      goodsTab: [\r\n        {\r\n          key: 0,\r\n          title: '购买',\r\n        },\r\n        {\r\n          key: 1,\r\n          title: '足迹',\r\n        },\r\n        {\r\n          key: 2,\r\n          title: '热销',\r\n        },\r\n      ],\r\n      isGoodsScroll: true,\r\n      page: 1,\r\n      goodsConfig: {\r\n        type: 0,\r\n        buyList: [],\r\n      },\r\n      isUserLabel: false,\r\n      remarkId: '',\r\n      orderId: '',\r\n      storeName: '',\r\n    };\r\n  },\r\n  watch: {\r\n    uid(nVal, oVal) {\r\n      if (nVal != oVal && this.isTourist == 0) {\r\n        this.orderConfig.page = 1;\r\n        this.isOrderScroll = true;\r\n        this.orderList = [];\r\n        this.page = 1;\r\n        this.isGoodsScroll = true;\r\n        this.goodsConfig.buyList = [];\r\n        Promise.all[(this.getUserInfo(), this.getOrderList(), this.getUserGroup())];\r\n        if (this.goodsConfig.type == 0) {\r\n          this.productCart();\r\n        } else if (this.goodsConfig.type == 1) {\r\n          this.productVisit();\r\n        } else {\r\n          this.productHot();\r\n        }\r\n      }\r\n    },\r\n    isTourist(nVal, oVal) {\r\n      if (nVal == 1) {\r\n        this.activeUserInfo = '';\r\n        this.orderList = [];\r\n        this.goodsConfig.buyList = [];\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    let self = this;\r\n    this.bus.$on('selectRightMenu', (arg) => {\r\n      this.curStatus = arg;\r\n    });\r\n    if (this.uid && this.isTourist == 0)\r\n      Promise.all[(this.getUserInfo(), this.getOrderList(), this.productCart(), this.getUserGroup())];\r\n  },\r\n  methods: {\r\n    // 设置分组\r\n    onChange(e) {\r\n      if (e) {\r\n      }\r\n    },\r\n    //获取分组\r\n    getUserGroup() {\r\n      userGroupApi().then((res) => {\r\n        this.userGroup = res.data;\r\n      });\r\n    },\r\n    // 订单发货\r\n    openDelivery(item) {\r\n      this.orderId = item.id;\r\n      this.virtual_type = item.virtual_type;\r\n      this.isDelivery = true;\r\n    },\r\n    // 订单发货成功\r\n    deliveryOk() {\r\n      this.orderConfig.page = 1;\r\n      this.isOrderScroll = true;\r\n      this.orderList = [];\r\n      this.getOrderList();\r\n      this.isDelivery = false;\r\n    },\r\n    // 订单备注\r\n    bindRemark(item) {\r\n      this.remarkId = item.order_id;\r\n      this.isRemarks = true;\r\n    },\r\n    remarkSuccess() {\r\n      this.remarkId = '';\r\n      this.isRemarks = false;\r\n    },\r\n    //获取左侧用户列表用户详情\r\n    getUserInfo() {\r\n      userInfo(this.uid)\r\n        .then((res) => {\r\n          this.activeUserInfo = res.data;\r\n        })\r\n        .catch((error) => {\r\n          this.activeUserInfo = '';\r\n        });\r\n    },\r\n    // 获取订单列表\r\n    getOrderList() {\r\n      if (!this.isOrderScroll) return;\r\n      getorderList(this.uid, {\r\n        page: this.orderConfig.page,\r\n        limit: this.limit,\r\n        type: this.orderConfig.type,\r\n        search: this.orderConfig.searchTxt,\r\n      }).then((res) => {\r\n        this.orderConfig.page += 1;\r\n        this.isOrderScroll = res.data.length >= this.limit;\r\n        this.orderList = this.orderList.concat(res.data);\r\n      });\r\n    },\r\n    // 订单tab\r\n    bindTab(item) {\r\n      if (this.orderConfig.type === item.key) return;\r\n      this.orderConfig.type = item.key;\r\n      if (this.uid) {\r\n        this.orderConfig.page = 1;\r\n        this.isOrderScroll = true;\r\n        this.orderList = [];\r\n        this.getOrderList();\r\n      }\r\n    },\r\n    // 订单回车\r\n    orderSearch() {\r\n      this.isOrderScroll = true;\r\n      this.orderList = [];\r\n      this.orderConfig.page = 1;\r\n      this.getOrderList();\r\n    },\r\n    // 关闭发货模态框\r\n    deliveryClose() {\r\n      this.isUserLabel = false;\r\n      this.isDelivery = false;\r\n      this.isRemarks = false;\r\n      this.isUserGroup = false;\r\n    },\r\n    // 订单改价\r\n    orderEdit(id) {\r\n      this.$modalForm(orderEdit(id)).then(() => {\r\n        this.orderConfig.page = 1;\r\n        this.isOrderScroll = true;\r\n        this.orderList = [];\r\n        this.getOrderList();\r\n      });\r\n    },\r\n    orderPaid(id) {\r\n      this.$modalSure({\r\n        title: '修改订单为已支付',\r\n        url: `/order/pay_offline/${id}`,\r\n        method: 'post',\r\n        ids: '',\r\n      })\r\n        .then((res) => {\r\n          this.orderConfig.page = 1;\r\n          this.isOrderScroll = true;\r\n          this.orderList = [];\r\n          this.getOrderList();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 订单退款\r\n    orderRecord(id) {\r\n      this.$modalForm(orderRecord(id)).then(() => this.getOrderList());\r\n    },\r\n    // 订单加载更多\r\n    orderReachBottom() {\r\n      this.getOrderList();\r\n    },\r\n    // 商品加载更多\r\n    goodsReachBottom() {\r\n      if (this.goodsConfig.type == 0) {\r\n        this.productCart();\r\n      } else if (this.goodsConfig.type == 1) {\r\n        this.productVisit();\r\n      } else {\r\n        this.productHot();\r\n      }\r\n    },\r\n    // 商品信息tab\r\n    bindGoodsTab(item) {\r\n      if (this.goodsConfig.type == item.key) return;\r\n      this.goodsConfig.type = item.key;\r\n      this.page = 1;\r\n      this.isGoodsScroll = true;\r\n      this.goodsConfig.buyList = [];\r\n      if (item.key == 0) {\r\n        this.productCart();\r\n      } else if (item.key == 1) {\r\n        this.productVisit();\r\n      } else {\r\n        this.productHot();\r\n      }\r\n    },\r\n    // 商品购买记录\r\n    productCart() {\r\n      if (!this.isGoodsScroll) return;\r\n      productCart(this.uid, {\r\n        store_name: this.storeName,\r\n        page: this.page,\r\n        limit: this.limit,\r\n      }).then((res) => {\r\n        this.page += 1;\r\n        this.isGoodsScroll = res.data.length >= this.limit;\r\n        this.goodsConfig.buyList = this.goodsConfig.buyList.concat(res.data);\r\n      });\r\n    },\r\n    // 商品足迹\r\n    productVisit() {\r\n      if (!this.isGoodsScroll) return;\r\n      productVisit(this.uid, {\r\n        store_name: this.storeName,\r\n        page: this.page,\r\n        limit: this.limit,\r\n      }).then((res) => {\r\n        this.page += 1;\r\n        this.isGoodsScroll = res.data.length >= this.limit;\r\n        this.goodsConfig.buyList = this.goodsConfig.buyList.concat(res.data);\r\n      });\r\n    },\r\n    // 热销商品\r\n    productHot() {\r\n      productHot(this.uid, {\r\n        store_name: this.storeName,\r\n        page: this.page,\r\n        limit: this.limit,\r\n      }).then((res) => {\r\n        this.page += 1;\r\n        this.isGoodsScroll = res.data.length >= this.limit;\r\n        this.goodsConfig.buyList = this.goodsConfig.buyList.concat(res.data);\r\n      });\r\n    },\r\n    // 修改用户标签\r\n    editLabel() {\r\n      this.isUserLabel = false;\r\n      this.getUserInfo();\r\n    },\r\n    editUserLabel(id) {\r\n      this.isUserGroup = false;\r\n      putGroupApi(this.uid, id).then((res) => {\r\n        this.$message.success(res.msg);\r\n        this.getUserInfo();\r\n      });\r\n    },\r\n    // 商品推送\r\n    pushGoods(item) {\r\n      this.$emit('bindPush', item.id);\r\n    },\r\n    // 商品搜索\r\n    productSearch() {\r\n      this.page = 1;\r\n      this.isGoodsScroll = true;\r\n      this.goodsConfig.buyList = [];\r\n      if (this.goodsConfig.type == 0) {\r\n        this.productCart();\r\n      } else if (this.goodsConfig.type == 1) {\r\n        this.productVisit();\r\n      } else {\r\n        this.productHot();\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .ivu-select .ivu-select-dropdown,\r\n::v-deep .ivu-date-picker .ivu-select-dropdown {\r\n  top: unset !important;\r\n}\r\n.right-scroll {\r\n  max-height: 650px;\r\n  overflow-y: scroll;\r\n}\r\n.right-wrapper {\r\n  width: 280px;\r\n  .user-wrapper {\r\n    padding: 0 8px;\r\n    .user {\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 16px 0;\r\n      color: #6440c2;\r\n\r\n      border-bottom: 1px solid #ececec;\r\n      .avatar {\r\n        width: 42px;\r\n        height: 42px;\r\n\r\n        img {\r\n          display: block;\r\n          width: 100%;\r\n          height: 100%;\r\n          border-radius: 50%;\r\n        }\r\n      }\r\n      .name {\r\n        max-width: 150px;\r\n        margin-left: 10px;\r\n        font-size: 16px;\r\n        color: rgba(0, 0, 0, 0.65);\r\n      }\r\n      .label {\r\n        margin-left: 5px;\r\n        font-size: 12px;\r\n        border-radius: 2px;\r\n        padding: 2px 5px;\r\n        &.H5 {\r\n          background: #faf1d0;\r\n          color: #dc9a04;\r\n        }\r\n        &.wechat {\r\n          background: rgba(64, 194, 73, 0.16);\r\n          color: #40c249;\r\n        }\r\n        &.pc {\r\n          background: rgba(100, 64, 194, 0.16);\r\n          color: #6440c2;\r\n        }\r\n        .routine {\r\n          color: #3875ea;\r\n          background: #d8e5ff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.user-info {\r\n  padding-top: 15px;\r\n  padding-bottom: 10px;\r\n  border-bottom: 1px solid #ececec;\r\n  .item {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 10px;\r\n    font-size: 13px;\r\n    color: #333;\r\n\r\n    span {\r\n      width: 70px;\r\n      font-size: 13px;\r\n      color: #666;\r\n    }\r\n  }\r\n  .label-list {\r\n    position: relative;\r\n    display: flex;\r\n\r\n    span {\r\n      width: 70px;\r\n      font-size: 13px;\r\n      color: #666;\r\n    }\r\n    .con {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      flex: 1;\r\n      .label-item {\r\n        margin-right: 8px;\r\n        margin-bottom: 8px;\r\n        padding: 0 5px;\r\n        color: var(--prev-color-primary);\r\n        background: rgba(24, 144, 255, 0.1);\r\n        font-size: 13px;\r\n      }\r\n    }\r\n    .right-icon {\r\n      position: absolute;\r\n      right: 0;\r\n      top: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n.order-wrapper {\r\n  .tab-head {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 46px;\r\n    border-bottom: 1px solid #ececec;\r\n    .tab-item {\r\n      position: relative;\r\n      flex: 1;\r\n      text-align: center;\r\n      font-size: 14px;\r\n      cursor: pointer;\r\n      &.active {\r\n        color: var(--prev-color-primary);\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        &::after {\r\n          content: ' ';\r\n          position: absolute;\r\n          left: 0;\r\n          bottom: -12px;\r\n          width: 100%;\r\n          height: 2px;\r\n          background: var(--prev-color-primary);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .search-box {\r\n    padding: 0 8px;\r\n    margin-top: 12px;\r\n    ::v-deep .ivu-input {\r\n      border-radius: 17px;\r\n    }\r\n  }\r\n  .order-list {\r\n    padding: 0 8px;\r\n    margin-top: 10px;\r\n  }\r\n  .order-item {\r\n    margin-bottom: 18px;\r\n    .head {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      height: 36px;\r\n      padding: 0 10px;\r\n      background: #f5f5f5;\r\n      font-size: 13px;\r\n      .left {\r\n        display: flex;\r\n        align-items: center;\r\n        color: var(--prev-color-primary);\r\n        .font-box {\r\n          margin-right: 5px;\r\n          .iconfont {\r\n            font-size: 18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .goods-list {\r\n      max-height: 152px;\r\n      overflow: hidden;\r\n      &.auto {\r\n        max-height: none;\r\n      }\r\n      .goods-item {\r\n        display: flex;\r\n        margin-top: 15px;\r\n        .img-box {\r\n          width: 60px;\r\n          height: 60px;\r\n\r\n          img {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 2px;\r\n          }\r\n        }\r\n        .info {\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: space-between;\r\n          width: 180px;\r\n          margin-left: 10px;\r\n          font-size: 14px;\r\n          .sku {\r\n            font-size: 12px;\r\n            color: #999999;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .more-box {\r\n    text-align: right;\r\n    color: var(--prev-color-primary);\r\n    font-size: 13px;\r\n    padding-right: 10px;\r\n\r\n    span {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .order-info {\r\n    margin-top: 15px;\r\n    .info-item {\r\n      margin-bottom: 5px;\r\n      font-size: 13px;\r\n\r\n      span {\r\n        display: inline-block;\r\n        width: 70px;\r\n        text-align: right;\r\n      }\r\n    }\r\n  }\r\n  .btn-wrapper {\r\n    margin-top: 10px;\r\n    .btn {\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n.goods-wrapper {\r\n  .goods-tab {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 0 40px;\r\n    border-bottom: 1px solid #ececec;\r\n    .tab-item {\r\n      position: relative;\r\n      height: 50px;\r\n      line-height: 50px;\r\n      font-size: 14px;\r\n      cursor: pointer;\r\n      &.active {\r\n        color: var(--prev-color-primary);\r\n        &::after {\r\n          content: ' ';\r\n          position: absolute;\r\n          left: 0;\r\n          bottom: 0;\r\n          width: 100%;\r\n          height: 2px;\r\n          background: var(--prev-color-primary);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .search-box {\r\n    margin-top: 10px;\r\n    padding: 0 8px;\r\n    ::v-deep .ivu-input {\r\n      border-radius: 17px;\r\n    }\r\n  }\r\n  .list-wrapper {\r\n    padding: 0 8px;\r\n    .list-item {\r\n      display: flex;\r\n      margin-top: 15px;\r\n      .img-box {\r\n        width: 60px;\r\n        height: 60px;\r\n\r\n        img {\r\n          display: block;\r\n          width: 100%;\r\n          height: 100%;\r\n          border-radius: 2px;\r\n        }\r\n      }\r\n      .info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        width: 180px;\r\n        margin-left: 10px;\r\n        font-size: 14px;\r\n        .sku {\r\n          font-size: 12px;\r\n          color: #999999;\r\n\r\n          span {\r\n            margin-right: 10px;\r\n          }\r\n        }\r\n        .price {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          color: #ff0000;\r\n          .push {\r\n            color: var(--prev-color-primary);\r\n            cursor: pointer;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.label-box {\r\n  ::v-deep .ivu-modal-header {\r\n    padding: 0;\r\n    border: 0;\r\n    background: #fff;\r\n    height: 50px;\r\n    border-radius: 6px;\r\n  }\r\n  .label-head {\r\n    height: 50px;\r\n    line-height: 50px;\r\n    text-align: center;\r\n    font-size: 13px;\r\n    color: #333333;\r\n    border-bottom: 1px solid #f0f0f0;\r\n  }\r\n}\r\n</style>\r\n"]}]}