|
@@ -1,28 +1,21 @@
|
|
|
<template>
|
|
|
- <div class="setInput">
|
|
|
- <div class="flexBetween">
|
|
|
- <!-- <el-select
|
|
|
- style="width:45%;"
|
|
|
- v-model="from.value"
|
|
|
- clearable
|
|
|
- placeholder="请选择"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in elementName"
|
|
|
- :key="item.tabId"
|
|
|
- :label="item.colName"
|
|
|
- :value="item.tabId"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select> -->
|
|
|
- <el-input
|
|
|
- style="width:45%;"
|
|
|
- :disabled='true'
|
|
|
- v-model="htmlData.name"
|
|
|
- placeholder="请输入内容"
|
|
|
- ></el-input>
|
|
|
+ <div>
|
|
|
+ <div class="setInputcss">
|
|
|
+ <el-row :span="24">
|
|
|
+ <el-col :span="3.3" style="line-height: 40px">
|
|
|
+ 元素坐标:
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="18">
|
|
|
+ <avue-input v-model="htmlData.name" placeholder="请输入内容" :disabled='true' ></avue-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :span="24">
|
|
|
+ <el-col :span="3.3" style="line-height: 40px">
|
|
|
+ 文本格式:
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="18">
|
|
|
<el-select
|
|
|
- style="width:45%;"
|
|
|
+ style="width:100%;"
|
|
|
v-model="from.type"
|
|
|
clearable
|
|
|
placeholder="请选择"
|
|
@@ -35,11 +28,13 @@
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
<!-- 添加框 -->
|
|
|
<div
|
|
|
style="border: 1px dotted rgb(187, 187, 187);box-sizing: border-box;padding: 0px 15px;"
|
|
|
- class="martop20"
|
|
|
+ class="martop20 marbottom10"
|
|
|
v-show="from.type=='select'|from.type=='radio'|from.type=='checkbox'"
|
|
|
>
|
|
|
<table
|
|
@@ -82,19 +77,21 @@
|
|
|
</tbody>
|
|
|
</table>
|
|
|
<div class="martop20 flexEnd marbottom10"><i
|
|
|
- style="color:rgb(10, 134, 217);font-size:24px;cursor: pointer;"
|
|
|
+ style="padding-bottom: 10px;color:rgb(10, 134, 217);font-size:24px;cursor: pointer;"
|
|
|
class="el-icon-circle-plus"
|
|
|
@click="addTable()"
|
|
|
></i></div>
|
|
|
</div>
|
|
|
-
|
|
|
- <el-button
|
|
|
- style="float:right;margin-top:15px;"
|
|
|
- type="info"
|
|
|
- size="mini"
|
|
|
- @click="saveType()"
|
|
|
- :disabled="disabled"
|
|
|
- >保存设置</el-button>
|
|
|
+ <el-row style="text-align: center">
|
|
|
+ <el-button type="primary"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-circle-plus-outline"
|
|
|
+ @click="saveType()">保存设置</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-circle-plus-outline"
|
|
|
+ @click="saveType()">继续保存</el-button>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -212,4 +209,8 @@ export default {
|
|
|
color: #101010;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
+.setInputcss{
|
|
|
+ width: 90%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
</style>
|