| 1 |
- {"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"]}]}
|
