[update] 修改bug80690

src/assets/less/common.less

@@ -157,3 +157,9 @@
     }
   }
 }
+
+/deep/ .van-field {
+  .van-field__control[readonly]{
+    color: #969799;
+  }
+}

src/components/CalendarField.vue

@@ -3,6 +3,7 @@
   <div>
     <van-field
       readonly
+      :class="readonly ? 'field-readonly' : 'not-field-readonly'"
       clickable
       type="text"
       name="calendar"
@@ -70,3 +71,18 @@ export default {
   }
 }
 </script>
+
+<style scoped lang="less">
+
+.not-field-readonly {
+  /deep/ .van-field__control{
+    color: #1D2129 !important;
+  }
+}
+
+.field-readonly {
+  /deep/ .van-field__control{
+    color: #969799 !important;
+  }
+}
+</style>

src/components/PickerDictCheckboxField.vue

@@ -3,6 +3,7 @@
   <div>
     <van-field
       readonly
+      :class="readonly ? 'field-readonly' : 'not-field-readonly'"
       clickable
       name="picker"
       :value="showValue"
@@ -185,4 +186,16 @@ export default {
   }
 }
 
+.not-field-readonly {
+  /deep/ .van-field__control{
+    color: #1D2129 !important;
+  }
+}
+
+.field-readonly {
+  /deep/ .van-field__control{
+    color: #969799 !important;
+  }
+}
+
 </style>

src/components/PickerDictField.vue

@@ -3,6 +3,7 @@
   <div>
     <van-field
       readonly
+      :class="readonly ? 'field-readonly' : 'not-field-readonly'"
       clickable
       name="picker"
       :value="showValue"
@@ -135,6 +136,16 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="less">
+.not-field-readonly {
+  /deep/ .van-field__control{
+    color: #1D2129 !important;
+  }
+}
 
+.field-readonly {
+  /deep/ .van-field__control{
+    color: #969799 !important;
+  }
+}
 </style>

src/components/PickerField.vue

@@ -3,6 +3,7 @@
   <div>
     <van-field
       readonly
+      :class="readonly ? 'field-readonly' : 'not-field-readonly'"
       clickable
       name="picker"
       :value="showValue"
@@ -261,4 +262,15 @@ export default {
   }
 }
 
+.not-field-readonly {
+  /deep/ .van-field__control{
+    color: #1D2129 !important;
+  }
+}
+
+.field-readonly {
+  /deep/ .van-field__control{
+    color: #969799 !important;
+  }
+}
 </style>

src/components/SelectDepartmentField.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <van-field
-      :class="(required ? 'required ' : '') + 'form-item label-weight'"
+      :class="(required ? 'required ' : '') + 'form-item label-weight ' + (readonly ? 'field-readonly' : 'not-field-readonly')"
       type="textarea"
       :label="label"
       clearable
@@ -270,4 +270,16 @@ export default {
   width: 100%;
   flex: 1;
 }
+
+.not-field-readonly {
+  /deep/ .van-field__control{
+    color: #1D2129 !important;
+  }
+}
+
+.field-readonly {
+  /deep/ .van-field__control{
+    color: #969799 !important;
+  }
+}
 </style>

src/components/SelectUserByWorkGroupField.vue

@@ -5,6 +5,7 @@
       :label="label"
       :placeholder="$t('pleaseSelect') + label"
       readonly
+      :class="readonly ? 'field-readonly' : 'not-field-readonly'"
       rows="1"
       autosize
       :rules="rules"
@@ -120,6 +121,18 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="less">
+@import '~@assets/less/common.less';
 
+.not-field-readonly {
+  /deep/ .van-field__control{
+    color: #1D2129 !important;
+  }
+}
+
+.field-readonly {
+  /deep/ .van-field__control{
+    color: #969799 !important;
+  }
+}
 </style>

src/components/SelectUserField.vue

@@ -5,6 +5,7 @@
       :label="label"
       :placeholder="$t('pleaseSelect') + (label ? label : '')"
       readonly
+      :class="readonly ? 'field-readonly' : 'not-field-readonly'"
       rows="1"
       autosize
       :required="rules ? rules[0].required : false"
@@ -124,4 +125,15 @@ export default {
 <style scoped lang="less">
 @import '~@assets/less/common.less';
 
+.not-field-readonly {
+  /deep/ .van-field__control{
+    color: #1D2129 !important;
+  }
+}
+
+.field-readonly {
+  /deep/ .van-field__control{
+    color: #969799 !important;
+  }
+}
 </style>