diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 0d7567e..91f66a6 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -230,3 +230,10 @@
 //   right: 0px;
 //   bottom: 0px;
 // }
+
+.diaCheck {
+  border-top: 1px solid lightgray;
+  padding: 10px;
+  display: flex;
+  justify-content: center;
+}
\ No newline at end of file

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 0d7567e..91f66a6 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -230,3 +230,10 @@
 //   right: 0px;
 //   bottom: 0px;
 // }
+
+.diaCheck {
+  border-top: 1px solid lightgray;
+  padding: 10px;
+  display: flex;
+  justify-content: center;
+}
\ No newline at end of file
diff --git a/src/views/dataBasePlatform/dataAssets/naturalGasProject/enterpriseInfo.vue b/src/views/dataBasePlatform/dataAssets/naturalGasProject/enterpriseInfo.vue
index 07748a8..bfae15f 100644
--- a/src/views/dataBasePlatform/dataAssets/naturalGasProject/enterpriseInfo.vue
+++ b/src/views/dataBasePlatform/dataAssets/naturalGasProject/enterpriseInfo.vue
@@ -2,14 +2,312 @@
   <div class="enterpriseInfo publicContainer">
     <div class="dataTitle">天然气运营企业信息</div>
     <el-divider />
-    <div class="dataContent">123</div>
+    <div class="dataContent">
+      <el-row class="dataTop">
+        <el-col :span="10">
+          <el-input v-model="qlCode" style="width: 320px" placeholder="请输入桥梁编号">
+            <template #suffix>
+              <el-icon class="el-input__icon searchBtn"><search /></el-icon>
+            </template>
+          </el-input>
+        </el-col>
+        <el-col :span="3">
+          <el-button type="primary" icon="Plus" @click="addInfo">新增</el-button>
+          <el-button type="primary" plain>批量删除</el-button>
+        </el-col>
+      </el-row>
+
+      <!-- 表单 -->
+      <el-table
+        :data="tableData"
+        style="width: 100%"
+        v-setHeight="{ bottom: 60 }"
+        v-loading="loading"
+        @selection-change="handleSelectionChange"
+      >
+        <!-- <el-table-column type="index" label="序号" width="50" /> -->
+        <el-table-column fixed type="selection" width="30" />
+        <el-table-column prop="orderNumber" label="桥梁编号" />
+        <el-table-column prop="name" label="桥梁名称" />
+        <el-table-column prop="p1" label="上部结构得分" />
+        <el-table-column prop="p2" label="下部结构得分" />
+        <el-table-column prop="p3" label="桥面系得分" />
+        <el-table-column prop="p4" label="安全评估总得分" />
+        <el-table-column prop="p5" label="养护优先级" />
+        <el-table-column prop="p6" label="养护建议" />
+        <el-table-column prop="p7" label="评分时间" min-width="100" />
+        <el-table-column prop="date" label="安全监测报告日期" min-width="100" />
+        <!-- <el-table-column prop="report" label="安全监测报告" /> -->
+        <el-table-column prop="report" label="安全监测报告">
+          <template #default="{ row }">
+            <el-tag type="success" effect="plain" round> 下载 </el-tag>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column prop="orderType" label="工单类型">
+          <template #default="{ row }">
+            <div>{{ work_order_type.find(item => item.value == row.orderType)?.label || row.orderType }}</div>
+          </template>
+        </el-table-column> -->
+
+        <el-table-column label="操作" min-width="100">
+          <template #default="{ row }">
+            <div style="display: flex; justify-content: space-evenly">
+              <el-button link type="primary" icon="Edit" @click="addInfo(row)">编辑</el-button>
+              <el-button link type="danger" icon="Delete" @click="deleteInfo(row)">删除</el-button>
+              <!-- <el-button link type="primary" @click="handleDetail(row)">
+                {{ titleList.find(item => item.value == props.status)?.title || '' }}
+              </el-button> -->
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        class="pagingPosition"
+        v-show="total > 0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
+
+    <!-- 新增 及 修改 -->
+    <el-dialog v-model="dialogConfig.open" :show-close="true" class="dia" destroy-on-close width="600px">
+      <template #header>
+        <div class="diaHeader">
+          {{ dialogConfig.title }}
+        </div>
+      </template>
+      <el-form :model="addForm" :rules="rules" label-width="auto" ref="ruleAddFormRef">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="企业编码" prop="title">
+              <el-input v-model="addForm.title" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="企业名称" prop="title">
+              <el-input v-model="addForm.name" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row justify="space-between">
+          <el-col :span="11">
+            <el-form-item label="地市编码" prop="">
+              <el-input v-model="addForm.p1" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="11">
+            <el-form-item label="区划编码" prop="">
+              <el-input v-model="addForm.p2" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="经营区域" prop="">
+              <el-input v-model="addForm.p3" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row justify="space-between">
+          <el-col :span="11">
+            <el-form-item label="职工人数" prop="">
+              <el-input v-model="addForm.p4" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="11">
+            <el-form-item label="拥有窨井数量" prop="">
+              <el-input v-model="addForm.p5" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row justify="space-between">
+          <el-col :span="11">
+            <el-form-item label="拥有场站数量" prop="">
+              <el-input v-model="addForm.p6" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="11">
+            <el-form-item label="拥有管线长度" prop="">
+              <el-input v-model="addForm.p7" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="详细地址" prop="">
+              <el-input v-model="addForm.p8" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="经纬度" prop="">
+              <el-input v-model="addForm.p9" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row class="diaCheck">
+          <el-button type="primary" @click="submitForm(ruleAddFormRef)">确 定</el-button>
+          <el-button class="cancel" @click="close">取 消</el-button>
+        </el-row>
+      </el-form>
+    </el-dialog>
   </div>
 </template>
 
