fix: 功能样式，统一优化完善。

src/pages_mine/pages/system/dict/addEdit.vue

@@ -9,22 +9,22 @@
     <view class="section">
       <view class="section-title">{{ title }}</view>
       <view class="form-view">
-        <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="180rpx"
+        <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" label-width="160rpx"
           :labelStyle="{ color: '#333333', fontSize: '30rpx', marginRight: '24rpx' }">
           <u-form-item label="字典名称" prop="dictName" required>
             <u--input v-model="form.dictName" placeholder="请输入字典名称"
-              inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+              inputAlign="left" :customStyle="getInputStyle('dictName')"></u--input>
           </u-form-item>
 
           <u-form-item label="字典类型" prop="dictType" required>
             <u--input v-model="form.dictType" placeholder="请输入字典类型"
-              inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+              inputAlign="left" :customStyle="getInputStyle('dictType')"></u--input>
           </u-form-item>
 
           <u-form-item label="状态" prop="statusName" @click="showStatusPicker = true">
             <view class="input-with-arrow">
               <u--input v-model="statusName" readonly disabledColor="#ffffff" placeholder="请选择状态"
-                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                inputAlign="left" :customStyle="getInputStyle('statusName')"></u--input>
               <text class="arrow-icon">▼</text>
             </view>
           </u-form-item>
@@ -65,6 +65,19 @@ const inputBaseStyle = {
   width: '100%',
   boxSizing: 'border-box'
 }
+const errorFields = ref([])
+const inputErrorStyle = {
+  background: '#fef0f0',
+  border: '2rpx solid #f56c6c',
+  borderRadius: '8rpx',
+  padding: '0 24rpx',
+  height: '68rpx',
+  width: '100%',
+  boxSizing: 'border-box'
+}
+const getInputStyle = (field) => {
+  return errorFields.value.includes(field) ? inputErrorStyle : inputBaseStyle
+}
 
 const form = reactive({
   dictId: undefined,
@@ -125,6 +138,7 @@ function handleStatusConfirm(e) {
 // 提交
 function submit() {
   console.log('submit 被调用')
+  errorFields.value = []
   proxy.$refs['uForm'].validate().then(() => {
     console.log('验证通过', form.dictId)
     if (form.dictId) {
@@ -148,12 +162,12 @@ function submit() {
         })
       })
     }
-  }).catch(() => {
+  }).catch(errors => {
+    if (errors && errors.length > 0) {
+      errorFields.value = errors.map(err => err.field)
+    }
     console.log('验证失败')
-    proxy.$refs['uToast'].show({
-      type: 'error',
-      message: '请填写完整信息'
-    })
+    proxy.$modal.msgError('请填写完整信息')
   })
 }
 </script>