|
|
@@ -5,44 +5,28 @@ |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="宽度"> |
|
|
|
<el-input-number |
|
|
|
v-model="activeElement.width" |
|
|
|
controls-position="right" |
|
|
|
:min="1" |
|
|
|
class="min-input" |
|
|
|
></el-input-number> |
|
|
|
<el-input-number v-model="activeElement.width" controls-position="right" :min="1" |
|
|
|
class="min-input"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="高度"> |
|
|
|
<el-input-number |
|
|
|
v-model="activeElement.height" |
|
|
|
controls-position="right" |
|
|
|
:min="1" |
|
|
|
class="min-input" |
|
|
|
></el-input-number> |
|
|
|
<el-input-number v-model="activeElement.height" controls-position="right" :min="1" |
|
|
|
class="min-input"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="横坐标"> |
|
|
|
<el-input-number |
|
|
|
v-model="activeElement.left" |
|
|
|
controls-position="right" |
|
|
|
:min="0" |
|
|
|
class="min-input" |
|
|
|
></el-input-number> |
|
|
|
<el-input-number v-model="activeElement.left" controls-position="right" :min="0" |
|
|
|
class="min-input"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="纵坐标"> |
|
|
|
<el-input-number |
|
|
|
v-model="activeElement.top" |
|
|
|
controls-position="right" |
|
|
|
:min="0" |
|
|
|
class="min-input" |
|
|
|
></el-input-number> |
|
|
|
<el-input-number v-model="activeElement.top" controls-position="right" :min="0" |
|
|
|
class="min-input"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
@@ -50,60 +34,40 @@ |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="字号"> |
|
|
|
<el-input-number |
|
|
|
:disabled="activeElement.style.FontSize===undefined" |
|
|
|
v-model="activeElement.style.FontSize" |
|
|
|
controls-position="right" |
|
|
|
:min="0" |
|
|
|
class="min-input" |
|
|
|
></el-input-number> |
|
|
|
<el-input-number :disabled="activeElement.style.FontSize === undefined" v-model="activeElement.style.FontSize" |
|
|
|
controls-position="right" :min="0" class="min-input"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="加粗"> |
|
|
|
<el-switch |
|
|
|
:disabled="activeElement.style.Bold===undefined" |
|
|
|
v-model="activeElement.style.Bold" |
|
|
|
:active-value="true" |
|
|
|
:inactive-value="false" |
|
|
|
></el-switch> |
|
|
|
<el-switch :disabled="activeElement.style.Bold === undefined" v-model="activeElement.style.Bold" |
|
|
|
:active-value="true" :inactive-value="false"></el-switch> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="字体颜色"> |
|
|
|
<el-color-picker |
|
|
|
:disabled="activeElement.style.FontColor===undefined" |
|
|
|
v-model="activeElement.style.FontColor" |
|
|
|
></el-color-picker> |
|
|
|
<el-color-picker :disabled="activeElement.style.FontColor === undefined" |
|
|
|
v-model="activeElement.style.FontColor"></el-color-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="边框颜色"> |
|
|
|
<el-color-picker |
|
|
|
:disabled="activeElement.style.BorderColor===undefined" |
|
|
|
v-model="activeElement.style.BorderColor" |
|
|
|
></el-color-picker> |
|
|
|
<el-color-picker :disabled="activeElement.style.BorderColor === undefined" |
|
|
|
v-model="activeElement.style.BorderColor"></el-color-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="条码值"> |
|
|
|
<el-switch |
|
|
|
:disabled="activeElement.style.ShowBarText===undefined" |
|
|
|
v-model="activeElement.style.ShowBarText" |
|
|
|
:active-value="true" |
|
|
|
:inactive-value="false" |
|
|
|
></el-switch> |
|
|
|
<el-switch :disabled="activeElement.style.ShowBarText === undefined" v-model="activeElement.style.ShowBarText" |
|
|
|
:active-value="true" :inactive-value="false"></el-switch> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-form-item label="对齐方式"> |
|
|
|
<el-radio-group |
|
|
|
:disabled="activeElement.style.Alignment===undefined" |
|
|
|
v-model="activeElement.style.Alignment" |
|
|
|
> |
|
|
|
<el-radio-group :disabled="activeElement.style.Alignment === undefined" v-model="activeElement.style.Alignment"> |
|
|
|
<el-radio :label="'left'">左对齐</el-radio> |
|
|
|
<el-radio :label="'center'">居中</el-radio> |
|
|
|
<el-radio :label="'right'">右对齐</el-radio> |
|
|
@@ -113,50 +77,31 @@ |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="条码类型"> |
|
|
|
<el-select |
|
|
|
:disabled="activeElement.style.codeType===undefined" |
|
|
|
v-model="activeElement.style.codeType" |
|
|
|
class="min-input" |
|
|
|
> |
|
|
|
<el-select :disabled="activeElement.style.codeType === undefined" v-model="activeElement.style.codeType" |
|
|
|
class="min-input"> |
|
|
|
<el-option v-for="val in codeTypeArray" :key="val" :label="val" :value="val" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="打印类型"> |
|
|
|
<el-select |
|
|
|
:disabled="activeElement.style.ItemType===undefined" |
|
|
|
v-model="activeElement.style.ItemType" |
|
|
|
class="min-input" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="val in itemTypeArray" |
|
|
|
:key="val.value" |
|
|
|
:label="val.label" |
|
|
|
:value="val.value" |
|
|
|
/> |
|
|
|
<el-select :disabled="activeElement.style.ItemType === undefined" v-model="activeElement.style.ItemType" |
|
|
|
class="min-input"> |
|
|
|
<el-option v-for="val in itemTypeArray" :key="val.value" :label="val.label" :value="val.value" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="高度自动"> |
|
|
|
<el-switch |
|
|
|
:disabled="activeElement.style.AutoHeight===undefined" |
|
|
|
v-model="activeElement.style.AutoHeight" |
|
|
|
:active-value="true" |
|
|
|
:inactive-value="false" |
|
|
|
></el-switch> |
|
|
|
<el-switch :disabled="activeElement.style.AutoHeight === undefined" v-model="activeElement.style.AutoHeight" |
|
|
|
:active-value="true" :inactive-value="false"></el-switch> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="下边距"> |
|
|
|
<el-input-number |
|
|
|
:disabled="activeElement.style.BottomMargin===undefined || !activeElement.style.AutoHeight" |
|
|
|
v-model="activeElement.style.BottomMargin" |
|
|
|
controls-position="right" |
|
|
|
:min="0" |
|
|
|
class="min-input" |
|
|
|
></el-input-number> |
|
|
|
<el-input-number :disabled="activeElement.style.BottomMargin === undefined || !activeElement.style.AutoHeight" |
|
|
|
v-model="activeElement.style.BottomMargin" controls-position="right" :min="0" |
|
|
|
class="min-input"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|