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

src/pages/work/bill/stocksBill/addEdit.vue

@@ -9,24 +9,24 @@
       <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="futureStocksName" required @click="handleFutureStocks">
               <view class="input-with-arrow">
                 <u--input v-model="form.futureStocksName" readonly disabledColor="#ffffff" placeholder="请选择股票账户"
-                  inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                  inputAlign="left" :customStyle="getInputStyle('futureStocksName')"></u--input>
                 <text class="arrow-icon">▼</text>
               </view>
             </u-form-item>
             <u-form-item label="账单日" prop="billDate" required @click="selectDate()">
               <view class="input-with-arrow">
-                <u--input v-model="form.billDate" readonly disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                <u--input v-model="form.billDate" readonly disabledColor="#ffffff" placeholder="请选择账单日" inputAlign="left" :customStyle="getInputStyle('billDate')"></u--input>
                 <text class="arrow-icon">▼</text>
               </view>
             </u-form-item>
             <u-form-item label="股票收益" prop="billAmount" required >
               <u--input v-model="form.billAmount"  type="number" placeholder="请填写股票收益"
-                inputAlign="left" :customStyle="inputBaseStyle"></u--input>
+                inputAlign="left" :customStyle="getInputStyle('billAmount')"></u--input>
             </u-form-item>
             <u-form-item label="备注" prop="remark"  labelPosition="top">
               <u--textarea v-model="form.remark" placeholder="请填写备注" autoHeight inputAlign="left" count
@@ -82,6 +82,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 futureStocksBillList = ref([])
 const billStateList = ref([])
 const data = reactive({
@@ -176,7 +189,8 @@ onLoad((option) => {
 				datePickShow.value = false
 			}
       function submit() {
-        proxy.$refs['uForm'].validate().then(() => {
+        errorFields.value = []
+  proxy.$refs['uForm'].validate().then(() => {
           if (form.value.id != null) {
             updateFutureStocksBill(form.value).then(res => {
               proxy.$refs['uToast'].show({
@@ -194,6 +208,11 @@ onLoad((option) => {
             })
           })
           }
+        }).catch(errors => {
+          if (errors && errors.length > 0) {
+            errorFields.value = errors.map(err => err.field)
+          }
+          proxy.$modal.msgError('请填写完整信息')
         })
       }
   </script>