From 404bd17f83c0054388e4a02ff31dbc37c27a4b11 Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期五, 29 三月 2024 16:09:29 +0800 Subject: [PATCH] 样式修改 --- web/src/views/modules/taskReliability/RBD-edit-img.vue | 104 ++++++++++++++++++++++++++++++---------------------- 1 files changed, 60 insertions(+), 44 deletions(-) diff --git a/web/src/views/modules/taskReliability/RBD-edit-img.vue b/web/src/views/modules/taskReliability/RBD-edit-img.vue index 7db0238..dcaa6b1 100644 --- a/web/src/views/modules/taskReliability/RBD-edit-img.vue +++ b/web/src/views/modules/taskReliability/RBD-edit-img.vue @@ -18,49 +18,67 @@ <el-button type="primary" @click="saveDiagram()">鏆傚瓨</el-button> <el-button type="primary" @click="analyzeDiagram()">淇濆瓨</el-button> <el-button type="primary" @click="clearDiagram()">娓呯┖鍥惧舰</el-button> + <el-button @click="leftAlign()"> + <i style="font-size: 1rem;" class="wt-iconfont icon-zuoduiqi"></i> + </el-button> + <el-button @click="centerAlign()"> + <i style="font-size: 1rem;" class="wt-iconfont icon-chuizhiduiqi"></i> + </el-button> + <el-button @click="rightAlign()"> + <i style="font-size: 1rem;" class="wt-iconfont icon-youduiqi"></i> + </el-button> + <el-button @click="topAlign()"> + <i style="font-size: 1rem;" class="wt-iconfont icon-dingduiqi"></i> + </el-button> + <el-button @click="shuipingAlign()"> + <i style="font-size: 1rem;" class="wt-iconfont icon-shuipingduiqi"></i> + </el-button> + <el-button @click="bottomAlign()"> + <i style="font-size: 1rem;" class="wt-iconfont icon-diduiqi"></i> + </el-button> </el-form-item> - <el-form-item> - <el-tooltip class="item" effect="dark" content="宸﹀榻�" placement="left"> - <el-button class="" style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF;" - @click="leftAlign()"><i style="font-size: 2rem;" - class="wt-iconfont icon-zuoduiqi"></i></el-button> - </el-tooltip> - </el-form-item> - <el-form-item> - <el-tooltip class="item" effect="dark" content="灞呬腑瀵归綈" placement="left"> - <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF" - @click="centerAlign()"><i style="font-size: 2rem;" - class="wt-iconfont icon-chuizhiduiqi"></i></el-button> - </el-tooltip> - </el-form-item> - <el-form-item> - <el-tooltip class="item" effect="dark" content="鍙冲榻�" placement="left"> - <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF" - @click="rightAlign()"><i style="font-size: 2rem;" - class="wt-iconfont icon-youduiqi"></i></el-button> - </el-tooltip> - </el-form-item> - <el-form-item> - <el-tooltip class="item" effect="dark" content="椤堕儴瀵归綈" placement="left"> - <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF" - @click="topAlign()"><i style="font-size: 2rem;" - class="wt-iconfont icon-dingduiqi"></i></el-button> - </el-tooltip> - </el-form-item> - <el-form-item> - <el-tooltip class="item" effect="dark" content="姘村钩瀵归綈" placement="left"> - <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF" - @click="shuipingAlign()"><i style="font-size: 2rem;" - class="wt-iconfont icon-shuipingduiqi"></i></el-button> - </el-tooltip> - </el-form-item> - <el-form-item> - <el-tooltip class="item" effect="dark" content="搴曢儴瀵归綈" placement="left"> - <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF" - @click="bottomAlign()"><i style="font-size: 2rem;" - class="wt-iconfont icon-diduiqi"></i></el-button> - </el-tooltip> - </el-form-item> +<!-- <el-form-item>--> +<!-- <el-tooltip class="item" effect="dark" content="宸﹀榻�" placement="left">--> +<!-- <el-button class="" style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF;" @click="leftAlign()">--> +<!-- <i style="font-size: 2rem;" class="wt-iconfont icon-zuoduiqi"></i>--> +<!-- </el-button>--> +<!-- </el-tooltip>--> +<!-- </el-form-item>--> +<!-- <el-form-item>--> +<!-- <el-tooltip class="item" effect="dark" content="灞呬腑瀵归綈" placement="left">--> +<!-- <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF"--> +<!-- @click="centerAlign()"><i style="font-size: 2rem;"--> +<!-- class="wt-iconfont icon-chuizhiduiqi"></i></el-button>--> +<!-- </el-tooltip>--> +<!-- </el-form-item>--> +<!-- <el-form-item>--> +<!-- <el-tooltip class="item" effect="dark" content="鍙冲榻�" placement="left">--> +<!-- <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF"--> +<!-- @click="rightAlign()"><i style="font-size: 2rem;"--> +<!-- class="wt-iconfont icon-youduiqi"></i></el-button>--> +<!-- </el-tooltip>--> +<!-- </el-form-item>--> +<!-- <el-form-item>--> +<!-- <el-tooltip class="item" effect="dark" content="椤堕儴瀵归綈" placement="left">--> +<!-- <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF"--> +<!-- @click="topAlign()"><i style="font-size: 2rem;"--> +<!-- class="wt-iconfont icon-dingduiqi"></i></el-button>--> +<!-- </el-tooltip>--> +<!-- </el-form-item>--> +<!-- <el-form-item>--> +<!-- <el-tooltip class="item" effect="dark" content="姘村钩瀵归綈" placement="left">--> +<!-- <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF"--> +<!-- @click="shuipingAlign()"><i style="font-size: 2rem;"--> +<!-- class="wt-iconfont icon-shuipingduiqi"></i></el-button>--> +<!-- </el-tooltip>--> +<!-- </el-form-item>--> +<!-- <el-form-item>--> +<!-- <el-tooltip class="item" effect="dark" content="搴曢儴瀵归綈" placement="left">--> +<!-- <el-button style="margin-left: 0;padding: 2px;border: 1px solid #5F95FF"--> +<!-- @click="bottomAlign()"><i style="font-size: 2rem;"--> +<!-- class="wt-iconfont icon-diduiqi"></i></el-button>--> +<!-- </el-tooltip>--> +<!-- </el-form-item>--> </el-form> <div id="containerImg" style="border: 1px solid #EAEBEE;border-radius: 6px; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);"> @@ -544,8 +562,6 @@ imageUrl: require('/public/modelImg/' + item.imgPath + '.png'), width: item.imgWidth, height: item.imgHeight, - x: item.imgWidth, - y: item.imgHeight, data: { dataId: '', nodeType: item.nodeType, -- Gitblit v1.9.1