| 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":1619607677278},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQovLyBpbXBvcnQge0Rpc3BhdGNoRXZlbnR9IGZyb20gJy4uL19fdXRpbHNfXy9kaXNwYXRjaEV2ZW50Jw0KLy8gaW1wb3J0IHsgIG1hcE11dGF0aW9ucyB9IGZyb20gJ3Z1ZXgnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOidsaXN0TW9kYWxDb21wb25lbnQnLA0KICBwcm9wczp7DQogICAgaXRlbXM6ew0KICAgICAgdHlwZTpPYmplY3QsDQogICAgICBkZWZhdWx0ICgpIHsNCiAgICAgICAgcmV0dXJuIHsNCiAgICAgICAgICBuYW1lOifmqKHlnovlkI3np7AnLA0KICAgICAgICAgIHVybDonJywgIC8v57yp55Wl5Zu+YmFzZTY05pWw5o2uDQogICAgICAgICAgY3JlYXRlVGltZTonMjAxOS0wMy0xOCcsDQogICAgICAgICAgc3RhdHVzOjEsICAvL+W3suWPkeW4g+aYrzEgIOacquWPkeW4g+aYrzINCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0sDQogICAgcmVhZG9ubHk6ew0KICAgICAgdHlwZTpCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UNCiAgICB9DQogIH0sDQogIGRhdGEgKCkgew0KICAgIHJldHVybiB7DQogICAgICBhY3RpdmU6ZmFsc2UNCiAgICB9DQogIH0sDQogIGNvbXB1dGVkOnsNCiAgICBzdGF0dXNOYW1lICgpIHsNCiAgICAgIGxldCBzdHIgPSAnJw0KICAgICAgc3dpdGNoICh0aGlzLml0ZW1zLnN0YXR1cykgew0KICAgICAgICBjYXNlIC0xOg0KICAgICAgICAgIHN0ciA9ICflt7LliKDpmaQnOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlIDA6DQogICAgICAgICAgc3RyID0gJ+acquWPkeW4gyc7DQogICAgICAgICAgYnJlYWs7DQogICAgICAgIGNhc2UgMToNCiAgICAgICAgICBzdHIgPSAn5bey5Y+R5biDJzsNCiAgICAgICAgICBicmVhazsNCiAgICAgICAgY2FzZSAyOg0KICAgICAgICAgIHN0ciA9ICflt7LlgZznlKgnOw0KICAgICAgICAgIGJyZWFrOw0KICAgICAgICBjYXNlIDM6DQogICAgICAgICAgc3RyID0gJ+iNieeovyc7DQogICAgICAgICAgYnJlYWs7DQoNCiAgICAgIH0NCiAgICAgIHJldHVybiBzdHINCiAgICB9LA0KICAgIHN0YXR1c0NsYXNzICgpIHsNCiAgICAgIHJldHVybiBbew0KICAgICAgICAncHVibGlzaGVkJzp0aGlzLml0ZW1zLnN0YXR1cyA9PT0gMSwNCiAgICAgICAgJ25vdFJlbGVhc2UnOnRoaXMuaXRlbXMuc3RhdHVzID09PSAwLA0KICAgICAgICAnc3RvcCc6dGhpcy5pdGVtcy5zdGF0dXMgPT09IDINCiAgICAgIH1dDQogICAgfQ0KICB9LA0KICB3YXRjaDp7DQogICAgcmVhZG9ubHkgKCkgew0KICAgICAgdGhpcy5hY3RpdmUgPSBmYWxzZQ0KICAgIH0NCiAgfSwNCiAgbWV0aG9kczp7DQogICAgLy8gLi4ubWFwTXV0YXRpb25zKFsnY3VycmVudENoYW5nZScsJ2NoYW5nZUtlZXBBbGl2ZUFycmF5J10pLA0KICAgIG1vdXNlb3V0ICgpIHsNCiAgICAgIHRoaXMuJHJlZnMucG9wdGlwLmhhbmRsZUNsb3NlKCkNCiAgICB9LA0KICAgIHJlbGVhc2VQcm9jZXNzICgpIHsgIC8v5Y+R5biD5rWB56iLDQogICAgICB0aGlzLiRyZWZzLnBvcHRpcC5oYW5kbGVDbG9zZSgpDQogICAgICB0aGlzLiRuZXR3b3JrLnBvc3QoJy9wL2NzL21vZHVsZS9wdWJsaXNoJywge2lkOnRoaXMuaXRlbXMuaWR9KS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgaWYodHlwZW9mIHRoaXMuaXRlbXMuZXZlbnQucXVlcnlMaXN0cyA9PT0gJ2Z1bmN0aW9uJyl7DQogICAgICAgICAgdGhpcy5pdGVtcy5ldmVudC5xdWVyeUxpc3RzKCkNCiAgICAgICAgfQ0KICAgICAgfSkNCiAgICB9LA0KICAgIGVkaXRpbmdQcm9jZXNzICgpIHsgLy/nvJbovpHmtYHnqIsNCiAgICAgIHRoaXMuJHJlZnMucG9wdGlwLmhhbmRsZUNsb3NlKCkNCiAgICAgIHRoaXMuY2hhbmdlS2VlcEFsaXZlQXJyYXkoWydUZW1wbGF0ZU1hbmFnZW1lbnRMaXN0cyddKQ0KICAgICAgdGhpcy4kcm91dGVyLnB1c2goeyBwYXRoOiBgL1RlbXBsYXRlTWFuYWdlbWVudE5ldy8ke3RoaXMuaXRlbXMuaWR9YCB9KQ0KICAgICAgdGhpcy5jdXJyZW50Q2hhbmdlKHsNCiAgICAgICAgcGF0aDonL1RlbXBsYXRlTWFuYWdlbWVudExpc3RzJw0KICAgICAgfSk7DQogICAgfSwNCiAgICBkZWxldGVQcm9jZXNzICgpIHsgIC8v5Yig6Zmk5rWB56iLDQogICAgICB0aGlzLiRyZWZzLnBvcHRpcC5oYW5kbGVDbG9zZSgpDQogICAgICB0aGlzLiRuZXR3b3JrLnBvc3QoJy9wL2NzL21vZHVsZS9yZW1vdmUnLCB7aWQ6dGhpcy5pdGVtcy5pZH0pLnRoZW4oKHJlcykgPT4gew0KICAgICAgICBpZih0eXBlb2YgdGhpcy5pdGVtcy5ldmVudC5xdWVyeUxpc3RzID09PSAnZnVuY3Rpb24nKXsNCiAgICAgICAgICB0aGlzLml0ZW1zLmV2ZW50LnF1ZXJ5TGlzdHMoKQ0KICAgICAgICB9DQogICAgICB9KQ0KICAgIH0sDQogICAgc3RvcFByb2Nlc3MgKCkgeyAgLy/lgZznlKjmtYHnqIsNCiAgICAgIHRoaXMuJHJlZnMucG9wdGlwLmhhbmRsZUNsb3NlKCkNCiAgICAgIHRoaXMuJG5ldHdvcmsucG9zdCgnL3AvY3MvbW9kdWxlL3VucHVibGlzaCcsIHtpZDp0aGlzLml0ZW1zLmlkfSkudGhlbigocmVzKSA9PiB7DQogICAgICAgIGlmKHR5cGVvZiB0aGlzLml0ZW1zLmV2ZW50LnF1ZXJ5TGlzdHMgPT09ICdmdW5jdGlvbicpew0KICAgICAgICAgIHRoaXMuaXRlbXMuZXZlbnQucXVlcnlMaXN0cygpDQogICAgICAgIH0NCiAgICAgIH0pDQogICAgfSwNCiAgICBjb3B5UHJvY2VzcyAoKSB7ICAvL+WkjeWItua1geeoiw0KICAgICAgdGhpcy4kcmVmcy5wb3B0aXAuaGFuZGxlQ2xvc2UoKQ0KICAgICAgdGhpcy4kbmV0d29yay5wb3N0KCcvcC9jcy9tb2R1bGUvY29weScsIHtpZDp0aGlzLml0ZW1zLmlkfSkudGhlbigocmVzKSA9PiB7DQogICAgICAgIGlmKHJlcy5kYXRhLnJlc3VsdENvZGUgPT09IDApew0KICAgICAgICAgIHRoaXMuY2hhbmdlS2VlcEFsaXZlQXJyYXkoWydUZW1wbGF0ZU1hbmFnZW1lbnRMaXN0cyddKQ0KICAgICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsgcGF0aDogYC9UZW1wbGF0ZU1hbmFnZW1lbnROZXcvJHtyZXMuZGF0YS5kYXRhLmlkfWAgfSkNCiAgICAgICAgICB0aGlzLmN1cnJlbnRDaGFuZ2Uoew0KICAgICAgICAgICAgcGF0aDonL1RlbXBsYXRlTWFuYWdlbWVudExpc3RzJw0KICAgICAgICAgIH0pOw0KICAgICAgICB9DQogICAgICB9KQ0KICAgIH0sDQogICAgcHJldmlld1Byb2Nlc3MgKCkgeyAvL+mihOiniOa1geeoiw0KICAgICAgdGhpcy4kcmVmcy5wb3B0aXAuaGFuZGxlQ2xvc2UoKQ0KICAgICAgdGhpcy5jaGFuZ2VLZWVwQWxpdmVBcnJheShbJ1RlbXBsYXRlTWFuYWdlbWVudExpc3RzJ10pDQogICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7IHBhdGg6IGAvVGVtcGxhdGVNYW5hZ2VtZW50TmV3LyR7dGhpcy5pdGVtcy5pZH0vMWAgfSkNCiAgICAgIHRoaXMuY3VycmVudENoYW5nZSh7DQogICAgICAgIHBhdGg6Jy9UZW1wbGF0ZU1hbmFnZW1lbnRMaXN0cycNCiAgICAgIH0pOw0KICAgIH0sDQoNCiAgICBja2Vja01vZGFsICgpIHsgIC8v6YCJ5oup5rWB56iLDQogICAgICBpZih0aGlzLnJlYWRvbmx5KXsNCiAgICAgICAgdGhpcy5hY3RpdmUgPSAhdGhpcy5hY3RpdmUNCiAgICAgICAgLy8gRGlzcGF0Y2hFdmVudCgnbW9kYWxDbGljaycsew0KICAgICAgICAvLyAgIGRldGFpbDp7DQogICAgICAgIC8vICAgICBpdGVtczp0aGlzLml0ZW1zLA0KICAgICAgICAvLyAgICAgdmFsdWU6dGhpcy5hY3RpdmUNCiAgICAgICAgLy8gICB9DQogICAgICAgIC8vIH0pDQogICAgICB9DQoNCiAgICB9DQogIH0NCn0NCg=="},{"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;;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;;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\n// import {DispatchEvent} from '../__utils__/dispatchEvent'\r\n// import { mapMutations } from 'vuex';\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 this.$network.post('/p/cs/module/publish', {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: `/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 this.$network.post('/p/cs/module/unpublish', {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 this.$network.post('/p/cs/module/copy', {id:this.items.id}).then((res) => {\r\n if(res.data.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 }\r\n })\r\n },\r\n previewProcess () { //预览流程\r\n this.$refs.poptip.handleClose()\r\n this.changeKeepAliveArray(['TemplateManagementLists'])\r\n this.$router.push({ path: `/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"]}]}
|
