运营管理 start 质控报表

src/components/CustomsTable/index.vue

@@ -184,4 +184,14 @@ export default {
   background-repeat: no-repeat;
   background-size: cover;
 }
+::v-deep {
+  .el-table {
+    thead {
+      .newHeader {
+        height: 60px;
+        background: #f6f6f6;
+      }
+    }
+  }
+}
 </style>

src/views/followupquery/index.vue

@@ -273,14 +273,4 @@ export default {
     padding: 0 24px;
   }
 }
-::v-deep {
-  .el-table {
-    thead {
-      .newHeader {
-        height: 60px;
-        background: #f6f6f6;
-      }
-    }
-  }
-}
 </style>

src/views/qualitycontrol-report/index.vue

+<template>
+  <div>质控报表</div>
+</template>
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {},
+  watch: {},
+}
+</script>
+<style lang="scss" scoped></style>

src/views/systems/operation-management/components/AcademicTrend.vue

+<template>
+  <div>学说那个太</div>
+</template>
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {},
+  watch: {},
+}
+</script>
+<style lang="scss" scoped></style>

src/views/systems/operation-management/components/HealthPopularization.vue

+<template>
+  <div>健康科普</div>
+</template>
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {},
+  watch: {},
+}
+</script>
+<style lang="scss" scoped></style>

src/views/systems/operation-management/components/NewsMeeting.vue

+<template>
+  <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 {
+      addVisible: false,
+      listLoading: false,
+      columns: [
+        {
+          label: "标题",
+          minWidth: 120,
+          value: "groupName",
+        },
+        {
+          label: "医联体编号",
+          minWidth: 120,
+          value: "name",
+        },
+        {
+          label: "省",
+          minWidth: 120,
+          value: "sex",
+        },
+
+        {
+          label: "市",
+          minWidth: 120,
+          value: "idCard",
+        },
+        {
+          label: "操作",
+          width: 220,
+          fixed: "right",
+          operType: "button",
+          operations: [
+            {
+              func: this.editMedical,
+              formatter(row) {
+                return {
+                  label: "编辑",
+                  type: "text",
+                }
+              },
+            },
+            {
+              func: this.rowOpration,
+              style: {
+                color: "#FA6400",
+              },
+              formatter(row) {
+                return {
+                  label: "删除",
+                  type: "text",
+                }
+              },
+            },
+          ],
+        },
+      ],
+      tableData: [
+        {
+          groupName: "第一个",
+        },
+      ],
+      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: {},
+    }
+  },
+  watch: {},
+  mounted() {},
+  methods: {
+    // 添加医联体
+    addMedical() {
+      this.addVisible = true
+    },
+    // 编辑医联体
+    editMedical(data) {
+      console.log(data)
+      this.form = {
+        medicalName: "黑乎乎",
+        medicalId: "123",
+        province: "001",
+        city: "001",
+      }
+      this.addVisible = true
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+#medicalunion-management {
+  padding: 20px;
+  .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>

src/views/systems/operation-management/components/NoticeAnnouncement.vue

+<template>
+  <div>通知公告</div>
+</template>
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {},
+  watch: {},
+}
+</script>
+<style lang="scss" scoped></style>

src/views/systems/operation-management/components/scientificResearch.vue

+<template>
+  <div>科学研究</div>
+</template>
+<script>
+export default {
+  data() {
+    return {}
+  },
+  methods: {},
+  mounted() {},
+  watch: {},
+}
+</script>
+<style lang="scss" scoped></style>

src/views/systems/operation-management/index.vue

+<template>
+  <div id="operation-management">
+    <el-tabs v-model="curOperation" @tab-click="handleClick">
+      <el-tab-pane
+        v-for="(item, index) in operationList"
+        :key="index"
+        :label="item.name"
+        :name="item.name"
+      >
+        <component :is="item.component"></component>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import NewsMeeting from "@/views/systems/operation-management/components/NewsMeeting.vue"
+import NoticeAnnouncement from "@/views/systems/operation-management/components/NoticeAnnouncement.vue"
+import AcademicTrend from "@/views/systems/operation-management/components/AcademicTrend.vue"
+import HealthPopularization from "@/views/systems/operation-management/components/HealthPopularization.vue"
+import scientificResearch from "@/views/systems/operation-management/components/scientificResearch.vue"
+export default {
+  components: {
+    NewsMeeting,
+    NoticeAnnouncement,
+    AcademicTrend,
+    HealthPopularization,
+    scientificResearch,
+  },
+  data() {
+    return {
+      curOperation: "新闻会议",
+      operationList: [
+        {
+          name: "新闻会议",
+          component: "NewsMeeting",
+        },
+        {
+          name: "通知公告",
+          component: "NoticeAnnouncement",
+        },
+        {
+          name: "学术动态",
+          component: "AcademicTrend",
+        },
+        {
+          name: "健康科普",
+          component: "HealthPopularization",
+        },
+        {
+          name: "科学研究",
+          component: "scientificResearch",
+        },
+      ],
+    }
+  },
+  watch: {},
+  mounted() {},
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event)
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+#operation-management {
+  padding: 20px;
+  .el-tabs__nav-wrap::after {
+    background-color: #fff;
+  }
+}
+</style>