{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\listModalComponent\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\listModalComponent\\index.vue","mtime":1620467639287},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQge0Rpc3BhdGNoRXZlbnR9IGZyb20gJ0AvdXRpbHMvZGlzcGF0Y2hFdmVudC5qcycNCmltcG9ydCB7ICBtYXBNdXRhdGlvbnMgfSBmcm9tICd2dWV4JzsNCmltcG9ydCB7DQogICAgc2V0UHVibGlzaCwNCiAgICBzZXRVbnB1Ymxpc2gsDQogICAgc2V0Q29weSwNCiAgfSBmcm9tICdAL2FwaS9tb2RlbGVyLmpzJw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOidsaXN0TW9kYWxDb21wb25lbnQnLA0KICBwcm9wczp7DQogICAgaXRlbXM6ew0KICAgICAgdHlwZTpPYmplY3QsDQogICAgICBkZWZhdWx0ICgpIHsNCiAgICAgICAgcmV0dXJuIHsNCiAgICAgICAgICBuYW1lOifmqKHlnovlkI3np7AnLA0KICAgICAgICAgIHVybDonJywgIC8v57yp55Wl5Zu+YmFzZTY05pWw5o2uDQogICAgICAgICAgY3JlYXRlVGltZTonMjAxOS0wMy0xOCcsDQogICAgICAgICAgc3RhdHVzOjEsICAvL+W3suWPkeW4g+aYrzEgIOacquWPkeW4g+aYrzINCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0sDQogICAgcmVhZG9ubHk6ew0KICAgICAgdHlwZTpCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UNCiAgICB9DQogIH0sDQogIGRhdGEgKCkgew0KICAgIHJldHVybiB7DQogICAgICBhY3RpdmU6ZmFsc2UNCiAgICB9DQogIH0sDQogIGNvbXB1dGVkOnsNCiAgICBzdGF0dXNOYW1lICgpIHsNCiAgICAgIGxldCBzdHIgPSAnJw0KICAgICAgc3dpdGNoICh0aGlzLml0ZW1zLnN0YXR1cykgew0KICAgICAgICBjYXNlIC0xOg0KICAgICAgICAgIHN0ciA9ICflt7LliKDpmaQnOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlIDA6DQogICAgICAgICAgc3RyID0gJ+acquWPkeW4gyc7DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgMToNCiAgICAgICAgICBzdHIgPSAn5bey5Y+R5biDJzsNCiAgICAgICAgICBicmVhazsNCiAgICAgICAgY2FzZSAyOg0KICAgICAgICAgIHN0ciA9ICflt7LlgZznlKgnOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlIDM6DQogICAgICAgICAgc3RyID0gJ+iNieeovyc7DQogICAgICAgICAgYnJlYWs7DQoNCiAgICAgIH0NCiAgICAgIHJldHVybiBzdHINCiAgICB9LA0KICAgIHN0YXR1c0NsYXNzICgpIHsNCiAgICAgIHJldHVybiBbew0KICAgICAgICAncHVibGlzaGVkJzp0aGlzLml0ZW1zLnN0YXR1cyA9PT0gMSwNCiAgICAgICAgJ25vdFJlbGVhc2UnOnRoaXMuaXRlbXMuc3RhdHVzID09PSAwLA0KICAgICAgICAnc3RvcCc6dGhpcy5pdGVtcy5zdGF0dXMgPT09IDINCiAgICAgIH1dDQogICAgfQ0KICB9LA0KICB3YXRjaDp7DQogICAgcmVhZG9ubHkgKCkgew0KICAgICAgdGhpcy5hY3RpdmUgPSBmYWxzZQ0KICAgIH0NCiAgfSwNCiAgbWV0aG9kczp7DQogICAgLi4ubWFwTXV0YXRpb25zKFsnY3VycmVudENoYW5nZScsJ2NoYW5nZUtlZXBBbGl2ZUFycmF5J10pLA0KICAgIG1vdXNlb3V0ICgpIHsNCiAgICAgIHRoaXMuJHJlZnMucG9wdGlwLmhhbmRsZUNsb3NlKCkNCiAgICB9LA0KICAgIHJlbGVhc2VQcm9jZXNzICgpIHsgIC8v5Y+R5biD5rWB56iLDQogICAgICB0aGlzLiRyZWZzLnBvcHRpcC5oYW5kbGVDbG9zZSgpDQogICAgICBzZXRQdWJsaXNoKHtpZDp0aGlzLml0ZW1zLmlkfSkudGhlbigocmVzKSA9PiB7DQogICAgICAgIGlmKHR5cGVvZiB0aGlzLml0ZW1zLmV2ZW50LnF1ZXJ5TGlzdHMgPT09ICdmdW5jdGlvbicpew0KICAgICAgICAgIHRoaXMuaXRlbXMuZXZlbnQucXVlcnlMaXN0cygpDQogICAgICAgIH0NCiAgICAgIH0pDQogICAgfSwNCiAgICBlZGl0aW5nUHJvY2VzcyAoKSB7IC8v57yW6L6R5rWB56iLDQogICAgICB0aGlzLiRyZWZzLnBvcHRpcC5oYW5kbGVDbG9zZSgpDQogICAgICB0aGlzLmNoYW5nZUtlZXBBbGl2ZUFycmF5KFsnVGVtcGxhdGVNYW5hZ2VtZW50TGlzdHMnXSkNCiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsgcGF0aDogYC90b29sL2FjdGl2aXRpL1RlbXBsYXRlTWFuYWdlbWVudE5ldy8ke3RoaXMuaXRlbXMuaWR9YCB9KQ0KICAgICAgdGhpcy5jdXJyZW50Q2hhbmdlKHsNCiAgICAgICAgcGF0aDonL1RlbXBsYXRlTWFuYWdlbWVudExpc3RzJw0KICAgICAgfSk7DQogICAgfSwNCiAgICBkZWxldGVQcm9jZXNzICgpIHsgIC8v5Yig6Zmk5rWB56iLDQogICAgICB0aGlzLiRyZWZzLnBvcHRpcC5oYW5kbGVDbG9zZSgpDQogICAgICB0aGlzLiRuZXR3b3JrLnBvc3QoJy9wL2NzL21vZHVsZS9yZW1vdmUnLCB7aWQ6dGhpcy5pdGVtcy5pZH0pLnRoZW4oKHJlcykgPT4gew0KICAgICAgICBpZih0eXBlb2YgdGhpcy5pdGVtcy5ldmVudC5xdWVyeUxpc3RzID09PSAnZnVuY3Rpb24nKXsNCiAgICAgICAgICB0aGlzLml0ZW1zLmV2ZW50LnF1ZXJ5TGlzdHMoKQ0KICAgICAgICB9DQogICAgICB9KQ0KICAgIH0sDQogICAgc3RvcFByb2Nlc3MgKCkgeyAgLy/lgZznlKjmtYHnqIsNCiAgICAgIHRoaXMuJHJlZnMucG9wdGlwLmhhbmRsZUNsb3NlKCkNCiAgICAgIHNldFVucHVibGlzaCh7aWQ6dGhpcy5pdGVtcy5pZH0pLnRoZW4oKHJlcykgPT4gew0KICAgICAgICBpZih0eXBlb2YgdGhpcy5pdGVtcy5ldmVudC5xdWVyeUxpc3RzID09PSAnZnVuY3Rpb24nKXsNCiAgICAgICAgICB0aGlzLml0ZW1zLmV2ZW50LnF1ZXJ5TGlzdHMoKQ0KICAgICAgICB9DQogICAgICB9KQ0KICAgIH0sDQogICAgY29weVByb2Nlc3MgKCkgeyAgLy/lpI3liLbmtYHnqIsNCiAgICAgIHRoaXMuJHJlZnMucG9wdGlwLmhhbmRsZUNsb3NlKCkNCiAgICAgIHNldENvcHkoe2lkOnRoaXMuaXRlbXMuaWR9KS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgaWYocmVzLnJlc3VsdENvZGUgPT09IDApew0KICAgICAgICAgIHRoaXMuY2hhbmdlS2VlcEFsaXZlQXJyYXkoWydUZW1wbGF0ZU1hbmFnZW1lbnRMaXN0cyddKQ0KICAgICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsgcGF0aDogYC9UZW1wbGF0ZU1hbmFnZW1lbnROZXcvJHtyZXMuZGF0YS5kYXRhLmlkfWAgfSkNCiAgICAgICAgICB0aGlzLmN1cnJlbnRDaGFuZ2Uoew0KICAgICAgICAgICAgcGF0aDonL1RlbXBsYXRlTWFuYWdlbWVudExpc3RzJw0KICAgICAgICAgIH0pOw0KICAgICAgICB9ZWxzZXsNCiAgICAgICAgICB0aGlzLiRNb2RhbC5mY0Vycm9yKHsNCiAgICAgICAgICAgIHRpdGxlOifplJnor68nLA0KICAgICAgICAgICAgY29udGVudDpyZXMucmVzdWx0TXNnLA0KICAgICAgICAgICAgb25PazogKCkgPT4gew0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0pDQogICAgICAgIH0NCiAgICAgIH0pDQogICAgfSwNCiAgICBwcmV2aWV3UHJvY2VzcyAoKSB7IC8v6aKE6KeI5rWB56iLDQogICAgICB0aGlzLiRyZWZzLnBvcHRpcC5oYW5kbGVDbG9zZSgpDQogICAgICB0aGlzLmNoYW5nZUtlZXBBbGl2ZUFycmF5KFsnVGVtcGxhdGVNYW5hZ2VtZW50TGlzdHMnXSkNCiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsgcGF0aDogYC90b29sL2FjdGl2aXRpL1RlbXBsYXRlTWFuYWdlbWVudE5ldy8ke3RoaXMuaXRlbXMuaWR9LzFgIH0pDQogICAgICB0aGlzLmN1cnJlbnRDaGFuZ2Uoew0KICAgICAgICBwYXRoOicvVGVtcGxhdGVNYW5hZ2VtZW50TGlzdHMnDQogICAgICB9KTsNCiAgICB9LA0KDQogICAgY2tlY2tNb2RhbCAoKSB7ICAvL+mAieaLqea1geeoiw0KICAgICAgaWYodGhpcy5yZWFkb25seSl7DQogICAgICAgIHRoaXMuYWN0aXZlID0gIXRoaXMuYWN0aXZlDQogICAgICAgIERpc3BhdGNoRXZlbnQoJ21vZGFsQ2xpY2snLHsNCiAgICAgICAgICBkZXRhaWw6ew0KICAgICAgICAgICAgaXRlbXM6dGhpcy5pdGVtcywNCiAgICAgICAgICAgIHZhbHVlOnRoaXMuYWN0aXZlDQogICAgICAgICAgfQ0KICAgICAgICB9KQ0KICAgICAgfQ0KDQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/listModalComponent","sourcesContent":["// 列表模型块组件\r\n<template>\r\n  <div class=\"listModalComponent\" :class=\"(active && readonly)?'active':null\" @click=\"ckeckModal\">\r\n    <div class=\"preview\" @mouseout=\"mouseout\" :style=\"`backgroundImage:url(${items.url?items.url:''})`\">\r\n      <!-- <img :src=\"items.url?items.url:''\" alt=\"\"> -->\r\n\r\n      <div class=\"more\" v-show=\"!readonly\" >\r\n        <Poptip trigger=\"click\" placement=\"bottom-end\" :width=\"100\" ref=\"poptip\" @mouseout.native.stop=\"\">\r\n            <span class=\"dot\"></span>\r\n            <span class=\"dot\"></span>\r\n            <span class=\"dot\"></span>\r\n\r\n            <ul slot=\"content\" class=\"options\">\r\n              <li @click=\"releaseProcess\" v-if=\"items.status === 0 || items.status === 2\">发布流程</li>\r\n              <li @click=\"editingProcess\" v-if=\"items.status === 0\">编辑流程</li>\r\n              <li @click=\"copyProcess\" v-if=\"items.status === 0 || items.status === 2 \">复制流程</li>\r\n              <li @click=\"deleteProcess\" v-if=\"items.status === 0 || items.status === 2 \">删除流程</li>\r\n              <li @click=\"stopProcess\" v-if=\"items.status === 1\">停用流程</li>\r\n              <li @click=\"previewProcess\">预览</li>\r\n            </ul>\r\n        </Poptip>\r\n      </div>\r\n    </div>\r\n    <div class=\"info\">\r\n      <p class=\"infoTitle\">{{items.name}}</p>\r\n      <p>\r\n        <span class=\"creatTime\">创建时间:{{items.createTime}}</span>\r\n      </p>\r\n\r\n      <span class=\"status\" :class=\"statusClass\">{{statusName}}</span>\r\n    </div>\r\n\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nimport {DispatchEvent} from '@/utils/dispatchEvent.js'\r\nimport {  mapMutations } from 'vuex';\r\nimport {\r\n    setPublish,\r\n    setUnpublish,\r\n    setCopy,\r\n  } from '@/api/modeler.js'\r\nexport default {\r\n  name:'listModalComponent',\r\n  props:{\r\n    items:{\r\n      type:Object,\r\n      default () {\r\n        return {\r\n          name:'模型名称',\r\n          url:'',  //缩略图base64数据\r\n          createTime:'2019-03-18',\r\n          status:1,  //已发布是1  未发布是2\r\n        }\r\n      }\r\n    },\r\n    readonly:{\r\n      type:Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      active:false\r\n    }\r\n  },\r\n  computed:{\r\n    statusName () {\r\n      let str = ''\r\n      switch (this.items.status) {\r\n        case -1:\r\n          str = '已删除';\r\n          break;\r\n        case 0:\r\n          str = '未发布';\r\n          break;\r\n        case 1:\r\n          str = '已发布';\r\n          break;\r\n        case 2:\r\n          str = '已停用';\r\n          break;\r\n        case 3:\r\n          str = '草稿';\r\n          break;\r\n\r\n      }\r\n      return str\r\n    },\r\n    statusClass () {\r\n      return [{\r\n        'published':this.items.status === 1,\r\n        'notRelease':this.items.status === 0,\r\n        'stop':this.items.status === 2\r\n      }]\r\n    }\r\n  },\r\n  watch:{\r\n    readonly () {\r\n      this.active = false\r\n    }\r\n  },\r\n  methods:{\r\n    ...mapMutations(['currentChange','changeKeepAliveArray']),\r\n    mouseout () {\r\n      this.$refs.poptip.handleClose()\r\n    },\r\n    releaseProcess () {  //发布流程\r\n      this.$refs.poptip.handleClose()\r\n      setPublish({id:this.items.id}).then((res) => {\r\n        if(typeof this.items.event.queryLists === 'function'){\r\n          this.items.event.queryLists()\r\n        }\r\n      })\r\n    },\r\n    editingProcess () { //编辑流程\r\n      this.$refs.poptip.handleClose()\r\n      this.changeKeepAliveArray(['TemplateManagementLists'])\r\n      this.$router.push({ path: `/tool/activiti/TemplateManagementNew/${this.items.id}` })\r\n      this.currentChange({\r\n        path:'/TemplateManagementLists'\r\n      });\r\n    },\r\n    deleteProcess () {  //删除流程\r\n      this.$refs.poptip.handleClose()\r\n      this.$network.post('/p/cs/module/remove', {id:this.items.id}).then((res) => {\r\n        if(typeof this.items.event.queryLists === 'function'){\r\n          this.items.event.queryLists()\r\n        }\r\n      })\r\n    },\r\n    stopProcess () {  //停用流程\r\n      this.$refs.poptip.handleClose()\r\n      setUnpublish({id:this.items.id}).then((res) => {\r\n        if(typeof this.items.event.queryLists === 'function'){\r\n          this.items.event.queryLists()\r\n        }\r\n      })\r\n    },\r\n    copyProcess () {  //复制流程\r\n      this.$refs.poptip.handleClose()\r\n      setCopy({id:this.items.id}).then((res) => {\r\n        if(res.resultCode === 0){\r\n          this.changeKeepAliveArray(['TemplateManagementLists'])\r\n          this.$router.push({ path: `/TemplateManagementNew/${res.data.data.id}` })\r\n          this.currentChange({\r\n            path:'/TemplateManagementLists'\r\n          });\r\n        }else{\r\n          this.$Modal.fcError({\r\n            title:'错误',\r\n            content:res.resultMsg,\r\n            onOk: () => {\r\n            }\r\n          })\r\n        }\r\n      })\r\n    },\r\n    previewProcess () { //预览流程\r\n      this.$refs.poptip.handleClose()\r\n      this.changeKeepAliveArray(['TemplateManagementLists'])\r\n      this.$router.push({ path: `/tool/activiti/TemplateManagementNew/${this.items.id}/1` })\r\n      this.currentChange({\r\n        path:'/TemplateManagementLists'\r\n      });\r\n    },\r\n\r\n    ckeckModal () {  //选择流程\r\n      if(this.readonly){\r\n        this.active = !this.active\r\n        DispatchEvent('modalClick',{\r\n          detail:{\r\n            items:this.items,\r\n            value:this.active\r\n          }\r\n        })\r\n      }\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" >\r\n.listModalComponent{\r\n  height:220px;\r\n  background:rgba(255,255,255,1);\r\n  box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1)!important;\r\n  border-radius:4px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-radius:4px;\r\n  position: relative;\r\n\r\n  &.active{\r\n    border: 1px solid #5982E7;\r\n  }\r\n\r\n  .info{\r\n    height: 62px;\r\n    padding: 10px 0 8px 12px;\r\n    position: relative;\r\n\r\n    .infoTitle{\r\n      height: 20px;\r\n      font-size: 15px;\r\n      font-family: PingFangSC-Medium;\r\n      font-weight: 500;\r\n      color: #515a6e;\r\n      line-height: 20px;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    >p:last-child{\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      span{\r\n        font-size:12px;\r\n        font-family:PingFangSC-Regular;\r\n        font-weight:400;\r\n        color:rgba(81,90,110,1);\r\n        line-height:16px;\r\n      }\r\n    }\r\n\r\n    span.status{\r\n      position: absolute;\r\n      right: 0;\r\n      bottom: 8px;\r\n      width:75px;\r\n      height:24px;\r\n      background:#B4B4B4;\r\n      border-radius:12px 0px 0px 12px;\r\n      color: white;\r\n      text-align: center;\r\n      line-height: 24px;\r\n      font-size:12px;\r\n      font-family:PingFangSC-Regular,PingFang SC;\r\n      font-weight:400;\r\n\r\n      &.published{\r\n        background:rgba(9, 161, 85, 1)\r\n      }\r\n\r\n      &.notRelease{\r\n        background:#B4B4B4\r\n      }\r\n\r\n      &.stop{\r\n        background: #ED4014;\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  .preview{\r\n    flex: 1;\r\n    border-radius:4px 4px 0px 0px;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    img{\r\n      // width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    &:hover{\r\n      // transform: translateY(-4px);\r\n      img{\r\n\r\n      }\r\n      .more{\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    .more{\r\n      width: 40px;\r\n      height: 24px;\r\n      position: absolute;\r\n      top: 12px;\r\n      right: 12px;\r\n      background: white;\r\n      box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1);\r\n      border-radius:4px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      display: none;\r\n\r\n    .burgeon-poptip{\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      .burgeon-poptip-body{\r\n        padding: 5px 0;\r\n      }\r\n      .burgeon-poptip-rel{\r\n        display: flex;\r\n        width: 100%;\r\n        height: 100%;\r\n        align-items: center;\r\n        justify-content: center;\r\n      }\r\n\r\n      .burgeon-poptip-popper{\r\n        min-width: auto;\r\n      }\r\n    }\r\n\r\n\r\n    .dot{\r\n      width: 4px;\r\n      height: 4px;\r\n      background: rgba(51, 51, 51, 1);\r\n      border-radius: 50%;\r\n      display: inline-block;\r\n      margin-right: 4px;\r\n\r\n      &:last-child{\r\n        margin-right: 0;\r\n      }\r\n    }\r\n\r\n    .options{\r\n        li{\r\n          height: 29px;\r\n          display: flex;\r\n          align-items: center;\r\n          padding-left: 16px;\r\n          font-size:12px;\r\n          font-family:PingFangSC-Regular;\r\n          font-weight:400;\r\n          color:rgba(81,90,110,1);\r\n\r\n          &:hover{\r\n            background: rgba(243, 243, 243, 1);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &:hover{\r\n     transform: translateY(-4px);\r\n  }\r\n}\r\n</style>\r\n"]}]}