feat: 修改车辆颜色

zjk

2026-04-03 fd5d8c421ab4e2df611e50e8aa6bbda95be0fac7

feat: 修改车辆颜色

 src/views/assetManagement/vehicleManagement/inventoryVehicle/add.vue

@@ -86,7 +86,7 @@
  ],
  vehicleColor: [
    { required: true, message: '请输入车辆颜色', trigger: ['blur', 'input'] },
    { len: 2, message: '车辆颜色长度为2位', trigger: ['blur', 'input'] },
    { len: 3, message: '车辆颜色长度为3位', trigger: ['blur', 'input'] },
    { pattern: /^[\u4E00-\u9FA5a-z]+$/i, message: '车辆颜色仅支持中文和英文', trigger: ['blur', 'input'] },
  ],
  vehiclePhotos: [
@@ -396,7 +396,9 @@
      <!-- 车辆信息 -->
      <n-card :bordered="false" class="section-card">
        <div class="section-header">
          <div class="section-title">车辆信息</div>
          <div class="section-title">
            车辆信息
          </div>
        </div>
        <n-form
          ref="vehicleFormRef"
@@ -412,8 +414,7 @@
              <n-form-item path="vehiclePhotos" :show-label="false">
                <div class="photo-section">
                  <div class="photo-label">
                    <span style="color: #ff4d4f; margin-right: 4px">*</span
                    >车辆照片
                    <span style="color: #ff4d4f; margin-right: 4px">*</span>车辆照片
                  </div>
                  <div class="photo-upload-area">
                    <n-upload
@@ -436,7 +437,7 @@
                      <img
                        src="/src/assets/element-img/upload.png"
                        style="width: 56px; height: 56px"
                      />
                      >
                    </n-upload>
                  </div>
                </div>
@@ -450,7 +451,7 @@
                    margin-right: 6px;
                    margin-top: 3px;
                  "
                />
                >
                <div class="photo-tip">
                  <span>支持jpg/png，</span>
                  <span>大小≤5MB，最多</span>
@@ -515,7 +516,7 @@
                      v-model:value="formModel.vehicleColor"
                      placeholder="请输入"
                      clearable
                      maxlength="2"
                      maxlength="3"
                    />
                  </n-form-item>
                </n-gi>
@@ -562,7 +563,7 @@
                          }"
                          style="width: 16px; height: 16px"
                          alt="arrow"
                        />
                        >
                      </template>
                      <template #empty>
                        <div class="flex-center">
@@ -570,7 +571,7 @@
                            src="/src/assets/element-img/no-data.png"
                            style="width: 50%"
                            alt="no-data"
                          />
                          >
                        </div>
                      </template>
                    </n-select>
@@ -585,7 +586,9 @@
      <!-- 完善信息 -->
      <n-card :bordered="false" class="section-card">
        <div class="section-header">
          <div class="section-title">完善信息</div>
          <div class="section-title">
            完善信息
          </div>
        </div>
        <n-form
          ref="completeInfoFormRef"
@@ -670,7 +673,7 @@
                    :src="getFileIcon(file.name)"
                    alt="file-icon"
                    style="width: 24px; height: 24px"
                  />
                  >
                  <span class="file-name">{{ file.name }}</span>
                  <span class="file-close" @click="removeFile(index, 'inspectionFiles')">×</span>
                </div>
@@ -760,7 +763,7 @@
                          <line x1="12" y1="3" x2="12" y2="15" />
                        </svg>
                      </template>
                       <span style="font-size: 13px;color: #171F26;">点击上传</span>
                      <span style="font-size: 13px;color: #171F26;">点击上传</span>
                    </n-button>
                    <span class="file-upload-hint">仅支持PDF，大小≤5MB，最多上传5个</span>
                  </div>
@@ -781,7 +784,7 @@
                    :src="getFileIcon(file.name)"
                    alt="file-icon"
                    style="width: 24px; height: 24px"
                  />
                  >
                  <span class="file-name">{{ file.name }}</span>
                  <span class="file-close" @click="removeFile(index, 'insuranceFiles')">×</span>
                </div>
@@ -843,7 +846,7 @@
                          <line x1="12" y1="3" x2="12" y2="15" />
                        </svg>
                      </template>
                    <span style="font-size: 13px;color: #171F26;">点击上传</span>   
                      <span style="font-size: 13px;color: #171F26;">点击上传</span>
                    </n-button>
                    <span class="file-upload-hint">仅支持PDF，大小≤5MB，最多上传5个</span>
                  </div>
@@ -864,7 +867,7 @@
                    :src="getFileIcon(file.name)"
                    alt="file-icon"
                    style="width: 24px; height: 24px"
                  />
                  >
                  <span class="file-name">{{ file.name }}</span>
                  <span class="file-close" @click="removeFile(index, 'onlineCarLicenseFiles')">×</span>
                </div>
@@ -877,7 +880,9 @@

    <!-- 底部固定按钮 -->
    <div class="form-actions">
      <n-button class="action-btn" @click="handleBack"> 取消 </n-button>
      <n-button class="action-btn" @click="handleBack">
        取消
      </n-button>
      <n-button
        type="primary"
        class="action-btn"
@@ -1181,7 +1186,6 @@
:deep(.n-upload-file-list .n-upload-file:first-child) {
  margin-top: 0;
}


/* 底部固定按钮 */
.form-actions {