From 2203ddda79712c7cd872ee2a120e1e2fd1c5f9de Mon Sep 17 00:00:00 2001
From: miaojiale <1123971748@qq.com>
Date: Tue, 29 Nov 2022 17:33:20 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9D=99=E6=80=81=E9=A1=B5=EF=BC=9A=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E8=B4=A8=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/DataCenter/question.png        | Bin 0 -> 1187 bytes
 src/components/CustomsTable/index.vue         |   8 +
 src/components/Upload/index.vue               |   6 +-
 src/views/audit-qualitycontrol/community.vue  | 162 +++++++++
 .../audit-qualitycontrol/healthcheckup.vue    |  14 +
 src/views/audit-qualitycontrol/hospital.vue   |  14 +
 .../components/AcademicTrend.vue              |   2 +-
 .../components/HealthPopularization.vue       | 340 +++++++++++++++++-
 .../components/NewsMeeting.vue                |  46 ++-
 .../components/NoticeAnnouncement.vue         | 235 +++++++++++-
 .../components/scientificResearch.vue         | 335 ++++++++++++++++-
 .../systems/operation-management/index.vue    |   4 +-
 12 files changed, 1137 insertions(+), 29 deletions(-)
 create mode 100644 src/assets/img/DataCenter/question.png
 create mode 100644 src/views/audit-qualitycontrol/community.vue
 create mode 100644 src/views/audit-qualitycontrol/healthcheckup.vue
 create mode 100644 src/views/audit-qualitycontrol/hospital.vue

diff --git a/src/assets/img/DataCenter/question.png b/src/assets/img/DataCenter/question.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c6106b41e1d67d72be04ce382e33a6ebaabf9b6
GIT binary patch
literal 1187
zcmV;U1YG-xP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px(T}ebiR9HvNm`!M0RTRhn=e;*c1}EA@5gHVWLJ}C_eB2uns$#R!iVJClQg!18
zC@utPtz!LHv`QOWs$GewxbOqP7#Cu3qeaEVaPQ1KLL`ldsL(>uf+i&<^WGde!<#Zm
zXXed>fOBCsbMHOp_s;p>bMAYD9vjpxkMH}}1wn8RGv5c`HUL9JG$eMI`2qm>{X#@v
zd7k%mCX>0+jgO9j%H?t{48xb1c@Kbr4xRi<L}y*sJ(|sCOP%bA1u7Pcw=nZ-03Kpy
zBBClY{|Mj<*L5usT}UJn5*1V`l_6#x3d2wVcz}p@F|$KN4B%rTI+D-le`^QU7N}S(
z?x|L*p8&W4fIRIP&+|@YGMP)AJgx8hHwHm)keQ!}qWZVvI0y3i{MlCfTLKwl4ieFH
z^n^2geSOc4jg9@$3CPAZb8~YyudS_}X6AiSgb!=2Pc^gE6i8qIoQy*Kl2YpR&46s&
zW37D=z%fZZfJ4oot^txXG4q!IWbS}c>eH=&soSvD?gt<;5JBF*F@5WRM8MT*)fdf(
z0JkbKO(J!KnU4VwO=TK|z7EJ*`yn$wOhhwEsR!FdM#5ew6m}BPcE@p2%zVXhoXZ0P
z1HY%!>9x41T5CUxH1&~E>XG{Tt3XkmvCO>M-`_tRCtzdDB7jsA$Cm+!ljD&Fo3e?}
zS65dTiKyRoT~)7BSAmQ%vr+AsR!Th|_k_lnTJ32wPH3&)YPY~zdxDt{6Va?vYOk!V
z0ZBWkR4RWGQJ?2|J36T|*4nq3*>@c0QW%B-5$#~+$B5{rnqi_}l~Q-K1B&X@MP^=0
zBof=D&D4ObwR@R)2EY$m>$~Ej(`w!rGbQPY=0gCtYOO2n>=|Re2XH45?Nds9UIQ}5
zybIv*R<)s1K;QRADwWE&_4UbQa%Y^tjWLG+yaC`nt@RUiAThGrb=|34E_bd|fF{Rz
zKQo_>{=cZTmY&vjluD)DVHk@4b6V@EI?#Cl!=C4jWV2a0JzWoDOg>7N^gX$Xyg5ET
zJ{@PMTrLj>K_LDYwbmnb4J|QqDw#|Urqk)=I3pY93x&enj^n%!AQ{bl1K`m({m9z+
z`T5k!%E}TEEi0u4*8!zcsq05aN0+(*Di(`F)oNAJT&qdU{EpW8C=rRMW5>e6!r=1q
z@;~c<j4_)|nK9-m0Ix)z&uFcW$5J#bXqqx(%%(+ct$mf5pA;Wq7>-R$O#IaiP%BYy
z`q*1*ZzrN*fym`@vz?}@4&C(FZ&hLJCNd2`*A~Xjw2r#LsD<njQ4-M$`F#GnPQhBX
z4l&SebCo@%QfXTlhCkH-h)BBpbDaXUY_4LU+v|tyi6Z-R1HcDbYq_Szj@avmSm@@0
z)}Vo>r8zS5QW%COCnqNx0b7E_UeIJ`&s||7sNT8cH>9C=UV|E;dgev34%Jhy(hX3(
z^Rc1v%u1aKf<U_Zz5nayn2m*`XFgcPmfkH|@E_xv)kC(<lr#VU002ovPDHLkV1kbY
BGw1*S

literal 0
HcmV?d00001

diff --git a/src/components/CustomsTable/index.vue b/src/components/CustomsTable/index.vue
index 0c55ff1..1aa2d1c 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 3d5fc3c..72c17c9 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 0000000..31b333a
--- /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 0000000..dc2adba
--- /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 0000000..914b617
--- /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 efd5b2d..97fbff4 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 2b70c25..55c5b45 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 14b25d7..70a8964 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 71f59f7..2443a6b 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 f4ae058..3ea145e 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 3e8033b..bf4331e 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;
   }
 }
-- 
2.22.0