{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\devise\\users.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\devise\\users.vue","mtime":1761185180175},{"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\\babel-loader\\lib\\index.js","mtime":456789000000},{"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:DQppbXBvcnQgeyBnZXRNZW1iZXIsIG1lbWJlclNhdmUgfSBmcm9tICdAL2FwaS9kaXknOw0KaW1wb3J0IHVwbG9hZFBpYyBmcm9tICcuL2NvbXBvbmVudHMvdXBsb2FkUGljJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ3VzZXJzJywNCiAgY29tcG9uZW50czogew0KICAgIHVwbG9hZFBpYywNCiAgfSwNCiAgcHJvcHM6IHt9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBzd2lwZXJPcHRpb246IHsNCiAgICAgICAgLy/mmL7npLrliIbpobUNCiAgICAgICAgcGFnaW5hdGlvbjogew0KICAgICAgICAgIGVsOiAnLnN3aXBlci1wYWdpbmF0aW9uJywNCiAgICAgICAgfSwNCiAgICAgICAgLy/oh6rliqjova7mkq0NCiAgICAgICAgYXV0b3BsYXk6IHsNCiAgICAgICAgICBkZWxheTogMjAwMCwNCiAgICAgICAgICAvL+W9k+eUqOaIt+a7keWKqOWbvueJh+WQjue7p+e7reiHquWKqOi9ruaSrQ0KICAgICAgICAgIGRpc2FibGVPbkludGVyYWN0aW9uOiBmYWxzZSwNCiAgICAgICAgfSwNCiAgICAgICAgLy/lvIDlkK/lvqrnjq/mqKHlvI8NCiAgICAgICAgbG9vcDogZmFsc2UsDQogICAgICB9LA0KICAgICAgdXNlckRhdGE6IHsNCiAgICAgICAgbXlfYmFubmVyX3N0YXR1czogdHJ1ZSwNCiAgICAgICAgcm91dGluZV9teV9iYW5uZXI6IFtdLA0KICAgICAgICByb3V0aW5lX215X21lbnVzOiBbXSwNCiAgICAgICAgc3RhdHVzOiAnJywNCiAgICAgICAgb3JkZXJfc3RhdHVzOiAnJywNCiAgICAgICAgbXlfbWVudXNfc3RhdHVzOiAxLA0KICAgICAgICBidXNpbmVzc19zdGF0dXM6IDEsDQogICAgICB9LA0KICAgICAgTXlNZW51czogW3sgcGljOiAnJywgdXJsOiAnJywgbmFtZTogJycsIHNvcnQ6IDEsIHN0YXR1czogMSB9XSwNCiAgICAgIHN0b3JlTWVudTogW3sgcGljOiAnJywgdXJsOiAnJywgbmFtZTogJycsIHNvcnQ6IDEsIHN0YXR1czogMSB9XSwNCiAgICAgIGN1cnJlbnQ6IDEsDQogICAgICBjb2xvclN0eWxlOiAnJywNCiAgICAgIG9yZGVyOiB7fSwNCiAgICAgIG9yZGVyMDE6IHsNCiAgICAgICAgZGZrOiAnaWNvbmRhaWZ1a3VhbjEnLA0KICAgICAgICBkZmg6ICdpY29uZGFpZmFodW8xJywNCiAgICAgICAgZHNoOiAnaWNvbmRhaXNob3VodW8xJywNCiAgICAgICAgZHBqOiAnaWNvbmRhaXBpbmdqaWExJywNCiAgICAgICAgc2g6ICdpY29uc2hvdWhvdV90dWlrdWFuJywNCiAgICAgIH0sDQogICAgICBvcmRlcjAyOiB7DQogICAgICAgIGRmazogJ2ljb25kYWlmdWt1YW4tbGFuJywNCiAgICAgICAgZGZoOiAnaWNvbmRhaWZhaHVvLWxhbicsDQogICAgICAgIGRzaDogJ2ljb25kYWlzaG91aHVvLWxhbicsDQogICAgICAgIGRwajogJ2ljb25kYWlwaW5namlhLWxhbicsDQogICAgICAgIHNoOiAnaWNvbnNob3Vob3UtdHVpa3Vhbi1sYW4nLA0KICAgICAgfSwNCiAgICAgIG9yZGVyMDM6IHsNCiAgICAgICAgZGZrOiAnaWNvbmRhaWZ1a3Vhbi1qdScsDQogICAgICAgIGRmaDogJ2ljb25kYWlmYWh1by1qdScsDQogICAgICAgIGRzaDogJ2ljb25kYWlzaG91aHVvLWp1JywNCiAgICAgICAgZHBqOiAnaWNvbmRhaXBpbmdqaWEtanUnLA0KICAgICAgICBzaDogJ2ljb25zaG91aG91LXR1aWt1YW4tanUnLA0KICAgICAgfSwNCiAgICAgIG9yZGVyMDQ6IHsNCiAgICAgICAgZGZrOiAnaWNvbmRhaWZ1a3Vhbi1mZW4nLA0KICAgICAgICBkZmg6ICdpY29uZGFpZmFodW8tZmVuJywNCiAgICAgICAgZHNoOiAnaWNvbmRhaXNob3VodW8tZmVuJywNCiAgICAgICAgZHBqOiAnaWNvbmRhaXBpbmdqaWEtZmVuJywNCiAgICAgICAgc2g6ICdpY29uYS1zaG91aG91dHVpa3Vhbi1mZW4nLA0KICAgICAgfSwNCiAgICAgIG9yZGVyMDU6IHsNCiAgICAgICAgZGZrOiAnaWNvbmRhaWZ1a3Vhbi1sdicsDQogICAgICAgIGRmaDogJ2ljb25kYWlmYWh1by1sdicsDQogICAgICAgIGRzaDogJ2ljb25kYWlzaG91aHVvLWx2JywNCiAgICAgICAgZHBqOiAnaWNvbmRhaXBpbmdqaWEtbHYnLA0KICAgICAgICBzaDogJ2ljb25zaG91aG91LXR1aWt1YW4tbHYnLA0KICAgICAgfSwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZ2V0SW5mbygpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgY3VycmVudFNob3codHlwZSkgew0KICAgICAgdGhpcy5jdXJyZW50ID0gdHlwZTsNCiAgICB9LA0KICAgIHN3aXRjaE9yZGVyKHN0YXR1cykgew0KICAgICAgc3dpdGNoIChzdGF0dXMpIHsNCiAgICAgICAgY2FzZSAxOg0KICAgICAgICAgIHRoaXMub3JkZXIgPSB0aGlzLm9yZGVyMDE7DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgMjoNCiAgICAgICAgICB0aGlzLm9yZGVyID0gdGhpcy5vcmRlcjAyOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlIDM6DQogICAgICAgICAgdGhpcy5vcmRlciA9IHRoaXMub3JkZXIwMzsNCiAgICAgICAgICBicmVhazsNCiAgICAgICAgY2FzZSA0Og0KICAgICAgICAgIHRoaXMub3JkZXIgPSB0aGlzLm9yZGVyMDQ7DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgNToNCiAgICAgICAgICB0aGlzLm9yZGVyID0gdGhpcy5vcmRlcjA1Ow0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBkZWZhdWx0Og0KICAgICAgICAgIHRoaXMub3JkZXIgPSB0aGlzLm9yZGVyMDE7DQogICAgICAgICAgYnJlYWs7DQogICAgICB9DQogICAgfSwNCiAgICBvcmRlclN0eWxlKGUpIHsNCiAgICAgIHRoaXMuc3dpdGNoT3JkZXIoZSk7DQogICAgfSwNCiAgICBnZXRJbmZvKCkgew0KICAgICAgbGV0IGdyZWVuID0NCiAgICAgICAgJy0tdmlldy10aGVtZTogIzQyQ0E0RDstLXZpZXctcHJpY2VDb2xvcjojRkY3NjAwOy0tdmlldy1taW5vckNvbG9yOnJnYmEoMTA4LCAxOTgsIDk0LCAwLjUpOy0tdmlldy1taW5vckNvbG9yVDpyZ2JhKDY2LCAyMDIsIDc3LCAwLjEpOy0tdmlldy1ibnRDb2xvcjojRkU5NjBGOyc7DQogICAgICBsZXQgcmVkID0NCiAgICAgICAgJy0tdmlldy10aGVtZTogI2U5MzMyMzstLXZpZXctcHJpY2VDb2xvcjojZTkzMzIzOy0tdmlldy1taW5vckNvbG9yOnJnYmEoMjMzLCA1MSwgMzUsIDAuNSk7LS12aWV3LW1pbm9yQ29sb3JUOnJnYmEoMjMzLCA1MSwgMzUsIDAuMSk7LS12aWV3LWJudENvbG9yOiNGRTk2MEY7JzsNCiAgICAgIGxldCBibHVlID0NCiAgICAgICAgJy0tdmlldy10aGVtZTogIzFEQjBGQzstLXZpZXctcHJpY2VDb2xvcjojRkQ1MDJGOy0tdmlldy1taW5vckNvbG9yOnJnYmEoNTgsIDEzOSwgMjM2LCAwLjUpOy0tdmlldy1taW5vckNvbG9yVDpyZ2JhKDksIDEzOSwgMjQzLCAwLjEpOy0tdmlldy1ibnRDb2xvcjojMjJDQUZEOyc7DQogICAgICBsZXQgcGluayA9DQogICAgICAgICctLXZpZXctdGhlbWU6ICNGRjQ0OEY7LS12aWV3LXByaWNlQ29sb3I6I0ZGNDQ4RjstLXZpZXctbWlub3JDb2xvcjpyZ2JhKDI1NSwgNjgsIDE0MywgMC41KTstLXZpZXctbWlub3JDb2xvclQ6cmdiYSgyNTUsIDY4LCAxNDMsIDAuMSk7LS12aWV3LWJudENvbG9yOiMyODI4Mjg7JzsNCiAgICAgIGxldCBvcmFuZ2UgPQ0KICAgICAgICAnLS12aWV3LXRoZW1lOiAjRkU1QzJEOy0tdmlldy1wcmljZUNvbG9yOiNGRTVDMkQ7LS12aWV3LW1pbm9yQ29sb3I6cmdiYSgyNTQsIDkyLCA0NSwgMC41KTstLXZpZXctbWlub3JDb2xvclQ6cmdiYSgyNTQsIDkyLCA0NSwgMC4xKTstLXZpZXctYm50Q29sb3I6I0ZEQjAwMDsnOw0KICAgICAgZ2V0TWVtYmVyKCkudGhlbigocmVzKSA9PiB7DQogICAgICAgIHRoaXMudXNlckRhdGEuc3RhdHVzID0gcmVzLmRhdGEuc3RhdHVzOw0KICAgICAgICB0aGlzLnVzZXJEYXRhLm9yZGVyX3N0YXR1cyA9IHJlcy5kYXRhLm9yZGVyX3N0YXR1czsNCiAgICAgICAgdGhpcy51c2VyRGF0YS5teV9iYW5uZXJfc3RhdHVzID0gcmVzLmRhdGEubXlfYmFubmVyX3N0YXR1czsNCiAgICAgICAgdGhpcy51c2VyRGF0YS5teV9tZW51c19zdGF0dXMgPSByZXMuZGF0YS5teV9tZW51c19zdGF0dXMgfHwgMTsNCiAgICAgICAgdGhpcy51c2VyRGF0YS5idXNpbmVzc19zdGF0dXMgPSByZXMuZGF0YS5idXNpbmVzc19zdGF0dXMgfHwgMTsNCiAgICAgICAgbGV0IHN0b3JlTWVudSA9IFtdOw0KICAgICAgICBsZXQgbXlNZW51ID0gW107DQogICAgICAgIHRoaXMuc3dpdGNoT3JkZXIocmVzLmRhdGEub3JkZXJfc3RhdHVzKTsNCiAgICAgICAgc3dpdGNoIChyZXMuZGF0YS5jb2xvcl9jaGFuZ2UpIHsNCiAgICAgICAgICBjYXNlIDE6DQogICAgICAgICAgICB0aGlzLmNvbG9yU3R5bGUgPSBibHVlOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAyOg0KICAgICAgICAgICAgdGhpcy5jb2xvclN0eWxlID0gZ3JlZW47DQogICAgICAgICAgICBicmVhazsNCiAgICAgICAgICBjYXNlIDM6DQogICAgICAgICAgICB0aGlzLmNvbG9yU3R5bGUgPSByZWQ7DQogICAgICAgICAgICBicmVhazsNCiAgICAgICAgICBjYXNlIDQ6DQogICAgICAgICAgICB0aGlzLmNvbG9yU3R5bGUgPSBwaW5rOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSA1Og0KICAgICAgICAgICAgdGhpcy5jb2xvclN0eWxlID0gb3JhbmdlOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgZGVmYXVsdDoNCiAgICAgICAgICAgIHRoaXMuY29sb3JTdHlsZSA9IHJlZDsNCiAgICAgICAgICAgIGJyZWFrOw0KICAgICAgICB9DQogICAgICAgIHJlcy5kYXRhLnJvdXRpbmVfbXlfYmFubmVyLmZvckVhY2goKGVsLCBpbmRleCwgYXJyKSA9PiB7DQogICAgICAgICAgaWYgKGVsLnBpYy5sZW5ndGgpIHsNCiAgICAgICAgICAgIGVsLnBpYyA9IGVsLnBpY1swXTsNCiAgICAgICAgICB9DQogICAgICAgIH0pOw0KICAgICAgICBpZiAocmVzLmRhdGEucm91dGluZV9teV9iYW5uZXIubGVuZ3RoKSB7DQogICAgICAgICAgdGhpcy51c2VyRGF0YS5yb3V0aW5lX215X2Jhbm5lciA9IHJlcy5kYXRhLnJvdXRpbmVfbXlfYmFubmVyOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMudXNlckRhdGEucm91dGluZV9teV9iYW5uZXIgPSBbXTsNCiAgICAgICAgfQ0KICAgICAgICByZXMuZGF0YS5yb3V0aW5lX215X21lbnVzLmZvckVhY2goKGVsLCBpbmRleCwgYXJyKSA9PiB7DQogICAgICAgICAgaWYgKGVsLnBpYy5sZW5ndGgpIHsNCiAgICAgICAgICAgIGVsLnBpYyA9IGVsLnBpY1swXTsNCiAgICAgICAgICB9DQogICAgICAgICAgaWYgKA0KICAgICAgICAgICAgZWwudXJsID09ICcvcGFnZXMvYWRtaW4vb3JkZXIvaW5kZXgnIHx8DQogICAgICAgICAgICBlbC51cmwgPT0gJy9wYWdlcy9hZG1pbi9vcmRlcl9jYW5jZWxsYXRpb24vaW5kZXgnIHx8DQogICAgICAgICAgICBlbC5uYW1lID09ICflrqLmnI3mjqXlvoUnDQogICAgICAgICAgKSB7DQogICAgICAgICAgICBzdG9yZU1lbnUucHVzaChlbCk7DQogICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgIG15TWVudS5wdXNoKGVsKTsNCiAgICAgICAgICB9DQogICAgICAgIH0pOw0KICAgICAgICBpZiAobXlNZW51Lmxlbmd0aCkgew0KICAgICAgICAgIHRoaXMuTXlNZW51cyA9IG15TWVudTsNCiAgICAgICAgfQ0KICAgICAgICBpZiAoc3RvcmVNZW51Lmxlbmd0aCkgew0KICAgICAgICAgIHRoaXMuc3RvcmVNZW51ID0gc3RvcmVNZW51Ow0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIG9uU3VibWl0KCkgew0KICAgICAgdGhpcy51c2VyRGF0YS5yb3V0aW5lX215X21lbnVzID0gdGhpcy5NeU1lbnVzLmNvbmNhdCh0aGlzLnN0b3JlTWVudSk7DQogICAgICB0aGlzLiRlbWl0KCdwYXJlbnRGdW4nLCB0cnVlKTsNCiAgICAgIG1lbWJlclNhdmUodGhpcy51c2VyRGF0YSkNCiAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJGVtaXQoJ3BhcmVudEZ1bicsIGZhbHNlKTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIubXNnKTsNCiAgICAgICAgICB0aGlzLiRlbWl0KCdwYXJlbnRGdW4nLCBmYWxzZSk7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["users.vue"],"names":[],"mappings":";AAuPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"users.vue","sourceRoot":"src/pages/setting/devise","sourcesContent":["<template>\r\n  <div class=\"users\">\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"h100\">\r\n      <div class=\"acea-row row-top  no-warp\">\r\n        <div class=\"left\" :style=\"colorStyle\">\r\n          <div class=\"header\" :class=\"{ bgColor: userData.status == 3, solid: current == 1 }\" @click=\"currentShow(1)\">\r\n            <div class=\"top acea-row row-between-wrapper\">\r\n              <div class=\"picTxt acea-row row-middle\">\r\n                <div class=\"pictrue\">\r\n                  <img src=\"../../../assets/images/f.png\" />\r\n                </div>\r\n                <div class=\"txt\">\r\n                  <div class=\"name\">用户名称用户名称</div>\r\n                  <div class=\"phone acea-row row-center-wrapper\">\r\n                    绑定手机号<span class=\"iconfont iconjinru\"></span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"acea-row row-middle\">\r\n                <div class=\"news\">\r\n                  <span class=\"iconfont icons-kefu\"></span>\r\n                  <div class=\"num\">6</div>\r\n                </div>\r\n                <span class=\"iconfont iconshezhi\"></span>\r\n              </div>\r\n            </div>\r\n            <div class=\"center acea-row row-around\">\r\n              <div class=\"item\">\r\n                <div class=\"num\">0.00</div>\r\n                <div class=\"font\">我的余额</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"num\">65749</div>\r\n                <div class=\"font\">当前积分</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"num\">25</div>\r\n                <div class=\"font\">优惠券</div>\r\n              </div>\r\n            </div>\r\n            <div class=\"bottom acea-row row-between-wrapper\" v-if=\"userData.status == 1\">\r\n              <div>会员到期 2022-12-31</div>\r\n              <div class=\"renew\">立即续费<span class=\"iconfont iconjinru\"></span></div>\r\n            </div>\r\n            <div class=\"bottomB acea-row row-between\" v-if=\"userData.status == 3\">\r\n              <div class=\"vip\"><img src=\"../../../assets/images/member01.png\" />开通会员VIP</div>\r\n              <div>会员可享多项权益<span class=\"iconfont iconjinru\"></span></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"member acea-row row-between-wrapper\" v-if=\"userData.status == 2\">\r\n            <div class=\"text\">\r\n              <div class=\"title\">会员可享多项权益</div>\r\n              <div>会员剩余360天</div>\r\n            </div>\r\n            <div class=\"bnt\">立即续费</div>\r\n          </div>\r\n          <div class=\"orderCenter on dotted p-y-15\" :class=\"current == 4 ? 'solid' : ''\" v-db-click @click=\"currentShow(4)\">\r\n            <div class=\"title acea-row row-between-wrapper\">\r\n              <div>订单中心</div>\r\n              <div class=\"all\">查看全部<span class=\"iconfont iconjinru\"></span></div>\r\n            </div>\r\n            <div class=\"list acea-row row-around\">\r\n              <div class=\"item\">\r\n                <div class=\"iconfont\" :class=\"order.dfk\"></div>\r\n                <div>待付款</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"iconfont\" :class=\"order.dfh\"></div>\r\n                <div>待发货</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"iconfont\" :class=\"order.dsh\"></div>\r\n                <div>待收货</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"iconfont\" :class=\"order.dpj\"></div>\r\n                <div>待评价</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"iconfont\" :class=\"order.sh\"></div>\r\n                <div>售后/退款</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"carousel dotted\" :class=\"current == 5 ? 'solid' : ''\" v-db-click @click=\"currentShow(5)\">\r\n            <swiper :options=\"swiperOption\" class=\"swiperimg\" v-if=\"userData.routine_my_banner.length\">\r\n              <swiper-slide class=\"swiperimg\" v-for=\"(item, index) in userData.routine_my_banner\" :key=\"index\">\r\n                <img :src=\"item.pic\" />\r\n              </swiper-slide>\r\n              <div class=\"swiper-pagination\" slot=\"pagination\"></div>\r\n            </swiper>\r\n            <div v-else class=\"default\">暂无广告数据</div>\r\n          </div>\r\n          <div\r\n            class=\"orderCenter service dotted\"\r\n            :class=\"current == 2 ? 'solid' : ''\"\r\n            v-db-click\r\n            @click=\"currentShow(2)\"\r\n          >\r\n            <div class=\"title acea-row row-between-wrapper\" v-if=\"userData.my_menus_status == 1\">\r\n              <div>我的服务</div>\r\n            </div>\r\n            <div class=\"list acea-row\" v-if=\"userData.my_menus_status == 1\">\r\n              <div class=\"item\" v-for=\"(item, index) in MyMenus\" :key=\"index\" v-if=\"item.pic\">\r\n                <div class=\"pictrue\">\r\n                  <img :src=\"item.pic\" v-if=\"item.pic && item.pic != ''\" />\r\n                  <span class=\"iconfont icontupian1\" v-else></span>\r\n                </div>\r\n                <div>{{ item.name ? item.name : '服务名称' }}</div>\r\n              </div>\r\n            </div>\r\n            <div class=\"list-2\" v-else-if=\"userData.my_menus_status == 2\">\r\n              <div class=\"acea-row row-middle item\" v-for=\"(item, index) in MyMenus\" :key=\"index\" v-if=\"item.pic\">\r\n                <img class=\"pictrue\" :src=\"item.pic\" v-if=\"item.pic && item.pic != ''\" />\r\n                <span class=\"iconfont icontupian1\" v-else></span>\r\n                <div class=\"name\">{{ item.name ? item.name : '服务名称' }}</div>\r\n                <i class=\"el-icon-arrow-right\"></i>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"orderCenter service dotted\"\r\n            :class=\"current == 3 ? 'solid' : ''\"\r\n            v-db-click\r\n            @click=\"currentShow(3)\"\r\n          >\r\n            <div class=\"title acea-row row-between-wrapper\" v-if=\"userData.business_status == 1\">\r\n              <div>商家管理</div>\r\n            </div>\r\n            <div class=\"list acea-row\" v-if=\"userData.business_status == 1\">\r\n              <div class=\"item\" v-for=\"(item, index) in storeMenu\" :key=\"index\" v-if=\"item.pic\">\r\n                <div class=\"pictrue\">\r\n                  <img :src=\"item.pic\" />\r\n                </div>\r\n                <div>{{ item.name }}</div>\r\n              </div>\r\n            </div>\r\n            <div class=\"list-2\" v-else-if=\"userData.business_status == 2\">\r\n              <div class=\"acea-row row-middle item\" v-for=\"(item, index) in storeMenu\" :key=\"index\" v-if=\"item.pic\">\r\n                <img class=\"pictrue\" :src=\"item.pic\" v-if=\"item.pic && item.pic != ''\" />\r\n                <span class=\"iconfont icontupian1\" v-else></span>\r\n                <div class=\"name\">{{ item.name ? item.name : '服务名称' }}</div>\r\n                <i class=\"el-icon-arrow-right\"></i>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"right\">\r\n          <div class=\"title\">页面设置</div>\r\n          <div class=\"c_row-item\" v-if=\"current == 1\">\r\n            <el-col class=\"label\" :span=\"4\"> 页面风格： </el-col>\r\n            <el-col :span=\"20\" class=\"slider-box\">\r\n              <el-radio-group v-model=\"userData.status\">\r\n                <el-radio :label=\"1\">\r\n                  <span>样式1</span>\r\n                </el-radio>\r\n                <el-radio :label=\"2\">\r\n                  <span>样式2</span>\r\n                </el-radio>\r\n                <el-radio :label=\"3\">\r\n                  <span>样式3</span>\r\n                </el-radio>\r\n              </el-radio-group>\r\n            </el-col>\r\n          </div>\r\n          <div class=\"c_row-item\" v-if=\"current == 4\">\r\n            <el-col class=\"label\" :span=\"4\"> 订单中心： </el-col>\r\n            <el-col :span=\"20\" class=\"slider-box\">\r\n              <el-radio-group v-model=\"userData.order_status\" @input=\"orderStyle\">\r\n                <el-radio :label=\"1\">\r\n                  <span>样式1</span>\r\n                </el-radio>\r\n                <el-radio :label=\"2\">\r\n                  <span>样式2</span>\r\n                </el-radio>\r\n                <el-radio :label=\"3\">\r\n                  <span>样式3</span>\r\n                </el-radio>\r\n                <el-radio :label=\"4\">\r\n                  <span>样式4</span>\r\n                </el-radio>\r\n                <el-radio :label=\"5\">\r\n                  <span>样式5</span>\r\n                </el-radio>\r\n              </el-radio-group>\r\n            </el-col>\r\n          </div>\r\n          <div class=\"c_row-item\" v-if=\"current == 2\">\r\n            <el-col class=\"label\" :span=\"4\"> 我的服务： </el-col>\r\n            <el-col :span=\"20\" class=\"slider-box\">\r\n              <el-radio-group v-model=\"userData.my_menus_status\">\r\n                <el-radio :label=\"1\">\r\n                  <span>样式1</span>\r\n                </el-radio>\r\n                <el-radio :label=\"2\">\r\n                  <span>样式2</span>\r\n                </el-radio>\r\n              </el-radio-group>\r\n            </el-col>\r\n          </div>\r\n          <div class=\"c_row-item\" v-if=\"current == 3\">\r\n            <el-col class=\"label\" :span=\"4\"> 商家服务： </el-col>\r\n            <el-col :span=\"20\" class=\"slider-box\">\r\n              <el-radio-group v-model=\"userData.business_status\" >\r\n                <el-radio :label=\"1\">\r\n                  <span>样式1</span>\r\n                </el-radio>\r\n                <el-radio :label=\"2\">\r\n                  <span>样式2</span>\r\n                </el-radio>\r\n              </el-radio-group>\r\n            </el-col>\r\n          </div>\r\n          <div class=\"c_row-item acea-row row-top\" v-if=\"current == 5\">\r\n            <el-col class=\"label\" :span=\"4\"> 广告位： </el-col>\r\n            <el-col :span=\"20\" class=\"slider-box\">\r\n              <el-switch\r\n                :active-value=\"1\"\r\n                :inactive-value=\"0\"\r\n                v-model=\"userData.my_banner_status\"\r\n                style=\"margin-bottom: 12px\"\r\n              />\r\n              <div class=\"info\">建议尺寸：375 * 65px，拖拽图片可调整图片显示顺序哦，最多添加五张</div>\r\n              <uploadPic :listData=\"userData.routine_my_banner\" :type=\"5\"></uploadPic>\r\n            </el-col>\r\n          </div>\r\n          <div class=\"c_row-item acea-row row-top\" v-if=\"current == 2\">\r\n            <el-col class=\"label\" :span=\"4\"> 我的服务： </el-col>\r\n            <el-col :span=\"20\" class=\"slider-box\">\r\n              <div class=\"info\">建议尺寸：86 * 86px，拖拽图片可调整图片显示顺序哦</div>\r\n              <uploadPic :listData=\"MyMenus\" :type=\"2\"></uploadPic>\r\n            </el-col>\r\n          </div>\r\n          <div class=\"c_row-item acea-row row-top\" v-if=\"current == 3\">\r\n            <el-col class=\"label\" :span=\"4\"> 商家管理： </el-col>\r\n            <el-col :span=\"20\" class=\"slider-box\">\r\n              <div class=\"info\">建议尺寸：86 * 86px，拖拽图片可调整图片显示顺序哦，最多添加五张</div>\r\n              <uploadPic :listData=\"storeMenu\" :type=\"1\"></uploadPic>\r\n            </el-col>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getMember, memberSave } from '@/api/diy';\r\nimport uploadPic from './components/uploadPic';\r\nexport default {\r\n  name: 'users',\r\n  components: {\r\n    uploadPic,\r\n  },\r\n  props: {},\r\n  data() {\r\n    return {\r\n      swiperOption: {\r\n        //显示分页\r\n        pagination: {\r\n          el: '.swiper-pagination',\r\n        },\r\n        //自动轮播\r\n        autoplay: {\r\n          delay: 2000,\r\n          //当用户滑动图片后继续自动轮播\r\n          disableOnInteraction: false,\r\n        },\r\n        //开启循环模式\r\n        loop: false,\r\n      },\r\n      userData: {\r\n        my_banner_status: true,\r\n        routine_my_banner: [],\r\n        routine_my_menus: [],\r\n        status: '',\r\n        order_status: '',\r\n        my_menus_status: 1,\r\n        business_status: 1,\r\n      },\r\n      MyMenus: [{ pic: '', url: '', name: '', sort: 1, status: 1 }],\r\n      storeMenu: [{ pic: '', url: '', name: '', sort: 1, status: 1 }],\r\n      current: 1,\r\n      colorStyle: '',\r\n      order: {},\r\n      order01: {\r\n        dfk: 'icondaifukuan1',\r\n        dfh: 'icondaifahuo1',\r\n        dsh: 'icondaishouhuo1',\r\n        dpj: 'icondaipingjia1',\r\n        sh: 'iconshouhou_tuikuan',\r\n      },\r\n      order02: {\r\n        dfk: 'icondaifukuan-lan',\r\n        dfh: 'icondaifahuo-lan',\r\n        dsh: 'icondaishouhuo-lan',\r\n        dpj: 'icondaipingjia-lan',\r\n        sh: 'iconshouhou-tuikuan-lan',\r\n      },\r\n      order03: {\r\n        dfk: 'icondaifukuan-ju',\r\n        dfh: 'icondaifahuo-ju',\r\n        dsh: 'icondaishouhuo-ju',\r\n        dpj: 'icondaipingjia-ju',\r\n        sh: 'iconshouhou-tuikuan-ju',\r\n      },\r\n      order04: {\r\n        dfk: 'icondaifukuan-fen',\r\n        dfh: 'icondaifahuo-fen',\r\n        dsh: 'icondaishouhuo-fen',\r\n        dpj: 'icondaipingjia-fen',\r\n        sh: 'icona-shouhoutuikuan-fen',\r\n      },\r\n      order05: {\r\n        dfk: 'icondaifukuan-lv',\r\n        dfh: 'icondaifahuo-lv',\r\n        dsh: 'icondaishouhuo-lv',\r\n        dpj: 'icondaipingjia-lv',\r\n        sh: 'iconshouhou-tuikuan-lv',\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    this.getInfo();\r\n  },\r\n  methods: {\r\n    currentShow(type) {\r\n      this.current = type;\r\n    },\r\n    switchOrder(status) {\r\n      switch (status) {\r\n        case 1:\r\n          this.order = this.order01;\r\n          break;\r\n        case 2:\r\n          this.order = this.order02;\r\n          break;\r\n        case 3:\r\n          this.order = this.order03;\r\n          break;\r\n        case 4:\r\n          this.order = this.order04;\r\n          break;\r\n        case 5:\r\n          this.order = this.order05;\r\n          break;\r\n        default:\r\n          this.order = this.order01;\r\n          break;\r\n      }\r\n    },\r\n    orderStyle(e) {\r\n      this.switchOrder(e);\r\n    },\r\n    getInfo() {\r\n      let green =\r\n        '--view-theme: #42CA4D;--view-priceColor:#FF7600;--view-minorColor:rgba(108, 198, 94, 0.5);--view-minorColorT:rgba(66, 202, 77, 0.1);--view-bntColor:#FE960F;';\r\n      let red =\r\n        '--view-theme: #e93323;--view-priceColor:#e93323;--view-minorColor:rgba(233, 51, 35, 0.5);--view-minorColorT:rgba(233, 51, 35, 0.1);--view-bntColor:#FE960F;';\r\n      let blue =\r\n        '--view-theme: #1DB0FC;--view-priceColor:#FD502F;--view-minorColor:rgba(58, 139, 236, 0.5);--view-minorColorT:rgba(9, 139, 243, 0.1);--view-bntColor:#22CAFD;';\r\n      let pink =\r\n        '--view-theme: #FF448F;--view-priceColor:#FF448F;--view-minorColor:rgba(255, 68, 143, 0.5);--view-minorColorT:rgba(255, 68, 143, 0.1);--view-bntColor:#282828;';\r\n      let orange =\r\n        '--view-theme: #FE5C2D;--view-priceColor:#FE5C2D;--view-minorColor:rgba(254, 92, 45, 0.5);--view-minorColorT:rgba(254, 92, 45, 0.1);--view-bntColor:#FDB000;';\r\n      getMember().then((res) => {\r\n        this.userData.status = res.data.status;\r\n        this.userData.order_status = res.data.order_status;\r\n        this.userData.my_banner_status = res.data.my_banner_status;\r\n        this.userData.my_menus_status = res.data.my_menus_status || 1;\r\n        this.userData.business_status = res.data.business_status || 1;\r\n        let storeMenu = [];\r\n        let myMenu = [];\r\n        this.switchOrder(res.data.order_status);\r\n        switch (res.data.color_change) {\r\n          case 1:\r\n            this.colorStyle = blue;\r\n            break;\r\n          case 2:\r\n            this.colorStyle = green;\r\n            break;\r\n          case 3:\r\n            this.colorStyle = red;\r\n            break;\r\n          case 4:\r\n            this.colorStyle = pink;\r\n            break;\r\n          case 5:\r\n            this.colorStyle = orange;\r\n            break;\r\n          default:\r\n            this.colorStyle = red;\r\n            break;\r\n        }\r\n        res.data.routine_my_banner.forEach((el, index, arr) => {\r\n          if (el.pic.length) {\r\n            el.pic = el.pic[0];\r\n          }\r\n        });\r\n        if (res.data.routine_my_banner.length) {\r\n          this.userData.routine_my_banner = res.data.routine_my_banner;\r\n        } else {\r\n          this.userData.routine_my_banner = [];\r\n        }\r\n        res.data.routine_my_menus.forEach((el, index, arr) => {\r\n          if (el.pic.length) {\r\n            el.pic = el.pic[0];\r\n          }\r\n          if (\r\n            el.url == '/pages/admin/order/index' ||\r\n            el.url == '/pages/admin/order_cancellation/index' ||\r\n            el.name == '客服接待'\r\n          ) {\r\n            storeMenu.push(el);\r\n          } else {\r\n            myMenu.push(el);\r\n          }\r\n        });\r\n        if (myMenu.length) {\r\n          this.MyMenus = myMenu;\r\n        }\r\n        if (storeMenu.length) {\r\n          this.storeMenu = storeMenu;\r\n        }\r\n      });\r\n    },\r\n    onSubmit() {\r\n      this.userData.routine_my_menus = this.MyMenus.concat(this.storeMenu);\r\n      this.$emit('parentFun', true);\r\n      memberSave(this.userData)\r\n        .then((res) => {\r\n          this.$emit('parentFun', false);\r\n          this.$message.success(res.msg);\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n          this.$emit('parentFun', false);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n/* 定义滑块 内阴影+圆角 */\r\n::-webkit-scrollbar-thumb {\r\n  -webkit-box-shadow: inset 0 0 0px #ddd;\r\n}\r\n::-webkit-scrollbar {\r\n  width: 4px !important; /* 对垂直流动条有效 */\r\n}\r\n.default {\r\n  background-color: #fff;\r\n  text-align: center;\r\n  height: 50px;\r\n  line-height: 50px;\r\n  border-radius: 8px;\r\n}\r\n.bgColor {\r\n  background-color: unset !important;\r\n  .top {\r\n    .picTxt {\r\n      .txt {\r\n        .name {\r\n          color: #333 !important;\r\n        }\r\n        .phone {\r\n          color: rgba(51, 51, 51, 0.8) !important;\r\n          background-color: rgba(51, 51, 51, 0.13) !important;\r\n        }\r\n      }\r\n    }\r\n    .news {\r\n      .iconfont {\r\n        color: #333 !important;\r\n      }\r\n      .num {\r\n        background-color: var(--view-theme) !important;\r\n        color: #fff !important;\r\n      }\r\n    }\r\n    .iconshezhi {\r\n      color: #333 !important;\r\n    }\r\n  }\r\n  .center {\r\n    color: rgba(51, 51, 51, 0.7) !important;\r\n    .num {\r\n      color: #333 !important;\r\n    }\r\n  }\r\n}\r\n.dotted {\r\n  border: 1px dashed #2d8cf0;\r\n  cursor: pointer;\r\n}\r\n.solid {\r\n  border: 1px solid #2d8cf0 !important;\r\n}\r\n.c_row-item {\r\n  .slider-box {\r\n    .info {\r\n      font-size: 13px;\r\n      color: #999999;\r\n    }\r\n  }\r\n}\r\n.bottomB {\r\n  width: 337px;\r\n  height: 62px;\r\n  background: #343a48;\r\n  border-radius: 8px 8px 0px 0px;\r\n  padding: 11px 15px 0 15px;\r\n  margin: 10px auto 0 auto;\r\n  color: #bbbbbb;\r\n  font-size: 13px;\r\n  z-index: 0;\r\n  position: relative;\r\n  .iconfont {\r\n    font-size: 11px;\r\n  }\r\n  .vip {\r\n    font-size: 13px;\r\n    font-weight: bold;\r\n    color: #f8d5a8;\r\n\r\n    img {\r\n      width: 18px;\r\n      height: 18px;\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      margin-right: 9px;\r\n    }\r\n  }\r\n}\r\n.member {\r\n  background-image: url('../../../assets/images/user_vip.png');\r\n  background-repeat: no-repeat;\r\n  background-position-y: center;\r\n  background-size: 100%;\r\n  width: 334px;\r\n  height: 48px;\r\n  margin: -42px auto 0 auto;\r\n  position: relative;\r\n  z-index: 9;\r\n  margin-bottom: 13px;\r\n  padding: 0 20px 0 52px;\r\n  .text {\r\n    color: rgba(174, 90, 42, 0.8);\r\n    font-size: 12px;\r\n    .title {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n  .bnt {\r\n    width: 70px;\r\n    height: 23px;\r\n    background-color: #fff;\r\n    border-radius: 14px;\r\n    color: #ae5a2a;\r\n    text-align: center;\r\n    line-height: 26px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n.carousel {\r\n  margin: 10px 18px 0 18px;\r\n  .swiperimg {\r\n    width: 100%;\r\n    height: 63px;\r\n    border-radius: 8px;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: 8px;\r\n    }\r\n  }\r\n}\r\n.swiper-pagination-fraction,\r\n.swiper-pagination-custom,\r\n.swiper-container-horizontal > .swiper-pagination-bullets {\r\n  bottom: 2px;\r\n}\r\n::v-deep .swiper-pagination-bullet {\r\n  width: 4px;\r\n  height: 4px;\r\n}\r\n::v-deep .swiper-pagination-bullet-active {\r\n  background: #fff;\r\n}\r\n.users {\r\n  // 隐藏滚动条\r\n  .left::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  .left {\r\n    background: #f7f7f7;\r\n    width: 375px;\r\n    min-width: 375px;\r\n    height: 690px;\r\n    padding-bottom: 1px;\r\n    border-radius: 10px;\r\n    margin-right: 30px;\r\n    border: 1px solid #eee;\r\n    overflow-y: scroll;\r\n    .header {\r\n      background-color: var(--view-theme);\r\n      background-image: url('../../../assets/images/user01.png');\r\n      background-size: 100%;\r\n      background-repeat: no-repeat;\r\n      width: 100%;\r\n      height: 150px;\r\n      position: relative;\r\n      margin-bottom: 14px;\r\n      .top {\r\n        padding: 19px 20px 0 20px;\r\n        .picTxt {\r\n          .pictrue {\r\n            width: 35px;\r\n            height: 35px;\r\n            border-radius: 50%;\r\n            margin-right: 10px;\r\n\r\n            img {\r\n              width: 100%;\r\n              height: 100%;\r\n              border-radius: 50%;\r\n            }\r\n          }\r\n          .txt {\r\n            .name {\r\n              font-size: 12px;\r\n              color: #fff;\r\n              font-weight: 600;\r\n\r\n              img {\r\n                width: 40px;\r\n                height: 15px;\r\n                margin-left: 7px;\r\n                vertical-align: middle;\r\n              }\r\n            }\r\n            .phone {\r\n              width: 86px;\r\n              height: 21px;\r\n              border-radius: 13px;\r\n              background-color: rgba(16, 55, 72, 0.2);\r\n              font-size: 11px;\r\n              color: #fff;\r\n              margin-top: 4px;\r\n              .iconfont {\r\n                font-size: 11px;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .news {\r\n          position: relative;\r\n          margin-right: 18px;\r\n          .iconfont {\r\n            font-size: 22px;\r\n            color: #fff;\r\n          }\r\n          .num {\r\n            position: absolute;\r\n            width: 14px;\r\n            height: 14px;\r\n            background: #ffffff;\r\n            border-radius: 50%;\r\n            font-size: 9px;\r\n            color: var(--view-theme);\r\n            text-align: center;\r\n            line-height: 14px;\r\n            top: 3px;\r\n            right: -4px;\r\n          }\r\n        }\r\n        .iconshezhi {\r\n          font-size: 22px;\r\n          color: #fff;\r\n        }\r\n      }\r\n      .center {\r\n        text-align: center;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        margin-top: 9px;\r\n        .num {\r\n          font-size: 15px;\r\n          font-weight: 600;\r\n          color: rgba(255, 255, 255, 1);\r\n        }\r\n        .font {\r\n          font-size: 13px;\r\n        }\r\n        .item {\r\n          & ~ .item {\r\n            position: relative;\r\n            &:before {\r\n              position: absolute;\r\n              content: '';\r\n              width: 1px;\r\n              height: 14px;\r\n              background-color: rgba(255, 255, 255, 0.3);\r\n              left: -36px;\r\n              top: 50%;\r\n              margin-top: -7px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .bottom {\r\n        background-image: url('../../../assets/images/member.png');\r\n        width: 355px;\r\n        height: 34px;\r\n        background-size: 100%;\r\n        background-repeat: no-repeat;\r\n        position: absolute;\r\n        bottom: -1px;\r\n        padding: 5px 20px 0 55px;\r\n        font-size: 13px;\r\n        color: #905100;\r\n        right: 8px;\r\n        .renew {\r\n          font-size: 12px;\r\n          .iconjinru {\r\n            font-size: 11px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .orderCenter {\r\n      background: #ffffff;\r\n      border-radius: 8px;\r\n      margin: 0 18px 10px 18px;\r\n      text-align: center;\r\n      &.on {\r\n        position: relative;\r\n        margin-top: -5px;\r\n      }\r\n      .title {\r\n        padding: 0 15px;\r\n        font-size: 13px;\r\n        color: #282828;\r\n        font-weight: 600px;\r\n        .all {\r\n          font-size: 12px;\r\n          color: #666666;\r\n          .iconfont {\r\n            font-size: 12px;\r\n            margin-left: 2px;\r\n          }\r\n        }\r\n      }\r\n      .list {\r\n        margin-top: 10px;\r\n        .item {\r\n          font-size: 12px;\r\n          color: #454545;\r\n          .iconfont {\r\n            font-size: 20px;\r\n            color: var(--view-theme);\r\n          }\r\n        }\r\n      }\r\n      &.service {\r\n        margin-top: 10px;\r\n        .title {\r\n          padding-top: 15px;\r\n        }\r\n        .list {\r\n          .item {\r\n            width: 25%;\r\n            margin-bottom: 10px;\r\n            .pictrue {\r\n              width: 23px;\r\n              height: 23px;\r\n              margin: 0 auto 8px auto;\r\n              font-size: 12px;\r\n\r\n              img {\r\n                width: 100%;\r\n                height: 100%;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .list-2 {\r\n          .item {\r\n            display: flex;\r\n            padding: 14px 10px 14px 16px;\r\n            .pictrue {\r\n              width: 23px;\r\n              height: 23px;\r\n              font-size: 12px;\r\n              margin-right: 8px;\r\n              img {\r\n                width: 100%;\r\n                height: 100%;\r\n              }\r\n            }\r\n            .name {\r\n              flex: 1;\r\n              font-size: 14px;\r\n              color: #333;\r\n              text-align: left;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .right {\r\n    width: 540px;\r\n    ::v-deep .ivu-radio-wrapper {\r\n      font-size: 13px;\r\n      margin-right: 20px;\r\n    }\r\n    .title {\r\n      font-size: 14px;\r\n      color: rgba(0, 0, 0, 0.85);\r\n      position: relative;\r\n      font-weight: bold;\r\n      &:before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 14px;\r\n        background: var(--prev-color-primary);\r\n        top: 50%;\r\n        margin-top: -7px;\r\n        left: -8px;\r\n      }\r\n    }\r\n    .c_row-item {\r\n      margin-top: 24px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}