feat: role import result style chagned

src/views/role-management/index.vue

@@ -32,7 +32,31 @@ const editCallingsFormVisible = ref(false)
 
 const importedResultDialogVisible = ref(false)
 const importedFile = ref<UploadFile | null>(null)
-const importedResult = ref('')
+const importedResult = ref<{name: string, msg: string}[]>([
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+  // {name: 'test1.csv', msg: '成功'},
+])
 // 搜索参数
 const searchParams = ref({
   // name: '',
@@ -94,7 +118,7 @@ const  handleRecommend = async (id: string, topFlag: boolean) => {
 function handleUploadSuccess(res:any, file: any) {
   console.log(res, file)
   if(res.code === 0){
-    importedResult.value = res.data
+    importedResult.value = res.data as {name: string, msg: string}[]
     importedResultDialogVisible.value = true
   }
 }
@@ -239,9 +263,11 @@ onMounted(async () => {
     <ElDialog title="导入结果" v-model="importedResultDialogVisible" align-center
       width="800" :z-index="2000" :close-on-click-modal="false">
         <div class="max-h-200 overflow-y-auto leading-6">
-          {{ importedResult }}
+          <el-table  :data="importedResult" stripe style="width: 100%;" height="450">
+            <el-table-column prop="name" label="name" width="180" />
+            <el-table-column prop="msg" label="message" min-width="180" />
+          </el-table>
         </div>
-
       </ElDialog>
   </div>
 </template>