|
|
|
@ -106,13 +106,13 @@ |
|
|
|
> |
|
|
|
<el-color-picker |
|
|
|
@change="reportBackgroundColorchange" |
|
|
|
v-model="form.reportBackgroundColor16" |
|
|
|
v-model="reportBackgroundColor16" |
|
|
|
></el-color-picker> |
|
|
|
<!-- <el-input></el-input> --> |
|
|
|
<!-- <input type="text" v-model="form.reportBackgroundColor"> --> |
|
|
|
<el-input |
|
|
|
v-model.number="form.reportBackgroundColor" |
|
|
|
@change="reportBackgroundColorchange1" |
|
|
|
@input="reportBackgroundColorchange1" |
|
|
|
style=" |
|
|
|
width: 85%; |
|
|
|
position: absolute; |
|
|
|
@ -130,14 +130,12 @@ |
|
|
|
> |
|
|
|
<!-- <el-input v-model="form.reportFontColor"></el-input> --> |
|
|
|
<el-color-picker |
|
|
|
value="form.reportFontColor16" |
|
|
|
v-model="reportFontColor16" |
|
|
|
@change="reportFontColorchange" |
|
|
|
></el-color-picker> |
|
|
|
<el-input |
|
|
|
v-model.number="form.reportFontColor" |
|
|
|
@change="reportFontColor1" |
|
|
|
maxlength="15" |
|
|
|
minlength="6" |
|
|
|
v-model="form.reportFontColor" |
|
|
|
@input="reportFontColor1" |
|
|
|
style=" |
|
|
|
width: 85%; |
|
|
|
position: absolute; |
|
|
|
@ -150,11 +148,12 @@ |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="数据录入背景" label-width="100px"> |
|
|
|
<el-color-picker |
|
|
|
v-model="form.dataInputBackgroundColor16" |
|
|
|
v-model="dataInputBackgroundColor16" |
|
|
|
@change="dataInputBackgroundColorchange" |
|
|
|
></el-color-picker> |
|
|
|
<el-input |
|
|
|
v-model.number="form.dataInputBackgroundColor" |
|
|
|
@input="inputdataInputBackgroundColor" |
|
|
|
v-model="form.dataInputBackgroundColor" |
|
|
|
style=" |
|
|
|
width: 85%; |
|
|
|
position: absolute; |
|
|
|
@ -172,12 +171,12 @@ |
|
|
|
prop="dataInputFontColor" |
|
|
|
> |
|
|
|
<el-color-picker |
|
|
|
v-model="form.dataInputFontColor16" |
|
|
|
v-model="dataInputFontColor16" |
|
|
|
@change="dataInputFontColorchange" |
|
|
|
></el-color-picker> |
|
|
|
<el-input |
|
|
|
v-model.number="form.dataInputFontColor" |
|
|
|
@change="dataInputFontColor1" |
|
|
|
@input="dataInputFontColor1" |
|
|
|
style=" |
|
|
|
width: 85%; |
|
|
|
margin-left: 10px; |
|
|
|
@ -221,15 +220,19 @@ export default { |
|
|
|
displayName: "", |
|
|
|
dataInputPrompt: "", |
|
|
|
reportPrompt: "", |
|
|
|
reportBackgroundColor: "", |
|
|
|
reportBackgroundColor16: "", |
|
|
|
reportFontColor: "", |
|
|
|
reportFontColor16: "", |
|
|
|
dataInputBackgroundColor: "", |
|
|
|
dataInputBackgroundColor16: "", |
|
|
|
dataInputFontColor: "", |
|
|
|
dataInputFontColor16: "", |
|
|
|
reportBackgroundColor: 1089274, |
|
|
|
// reportBackgroundColor16: "#409EFF", |
|
|
|
reportFontColor: 1089274, |
|
|
|
// reportFontColor16: "#409EFF", |
|
|
|
dataInputBackgroundColor: 1089274, |
|
|
|
// dataInputBackgroundColor16: "#409EFF", |
|
|
|
dataInputFontColor: 1089274, |
|
|
|
// dataInputFontColor16: "#409EFF", |
|
|
|
}, |
|
|
|
reportBackgroundColor16: "#409EFF", |
|
|
|
reportFontColor16: "#409EFF", |
|
|
|
dataInputBackgroundColor16: "#409EFF", |
|
|
|
dataInputFontColor16: "#409EFF", |
|
|
|
dialogVisible: false, |
|
|
|
title: 1, |
|
|
|
tableData: [], |
|
|
|
@ -259,7 +262,7 @@ export default { |
|
|
|
{ required: true, message: "请输入报告单背景色", trigger: "blur" }, |
|
|
|
], |
|
|
|
reportFontColor: [ |
|
|
|
{ required: true, message: "请输入报关单字体色", trigger: "blur" }, |
|
|
|
{ required: true, message: "请输入报告单字体色", trigger: "blur" }, |
|
|
|
], |
|
|
|
dataInputBackgroundColor: [ |
|
|
|
{ required: true, message: "请输入数据录入背景色", trigger: "blur" }, |
|
|
|
@ -287,51 +290,49 @@ export default { |
|
|
|
|
|
|
|
//数据录入字体 |
|
|
|
dataInputFontColorchange(v) { |
|
|
|
var hexColor = v; |
|
|
|
hexColor = hexColor.substring(1); |
|
|
|
this.form.dataInputFontColor = parseInt(hexColor, 16); |
|
|
|
this.form.dataInputFontColor = eval(v.replace("#", "0x")); |
|
|
|
}, |
|
|
|
//数据录入背景Input |
|
|
|
inputdataInputBackgroundColor(v) { |
|
|
|
this.form.dataInputBackgroundColor = Number(v); |
|
|
|
let temp = "000000" + this.form.dataInputBackgroundColor.toString(16); |
|
|
|
this.dataInputBackgroundColor16 = |
|
|
|
"#" + temp.substring(temp.length - 6, temp.length); |
|
|
|
}, |
|
|
|
|
|
|
|
//数据录入背景 |
|
|
|
dataInputBackgroundColorchange(v) { |
|
|
|
var hexColor = v; |
|
|
|
hexColor = hexColor.substring(1); |
|
|
|
this.form.dataInputBackgroundColor = parseInt(hexColor, 16); |
|
|
|
this.form.dataInputBackgroundColor = eval(v.replace("#", "0x")); |
|
|
|
}, |
|
|
|
//颜色选择器报告单字体色 |
|
|
|
reportFontColorchange(v) { |
|
|
|
var hexColor = v; |
|
|
|
console.log( |
|
|
|
"form.reportFontColor16", |
|
|
|
hexColor, |
|
|
|
this.form.reportFontColor16 |
|
|
|
); |
|
|
|
hexColor = hexColor.substring(1); |
|
|
|
this.form.reportFontColor = parseInt(hexColor, 16); |
|
|
|
this.form.reportFontColor = eval(v.replace("#", "0x")); |
|
|
|
console.log(this.form.reportFontColor); |
|
|
|
}, |
|
|
|
//报告单背景色 |
|
|
|
reportBackgroundColorchange(v) { |
|
|
|
var hexColor = v; |
|
|
|
// 去除开头的#号 |
|
|
|
hexColor = hexColor.substring(1); |
|
|
|
// 转换为十进制 |
|
|
|
this.form.reportBackgroundColor = parseInt(hexColor, 16); |
|
|
|
this.form.reportBackgroundColor = eval(v.replace("#", "0x")); |
|
|
|
console.log(this.form.reportBackgroundColor); |
|
|
|
}, |
|
|
|
//数据录入字体 |
|
|
|
dataInputFontColor1(v) { |
|
|
|
this.form.dataInputFontColor16 = "#" + v; |
|
|
|
console.log(v); |
|
|
|
this.form.dataInputFontColor = Number(v); |
|
|
|
let temp = "000000" + this.form.dataInputFontColor.toString(16); |
|
|
|
this.dataInputFontColor16 = |
|
|
|
"#" + temp.substring(temp.length - 6, temp.length); |
|
|
|
}, |
|
|
|
//报告单字体色 |
|
|
|
reportFontColor1(v) { |
|
|
|
console.log("v", v); |
|
|
|
this.form.reportFontColor16 = "#" + Number(v).toString(16); |
|
|
|
console.log("this.form.reportFontColor16", this.form.reportFontColor16); |
|
|
|
this.form.reportFontColor = Number(v); |
|
|
|
let temp = "000000" + this.form.reportFontColor.toString(16); |
|
|
|
this.reportFontColor16 = |
|
|
|
"#" + temp.substring(temp.length - 6, temp.length); |
|
|
|
}, |
|
|
|
//报告单背景色 |
|
|
|
reportBackgroundColorchange1(v) { |
|
|
|
// 转换为十进制 |
|
|
|
this.form.reportBackgroundColor16 = "#" + v; |
|
|
|
this.form.reportBackgroundColor = Number(v); |
|
|
|
let temp = "000000" + this.form.reportBackgroundColor.toString(16); |
|
|
|
this.reportBackgroundColor16 = |
|
|
|
"#" + temp.substring(temp.length - 6, temp.length); |
|
|
|
}, |
|
|
|
rowclick(row) { |
|
|
|
this.form = row; |
|
|
|
@ -339,15 +340,22 @@ export default { |
|
|
|
// this.form.reportFontColor16 = "#"+row.reportFontColor; |
|
|
|
// this.form.dataInputBackgroundColor16 = "#"+row.dataInputBackgroundColor; |
|
|
|
// this.form.dataInputFontColor16 = "#"+row.dataInputFontColor; |
|
|
|
|
|
|
|
// this.reportBackgroundColor16 = reportBackgroundColor16; |
|
|
|
// this.reportFontColor16 = row.reportFontColor16; |
|
|
|
// this.dataInputBackgroundColor16 = row.dataInputBackgroundColor16; |
|
|
|
// this.dataInputFontColor16 = row.dataInputFontColor16; |
|
|
|
this.form.reportBackgroundColor16 = "#" + row.reportBackgroundColor; |
|
|
|
this.form.reportFontColor16 = "#" + row.reportFontColor; |
|
|
|
this.form.dataInputBackgroundColor16 = "#" + row.dataInputBackgroundColor; |
|
|
|
this.form.dataInputFontColor16 = "#" + row.dataInputFontColor; |
|
|
|
|
|
|
|
console.log(this.form); |
|
|
|
//颜色选择的数据反写 |
|
|
|
console.log(this.form.reportBackgroundColor16); |
|
|
|
// this.reportBackgroundColor16 = this.form.reportBackgroundColor16; |
|
|
|
// this.reportFontColor16 = this.form.reportFontColor16; |
|
|
|
// this.dataInputBackgroundColor16 = this.form.dataInputBackgroundColor16; |
|
|
|
// this.dataInputFontColor16 = this.form.dataInputFontColor16; |
|
|
|
}, |
|
|
|
|
|
|
|
haxadecimal() { |
|
|
|
let str = this.form.dataInputFontColor; |
|
|
|
this.form.dataInputFontColor = str |
|
|
|
|
pengjun
2 years ago