diff --git a/src/assets/img/DataCenter/question.png b/src/assets/img/DataCenter/question.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c6106b41e1d67d72be04ce382e33a6ebaabf9b6
Binary files /dev/null and b/src/assets/img/DataCenter/question.png differ
diff --git a/src/components/CustomsTable/index.vue b/src/components/CustomsTable/index.vue
index 0c55ff1a441f9cd6e12237c5fae451ec0e5672b9..1aa2d1c6bb0f71ef44634d2e1ff55666f9b10cad 100644
--- a/src/components/CustomsTable/index.vue
+++ b/src/components/CustomsTable/index.vue
@@ -94,6 +94,14 @@
               <template v-if="column.type === 'html'">
                 <div v-html="scope.row[column.value]" class="highlight"></div>
               </template>
+              <!-- switch切换  启用 -->
+              <template v-if="column.type === 'switch'">
+                <el-switch
+                  v-model="scope.row[column.value]"
+                  @change="column.func(scope.row, scope.$index)"
+                >
+                </el-switch>
+              </template>
             </template>
           </el-table-column>
         </template>
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 3d5fc3c257c041091dac4cc956d9fc8ed6f02172..72c17c9d743f02dd3f4db5e7a436e5e6ba4ac408 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -28,7 +28,7 @@
       </template>
 
       <template v-else>
-        <el-button size="small" type="primary">点击上传</el-button>
+        <el-button size="middle" :type="btnType">点击上传</el-button>
       </template>
       <div slot="tip" class="el-upload__tip">{{ tip }}</div>
     </el-upload>
