中屏-三防责任人管理-新增界面、查看详情界面

src/views/comprehensiveGuarantee/MaterialReserveManagement/addInbound.vue

@@ -3,7 +3,7 @@
     <div class="common-dialog-content">
       <div class="common-dialog-title-box">
         <i class="common-dialog-title-icon" />
-        <div>新增出库单</div>
+        <div>新增入库单</div>
       </div>
       <div class="common-dialog-box">
         <el-form ref="eventFormRef" :model="form" :rules="rules" label-width="120px">

src/views/setting/PreventionResponsible/add.vue

@@ -1,12 +1,15 @@
 <template>
   <div class="common-dialog">
     <div class="common-dialog-content">
+      <div>
+
+      </div>
       <div class="common-dialog-title-box">
         <i class="common-dialog-title-icon" />
         <div>新建三防责任人信息</div>
       </div>
-      <div class="common-dialog-box" style="width: 1000px">
-        <el-form ref="formRef" :model="form" :rules="rules" label-width="160px">
+      <div class="common-dialog-box">
+        <el-form ref="formRef" :model="form" :rules="rules" label-width="70px">
           <el-form-item label="姓名：" prop="name">
             <el-input v-model="form.name" placeholder="请输入姓名" />
           </el-form-item>
@@ -42,7 +45,7 @@
             <el-input v-model="form.order_num" placeholder="例如：请输入排位序号1-999" />
             <span style="color: #999; font-size: 12px; margin-left: 5px">序号数值越小越靠前</span>
           </el-form-item>
-          <el-form-item label="选择类别：" prop="category">
+          <el-form-item label="选择类别：" prop="category" style="width: 993px">
             <div>
               <el-checkbox-group v-model="checkboxGroup2" @change="changeChildType">
                 <el-checkbox-button v-for="type in category" :key="type" :value="type" @change="deleteOne(type)">

src/views/setting/PreventionResponsible/detail.vue

@@ -25,12 +25,15 @@
         <i class="line-icon" />
         <div class="common-info-title">责任类别</div>
       </div>
-      <div class="common-info-content">
-        <div v-for="(item, index) in formData.type_list" :key="index" class="common-info-item">
-          <div>{{ item.type_parent }}</div>
-          <div style="margin-left: 10px">责任类别：{{ item.labelData.join(', ') }}</div>
-          <!-- 如果需要展示更详细的信息，可以继续添加 -->
+      <div v-for="(item, index) in formData.type_list" :key="index" style="display: flex;margin: 12px 12px">
+        <div style="display: flex;width: 33.33333%">
+          <div>{{ item.type_parent }}：</div>
+          <div v-for="item2 in item.labelData">{{item2}}</div>
         </div>
+        <div v-if="item.type_parent === '地质灾害'" style="width: 33.33333%">隐患点名称：{{item.denger_point_name}}</div>
+        <div v-else-if="item.type_parent === '其他'" style="width: 33.33333%">具体类型：{{item.other_type_2_name}}</div>
+        <div v-else style="width: 33.33333%">单位名称：{{item.dept_name}}</div>
+        <div style="width: 33.33333%">责任类别：{{ item.labelData.join(', ') }}</div>
       </div>
     </div>
   </div>