| | |
| | | <template> |
| | | <div class="iconShow" :style="'width:'+fontSize+';height:'+fontSize+';font-size: '+fontSize+';'+style" v-html="svgHtml"></div> |
| | | <div :title="title" class="iconShow" :style="'width:'+fontSize+';height:'+fontSize+';font-size: '+fontSize+';'+style" v-html="svgHtml"></div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | export default { |
| | | name: "iconShow", |
| | | props: { |
| | | title:{ |
| | | type: String, |
| | | default: '' |
| | | }, |
| | | name: { |
| | | type: String, |
| | | default: '' |
| | |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <i title="自定义配置" class="el-icon-setting" @click="setHandler" style="position: absolute;top:60px;right:20px;font-size: 20px;cursor: pointer"></i> |
| | | <el-dialog |
| | | v-dialogDrag |
| | | title="自定义配置" |
| | | :visible.sync="visible" |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | :fullscreen="true" |
| | | @close="closeHandler" |
| | | > |
| | | <home-config></home-config> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import {getAllData} from "@/api/homeConfig"; |
| | | import homeConfig from './homeConfig.vue'; |
| | | import UndoTaskPortlet from './components/UndoTaskPortlet.vue'; |
| | | import taskPortlet from './components/taskPortlet.vue'; |
| | | import test from './components/test.vue'; |
| | | export default { |
| | | name: "workIndex", |
| | | components:{UndoTaskPortlet,taskPortlet,test}, |
| | | components:{homeConfig,UndoTaskPortlet,taskPortlet,test}, |
| | | data(){ |
| | | return { |
| | | height:document.body.clientHeight-115, |
| | | homeData:[] |
| | | homeData:[], |
| | | visible: false, |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | ratio:1.00 |
| | | }]; |
| | | }); |
| | | }, |
| | | setHandler(){ |
| | | this.visible=true; |
| | | }, |
| | | closeHandler(){ |
| | | this.getList(); |
| | | this.visible=false; |
| | | } |
| | | } |
| | | } |