静态添加标签页

src/views/label/Label_AddLabel.vue

@@ -6,14 +6,17 @@
         margin: 0 auto;
         margin-top: 20px;
         margin-bottom: 60px;
+        border:1px solid red;
+        box-sizing: border-box;
+        padding: 20px;
       "
     >
       <div style="color: red; font-size: 12px">
-        <span style="display: inline-block; width: 35px"> </span>
+        <span style="display: inline-block; width: 20px"> </span>
         1、标签用于对不同用户群体的区别定价
       </div>
       <div style="color: red; font-size: 12px">
-        <span style="display: inline-block; width: 35px"> </span>
+        <span style="display: inline-block; width: 20px"> </span>
         2、标签的优先级高于营销方案，所以将用户加入标签后，此用户将优先执行标签的优惠规则，不会再执行营销方案的优惠规则
       </div>
     </div>
@@ -47,13 +50,14 @@
           <el-button @click.prevent="removeLabel(label)" :disabled="editable">删除</el-button>
         </el-form-item>
         <el-form-item>
+          <el-button @click="addLabel" :disabled="editable">新增</el-button>
           <el-button 
             type="primary" 
             @click="submitForm('labelForm')"
             :disabled="editable"
+            v-show="!editable"
             >提交</el-button
           >
-          <el-button @click="addLabel" :disabled="editable">新增</el-button>
           <el-button type="danger" @click="editLabel">{{editable?'修改标签':'取消'}}</el-button>
         </el-form-item>
       </div>
@@ -66,7 +70,7 @@ export default {
   data() {
     return {
       labelForm: {
-        labelFlag: true,
+        labelFlag: "0",
         labelArr: [
           {
             id: "",
@@ -82,7 +86,7 @@ export default {
           },
         ],
       },
-      editable: false,
+      editable: true,
       tempForm:undefined,
     };
   },
@@ -115,12 +119,10 @@ export default {
     editLabel(){
       if(!this.editable){
         if(this.tempForm !== undefined){
-          console.log('2',this.labelForm)
-          this.labelForm = {...this.tempForm}
+          this.labelForm = JSON.parse(this.tempForm)
         }
       }else{
-        console.log('2',this.labelForm)
-        this.tempForm = {...this.labelForm};
+        this.tempForm = JSON.stringify({...this.labelForm});
       }
       this.editable = !this.editable;
     }