fix: 修改步骤条样式， 增强tag组件兼容性

src/components/Tag.vue

@@ -31,6 +31,7 @@ const props = defineProps({
 const tagConfig = ref({})
 
 const filterDict = (data, value) => {
+  console.log("🚀 ~ filterDict ~ data:", data)
   if (!data || value == null) return
   if (data instanceof Array) {
     if (value == true || value == false) {
@@ -45,7 +46,7 @@ const filterDict = (data, value) => {
       tagConfig.value = data.find(item => item.value == value)
     }
   }
-  return tagConfig.value.label
+  return tagConfig.value?.label || '未知'
 }
 </script>
 

src/components/steps/index.vue

@@ -11,7 +11,12 @@
           :class="stepClass(index)"
           @click="handleStep(item.key, index)"
 
-      />
+      >
+        <template #icon>
+          <el-icon style="font-size: 20px;" :class="index == localActive ? 'is-active' : 'is-end'" v-if="localStepSuccess.includes(index)"><SuccessFilled /></el-icon>
+          <el-icon style="font-size: 20px; color: gray;" v-else><WarningFilled /></el-icon>
+        </template>
+      </el-step>
     </el-steps>
   </div>
 
@@ -311,4 +316,10 @@ watchEffect(() => {
 .step-error {
   cursor: not-allowed;
 }
+.is-active {
+  color: #BEA266;
+}
+.is-end {
+  color: #67c23a;
+}
 </style>

src/views/project-management/implementation/account.vue

@@ -308,6 +308,7 @@ const search = (val) => {
 }
 const init = async () => {
   const {code, msg, data} = await searchUpdateLedgerData(route.query.id)
+  console.log("🚀 ~ init ~ data:", data)
   if (data) {
     tableData.value = data
     baseForm.value.setValues(data)

src/views/project-management/implementation/updateTable.vue

@@ -141,7 +141,7 @@ const handleSubmit = async () => {
 }
 const getBaseInfo = async () => {
   const {code, data} = await getBaseInfoApi(route.query.id)
-  tableForm.value.projectName = data.projectName
+  tableForm.value.projectName = data?.projectName || ''
 }
 getBaseInfo()
 const init = async () => {

src/views/project-management/mobledetail/StepsMoblie.vue

@@ -11,7 +11,12 @@
           :class="stepClass(index)"
           @click="handleStep(item.key, index)"
 
-      />
+      >
+        <template #icon>
+          <el-icon style="font-size: 20px;" :class="index == localActive ? 'is-active' : 'is-end'" v-if="localStepSuccess.includes(index)"><SuccessFilled /></el-icon>
+          <el-icon style="font-size: 20px; color: gray;" v-else><WarningFilled /></el-icon>
+        </template>
+      </el-step>
     </el-steps>
   </div>
 
@@ -96,21 +101,21 @@ const schema = computed(() => {
       label: '征集名称',
       prop: 'requirementName',
       colProps: {
-        span: 24
+        span: 12
       }
     },
     {
       label: '所属公司',
       prop: 'affiliatedCompany',
       colProps: {
-        span: 24
+        span: 12
       }
     },
     {
       label: '项目名称',
       prop: 'projectName',
       colProps: {
-        span: 24
+        span: 12
       }
     }
 
@@ -311,4 +316,10 @@ watchEffect(() => {
 .step-error {
   cursor: not-allowed;
 }
+.is-active {
+  color: #BEA266;
+}
+.is-end {
+  color: #67c23a;
+}
 </style>