|
@@ -35,6 +35,7 @@
|
|
|
v-if='ruleForm.Type=="Zone"'
|
|
|
v-model='ruleForm.FillColor'
|
|
|
style='margin:0 172px 0 10px'
|
|
|
+ show-alpha
|
|
|
@change='changBgColor'
|
|
|
:color-format='"hex"'
|
|
|
></el-color-picker>
|
|
@@ -224,10 +225,23 @@ export default {
|
|
|
this.clearGraphy(this.ruleForm.Type == 'Zone' ? 1 : 0)
|
|
|
}
|
|
|
},
|
|
|
+ //rgba转成16进制
|
|
|
+ hexify(color) {
|
|
|
+ var values = color
|
|
|
+ .replace(/rgba?\(/, '')
|
|
|
+ .replace(/\)/, '')
|
|
|
+ .replace(/[\s+]/g, '')
|
|
|
+ .split(',')
|
|
|
+ var a = parseFloat(values[3] || 1),
|
|
|
+ r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255),
|
|
|
+ g = Math.floor(a * parseInt(values[1]) + (1 - a) * 255),
|
|
|
+ b = Math.floor(a * parseInt(values[2]) + (1 - a) * 255)
|
|
|
+ return '#' + ('0' + r.toString(16)).slice(-2) + ('0' + g.toString(16)).slice(-2) + ('0' + b.toString(16)).slice(-2)
|
|
|
+ },
|
|
|
// 背景颜色改变
|
|
|
changBgColor(val) {
|
|
|
if (this.view) {
|
|
|
- this.view.bgcolor = val
|
|
|
+ this.view.bgcolor = this.hexify(val)
|
|
|
}
|
|
|
},
|
|
|
// 线条颜色改变
|