-<script setup name="enterpriseInfo"></script>
+<script setup name="enterpriseInfo">
+import { onMounted, reactive, toRefs } from 'vue';
+
+const { proxy } = getCurrentInstance();
+
+const ruleAddFormRef = ref();
+const total = ref(0);
+const loading = ref(false);
+const queryParams = ref({
+  pageNum: 1,
+  pageSize: 10,
+});
+const qlCode = ref('');
+const tableData = ref([]);
+const multipleSelection = ref([]); // 多选数据
+const dataList = reactive({
+  dialogConfig: {
+    title: '新增',
+    open: false,
+  },
+  addForm: {
+    id: undefined,
+    title: '',
+    name: '',
+    p1: '',
+    p2: '',
+    p3: '',
+    p4: '',
+    p5: '',
+    p6: '',
+    p7: '',
+    p8: '',
+    p9: '',
+  },
+  rules: {
+    title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
+    content: [{ required: true, message: '请输入内容', trigger: 'blur' }],
+  },
+});
+
+const { dialogConfig, addForm, rules } = toRefs(dataList);
+
+// 新增和编辑
+const addInfo = row => {
+  dialogConfig.value.open = true;
+  if (row.id) {
+    addForm.value = row;
+    dialogConfig.value.title = '编辑天然气运营企业信息';
+  } else {
+    addForm.value = {
+      id: undefined,
+      title: '',
+      name: '',
+      p1: '',
+      p2: '',
+      p3: '',
+      p4: '',
+      p5: '',
+      p6: '',
+      p7: '',
+      p8: '',
+      p9: '',
+    };
+    dialogConfig.value.title = '新增天然气运营企业信息';
+  }
+};
+// 新增和编辑 提交
+const submitForm = formRef => {
+  if (!formRef) return;
+  formRef.validate(valid => {
+    if (valid) {
+      console.log('---------', addForm.value);
+      // addInfo(addForm.value).then(response => {
+      //   proxy.$modal.msgSuccess('新增成功');
+      //   getInfoList();
+      // });
+      dialogConfig.value.open = false;
+    }
+  });
+};
+
+const close = () => {
+  dialogConfig.value.open = false;
+};
+
+// table多选
+const handleSelectionChange = val => {
+  console.log('🚀 ~ handleSelectionChange ~ val:', val);
+  multipleSelection.value = val;
+};
+
+// 新增和编辑
+
+// 删除
+const deleteInfo = () => {};
+
+// 获取表单数据
+const getList = () => {
+  loading.value = true;
+  setTimeout(() => {
+    tableData.value = [
+      {
+        orderNumber: '123456789',
+        date: '2022-06-01 12:00:00',
+        name: '桥梁名称',
+        p1: '100',
+        p2: '100',
+        p3: '100',
+        p4: '100',
+        p5: '1',
+        p6: '1',
+        p7: '2022-06-01 12:00:00',
+        report: 'https://www.baidu.com',
+      },
+      {
+        orderNumber: '123456789',
+        date: '2022-06-01 12:00:00',
+        name: '桥梁名称',
+        p1: '100',
+        p2: '100',
+        p3: '100',
+        p4: '100',
+        p5: '1',
+        p6: '1',
+        p7: '2022-06-01 12:00:00',
+        report: 'https://www.baidu.com',
+      },
+    ];
+    total.value = tableData.value.length;
+    loading.value = false;
+  }, 500);
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
 
 <style lang="scss" scoped>
 .enterpriseInfo {
+  position: relative;
   width: 100%;
   height: 100%;
   //   border: 1px solid red;
@@ -29,8 +327,27 @@
       border-radius: 3px;
     }
   }
+  .dataContent {
+    .dataTop {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 10px;
+    }
+  }
 }
 .el-divider {
   margin: 10px 0 15px 0;
 }
+.searchBtn {
+  cursor: pointer;
+  &:hover {
+    color: #2561ef;
+  }
+}
+.pagingPosition {
+  position: absolute !important;
+  right: 0px;
+  bottom: 0px;
+}
 </style>