颜色样式调整

@@ -112,16 +112,20 @@
                       <div v-else class="text-empty">请选择成员</div>
                       <div v-else class="text-empty">请选择成员</div>
                     </div>
                     </div>
                   </div>
                   </div>
-                  <el-form-item v-if="state.select_attr_set" prop="attr">
-                    <el-radio-group
+                  <!-- <el-form-item v-if="state.select_attr_set" prop="attr" style="width: 100%;"> -->
+                    <!-- <el-radio-group
                       v-model="state.attr_radio"
                       v-model="state.attr_radio"
                       size="large"
                       size="large"
                       class="attr-radio-group"
                       class="attr-radio-group"
                     >
                     >
                       <el-radio-button label="基础属性" />
                       <el-radio-button label="基础属性" />
                       <el-radio-button label="更多属性" />
                       <el-radio-button label="更多属性" />
-                    </el-radio-group>
-                  </el-form-item>
+                    </el-radio-group> -->
+                  <!-- </el-form-item> -->
+                  <el-tabs v-if="state.select_attr_set" v-model="state.attr_radio"  @tab-click="handleAttrClick" stretch>
+                    <el-tab-pane label="基础属性" name="基础属性"></el-tab-pane>
+                    <el-tab-pane label="更多属性" name="更多属性"></el-tab-pane>
+                  </el-tabs>
                   <el-form-item v-if="state.attr_radio === '基础属性'" prop="">
                   <el-form-item v-if="state.attr_radio === '基础属性'" prop="">
                     <div slot="label">
                     <div slot="label">
                       <div style="display: flex; align-items: center; justify-content: space-between;width:266px; margin-bottom: 15px;">
                       <div style="display: flex; align-items: center; justify-content: space-between;width:266px; margin-bottom: 15px;">
@@ -311,7 +315,7 @@
           </div>
           </div>
         </el-tooltip> -->
         </el-tooltip> -->
         <div style="position: absolute; top: 15px; right: 160px; width: 80px;">
         <div style="position: absolute; top: 15px; right: 160px; width: 80px;">
-          <div @click="saveData" style="border: 1px solid #009688; width: 100%; height: 25px; border-radius: 5px; color: #009688; text-align: center; line-height: 25px; cursor: pointer;">保存</div>
+          <div @click="saveData" style="border: 1px solid #009688; width: 100%; height: 25px; border-radius: 5px; background-color: #009688; color: #fff; text-align: center; line-height: 25px; cursor: pointer;">保存</div>
         </div>
         </div>
         <div class="select-version-wrapper">
         <div class="select-version-wrapper">
           <el-dropdown trigger="click">
           <el-dropdown trigger="click">
@@ -967,7 +971,10 @@ export default {
     /***************** END *******************/
     /***************** END *******************/
 
 
     function handleActiveChange(name: any) {
     function handleActiveChange(name: any) {
-      console.warn(name)
+      // console.warn(name)
+    }
+    const handleAttrClick = (tab, event) => {
+      // console.warn(tab.props.name);
     }
     }
 
 
     /************** 字段权限操作 ***************/
     /************** 字段权限操作 ***************/
@@ -1967,6 +1974,7 @@ export default {
       deleteFlowVersion,
       deleteFlowVersion,
       saveFlowVersionNote,
       saveFlowVersionNote,
       handleActiveChange,
       handleActiveChange,
+      handleAttrClick,
       onAuthVisibleChange,
       onAuthVisibleChange,
       onAuthEditableChange,
       onAuthEditableChange,
       onAuthAllChange,
       onAuthAllChange,
@@ -2127,9 +2135,10 @@ body {
       align-items: center;
       align-items: center;
       margin-bottom: 5px;
       margin-bottom: 5px;
       /* .left {
       /* .left {
-      }
-      .right {
       } */
       } */
+      .right {
+        color: #bbb;
+      }
       .active {
       .active {
         color: #009688;
         color: #009688;
       }
       }
@@ -2236,4 +2245,8 @@ body {
   border-color: #009688 !important;
   border-color: #009688 !important;
   box-shadow: -1px 0 0 0 #009688 !important;
   box-shadow: -1px 0 0 0 #009688 !important;
 }
 }
+
+.el-tabs__item:hover {
+  color: #009688!important;
+}
 </style>
 </style>