颜色选择

src/views/basic-dictionary/ResultStatus.vue

@@ -62,7 +62,7 @@
         :visible.sync="dialogVisible"
         width="55%"
         :before-close="handleClose"
-        :close-on-click-modal="false"	
+        :close-on-click-modal="false"
       >
         <el-form :model="form" :rules="rules" ref="ruleForm" label-width="80px">
           <el-row>
@@ -105,7 +105,6 @@
                 prop="reportBackgroundColor"
               >
                 <el-color-picker
-                  @change="reportBackgroundColorchange"
                   v-model="form.reportBackgroundColor"
                 ></el-color-picker>
                 <!-- <el-input></el-input> -->
@@ -130,7 +129,6 @@
                 <!-- <el-input v-model="form.reportFontColor"></el-input> -->
                 <el-color-picker
                   v-model="form.reportFontColor"
-                  @change="reportFontColorchange"
                 ></el-color-picker>
                 <el-input
                   v-model="form.reportFontColor"
@@ -147,7 +145,6 @@
               <el-form-item label="数据录入背景" label-width="100px">
                 <el-color-picker
                   v-model="form.dataInputBackgroundColor"
-                  @input="dataInputBackgroundColorchange"
                 ></el-color-picker>
                 <el-input
                   v-model="form.dataInputBackgroundColor"
@@ -171,11 +168,9 @@
               >
                 <el-color-picker
                   v-model="form.dataInputFontColor"
-                  @change="dataInputFontColorchange"
                 ></el-color-picker>
                 <el-input
                   v-model="form.dataInputFontColor"
-                  @input="dataInputFontColorchange"
                   style="
                     width: 85%;
                     margin-left: 10px;

src/views/basic-dictionary/SampleContainer.vue

@@ -67,7 +67,7 @@
           :title="title == 1 ? '新增' : '编辑'"
           :visible.sync="dialogVisible"
           width="75%"
-           :close-on-click-modal="false"
+          :close-on-click-modal="false"
         >
           <el-form ref="form" :model="form" label-width="80px" :rules="rules">
             <el-row>
@@ -87,7 +87,7 @@
               <el-col :span="6">
                 <el-color-picker
                   v-model="form.containerColor"
-                  @change="colorchange"
+                  
                 ></el-color-picker>
                 <el-form-item
                   label="颜色"
@@ -98,7 +98,7 @@
                     v-model="form.containerColor"
                     maxlength="8"
                     minlength="6"
-                    @change="colorchange"
+               
                   ></el-input>
                 </el-form-item>
               </el-col>
@@ -227,7 +227,7 @@ export default {
         containerColorName: "",
         containerColor: "",
       },
-      curRow:{},
+      curRow: {},
     };
   },
   created() {
@@ -302,7 +302,7 @@ export default {
     },
     //置低
     toppings() {
-      this.form={...this.curRow}
+      this.form = { ...this.curRow };
       if (this.form.id == undefined) {
         this.$message.success("请点击选择操作的数据");
       } else {
@@ -314,7 +314,7 @@ export default {
     },
     //置顶
     topping() {
-       this.form={...this.curRow}
+      this.form = { ...this.curRow };
       if (this.form.id == undefined) {
         this.$message.warning("请点击选择操作的数据");
       } else {
@@ -326,7 +326,7 @@ export default {
     },
     //删除
     delsrts() {
-       this.form={...this.curRow}
+      this.form = { ...this.curRow };
       if (this.form.id == undefined) {
         this.$message.warning("请选择删除的数据");
       } else {
@@ -352,14 +352,14 @@ export default {
     },
     //编辑弹框
     editpopup() {
-      this.resetFields()
-       this.form={...this.curRow}
+      this.resetFields();
+      this.form = { ...this.curRow };
       if (this.form.id == undefined) {
         this.$message.warning("请点击选择操作的数据");
       } else {
         this.dialogVisible = true;
         this.title = 2;
-        this.getFocus()
+        this.getFocus();
         Containerid(this.form.id).then((res) => {
           console.log(res);
           this.form = res.data;
@@ -369,11 +369,10 @@ export default {
     //点击列表通过id查询
     rowick(row) {
       Containerid(row.id).then((res) => {
-        this.curRow={...res.data}
+        this.curRow = { ...res.data };
         // console.log(res);
         // this.form = res.data;
       });
-     
     },
     //确定新增或者编辑
     addoredit() {
@@ -408,19 +407,19 @@ export default {
       this.title = 1;
       this.dialogVisible = true;
       this.form = {};
-   this.getFocus()
-   this.resetFields()
+      this.getFocus();
+      this.resetFields();
     },
-    getFocus(){
+    getFocus() {
       this.$nextTick(() => {
         this.$refs.refinput.focus();
-      });      
+      });
     },
 
-    resetFields(){
+    resetFields() {
       this.$nextTick(() => {
         this.$refs.form.resetFields();
-      });      
+      });
     },
     getlist() {
       containerlist(this.pages).then((res) => {