Skip to content

liangzhen / framework-tools-web

Go to a project
Commit bcb6e572 by liuyong
Options

修改画布

1 parent 71e76f0c
Inline Side-by-side
Showing with 13 additions and 12 deletions
src/views/archi-ele-list/index.vue
...@@ -141,9 +141,9 @@ ...@@ -141,9 +141,9 @@
<div class="dialog_form_item3"> <div class="dialog_form_item3">
<div class="dialog_form_item_title">图标设置:</div> <div class="dialog_form_item_title">图标设置:</div>
<div style=""> <div>
<div> <div style="text-align: left;margin-bottom: 10px;">
<img :src="selectGraphSrc" alt="" /> <img :style="{'width': selectGraphSrc.length>0?'80px':0, height: selectGraphSrc.length>0?'40px':0}" :src="selectGraphSrc" alt="" />
</div> </div>
<div style="display: flex;"> <div style="display: flex;">
<el-button type="primary" @click="openGraphDialog">图形选择</el-button> <el-button type="primary" @click="openGraphDialog">图形选择</el-button>
...@@ -192,7 +192,7 @@ ...@@ -192,7 +192,7 @@
:close-on-click-modal="false" :close-on-click-modal="false"
width="60%"> width="60%">
<div style="height: 400px;display: flex;align-items: center;"> <div style="height: 400px;display: flex;align-items: center;">
<div style="width: 20%;height: 100%;border-left: 1px solid #000;border-top: 1px solid #000;border-bottom: 1px solid #000;overflow: auto;text-align: center;"> <div style="width: 20%;height: 100%;border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;overflow: auto;text-align: center;">
<div :style="{ 'cursor': 'pointer', 'padding': '4px', 'background-color': nameIndex == index ? 'rgb(13,134,127)' : '#fff', 'color': nameIndex == index ? '#fff' : '#000' }" <div :style="{ 'cursor': 'pointer', 'padding': '4px', 'background-color': nameIndex == index ? 'rgb(13,134,127)' : '#fff', 'color': nameIndex == index ? '#fff' : '#000' }"
v-for="(item, index) in search_select1" v-for="(item, index) in search_select1"
:key="item.belongId" :key="item.belongId"
...@@ -200,15 +200,15 @@ ...@@ -200,15 +200,15 @@
{{ item.name }} {{ item.name }}
</div> </div>
</div> </div>
<div style="width: 80%;height: 100%;border: 1px solid #000;overflow: auto;text-align: left;"> <div style="width: 80%;height: 100%;border: 1px solid #ccc;overflow: auto;text-align: left;">
<div :style="{ 'display': 'inline-block','margin': '10px','border': graphIndex == index ? '2px solid #0D867F' : 'none','padding': '8px', 'border-radius': '6px' }" <div :style="{ 'display': 'inline-block','margin': '10px', 'border': graphIndex == index ? '2px solid #0D867F' : 'none','padding': '8px', 'border-radius': '6px' }"
v-for="(item, index) in graphList" :key="item.graphId"> v-for="(item, index) in graphList" :key="item.graphId">
<img @click="clickGraph(index)" class="tu_biao_icon" :src="'data:image/svg+xml;base64,'+item.icon" alt="" /> <img @click="clickGraph(index)" class="tu_biao_icon" :src="'data:image/svg+xml;base64,'+item.icon" alt="" />
</div> </div>
</div> </div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="save_graph">保存</el-button> <el-button class="greenButton" @click="save_graph">确定</el-button>
<el-button @click="closeGraphDialog">取消</el-button> <el-button @click="closeGraphDialog">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
...@@ -678,10 +678,10 @@ export default { ...@@ -678,10 +678,10 @@ export default {
const rect = svgDocument.getElementsByTagName('rect')[0]; const rect = svgDocument.getElementsByTagName('rect')[0];
const ellipse = svgDocument.getElementsByTagName('ellipse')[0]; const ellipse = svgDocument.getElementsByTagName('ellipse')[0];
const svgTag = svgDocument.getElementsByTagName('svg')[0]; const svgTag = svgDocument.getElementsByTagName('svg')[0];
const svgWidth = svgTag.getAttribute('width'); const svgWidth = Number(svgTag.getAttribute('width').split('px')[0])/2;
const svgHeight = svgTag.getAttribute('height'); const svgHeight = Number(svgTag.getAttribute('height').split('px')[0])/2;
item['width'] = svgWidth; item['width'] = svgWidth + 'px';
item['height'] = svgHeight; item['height'] = svgHeight + 'px';
if(path) { if(path) {
path.setAttribute('fill', item.color); path.setAttribute('fill', item.color);
...@@ -1019,7 +1019,8 @@ export default { ...@@ -1019,7 +1019,8 @@ export default {
display: flex; display: flex;
} }
.tu_biao_icon{ .tu_biao_icon{
width: 100%; max-width: 80px;
max-height: 40px;
cursor: pointer; cursor: pointer;
} }
.dialog_form_item3_content1{ .dialog_form_item3_content1{
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!