<template>
|
<div :ref="'settings'" class="settings-sub-container">
|
<el-form ref="form" v-model="formData" label-width="150px">
|
<h2 class="sub-title">二维码设置</h2>
|
<el-form-item label="二维码访问地址">
|
<el-input v-model="formData.qrCode_url" class="w-500"></el-input>
|
</el-form-item>
|
<h2 class="sub-title">货位条码参数设置</h2>
|
<el-form-item label="条码纸张大小">
|
<span class="margin-right-20">
|
宽：
|
<el-input v-model="formData.positionPage_width" class="w-50"></el-input> mm
|
</span>
|
<span class="margin-right-20">
|
高：
|
<el-input v-model="formData.positionPage_height" class="w-50"></el-input> mm
|
</span>
|
</el-form-item>
|
<el-form-item label="条码大小">
|
<span class="margin-right-20">
|
宽：
|
<el-input v-model="formData.positionBar_width" class="w-50"></el-input> mm
|
</span>
|
<span class="margin-right-20">
|
高：
|
<el-input v-model="formData.positionBar_height" class="w-50"></el-input> mm
|
</span>
|
</el-form-item>
|
<el-form-item label="条码边距">
|
<span class="margin-right-20">
|
左边距：
|
<el-input v-model="formData.positionBar_left" class="w-50"></el-input> mm
|
</span>
|
<span class="margin-right-20">
|
上边距：
|
<el-input v-model="formData.positionBar_top" class="w-50"></el-input> mm
|
</span>
|
</el-form-item>
|
<el-form-item label="条码字体大小">
|
<el-input v-model="formData.positionBar_fontSize" class="w-50"></el-input> px
|
</el-form-item>
|
<h2 class="sub-title">SKU条码参数设置</h2>
|
<el-form-item label="显示规格">
|
<el-switch :active-value="1" :inactive-value="0" v-model="formData.skuPage_displaySpec"></el-switch>
|
</el-form-item>
|
<el-form-item label="SKU纸张大小">
|
<span class="margin-right-20">
|
宽：
|
<el-input v-model="formData.skuPage_width" class="w-50"></el-input> mm
|
</span>
|
<span class="margin-right-20">
|
高：
|
<el-input v-model="formData.skuPage_height" class="w-50"></el-input> mm
|
</span>
|
</el-form-item>
|
<el-form-item label="条码大小">
|
<span class="margin-right-20">
|
宽：
|
<el-input v-model="formData.skuBar_width" class="w-50"></el-input> mm
|
</span>
|
<span class="margin-right-20">
|
高：
|
<el-input v-model="formData.skuBar_height" class="w-50"></el-input> mm
|
</span>
|
</el-form-item>
|
<el-form-item label="条码边距">
|
<span class="margin-right-20">
|
左边距：
|
<el-input v-model="formData.skuBar_left" class="w-50"></el-input> mm
|
</span>
|
<span class="margin-right-20">
|
上边距：
|
<el-input v-model="formData.skuBar_top" class="w-50"></el-input> mm
|
</span>
|
</el-form-item>
|
<el-form-item label="条码字体大小">
|
<el-input v-model="formData.skuBar_fontSize" class="w-50"></el-input> px
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="onSave">保存</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "settings-consignor",
|
|
components: {},
|
data() {
|
return {
|
type_Id: 585, // 通用参数类别ID，不可修改
|
// 编辑数据对象
|
formData: {
|
qrCode_url: null,
|
|
positionPage_width: null,
|
positionPage_height: null,
|
positionBar_width: null,
|
positionBar_height: null,
|
positionBar_left: null,
|
positionBar_top: null,
|
positionBar_fontSize: null,
|
|
skuPage_displaySpec: 0,
|
skuPage_width: null,
|
skuPage_height: null,
|
skuBar_width: null,
|
skuBar_height: null,
|
skuBar_left: null,
|
skuBar_top: null,
|
skuBar_fontSize: null
|
},
|
// 接口数据
|
valueList: []
|
};
|
},
|
mounted() {
|
this.loadParam();
|
},
|
methods: {
|
handleClose(tag) {},
|
|
// 加载数据
|
loadParam() {
|
var keys = Object.keys(this.formData).join(",");
|
var url = "/api/sys/param/getConfig";
|
var params = {
|
openNodeApi: true,
|
type_Id: this.type_Id,
|
keys: keys
|
};
|
var callback = res => {
|
this.common.showMsg(res);
|
this.valueList = res.data;
|
|
// 获得参数值列表，将数字转换为对象
|
res.data.forEach(item => {
|
var value03 = item.value03;
|
if (this.common.isNumber(item.value03)) {
|
value03 = parseInt(item.value03);
|
}
|
this.$set(this.formData, item.value02, value03);
|
});
|
};
|
var target = this.$refs["settings"];
|
this.common.ajax(url, params, callback, target);
|
},
|
// 保存数据
|
onSave() {
|
Object.keys(this.formData).forEach(key => {
|
var item = this.valueList.find(item => {
|
return item.value02 === key;
|
});
|
if (item) {
|
item.value03 = this.formData[key];
|
} else {
|
this.valueList.push({
|
type_Id: this.type_Id,
|
value02: key,
|
value03: this.formData[key]
|
});
|
}
|
});
|
|
var url = "/api/sys/param/saveParams";
|
var params = {
|
openNodeApi: true,
|
type_Id: this.type_Id,
|
valueList: this.valueList
|
};
|
var target = this.$refs["settings"];
|
this.common.ajax(
|
url,
|
params,
|
res => {
|
this.common.showMsg(res);
|
},
|
target
|
);
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.settings-sub-container {
|
/deep/ .sub-title {
|
font-size: 14px;
|
padding-bottom: 10px;
|
border-bottom: 1px solid #ebeef5;
|
padding-top: 20px;
|
margin-bottom: 10px;
|
}
|
/deep/ .el-form-item__label {
|
font-weight: normal;
|
}
|
.remark {
|
color: #888;
|
}
|
/deep/ .el-form-item {
|
margin-bottom: 10px;
|
}
|
.form-footer {
|
margin-top: 30px;
|
}
|
}
|
</style>
|
