| 1 |
- {"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\\kefu\\pc\\components\\rightMenu.vue?vue&type=style&index=0&id=8308dac8&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\pc\\components\\rightMenu.vue","mtime":1761185180106},{"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: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"]}]}
|
