udpate

src/components/elem-form/checkbox-group-form/src/checkboxGroupForm.vue

@@ -22,6 +22,10 @@
           :key="checkbox.value"
         >{{checkbox.label}}</el-checkbox>
       </el-checkbox-group>
+      <template v-if="formData[item.model]">
+        <div class="self-icon el-icon-circle-check" style="color: #237f00;"></div>
+      </template>
+      <div class="self-icon el-icon-circle-close" style="color: #b01c40;"></div>
     </el-form-item>
   </div>
 </template>
@@ -49,3 +53,15 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+  .self-icon {
+    display: none;
+    vertical-align: middle;
+    margin-left: 10px;
+    font-size: 21px;
+    line-height: 22px;
+  }
+  .is-error .self-icon.el-icon-circle-close { display: inline-block; }
+  .is-success .self-icon.el-icon-circle-check { display: inline-block; }
+</style>

src/components/elem-form/city-select-form/src/citySelectForm.vue

@@ -26,6 +26,10 @@
           ></el-option>
         </el-select>
       </template>
+      <template v-if="formData[item.model]">
+        <div class="self-icon el-icon-circle-check" style="color: #237f00;"></div>
+      </template>
+      <div class="self-icon el-icon-circle-close" style="color: #b01c40;"></div>
     </el-form-item>
   </div>
 </template>
@@ -141,3 +145,15 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+  .self-icon {
+    display: none;
+    vertical-align: middle;
+    margin-left: 10px;
+    font-size: 21px;
+    line-height: 22px;
+  }
+  .is-error .self-icon.el-icon-circle-close { display: inline-block; }
+  .is-success .self-icon.el-icon-circle-check { display: inline-block; }
+</style>

src/components/elem-form/date-picker-form/src/datePickerForm.vue

@@ -17,6 +17,10 @@
         :disabled="item.disabled || false"
         :placeholder="item.placeholder"
       ></el-date-picker>
+      <template v-if="formData[item.model]">
+        <div class="self-icon el-icon-circle-check" style="color: #237f00;"></div>
+      </template>
+      <div class="self-icon el-icon-circle-close" style="color: #b01c40;"></div>
     </el-form-item>
   </div>
 </template>
@@ -44,3 +48,15 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+  .self-icon {
+    display: none;
+    vertical-align: middle;
+    margin-left: 10px;
+    font-size: 21px;
+    line-height: 22px;
+  }
+  .is-error .self-icon.el-icon-circle-close { display: inline-block; }
+  .is-success .self-icon.el-icon-circle-check { display: inline-block; }
+</style>

src/components/elem-form/date-picker-from-to-form/src/datePickerFromToForm.vue

@@ -19,6 +19,10 @@
         :start-placeholder="item.startPlaceholder"
         :end-placeholder="item.endPlaceholder"
       ></el-date-picker>
+      <template v-if="formData[item.model]">
+        <div class="self-icon el-icon-circle-check" style="color: #237f00;"></div>
+      </template>
+      <div class="self-icon el-icon-circle-close" style="color: #b01c40;"></div>
     </el-form-item>
   </div>
 </template>
@@ -46,3 +50,15 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+  .self-icon {
+    display: none;
+    vertical-align: middle;
+    margin-left: 10px;
+    font-size: 21px;
+    line-height: 22px;
+  }
+  .is-error .self-icon.el-icon-circle-close { display: inline-block; }
+  .is-success .self-icon.el-icon-circle-check { display: inline-block; }
+</style>

src/components/elem-form/input-form/src/inputForm.vue

@@ -15,7 +15,12 @@
         v-model="formData[item.model]"
         :disabled="item.disabled || false"
         :placeholder="item.placeholder || ''"
-      ></el-input>
+      >
+      </el-input>
+      <template v-if="formData[item.model]">
+        <div class="self-icon el-icon-circle-check" style="color: #237f00;"></div>
+      </template>
+      <div class="self-icon el-icon-circle-close" style="color: #b01c40;"></div>
     </el-form-item>
   </div>
 </template>
@@ -43,3 +48,15 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+  .self-icon {
+    display: none;
+    vertical-align: middle;
+    margin-left: 10px;
+    font-size: 21px;
+    line-height: 22px;
+  }
+  .is-error .self-icon.el-icon-circle-close { display: inline-block; }
+  .is-success .self-icon.el-icon-circle-check { display: inline-block; }
+</style>

src/components/elem-form/radio-group-form/src/radioGroupForm.vue

@@ -22,6 +22,10 @@
           :key="radio.value"
         >{{radio.label}}</el-radio>
       </el-radio-group>
