涉访涉诉--显示格式化

src/views/data/ComplaintCollection.vue

@@ -251,9 +251,12 @@
         </el-table-column>
         <el-table-column label="受理时间" width="100" prop="discoveryTime"
                          :formatter="(_, __, v) => timeFormat(v,'yyyy-mm-dd hh:MM:ss')" show-overflow-tooltip/>
-        <el-table-column label="来件人姓名" width="100" prop="responderName"/>
-        <el-table-column label="身份证号" width="100" prop="responderIdCode" show-overflow-tooltip/>
-        <el-table-column label="联系电话" width="100" prop="responderPhone" show-overflow-tooltip/>
+        <el-table-column label="来件人姓名" width="100" prop="responderName"
+                         :formatter="row => row.responderName ? row.responderName : '无'"/>
+        <el-table-column label="身份证号" width="100" prop="responderIdCode"
+                         :formatter="row => row.responderIdCode ? row.responderIdCode : '无'" show-overflow-tooltip/>
+        <el-table-column label="联系电话" width="100" prop="responderPhone"
+                         :formatter="row => row.responderPhone ? row.responderPhone : '无'" show-overflow-tooltip/>
         <el-table-column label="被投诉机构" width="130" prop="secondDepartName"/>
         <el-table-column label="来信内容" width="100" prop="thingDesc" show-overflow-tooltip/>
         <el-table-column label="涉嫌问题" width="100" prop="involveProblemStr" show-overflow-tooltip/>
@@ -280,7 +283,15 @@
         <el-table-column label="办理情况" width="100" prop="xxx" v-if="false"/>
         <el-table-column label="业务类别" width="100" prop="businessTypeName"/>
         <el-table-column label="业务类别Code" width="100" prop="businessTypeCode" v-if="false"/>
-        <el-table-column label="状态" width="100" prop="status"/>
+        <el-table-column label="状态" prop="status" width="100">
+          <template #default="{ row }">
+            {{
+              row.status === '0' ? '办理中' :
+                  row.status === '1' ? '已办理' :
+                      '-'
+            }}
+          </template>
+        </el-table-column>
         <el-table-column label="操作" width="240" fixed="right">
           <template #default="{ row }">
             <el-button type="primary" v-if="row.status === '0'" link @click="handleAction(row)">办理</el-button>
@@ -347,7 +358,8 @@
     <template #footer>
       <div class="dialog-footer">
         <el-button @click="negativeVerifySfssDailog = false">取消</el-button>
-        <el-button type="primary" @click="handleSubmit" :loading="submitLoading" :disabled="submitLoading" >提交</el-button>
+        <el-button type="primary" @click="handleSubmit" :loading="submitLoading" :disabled="submitLoading">提交
+        </el-button>
       </div>
     </template>
 
@@ -779,7 +791,6 @@ const handleSubmit = async () => {
 }
 
 
-
 const negativeSfss = ref({
   currentRow: {},
   // problemSourcesCode: ProblemSources.GJXFPT,