| 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=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\listModalComponent\\index.vue","mtime":1620788133216},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQoubGlzdE1vZGFsQ29tcG9uZW50ew0KICBoZWlnaHQ6MjIwcHg7DQogIGJhY2tncm91bmQ6cmdiYSgyNTUsMjU1LDI1NSwxKTsNCiAgYm94LXNoYWRvdzowcHggMXB4IDVweCAwcHggcmdiYSgwLDAsMCwwLjEpIWltcG9ydGFudDsNCiAgYm9yZGVyLXJhZGl1czo0cHg7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgZGlzcGxheTogZmxleDsNCiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgYm9yZGVyLXJhZGl1czo0cHg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCg0KICAmLmFjdGl2ZXsNCiAgICBib3JkZXI6IDFweCBzb2xpZCAjNTk4MkU3Ow0KICB9DQoNCiAgLmluZm97DQogICAgaGVpZ2h0OiA2MnB4Ow0KICAgIHBhZGRpbmc6IDEwcHggMCA4cHggMTJweDsNCiAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQoNCiAgICAuaW5mb1RpdGxlew0KICAgICAgaGVpZ2h0OiAyMHB4Ow0KICAgICAgZm9udC1zaXplOiAxNXB4Ow0KICAgICAgZm9udC1mYW1pbHk6IFBpbmdGYW5nU0MtTWVkaXVtOw0KICAgICAgZm9udC13ZWlnaHQ6IDUwMDsNCiAgICAgIGNvbG9yOiAjNTE1YTZlOw0KICAgICAgbGluZS1oZWlnaHQ6IDIwcHg7DQogICAgICBtYXJnaW4tYm90dG9tOiA2cHg7DQogICAgfQ0KDQogICAgPnA6bGFzdC1jaGlsZHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOw0KICAgICAgc3BhbnsNCiAgICAgICAgZm9udC1zaXplOjEycHg7DQogICAgICAgIGZvbnQtZmFtaWx5OlBpbmdGYW5nU0MtUmVndWxhcjsNCiAgICAgICAgZm9udC13ZWlnaHQ6NDAwOw0KICAgICAgICBjb2xvcjpyZ2JhKDgxLDkwLDExMCwxKTsNCiAgICAgICAgbGluZS1oZWlnaHQ6MTZweDsNCiAgICAgIH0NCiAgICB9DQoNCiAgICBzcGFuLnN0YXR1c3sNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIHJpZ2h0OiAwOw0KICAgICAgYm90dG9tOiA4cHg7DQogICAgICB3aWR0aDo3NXB4Ow0KICAgICAgaGVpZ2h0OjI0cHg7DQogICAgICBiYWNrZ3JvdW5kOiNCNEI0QjQ7DQogICAgICBib3JkZXItcmFkaXVzOjEycHggMHB4IDBweCAxMnB4Ow0KICAgICAgY29sb3I6IHdoaXRlOw0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7DQogICAgICBmb250LXNpemU6MTJweDsNCiAgICAgIGZvbnQtZmFtaWx5OlBpbmdGYW5nU0MtUmVndWxhcixQaW5nRmFuZyBTQzsNCiAgICAgIGZvbnQtd2VpZ2h0OjQwMDsNCg0KICAgICAgJi5wdWJsaXNoZWR7DQogICAgICAgIGJhY2tncm91bmQ6cmdiYSg5LCAxNjEsIDg1LCAxKQ0KICAgICAgfQ0KDQogICAgICAmLm5vdFJlbGVhc2V7DQogICAgICAgIGJhY2tncm91bmQ6I0I0QjRCNA0KICAgICAgfQ0KDQogICAgICAmLnN0b3B7DQogICAgICAgIGJhY2tncm91bmQ6ICNFRDQwMTQ7DQogICAgICB9DQogICAgfQ0KDQogIH0NCg0KICAucHJldmlld3sNCiAgICBmbGV4OiAxOw0KICAgIGJvcmRlci1yYWRpdXM6NHB4IDRweCAwcHggMHB4Ow0KICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjsNCiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0Ow0KICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjsNCiAgICBpbWd7DQogICAgICAvLyB3aWR0aDogMTAwJTsNCiAgICAgIGhlaWdodDogMTAwJTsNCiAgICB9DQoNCiAgICAmOmhvdmVyew0KICAgICAgLy8gdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC00cHgpOw0KICAgICAgaW1new0KDQogICAgICB9DQogICAgICAubW9yZXsNCiAgICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICB9DQogICAgfQ0KDQogICAgLm1vcmV7DQogICAgICB3aWR0aDogNDBweDsNCiAgICAgIGhlaWdodDogMjRweDsNCiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgIHRvcDogMTJweDsNCiAgICAgIHJpZ2h0OiAxMnB4Ow0KICAgICAgYmFja2dyb3VuZDogd2hpdGU7DQogICAgICBib3gtc2hhZG93OjBweCAxcHggNXB4IDBweCByZ2JhKDAsMCwwLDAuMSk7DQogICAgICBib3JkZXItcmFkaXVzOjRweDsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgICBkaXNwbGF5OiBub25lOw0KDQogICAgLmJ1cmdlb24tcG9wdGlwew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgLmJ1cmdlb24tcG9wdGlwLWJvZHl7DQogICAgICAgIHBhZGRpbmc6IDVweCAwOw0KICAgICAgfQ0KICAgICAgLmJ1cmdlb24tcG9wdGlwLXJlbHsNCiAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgICB9DQoNCiAgICAgIC5idXJnZW9uLXBvcHRpcC1wb3BwZXJ7DQogICAgICAgIG1pbi13aWR0aDogYXV0bzsNCiAgICAgIH0NCiAgICB9DQoNCg0KICAgIC5kb3R7DQogICAgICB3aWR0aDogNHB4Ow0KICAgICAgaGVpZ2h0OiA0cHg7DQogICAgICBiYWNrZ3JvdW5kOiByZ2JhKDUxLCA1MSwgNTEsIDEpOw0KICAgICAgYm9yZGVyLXJhZGl1czogNTAlOw0KICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgICAgbWFyZ2luLXJpZ2h0OiA0cHg7DQoNCiAgICAgICY6bGFzdC1jaGlsZHsNCiAgICAgICAgbWFyZ2luLXJpZ2h0OiAwOw0KICAgICAgfQ0KICAgIH0NCg0KICAgIC5vcHRpb25zew0KICAgICAgICBsaXsNCiAgICAgICAgICBoZWlnaHQ6IDI5cHg7DQogICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICAgIHBhZGRpbmctbGVmdDogMTZweDsNCiAgICAgICAgICBmb250LXNpemU6MTJweDsNCiAgICAgICAgICBmb250LWZhbWlseTpQaW5nRmFuZ1NDLVJlZ3VsYXI7DQogICAgICAgICAgZm9udC13ZWlnaHQ6NDAwOw0KICAgICAgICAgIGNvbG9yOnJnYmEoODEsOTAsMTEwLDEpOw0KDQogICAgICAgICAgJjpob3ZlcnsNCiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjQzLCAyNDMsIDI0MywgMSk7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQogICY6aG92ZXJ7DQogICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNHB4KTsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 delRemove\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(res.resultCode === 0){\r\n if(typeof this.items.event.queryLists === 'function'){\r\n this.items.event.queryLists()\r\n }\r\n }else{\r\n this.$Modal.fcWarning({\r\n title:'警告',\r\n content:res.resultMsg,\r\n mask:true\r\n })\r\n }\r\n })\r\n },\r\n editingProcess () { //编辑流程\r\n this.$refs.poptip.handleClose()\r\n // this.changeKeepAliveArray(['modeler'])\r\n this.$router.push({ path: `/tool/activiti/TemplateManagementNew/${this.items.id}` })\r\n // this.currentChange({\r\n // path:'/tool/activiti/modeler'\r\n // });\r\n },\r\n deleteProcess () { //删除流程\r\n this.$refs.poptip.handleClose()\r\n delRemove({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(['modeler'])\r\n this.$router.push({ path: `/tool/activiti/TemplateManagementNew/${res.data.id}` })\r\n // this.currentChange({\r\n // path:'/tool/activiti/modeler'\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(['modeler'])\r\n this.$router.push({ path: `/tool/activiti/TemplateManagementNew/${this.items.id}/1` })\r\n // this.currentChange({\r\n // path:'/tool/activiti/modeler'\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"]}]}
|
