界面调整

龚焕茏

2024-03-15 de2f2613ffd98786bc7252a35ceb6a4d165849ef

 src/views/dg/danger/index.vue

@@ -85,25 +85,26 @@
      />
    </el-card>
    <!-- 添加或修改安全隐患信息对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
      <el-form ref="dangerInfoFormRef" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="通报时间" prop="notificationTime">
          <el-date-picker v-model="form.notificationTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择通报时间" />
        </el-form-item>
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
      <el-form ref="dangerInfoFormRef" :model="form" :inline="true" :rules="rules" label-width="80px">
        <el-form-item label="隐患类型" prop="dangerType">
          <el-input v-model="form.dangerType" placeholder="请输入隐患类型" />
          <el-input class="el-input-width" v-model="form.dangerType" placeholder="请输入隐患类型" />
        </el-form-item>
        <el-form-item label="责任单位" prop="accountabilityUnit">
          <el-input v-model="form.accountabilityUnit" placeholder="请输入责任单位" />
          <el-input class="el-input-width" v-model="form.accountabilityUnit" placeholder="请输入责任单位" />
        </el-form-item>
          <el-form-item label="通报时间" prop="notificationTime">
          <el-date-picker  v-model="form.notificationTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择通报时间" />
        </el-form-item>
        <el-form-item label="整改时限" prop="rectificationTimeLimit">
          <el-date-picker v-model="form.rectificationTimeLimit" type="date" value-format="YYYY-MM-DD" placeholder="请选择整改时限" />
        </el-form-item>
        <el-form-item label="完成情况" prop="performance">
          <el-input v-model="form.performance" placeholder="请输入完成情况" />
          <el-input class="el-input-width" v-model="form.performance" placeholder="请输入完成情况" />
        </el-form-item>
        <br/>
        <el-form-item label="图片" prop="">
          <el-upload action="#" list-type="picture-card" :auto-upload="false">
          <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="5">
            <el-icon><Plus /></el-icon>
            <template #file="{ file }">
              <div>
@@ -137,8 +138,9 @@
            <img w-full :src="dialogImageUrl" alt="Preview Image" />
          </el-dialog>
        </el-form-item>
        <br/>
        <el-form-item label="状态" prop="status">
          <el-select v-model="form.status" placeholder="请选择">
          <el-select v-model="form.status" placeholder="请选择" class="el-input-width">
            <el-option key="1" label="已启用" :value="1" />
            <el-option key="2" label="已禁用" :value="2" />
          </el-select>
@@ -373,3 +375,11 @@
  console.log(file)
}
</script>
<style scoped>
.el-input-width {
  width: 265px;
}
.el-picker-panel {
  width: 365px !important;
}
</style>