Browse Source

颜色选择

master
mch 2 years ago
parent
commit
0ba4ba69d0
  1. 5
      src/views/basic-dictionary/ResultStatus.vue
  2. 29
      src/views/basic-dictionary/SampleContainer.vue

5
src/views/basic-dictionary/ResultStatus.vue

@ -105,7 +105,6 @@
prop="reportBackgroundColor" prop="reportBackgroundColor"
> >
<el-color-picker <el-color-picker
@change="reportBackgroundColorchange"
v-model="form.reportBackgroundColor" v-model="form.reportBackgroundColor"
></el-color-picker> ></el-color-picker>
<!-- <el-input></el-input> --> <!-- <el-input></el-input> -->
@ -130,7 +129,6 @@
<!-- <el-input v-model="form.reportFontColor"></el-input> --> <!-- <el-input v-model="form.reportFontColor"></el-input> -->
<el-color-picker <el-color-picker
v-model="form.reportFontColor" v-model="form.reportFontColor"
@change="reportFontColorchange"
></el-color-picker> ></el-color-picker>
<el-input <el-input
v-model="form.reportFontColor" v-model="form.reportFontColor"
@ -147,7 +145,6 @@
<el-form-item label="数据录入背景" label-width="100px"> <el-form-item label="数据录入背景" label-width="100px">
<el-color-picker <el-color-picker
v-model="form.dataInputBackgroundColor" v-model="form.dataInputBackgroundColor"
@input="dataInputBackgroundColorchange"
></el-color-picker> ></el-color-picker>
<el-input <el-input
v-model="form.dataInputBackgroundColor" v-model="form.dataInputBackgroundColor"
@ -171,11 +168,9 @@
> >
<el-color-picker <el-color-picker
v-model="form.dataInputFontColor" v-model="form.dataInputFontColor"
@change="dataInputFontColorchange"
></el-color-picker> ></el-color-picker>
<el-input <el-input
v-model="form.dataInputFontColor" v-model="form.dataInputFontColor"
@input="dataInputFontColorchange"
style=" style="
width: 85%; width: 85%;
margin-left: 10px; margin-left: 10px;

29
src/views/basic-dictionary/SampleContainer.vue

@ -87,7 +87,7 @@
<el-col :span="6"> <el-col :span="6">
<el-color-picker <el-color-picker
v-model="form.containerColor" v-model="form.containerColor"
@change="colorchange"
></el-color-picker> ></el-color-picker>
<el-form-item <el-form-item
label="颜色" label="颜色"
@ -98,7 +98,7 @@
v-model="form.containerColor" v-model="form.containerColor"
maxlength="8" maxlength="8"
minlength="6" minlength="6"
@change="colorchange"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -227,7 +227,7 @@ export default {
containerColorName: "", containerColorName: "",
containerColor: "", containerColor: "",
}, },
curRow:{},
curRow: {},
}; };
}, },
created() { created() {
@ -302,7 +302,7 @@ export default {
}, },
// //
toppings() { toppings() {
this.form={...this.curRow}
this.form = { ...this.curRow };
if (this.form.id == undefined) { if (this.form.id == undefined) {
this.$message.success("请点击选择操作的数据"); this.$message.success("请点击选择操作的数据");
} else { } else {
@ -314,7 +314,7 @@ export default {
}, },
// //
topping() { topping() {
this.form={...this.curRow}
this.form = { ...this.curRow };
if (this.form.id == undefined) { if (this.form.id == undefined) {
this.$message.warning("请点击选择操作的数据"); this.$message.warning("请点击选择操作的数据");
} else { } else {
@ -326,7 +326,7 @@ export default {
}, },
// //
delsrts() { delsrts() {
this.form={...this.curRow}
this.form = { ...this.curRow };
if (this.form.id == undefined) { if (this.form.id == undefined) {
this.$message.warning("请选择删除的数据"); this.$message.warning("请选择删除的数据");
} else { } else {
@ -352,14 +352,14 @@ export default {
}, },
// //
editpopup() { editpopup() {
this.resetFields()
this.form={...this.curRow}
this.resetFields();
this.form = { ...this.curRow };
if (this.form.id == undefined) { if (this.form.id == undefined) {
this.$message.warning("请点击选择操作的数据"); this.$message.warning("请点击选择操作的数据");
} else { } else {
this.dialogVisible = true; this.dialogVisible = true;
this.title = 2; this.title = 2;
this.getFocus()
this.getFocus();
Containerid(this.form.id).then((res) => { Containerid(this.form.id).then((res) => {
console.log(res); console.log(res);
this.form = res.data; this.form = res.data;
@ -369,11 +369,10 @@ export default {
//id //id
rowick(row) { rowick(row) {
Containerid(row.id).then((res) => { Containerid(row.id).then((res) => {
this.curRow={...res.data}
this.curRow = { ...res.data };
// console.log(res); // console.log(res);
// this.form = res.data; // this.form = res.data;
}); });
}, },
// //
addoredit() { addoredit() {
@ -408,16 +407,16 @@ export default {
this.title = 1; this.title = 1;
this.dialogVisible = true; this.dialogVisible = true;
this.form = {}; this.form = {};
this.getFocus()
this.resetFields()
this.getFocus();
this.resetFields();
}, },
getFocus(){
getFocus() {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.refinput.focus(); this.$refs.refinput.focus();
}); });
}, },
resetFields(){
resetFields() {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.form.resetFields(); this.$refs.form.resetFields();
}); });

Loading…
Cancel
Save