|
|
@@ -0,0 +1,94 @@
|
|
|
+<template>
|
|
|
+ <VerticalFlexLayout>
|
|
|
+ <template #static>
|
|
|
+ <Breadcrumb />
|
|
|
+ </template>
|
|
|
+ <div class="main">
|
|
|
+ <el-tabs>
|
|
|
+ <el-tab-pane label="全部" name="first" />
|
|
|
+ <el-tab-pane label="院领导" name="first" />
|
|
|
+ <el-tab-pane label="部门" name="first" />
|
|
|
+ <el-tab-pane label="科室" name="first" />
|
|
|
+ <el-tab-pane label="员工" name="first" />
|
|
|
+ <el-tab-pane label="常驻供应商" name="first" />
|
|
|
+ </el-tabs>
|
|
|
+ <el-form :inline="true">
|
|
|
+ <el-form-item>
|
|
|
+ <el-input placeholder="搜索安全责任书名称" style="width: 170px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-select placeholder="状态" style="width: 170px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-select placeholder="所属部门" style="width: 170px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-date-picker placeholder="计划日期范围" style="width: 170px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary">查询</el-button>
|
|
|
+ <el-button>重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="button-content">
|
|
|
+ <el-button type="primary">添加</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="table-content">
|
|
|
+ <el-table>
|
|
|
+ <el-table-column type="selection" width="55" />
|
|
|
+ <el-table-column label="责任书名称" width="180" />
|
|
|
+ <el-table-column label="状态" width="100" />
|
|
|
+ <el-table-column label="所属部门" width="180" />
|
|
|
+ <el-table-column label="下发数" width="120" />
|
|
|
+ <el-table-column label="签署人数" width="120" />
|
|
|
+ <el-table-column label="签署比例" width="120" />
|
|
|
+ <el-table-column label="分组名称" width="150" />
|
|
|
+ <el-table-column label="计划完成时间" width="150" />
|
|
|
+ <el-table-column fixed="right" min-width="200" label="操作">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button type="primary" link>编辑</el-button>
|
|
|
+ <el-button type="primary" link>删除</el-button>
|
|
|
+ <el-button type="primary" link>下发对象</el-button>
|
|
|
+ <el-button type="primary" link>下发</el-button>
|
|
|
+ <el-button type="primary" link>下载</el-button>
|
|
|
+ <el-button type="primary" link>作废</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="page-content"> sdfsd </div>
|
|
|
+ </div>
|
|
|
+ </VerticalFlexLayout>
|
|
|
+</template>
|
|
|
+<script lang="ts" setup>
|
|
|
+ import Breadcrumb from '@/components/Breadcrumb.vue';
|
|
|
+ import VerticalFlexLayout from '@/components/VerticalFlexLayout.vue';
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="css" scoped>
|
|
|
+ :deep(.flexContent) {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ :deep(.breadcrumb .title) {
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+ .main {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 20px;
|
|
|
+ flex: 1;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .button-content {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .table-content {
|
|
|
+ flex: 1;
|
|
|
+ overflow: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+ .page-content {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
+</style>
|