|
|
|
@ -103,42 +103,59 @@ |
|
|
|
prop="reportBackgroundColor" |
|
|
|
> |
|
|
|
<el-color-picker |
|
|
|
@change="reportBackgroundColorchange" |
|
|
|
v-model="form.reportBackgroundColor" |
|
|
|
></el-color-picker |
|
|
|
>{{ form.reportBackgroundColor }} |
|
|
|
></el-color-picker> |
|
|
|
<!-- <el-input></el-input> --> |
|
|
|
<!-- <input type="text" v-model="form.reportBackgroundColor"> --> |
|
|
|
<!-- <el-input v-model="form.reportBackgroundColor"></el-input> --> |
|
|
|
<el-input |
|
|
|
v-model="form.reportBackgroundColor" |
|
|
|
style=" |
|
|
|
width: 85%; |
|
|
|
position: absolute; |
|
|
|
top: 0px; |
|
|
|
margin-left: 10px; |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item |
|
|
|
label="报关单字体色" |
|
|
|
label="报告单字体色" |
|
|
|
label-width="120px" |
|
|
|
prop="reportFontColor" |
|
|
|
> |
|
|
|
<!-- <el-input v-model="form.reportFontColor"></el-input> --> |
|
|
|
<el-color-picker |
|
|
|
v-model="form.reportFontColor" |
|
|
|
></el-color-picker |
|
|
|
>{{ form.reportFontColor }} |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="数据录入背景" label-width="100px"> |
|
|
|
@change="reportFontColorchange" |
|
|
|
></el-color-picker> |
|
|
|
<el-input |
|
|
|
v-model="form.dataInputBackgroundColor" |
|
|
|
maxlength="6" |
|
|
|
v-model="form.reportFontColor" |
|
|
|
style=" |
|
|
|
width: 85%; |
|
|
|
position: absolute; |
|
|
|
top: 0px; |
|
|
|
margin-left: 10px; |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6" style="margin-left: -20px"> |
|
|
|
<el-form-item label="选择" prop="dataInputBackgroundColor"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="数据录入背景" label-width="100px"> |
|
|
|
<el-color-picker |
|
|
|
v-model="form.dataInputBackgroundColor" |
|
|
|
@change="dataInputBackgroundColorchange" |
|
|
|
></el-color-picker> |
|
|
|
<el-input |
|
|
|
v-model="form.dataInputBackgroundColor" |
|
|
|
maxlength="6" |
|
|
|
type="color" |
|
|
|
@input="haxadecimal" |
|
|
|
style=" |
|
|
|
width: 85%; |
|
|
|
position: absolute; |
|
|
|
top: 0px; |
|
|
|
margin-left: 10px; |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
@ -151,10 +168,16 @@ |
|
|
|
> |
|
|
|
<el-color-picker |
|
|
|
v-model="form.dataInputFontColor" |
|
|
|
@change="dataInputFontColorchange" |
|
|
|
></el-color-picker> |
|
|
|
<el-input |
|
|
|
v-model="form.dataInputFontColor" |
|
|
|
style="width: 50%;margin-left:10px" |
|
|
|
style=" |
|
|
|
width: 85%; |
|
|
|
margin-left: 10px; |
|
|
|
position: absolute; |
|
|
|
top: 0px; |
|
|
|
" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
@ -166,8 +189,10 @@ |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
</el-card> |
|
|
|
<div style="margin-left:10px"> |
|
|
|
<el-button type="primary" @click="editpopup" style="margin-top:60px">编辑</el-button> |
|
|
|
<div style="margin-left: 10px"> |
|
|
|
<el-button type="primary" @click="editpopup" style="margin-top: 60px" |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -242,6 +267,33 @@ export default { |
|
|
|
this.rowDrop(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
//数据录入字体 |
|
|
|
dataInputFontColorchange(v) { |
|
|
|
var hexColor = v; |
|
|
|
hexColor = hexColor.substring(1); |
|
|
|
this.form.dataInputFontColor = parseInt(hexColor, 16); |
|
|
|
}, |
|
|
|
//数据录入背景 |
|
|
|
dataInputBackgroundColorchange(v) { |
|
|
|
var hexColor = v; |
|
|
|
hexColor = hexColor.substring(1); |
|
|
|
this.form.dataInputBackgroundColor = parseInt(hexColor, 16); |
|
|
|
}, |
|
|
|
//报告单字体色 |
|
|
|
reportFontColorchange(v) { |
|
|
|
var hexColor = v; |
|
|
|
hexColor = hexColor.substring(1); |
|
|
|
this.form.reportFontColor = parseInt(hexColor, 16); |
|
|
|
}, |
|
|
|
//报告单背景色 |
|
|
|
reportBackgroundColorchange(v) { |
|
|
|
var hexColor = v; |
|
|
|
// 去除开头的#号 |
|
|
|
hexColor = hexColor.substring(1); |
|
|
|
// 转换为十进制 |
|
|
|
this.form.reportBackgroundColor = parseInt(hexColor, 16); |
|
|
|
console.log(this.form.reportBackgroundColor); |
|
|
|
}, |
|
|
|
rowclick(row) { |
|
|
|
this.form = row; |
|
|
|
console.log(row); |
|
|
|
@ -347,12 +399,10 @@ export default { |
|
|
|
// displayName: this.form.displayName, |
|
|
|
dataInputPrompt: this.form.dataInputPrompt, |
|
|
|
reportPrompt: this.form.reportPrompt, |
|
|
|
reportBackgroundColor: Number(this.form.reportBackgroundColor), |
|
|
|
reportFontColor: Number(this.form.reportFontColor), |
|
|
|
dataInputBackgroundColor: Number( |
|
|
|
this.form.dataInputBackgroundColor |
|
|
|
), |
|
|
|
dataInputFontColor: Number(this.form.dataInputFontColor), |
|
|
|
reportBackgroundColor: this.form.reportBackgroundColor, |
|
|
|
reportFontColor: this.form.reportFontColor, |
|
|
|
dataInputBackgroundColor: this.form.dataInputBackgroundColor, |
|
|
|
dataInputFontColor: this.form.dataInputFontColor, |
|
|
|
}; |
|
|
|
statusmodification(this.form.id, obj).then((res) => { |
|
|
|
this.$message.success("修改成功"); |
|
|
|
|