三防责任人-查看详情页面

src/views/comprehensiveGuarantee/reliefResourceManagement/reliefTalentsView.vue

@@ -44,7 +44,7 @@ const props = defineProps<{
 }>();
 
 const formData = ref({
-  id:'',
+  id: '',
   name: '',
   contact_number: '',
   gender: '',
@@ -58,12 +58,12 @@ const closeDialog = () => {
 };
 
 const fetchPersonnelData = async () => {
-    const response = await getPersonnel2(props.eventId);
-    if (response.code === 200) {
-      formData.value = response.personnel;
-    } else {
-      ElMessage.error('未找到相关数据');
-    }
+  const response = await getPersonnel2(props.eventId);
+  if (response.code === 200) {
+    formData.value = response.personnel;
+  } else {
+    ElMessage.error('未找到相关数据');
+  }
 };
 onMounted(() => {
   fetchPersonnelData();

src/views/setting/PreventionResponsible/detail.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="detail-container">
+    <div class="common-back-box" @click="goBack">
+      <i class="common-back" />
+      返回上一级
+    </div>
+    <!--    <div class="common-header">-->
+    <!--      <div class="common-header-left">-->
+    <!--        <i class="common-title-icon" />-->
+    <!--        <div>{{ report.title }}</div>-->
+    <!--      </div>-->
+    <!--    </div>-->
+    <div class="common-info-box">
+      <div class="common-info-header">
+        <i class="line-icon" />
+        <div class="common-info-title">基础信息</div>
+      </div>
+      <div class="common-info-content">
+        <div class="common-info-item">姓名：{{ formData.name }}</div>
+        <div class="common-info-item">电话号码：{{ formData.phone }}</div>
+        <div class="common-info-item">所属单位：{{ formData.unit }}</div>
+        <div class="common-info-item">职务：{{ formData.job }}</div>
+        <div class="common-info-item">行政区划：{{ formData.division }}</div>
+        <div class="common-info-item">办公电话：{{ formData.OfficePhone }}</div>
+        <div class="common-info-item">排位顺序：{{ formData.rank }}</div>
+        <div class="common-info-item">录入人员：{{ formData.EntryPerson }}</div>
+        <div class="common-info-item">录入时间：{{ formData.EntryTime }}</div>
+      </div>
+    </div>
+    <div class="common-info-box">
+      <div class="common-info-header">
+        <i class="line-icon" />
+        <div class="common-info-title">责任类别</div>
+      </div>
+      <div style="padding: 10px">
+        <div class="common-info-item">责任类型：{{ formData.department }}</div>
+        <div class="common-info-item">责任类别：{{ formData.ResponsibilityCategory }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import { getPersonnel2 } from '@/api/comprehensiveGuarantee/reliefResourceManagement/reliefTalents';
+
+const emits = defineEmits(['close']);
+const props = defineProps<{
+  eventId: string | number;
+}>();
+
+const formData = ref({
+  id: '',
+  name: '',
+  phone: '',
+  unit: '',
+  job: '',
+  division: '',
+  OfficePhone: '',
+  rank: '',
+  EntryPerson: '',
+  EntryTime: '',
+  department: '',
+  ResponsibilityCategory: ''
+});
+
+const closeDialog = () => {
+  emits('close');
+};
+
+const fetchPersonnelData = async () => {
+  const response = await getPersonnel2(props.eventId);
+  if (response.code === 200) {
+    formData.value = response.personnel;
+  } else {
+    ElMessage.error('未找到相关数据');
+  }
+};
+onMounted(() => {
+  fetchPersonnelData();
+});
+</script>
+
+<style scoped lang="scss"></style>

src/views/setting/PreventionResponsible/index.vue

@@ -60,10 +60,6 @@
           <el-table-column v-if="columns[3].visible" key="deptName" label="所属单位" align="center" prop="deptName" :show-overflow-tooltip="true" />
           <el-table-column v-if="columns[4].visible" key="phonenumber" label="职务" align="center" prop="phonenumber" width="120" />
           <el-table-column v-if="columns[5].visible" key="status" label="电话号码" align="center" prop="phonenumber" width="120" />
-<!--            <template #default="scope">-->
-<!--              <dict-tag :options="sys_normal_disable" :value="scope.row.status" />-->
-<!--            </template>-->
-
           <el-table-column v-if="columns[6].visible" label="责任类型" align="center" prop="createTime" width="160">
             <template #default="scope">
               <span>{{ scope.row.createTime }}</span>