+      <template v-if="formData[item.model]">
+        <div class="self-icon el-icon-circle-check" style="color: #237f00;"></div>
+      </template>
+      <div class="self-icon el-icon-circle-close" style="color: #b01c40;"></div>
     </el-form-item>
   </div>
 </template>
@@ -49,3 +53,15 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+  .self-icon {
+    display: none;
+    vertical-align: middle;
+    margin-left: 10px;
+    font-size: 21px;
+    line-height: 22px;
+  }
+  .is-error .self-icon.el-icon-circle-close { display: inline-block; }
+  .is-success .self-icon.el-icon-circle-check { display: inline-block; }
+</style>

src/components/elem-form/select-form/src/selectForm.vue

@@ -23,6 +23,10 @@
           :key="option.value"
         ></el-option>
       </el-select>
+      <template v-if="formData[item.model]">
+        <div class="self-icon el-icon-circle-check" style="color: #237f00;"></div>
+      </template>
+      <div class="self-icon el-icon-circle-close" style="color: #b01c40;"></div>
     </el-form-item>
   </div>
 </template>
@@ -50,3 +54,15 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+  .self-icon {
+    display: none;
+    vertical-align: middle;
+    margin-left: 10px;
+    font-size: 21px;
+    line-height: 22px;
+  }
+  .is-error .self-icon.el-icon-circle-close { display: inline-block; }
+  .is-success .self-icon.el-icon-circle-check { display: inline-block; }
+</style>

src/components/elem-form/textarea-form/src/textareaForm.vue

@@ -17,6 +17,10 @@
         :placeholder="item.placeholder || ''"
         :disabled="item.disabled || false"
       ></el-input>
+      <template v-if="formData[item.model]">
+        <div class="self-icon el-icon-circle-check" style="color: #237f00;"></div>
+      </template>
+      <div class="self-icon el-icon-circle-close" style="color: #b01c40;"></div>
     </el-form-item>
   </div>
 </template>
@@ -44,3 +48,15 @@ export default {
   }
 }
 </script>
+
+<style lang="scss">
+  .self-icon {
+    display: none;
+    vertical-align: middle;
+    margin-left: 10px;
+    font-size: 21px;
+    line-height: 22px;
+  }
+  .is-error .self-icon.el-icon-circle-close { display: inline-block; }
+  .is-success .self-icon.el-icon-circle-check { display: inline-block; }
+</style>

src/components/elem-form/upload-form/src/uploadForm.vue

@@ -16,9 +16,13 @@
         :on-success="onSuccessFile"
         :with-credentials="true"
         :show-file-list="false"
-        :file-list="fileList"
+        :file-list="formData[item.model]"
         v-bind="item.attrs || {}">
         <el-button type="primary">点击上传</el-button>
+        <template v-if="formData[item.model]">
+          <div class="self-icon el-icon-circle-check" style="color: #237f00;"></div>
+        </template>
+        <div class="self-icon el-icon-circle-close" style="color: #b01c40;"></div>
       </el-upload>
       <div style="overflow: hidden; padding: 20px 0 0 0;">
         <template v-if="filesArr.length">
@@ -48,14 +52,6 @@
         </template>
       </div>
       <div class='info' style="line-height: 1.5;" v-html="item.html"></div>
-
-      <!-- <el-input :style="{ width: item.modelWidth || item['model-width'] || '100%' }"
-        v-bind="item.attrs || {}"
-        v-on="$listeners"
-        v-model="formData[item.model]"
-        :disabled="item.disabled || false"
-        :placeholder="item.placeholder || ''"
-      ></el-input> -->
     </el-form-item>
   </div>
 </template>
@@ -83,8 +79,7 @@ export default {
   data () {
     return {
       'project_id': '',
-      filesArr: [],
-      fileList: []
+      filesArr: []
     }
   },
   methods: {
@@ -93,7 +88,6 @@ export default {
       response.url = response.file || ''
       response.sso_file_name = file.name
       this.filesArr.push(response)
-      this.fileList = []
       // this.$emit('onSubmit')
     },
     deleteFiles (index) {
@@ -126,6 +120,16 @@ export default {
 </script>
 
 <style lang="scss">
+  .self-icon {
+    display: none;
+    vertical-align: middle;
+    margin-left: 10px;
+    font-size: 21px;
+    line-height: 22px;
+  }
+  .is-error .self-icon.el-icon-circle-close { display: inline-block; }
+  .is-success .self-icon.el-icon-circle-check { display: inline-block; }
+
   .show-file {
     position: relative;
     float: left;