@@ -77,6 +77,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    btnType: {
+      type: String,
+      default: "primary",
+    },
     value: Array, //上传文件数组 绑定数组
   },
   data() {
diff --git a/src/views/audit-qualitycontrol/community.vue b/src/views/audit-qualitycontrol/community.vue
new file mode 100644
index 0000000000000000000000000000000000000000..31b333a23deb212d1b08b3c38600cb4d102f183d
--- /dev/null
+++ b/src/views/audit-qualitycontrol/community.vue
@@ -0,0 +1,162 @@
+<template>
+  <div class="audit-qualitycontrol">
+    <div class="aq-top-tab">
+      <el-tabs v-model="type" @tab-click="handleClick">
+        <el-tab-pane label="筛查病例数据" name="0"></el-tab-pane>
+        <el-tab-pane label="随访病例数据" name="1"></el-tab-pane>
+      </el-tabs>
+    </div>
+    <div class="aq-bot-table">
+      <div class="table-top-tab">
+        <el-tabs v-model="auditStatus" type="card" @tab-click="handleClick">
+          <el-tab-pane label="待审核" name="0"></el-tab-pane>
+          <el-tab-pane label="已审核" name="1"></el-tab-pane>
+        </el-tabs>
+        <div v-show="auditStatus == 1" class="keyExplain">
+          字段说明<img src="~@/assets/img/DataCenter/question.png" alt="" />
+        </div>
+      </div>
+      <div class="bot-table">
+        <customs-table
+          ref="table"
+          :table-data="tableData"
+          :columns="columns"
+          :header-class="'newHeader'"
+          :list-loading="listLoading"
+          :current-page="pageIndex"
+          :total-count="total"
+          :page-sizes="pageSizes"
+          :page-size="pageSize"
+          @pageSizeChange="handleSizeChange"
+          @currentPageChange="handleCurrentChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import CustomsTable from "@/components/CustomsTable"
+import paginationMixin from "@/components/TabComponents/mixin"
+export default {
+  components: {
+    CustomsTable,
+  },
+  mixins: [paginationMixin],
+  data() {
+    return {
+      type: "0",
+      auditStatus: "0",
+      listLoading: false,
+      columns: [
+        {
+          label: "医联体",
+          minWidth: 120,
+          value: "title",
+        },
+        {
+          label: "已审核（例）",
+          minWidth: 120,
+          value: "file",
+        },
+        {
+          label: "待审核（例）备份",
+          minWidth: 120,
+          value: "uploadTime",
+        },
+        {
+          label: "最新上报时间",
+          minWidth: 120,
+          value: "editTime",
+        },
+        {
+          label: "操作",
+          width: 220,
+          fixed: "right",
+          operType: "button",
+          operations: [
+            {
+              func: this.auditHandle,
+              label: "审核",
+              type: "text",
+            },
+          ],
+        },
+      ],
+      tableData: [
+        {
+          title: "第一个",
+          isOpen: true,
+        },
+      ],
+    }
+  },
+  watch: {},
+  mounted() {},
+  methods: {
+    handleClick() {
+      console.log("type:" + this.type, "auditStatus" + this.auditStatus)
+      if (this.auditStatus == 1) {
+        this.columns[this.columns.length - 1].operations[0].label =
+          "修改审核意见"
+      } else {
+        this.columns[this.columns.length - 1].operations[0].label = "审核"
+      }
+    },
+    auditHandle(data, i) {
+      console.log(data, i)
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.audit-qualitycontrol {
+  padding: 20px 0;
+  .table-top-tab {
+    margin-bottom: 15px;
+    position: relative;
+    .keyExplain {
+      position: absolute;
+      display: flex;
+      align-items: center;
+      right: 0;
+      top: 10%;
+      font-size: 16px;
+      font-family: AlibabaPuHuiTiR;
+      color: #999999;
+      img {
+        width: 18px;
+        height: 18px;
+        margin-left: 5px;
+        transform: translateY(1px);
+      }
+    }
+  }
+  .aq-bot-table {
+    padding: 20px;
+    ::v-deep {
+      .el-tabs__nav {
+        border: none;
+      }
+      .el-tabs__item {
+        margin-right: 10px;
+        border: 1px solid #e4e7ed;
+        border-radius: 5px 5px 0 0;
+      }
+      .is-active {
+        background: #4e68ff;
+        color: #fff;
+      }
+    }
+  }
+}
+::v-deep {
+  .el-tabs__item {
+    padding-left: 20px !important;
+    font-size: 18px;
+    font-family: AlibabaPuHuiTiM;
+  }
+  .is-active {
+    color: #4e68ff;
+  }
+}
+</style>
diff --git a/src/views/audit-qualitycontrol/healthcheckup.vue b/src/views/audit-qualitycontrol/healthcheckup.vue
new file mode 100644
index 0000000000000000000000000000000000000000..dc2adba72c7fa1bd9aa946e3f6e70daf0a027346
--- /dev/null
+++ b/src/views/audit-qualitycontrol/healthcheckup.vue
@@ -0,0 +1,14 @@
+<template>
+  <div>体检</div>
+</template>
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {},
+  watch: {},
+}
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/audit-qualitycontrol/hospital.vue b/src/views/audit-qualitycontrol/hospital.vue
new file mode 100644
index 0000000000000000000000000000000000000000..914b6172be787af54dfe5b81b3d640f0d4eb26b5
--- /dev/null
+++ b/src/views/audit-qualitycontrol/hospital.vue
@@ -0,0 +1,14 @@
+<template>
+  <div>医院质控</div>
+</template>
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {},
+  watch: {},
+}
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/systems/operation-management/components/AcademicTrend.vue b/src/views/systems/operation-management/components/AcademicTrend.vue
index efd5b2dce7594f1fb95ace880fc64ca3f1480072..97fbff4e1cff790c42f9e4c0e617c37ebd11be17 100644
--- a/src/views/systems/operation-management/components/AcademicTrend.vue
+++ b/src/views/systems/operation-management/components/AcademicTrend.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>学说那个太</div>
+  <div>学术动态</div>
 </template>
 <script>
 export default {
diff --git a/src/views/systems/operation-management/components/HealthPopularization.vue b/src/views/systems/operation-management/components/HealthPopularization.vue
index 2b70c25d511860543f55a08d15629172721dbd91..55c5b4575eae8abea08dfc8c9815667fcfbdc3cc 100644
--- a/src/views/systems/operation-management/components/HealthPopularization.vue
+++ b/src/views/systems/operation-management/components/HealthPopularization.vue
@@ -1,14 +1,344 @@
 <template>
-  <div>健康科普</div>
+  <div id="medicalunion-management">
+    <div class="top-btn">
+      <el-select v-model="selectType">
+        <el-option
+          v-for="item in selectList"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        >
+        </el-option>
+      </el-select>
+      <el-button type="primary" class="btn" @click="addMedical">添加</el-button>
+    </div>
+    <div class="bot-table">
+      <customs-table
+        ref="table"
+        :table-data="tableData"
+        :columns="columns"
+        :header-class="'newHeader'"
+        :list-loading="listLoading"
+        :current-page="pageIndex"
+        :total-count="total"
+        :page-sizes="pageSizes"
+        :page-size="pageSize"
+        @pageSizeChange="handleSizeChange"
+        @currentPageChange="handleCurrentChange"
+      />
+    </div>
+    <el-dialog
+      :visible.sync="addVisible"
+      width="520px"
+      :show-close="true"
+      @closed="resetForm"
+    >
+      <div class="title">添加</div>
+      <el-form
+        ref="form"
+        :model="form"
+        :label-position="'right'"
+        label-width="110px"
+        label-suffix=":"
+        :rules="rules"
+      >
+        <el-form-item
+          v-for="(item, index) in formList"
+          :key="index"
+          :label="item.label"
+          :prop="item.prop"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="form[item.prop]"
+            autocomplete="off"
+            :placeholder="'请填写' + item.label"
+          ></el-input>
+          <!-- 下拉选 -->
+          <el-select
+            v-else-if="item.type == 'select'"
+            v-model="form[item.prop]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="e in item.selectGroup"
+              :key="e.value"
+              :label="e.label"
+              :value="e.value"
+            ></el-option>
+          </el-select>
+          <!-- 上传 -->
+          <el-upload-self
+            v-else-if="item.type === 'upload'"
+            v-model="form[item.prop]"
+            :btn-type="'text'"
+            v-bind="item"
+          ></el-upload-self>
+          <!-- switch -->
+          <!-- switch切换  启用 -->
+          <el-switch
+            v-else-if="item.type === 'switch'"
+            v-model="form[item.prop]"
+          >
+          </el-switch>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">保存</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 <script>
+import CustomsTable from "@/components/CustomsTable"
+import paginationMixin from "@/components/TabComponents/mixin"
+import ElUploadSelf from "@/components/Upload"
+
 export default {
+  components: {
+    CustomsTable,
+    ElUploadSelf,
+  },
+  mixins: [paginationMixin],
   data() {
-    return {}
+    return {
+      addVisible: false,
+      selectList: [
+        {
+          label: "筛查",
+          value: 0,
+        },
+        {
+          label: "生活",
+          value: 1,
+        },
+        {
+          label: "医学知识",
+          value: 2,
+        },
+        {
+          label: "其他",
+          value: 3,
+        },
+      ],
+      selectType: 0,
+      listLoading: false,
+      columns: [
+        {
+          label: "标题",
+          minWidth: 120,
+          value: "title",
+        },
+        {
+          label: "图片",
+          minWidth: 120,
+          value: "iamge",
+        },
+        {
+          label: "文件",
+          minWidth: 120,
+          value: "file",
+        },
+        {
+          label: "上传时间",
+          minWidth: 120,
+          value: "uploadTime",
+        },
+        {
+          label: "最新修改时间",
+          minWidth: 120,
+          value: "editTime",
+        },
+        {
+          label: "上传人姓名",
+          minWidth: 120,
+          value: "uploadPerson",
+        },
+        {
+          label: "启用状态",
+          minWidth: 120,
+          type: "switch",
+          value: "isOpen",
+          func: this.openChage,
+        },
+        {
+          label: "操作",
+          width: 220,
+          fixed: "right",
+          operType: "button",
+          operations: [
+            {
+              func: this.editMedical,
+              formatter(row) {
+                return {
+                  label: "查看",
+                  type: "text",
+                }
+              },
+            },
+            {
+              func: this.editMedical,
+              formatter(row) {
+                return {
+                  label: "编辑",
+                  type: "text",
+                }
+              },
+            },
+            {
+              func: this.rowOpration,
+              style: {
+                color: "#FA6400",
+              },
+              formatter(row) {
+                return {
+                  label: "删除",
+                  type: "text",
+                }
+              },
+            },
+          ],
+        },
+      ],
+
+      tableData: [
+        {
+          title: "第一个",
+          isOpen: true,
+        },
+      ],
+      formList: [
+        {
+          type: "select",
+          label: "类型",
+          prop: "type",
+          selectGroup: [
+            {
+              label: "筛查",
+              value: 0,
+            },
+            {
+              label: "生活",
+              value: 1,
+            },
+            {
+              label: "医学知识",
+              value: 2,
+            },
+            {
+              label: "其他",
+              value: 3,
+            },
+          ],
+        },
+        {
+          type: "input",
+          label: "标题",
+          prop: "title",
+        },
+        {
+          type: "upload",
+          label: "图片",
+          prop: "img",
+        },
+        {
+          type: "upload",
+          label: "PDF",
+          prop: "aaa",
+        },
+        {
+          type: "switch",
+          label: "启用状态",
+          prop: "ssd",
+        },
+      ],
+      rules: {
+        title: [{ required: true, message: "请输入标题", trigger: "blur" }],
+      },
+      form: {},
+    }
   },
-  methods: {},
-  mounted() {},
   watch: {},
+  mounted() {},
+  methods: {
+    // 添加医联体
+    addMedical() {
+      this.addVisible = true
+    },
+    // 编辑医联体
+    editMedical(data) {
+      console.log(data)
+      this.form = {
+        medicalName: "黑乎乎",
+        medicalId: "123",
+        province: "001",
+        city: "001",
+      }
+      this.addVisible = true
+    },
+    // 启用状态
+    openChage(data, index) {
+      console.log(data, index)
+    },
+    resetForm() {
+      this.$refs["form"].resetFields()
+    },
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          alert("submit!")
+          this.addVisible = false
+        } else {
+          console.log("error submit!!")
+          return false
+        }
+      })
+    },
+  },
 }
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+#medicalunion-management {
+  padding: 20px 0;
+  .top-btn {
+    .btn {
+      width: 80px;
+      height: 32px;
+      background: #4e68ff;
+      border-radius: 4px;
+      margin-left: 20px;
+    }
+  }
+  .bot-table {
+    margin-top: 20px;
+  }
+  .title {
+    text-align: center;
+    height: 26px;
+    font-size: 22px;
+    font-family: AlibabaPuHuiTiM;
+    color: rgba(0, 0, 0, 0.8);
+    line-height: 26px;
+    margin-bottom: 30px;
+  }
+}
+::v-deep .el-dialog__body {
+  padding: 0 40px;
+  border-top: none;
+}
+::v-deep .el-dialog__footer {
+  border-top: none;
+  text-align: center;
+  .el-button {
+    width: 100px;
+    height: 32px;
+    background: #4e68ff;
+  }
+}
+::v-deep .el-upload {
+  .el-button {
+    transform: translateY(-4px);
+  }
+}
+</style>
diff --git a/src/views/systems/operation-management/components/NewsMeeting.vue b/src/views/systems/operation-management/components/NewsMeeting.vue
index 14b25d74348485b4287998a2e8fcfa3505a50d7e..70a896429a42f7cdf01c7fdfda6c89920e0efc43 100644
--- a/src/views/systems/operation-management/components/NewsMeeting.vue
+++ b/src/views/systems/operation-management/components/NewsMeeting.vue
@@ -73,23 +73,34 @@ export default {
         {
           label: "标题",
           minWidth: 120,
-          value: "groupName",
+          value: "title",
         },
         {
-          label: "医联体编号",
+          label: "文件",
           minWidth: 120,
-          value: "name",
+          value: "file",
         },
         {
-          label: "省",
+          label: "上传时间",
           minWidth: 120,
-          value: "sex",
+          value: "uploadTime",
         },
-
         {
-          label: "市",
+          label: "最新修改时间",
+          minWidth: 120,
+          value: "editTime",
+        },
+        {
+          label: "上传人姓名",
+          minWidth: 120,
+          value: "uploadPerson",
+        },
+        {
+          label: "启用状态",
           minWidth: 120,
-          value: "idCard",
+          type: "switch",
+          value: "isOpen",
+          func: this.openChage,
         },
         {
           label: "操作",
@@ -97,6 +108,15 @@ export default {
           fixed: "right",
           operType: "button",
           operations: [
+            {
+              func: this.editMedical,
+              formatter(row) {
+                return {
+                  label: "查看",
+                  type: "text",
+                }
+              },
+            },
             {
               func: this.editMedical,
               formatter(row) {
@@ -123,7 +143,8 @@ export default {
       ],
       tableData: [
         {
-          groupName: "第一个",
+          title: "第一个",
+          isOpen: true,
         },
       ],
       formList: [
@@ -171,12 +192,17 @@ export default {
       }
       this.addVisible = true
     },
+    // 启用状态
+    openChage(data, index) {
+      console.log(data, index)
+    },
   },
 }
 </script>
 <style lang="scss" scoped>
 #medicalunion-management {
-  padding: 20px;
+  padding: 20px 0;
+
   .top-btn {
     .btn {
       width: 80px;
diff --git a/src/views/systems/operation-management/components/NoticeAnnouncement.vue b/src/views/systems/operation-management/components/NoticeAnnouncement.vue
index 71f59f7db99f0709afd4d6629baaba046f8d9b20..2443a6b0277ea0fbcf7e7b6960db8ca2057c08e4 100644
--- a/src/views/systems/operation-management/components/NoticeAnnouncement.vue
+++ b/src/views/systems/operation-management/components/NoticeAnnouncement.vue
@@ -1,14 +1,239 @@
 <template>
-  <div>通知公告</div>
+  <div id="medicalunion-management">
+    <div class="top-btn">
+      <el-button type="primary" class="btn" @click="addMedical">添加</el-button>
+    </div>
+    <div class="bot-table">
+      <customs-table
+        ref="table"
+        :table-data="tableData"
+        :columns="columns"
+        :header-class="'newHeader'"
+        :list-loading="listLoading"
+        :current-page="pageIndex"
+        :total-count="total"
+        :page-sizes="pageSizes"
+        :page-size="pageSize"
+        @pageSizeChange="handleSizeChange"
+        @currentPageChange="handleCurrentChange"
+      />
+    </div>
+    <el-dialog :visible.sync="addVisible" width="520px" :show-close="true">
+      <div class="title">添加医联体</div>
+      <el-form
+        :model="form"
+        :label-position="'right'"
+        label-width="110px"
+        label-suffix=":"
+      >
+        <el-form-item
+          v-for="(item, index) in formList"
+          :key="index"
+          :label="item.label"
+        >
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="form[item.prop]"
+            autocomplete="off"
+            :placeholder="'请填写' + item.label"
+          ></el-input>
+          <el-select
+            v-if="item.type == 'select'"
+            v-model="form[item.prop]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="e in item.selectGroup"
+              :key="e.value"
+              :label="e.label"
+              :value="e.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="addVisible = false">保存</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 <script>
+import CustomsTable from "@/components/CustomsTable"
+import paginationMixin from "@/components/TabComponents/mixin"
 export default {
+  components: {
+    CustomsTable,
+  },
+  mixins: [paginationMixin],
   data() {
-    return {}
+    return {
+      addVisible: false,
+      listLoading: false,
+      columns: [
+        {
+          label: "标题",
+          minWidth: 120,
+          value: "title",
+        },
+        {
+          label: "文件",
+          minWidth: 120,
+          value: "file",
+        },
+        {
+          label: "上传时间",
+          minWidth: 120,
+          value: "uploadTime",
+        },
+        {
+          label: "最新修改时间",
+          minWidth: 120,
+          value: "editTime",
+        },
+        {
+          label: "上传人姓名",
+          minWidth: 120,
+          value: "uploadPerson",
+        },
+        {
+          label: "启用状态",
+          minWidth: 120,
+          type: "switch",
+          value: "isOpen",
+          func: this.openChage,
+        },
+        {
+          label: "操作",
+          width: 220,
+          fixed: "right",
+          operType: "button",
+          operations: [
+            {
+              func: this.editMedical,
+              formatter(row) {
+                return {
+                  label: "查看",
+                  type: "text",
+                }
+              },
+            },
+            {
+              func: this.editMedical,
+              formatter(row) {
+                return {
+                  label: "编辑",
+                  type: "text",
+                }
+              },
+            },
+            {
+              func: this.rowOpration,
+              style: {
+                color: "#FA6400",
+              },
+              formatter(row) {
+                return {
+                  label: "删除",
+                  type: "text",
+                }
+              },
+            },
+          ],
+        },
+      ],
+      tableData: [
+        {
+          title: "第一个",
+          isOpen: true,
+        },
+      ],
+      formList: [
+        {
+          type: "input",
+          label: "医联体名称",
+          prop: "medicalName",
+        },
+        {
+          type: "input",
+          label: "医联体编号",
+          prop: "medicalId",
+        },
+        {
+          type: "select",
+          label: "省",
+          prop: "province",
+          selectGroup: [{ label: "北京市", value: "001" }],
+        },
+        {
+          type: "select",
+          label: "市",
+          prop: "city",
+          selectGroup: [{ label: "北京市", value: "001" }],
+        },
+      ],
+      form: {},
+    }
   },
-  methods: {},
-  mounted() {},
   watch: {},
+  mounted() {},
+  methods: {
+    // 添加医联体
+    addMedical() {
+      this.addVisible = true
+    },
+    // 编辑医联体
+    editMedical(data) {
+      console.log(data)
+      this.form = {
+        medicalName: "黑乎乎",
+        medicalId: "123",
+        province: "001",
+        city: "001",
+      }
+      this.addVisible = true
+    },
+    // 启用状态
+    openChage(data, index) {
+      console.log(data, index)
+    },
+  },
 }
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+#medicalunion-management {
+  padding: 20px 0;
+  .top-btn {
+    .btn {
+      width: 80px;
+      height: 32px;
+      background: #4e68ff;
+      border-radius: 4px;
+    }
+  }
+  .bot-table {
+    margin-top: 20px;
+  }
+  .title {
+    text-align: center;
+    height: 26px;
+    font-size: 22px;
+    font-family: AlibabaPuHuiTiM;
+    color: rgba(0, 0, 0, 0.8);
+    line-height: 26px;
+    margin-bottom: 30px;
+  }
+}
+::v-deep .el-dialog__body {
+  padding: 0 40px;
+  border-top: none;
+}
+::v-deep .el-dialog__footer {
+  border-top: none;
+  text-align: center;
+  .el-button {
+    width: 100px;
+    height: 32px;
+    background: #4e68ff;
+  }
+}
+</style>
diff --git a/src/views/systems/operation-management/components/scientificResearch.vue b/src/views/systems/operation-management/components/scientificResearch.vue
index f4ae0580a241d54423d2eb60256045926c4862e4..3ea145e1572539a73b56a07038f853b00d51f363 100644
--- a/src/views/systems/operation-management/components/scientificResearch.vue
+++ b/src/views/systems/operation-management/components/scientificResearch.vue
@@ -1,14 +1,339 @@
 <template>
-  <div>科学研究</div>
+  <div id="medicalunion-management">
+    <div class="top-btn">
+      <el-select v-model="selectType">
+        <el-option
+          v-for="item in selectList"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        >
+        </el-option>
+      </el-select>
+      <el-button type="primary" class="btn" @click="addMedical">添加</el-button>
+    </div>
+    <div class="bot-table">
+      <customs-table
+        ref="table"
+        :table-data="tableData"
+        :columns="columns"
+        :header-class="'newHeader'"
+        :list-loading="listLoading"
+        :current-page="pageIndex"
+        :total-count="total"
+        :page-sizes="pageSizes"
+        :page-size="pageSize"
+        @pageSizeChange="handleSizeChange"
+        @currentPageChange="handleCurrentChange"
+      />
+    </div>
+    <el-dialog
+      :visible.sync="addVisible"
+      width="520px"
+      :show-close="true"
+      @closed="resetForm"
+    >
+      <div class="title">添加</div>
+      <el-form
+        ref="form"
+        :model="form"
+        :label-position="'right'"
+        label-width="110px"
+        label-suffix=":"
+        :rules="rules"
+      >
+        <el-form-item
+          v-for="(item, index) in formList"
+          :key="index"
+          :label="item.label"
+          :prop="item.prop"
+        >
+          <!-- 输入框 -->
+          <el-input
+            v-if="item.type == 'input'"
+            v-model="form[item.prop]"
+            autocomplete="off"
+            :placeholder="'请填写' + item.label"
+          ></el-input>
+          <!-- 下拉选 -->
+          <el-select
+            v-else-if="item.type == 'select'"
+            v-model="form[item.prop]"
+            :placeholder="'请选择' + item.label"
+          >
+            <el-option
+              v-for="e in item.selectGroup"
+              :key="e.value"
+              :label="e.label"
+              :value="e.value"
+            ></el-option>
+          </el-select>
+          <!-- 上传 -->
+          <el-upload-self
+            v-else-if="item.type === 'upload'"
+            v-model="form[item.prop]"
+            :btn-type="'text'"
+            v-bind="item"
+          ></el-upload-self>
+          <!-- switch -->
+          <!-- switch切换  启用 -->
+          <el-switch
+            v-else-if="item.type === 'switch'"
+            v-model="form[item.prop]"
+          >
+          </el-switch>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">保存</el-button>
+      </span>
+    </el-dialog>
+  </div>
 </template>
 <script>
+import CustomsTable from "@/components/CustomsTable"
+import paginationMixin from "@/components/TabComponents/mixin"
+import ElUploadSelf from "@/components/Upload"
+
 export default {
+  components: {
+    CustomsTable,
+    ElUploadSelf,
+  },
+  mixins: [paginationMixin],
   data() {
-    return {}
+    return {
+      addVisible: false,
+      selectList: [
+        {
+          label: "筛查技术方案",
+          value: 0,
+        },
+        {
+          label: "筛查指南",
+          value: 1,
+        },
+        {
+          label: "学术成果",
+          value: 2,
+        },
+        {
+          label: "项目进展与成果",
+          value: 3,
+        },
+      ],
+      selectType: 0,
+      listLoading: false,
+      columns: [
+        {
+          label: "标题",
+          minWidth: 120,
+          value: "title",
+        },
+        {
+          label: "文件",
+          minWidth: 120,
+          value: "file",
+        },
+        {
+          label: "上传时间",
+          minWidth: 120,
+          value: "uploadTime",
+        },
+        {
+          label: "最新修改时间",
+          minWidth: 120,
+          value: "editTime",
+        },
+        {
+          label: "上传人姓名",
+          minWidth: 120,
+          value: "uploadPerson",
+        },
+        {
+          label: "启用状态",
+          minWidth: 120,
+          type: "switch",
+          value: "isOpen",
+          func: this.openChage,
+        },
+        {
+          label: "操作",
+          width: 220,
+          fixed: "right",
+          operType: "button",
+          operations: [
+            {
+              func: this.editMedical,
+              formatter(row) {
+                return {
+                  label: "查看",
+                  type: "text",
+                }
+              },
+            },
+            {
+              func: this.editMedical,
+              formatter(row) {
+                return {
+                  label: "编辑",
+                  type: "text",
+                }
+              },
+            },
+            {
+              func: this.rowOpration,
+              style: {
+                color: "#FA6400",
+              },
+              formatter(row) {
+                return {
+                  label: "删除",
+                  type: "text",
+                }
+              },
+            },
+          ],
+        },
+      ],
+
+      tableData: [
+        {
+          title: "第一个",
+          isOpen: true,
+        },
+      ],
+      formList: [
+        {
+          type: "select",
+          label: "类型",
+          prop: "type",
+          selectGroup: [
+            {
+              label: "筛查",
+              value: 0,
+            },
+            {
+              label: "生活",
+              value: 1,
+            },
+            {
+              label: "医学知识",
+              value: 2,
+            },
+            {
+              label: "其他",
+              value: 3,
+            },
+          ],
+        },
+        {
+          type: "input",
+          label: "标题",
+          prop: "title",
+        },
+        {
+          type: "upload",
+          label: "图片",
+          prop: "img",
+        },
+        {
+          type: "upload",
+          label: "PDF",
+          prop: "aaa",
+        },
+        {
+          type: "switch",
+          label: "启用状态",
+          prop: "ssd",
+        },
+      ],
+      rules: {
+        title: [{ required: true, message: "请输入标题", trigger: "blur" }],
+      },
+      form: {},
+    }
   },
-  methods: {},
-  mounted() {},
   watch: {},
+  mounted() {},
+  methods: {
+    // 添加医联体
+    addMedical() {
+      this.addVisible = true
+    },
+    // 编辑医联体
+    editMedical(data) {
+      console.log(data)
+      this.form = {
+        medicalName: "黑乎乎",
+        medicalId: "123",
+        province: "001",
+        city: "001",
+      }
+      this.addVisible = true
+    },
+    // 启用状态
+    openChage(data, index) {
+      console.log(data, index)
+    },
+    resetForm() {
+      this.$refs["form"].resetFields()
+    },
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          alert("submit!")
+          this.addVisible = false
+        } else {
+          console.log("error submit!!")
+          return false
+        }
+      })
+    },
+  },
 }
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+#medicalunion-management {
+  padding: 20px 0;
+  .top-btn {
+    .btn {
+      width: 80px;
+      height: 32px;
+      background: #4e68ff;
+      border-radius: 4px;
+      margin-left: 20px;
+    }
+  }
+  .bot-table {
+    margin-top: 20px;
+  }
+  .title {
+    text-align: center;
+    height: 26px;
+    font-size: 22px;
+    font-family: AlibabaPuHuiTiM;
+    color: rgba(0, 0, 0, 0.8);
+    line-height: 26px;
+    margin-bottom: 30px;
+  }
+}
+::v-deep .el-dialog__body {
+  padding: 0 40px;
+  border-top: none;
+}
+::v-deep .el-dialog__footer {
+  border-top: none;
+  text-align: center;
+  .el-button {
+    width: 100px;
+    height: 32px;
+    background: #4e68ff;
+  }
+}
+::v-deep .el-upload {
+  .el-button {
+    transform: translateY(-4px);
+  }
+}
+</style>
diff --git a/src/views/systems/operation-management/index.vue b/src/views/systems/operation-management/index.vue
index 3e8033bb8a2e29ddef845a2ddc10ae22f40be820..bf4331e34a646dea721b8e341296407d22f7c524 100644
--- a/src/views/systems/operation-management/index.vue
+++ b/src/views/systems/operation-management/index.vue
@@ -57,7 +57,7 @@ export default {
   mounted() {},
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event)
+      // console.log(tab, event)
     },
   },
 }
@@ -65,7 +65,7 @@ export default {
 <style lang="scss" scoped>
 #operation-management {
   padding: 20px;
-  .el-tabs__nav-wrap::after {
+  ::v-deep .el-tabs__nav-wrap::after {
     background-color: #fff;
   }
 }