【bug】召开时间表单验证颜色修改

src/components/jero/JAreaLinkagePca.vue

@@ -2,6 +2,7 @@
   <div v-if="!reloading" class="j-area-linkage">
     <!--area-cascader level-0二级联动 1-三级联动-->
     <area-cascader
+      style="border-color: red"
       v-if="_type === enums.type[0]"
       :value="innerValue"
       :data="pca"
@@ -9,7 +10,7 @@
       v-bind="$attrs"
       v-on="_listeners"
       @change="handleChange"
-      :class="isActive ? 'placeholderBlack' : 'placeholderGray'"
+      :class="{'placeholderBlack':isActive,'placeholderGray':!isActive,'has-error':hasError}"
     />
     <!--area-select level-1二级联动 2-三级联动-->
     <area-select
@@ -19,7 +20,7 @@
       v-bind="$attrs"
       v-on="_listeners"
       @change="handleChange"
-      :class="isActive ? 'placeholderBlack' : 'placeholderGray'"
+      :class="{'placeholderBlack':isActive,'placeholderGray':!isActive,'has-error':hasError}"
     />
     <div v-else>
       <span style="color:red;"> Bad type value: {{_type}}</span>
@@ -36,7 +37,13 @@ export default {
   props: {
     value: {
       type: String,
-      required: false
+      required: false,
+    },
+    // 表单是否必填控制
+    hasError:{
+      type:Boolean,
+      required: false,
+      default:false
     },
     // 组件的类型，可选值：
     // select 下拉样式
@@ -160,6 +167,14 @@ export default {
 
   }
 
+  /deep/ .area-cascader-wrap .area-select:hover {
+    border-color: #069f99;;
+  }
+  /deep/ .has-error .area-select {
+    border-color: #f5222d!important;
+  }
+
+
   ///deep/.placeholderBlack .area-cascader-wrap .area-select.active {
   //  color: #333 !important;
   //}