From 4a0bfe0510ebd565e463e9ca3135ec32d5e9f521 Mon Sep 17 00:00:00 2001
From: MO <448233645@qq.com>
Date: Thu, 9 Nov 2023 09:56:49 +0800
Subject: [PATCH] =?UTF-8?q?ui=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/setting/depot/index.vue        | 282 ++++++++++---------
 src/views/setting/depotCabinet/index.vue | 272 +++++++++---------
 src/views/setting/detection/index.vue    | 295 ++++++++++----------
 src/views/setting/fileCategory/index.vue | 337 ++++++++++++++++-------
 src/views/setting/organization/index.vue | 288 +++++++++----------
 5 files changed, 819 insertions(+), 655 deletions(-)

diff --git a/src/views/setting/depot/index.vue b/src/views/setting/depot/index.vue
index 2f82c977..d3b4d6de 100644
--- a/src/views/setting/depot/index.vue
+++ b/src/views/setting/depot/index.vue
@@ -1,147 +1,157 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="98px"
-    >
-      <el-form-item label="库房名称" prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入库房名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="库房编号" prop="code">
-        <el-input
-          v-model="queryParams.code"
-          placeholder="请输入库房编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="库房地址" prop="address">
-        <el-input
-          v-model="queryParams.address"
-          placeholder="请输入库房地址"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          style="width: 240px"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="['00:00:00', '23:59:59']"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['setting:depot:create']"
-          >新增</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['setting:depot:export']"
-          >导出</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
-
-    <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
-      <el-table-column label="库房名称" align="center" prop="name" />
-      <el-table-column label="库房编号" align="center" prop="code" />
-      <el-table-column label="库房地址" align="center" prop="address" />
-      <el-table-column label="管理者姓名" align="center" prop="manegerName" />
-      <el-table-column
-        label="立档单位名称"
-        align="center"
-        prop="organizationName"
-      />
-      <el-table-column
-        label="创建时间"
-        align="center"
-        prop="createTime"
-        width="180"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        fixed="right"
-        width="180px"
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        v-show="showSearch"
+        label-width="98px"
       >
-        <template v-slot="scope">
+        <div class="filter-box">
+          <div class="filter-lf">
+            <el-form-item label="库房名称" prop="name">
+              <el-input
+                v-model="queryParams.name"
+                placeholder="请输入库房名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="库房编号" prop="code">
+              <el-input
+                v-model="queryParams.code"
+                placeholder="请输入库房编号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="库房地址" prop="address">
+              <el-input
+                v-model="queryParams.address"
+                placeholder="请输入库房地址"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="创建时间" prop="createTime">
+              <el-date-picker
+                v-model="queryParams.createTime"
+                style="width: 240px"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :default-time="['00:00:00', '23:59:59']"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
           <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
             size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['setting:depot:update']"
-            >修改</el-button
+            @click="handleAdd"
+            v-hasPermi="['setting:depot:create']"
+            >新增</el-button
           >
+        </el-col>
+        <el-col :span="1.5">
           <el-button
+            type="warning"
+            plain
+            icon="el-icon-download"
             size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['setting:depot:delete']"
-            >删除</el-button
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['setting:depot:export']"
+            >导出</el-button
           >
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
+      <!-- 列表 -->
+      <el-table v-loading="loading" :data="list" stripe border>
+        <el-table-column label="库房名称" align="center" prop="name" />
+        <el-table-column label="库房编号" align="center" prop="code" />
+        <el-table-column label="库房地址" align="center" prop="address" />
+        <el-table-column label="管理者姓名" align="center" prop="manegerName" />
+        <el-table-column
+          label="立档单位名称"
+          align="center"
+          prop="organizationName"
+        />
+        <el-table-column
+          label="创建时间"
+          align="center"
+          prop="createTime"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" />
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="180px"
+        >
+          <template v-slot="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['setting:depot:update']"
+              >修改</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['setting:depot:delete']"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -425,3 +435,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>
diff --git a/src/views/setting/depotCabinet/index.vue b/src/views/setting/depotCabinet/index.vue
index ac957068..c563c509 100644
--- a/src/views/setting/depotCabinet/index.vue
+++ b/src/views/setting/depotCabinet/index.vue
@@ -1,142 +1,152 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="98px"
-    >
-      <el-form-item label="所属库房" prop="depotId">
-        <el-input
-          v-model="queryParams.depotId"
-          placeholder="请输入所属库房"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="柜子名称" prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入柜子名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="柜子编号" prop="code">
-        <el-input
-          v-model="queryParams.code"
-          placeholder="请输入柜子编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          style="width: 240px"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="['00:00:00', '23:59:59']"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['setting:depot-cabinet:create']"
-          >新增</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['setting:depot-cabinet:export']"
-          >导出</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
-
-    <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
-      <el-table-column label="柜子名称" align="center" prop="name" />
-      <el-table-column label="柜子编号" align="center" prop="code" />
-      <el-table-column label="库房地址" align="center" prop="address" />
-      <el-table-column label="管理者姓名" align="center" prop="manegerName" />
-      <el-table-column
-        label="创建时间"
-        align="center"
-        prop="createTime"
-        width="180"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        fixed="right"
-        width="180px"
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        v-show="showSearch"
+        label-width="98px"
       >
-        <template v-slot="scope">
+        <div class="filter-box">
+          <div class="filter-lf">
+            <el-form-item label="所属库房" prop="depotId">
+              <el-input
+                v-model="queryParams.depotId"
+                placeholder="请输入所属库房"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="柜子名称" prop="name">
+              <el-input
+                v-model="queryParams.name"
+                placeholder="请输入柜子名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="柜子编号" prop="code">
+              <el-input
+                v-model="queryParams.code"
+                placeholder="请输入柜子编号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="创建时间" prop="createTime">
+              <el-date-picker
+                v-model="queryParams.createTime"
+                style="width: 240px"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :default-time="['00:00:00', '23:59:59']"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
+
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
           <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
             size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['setting:depot-cabinet:update']"
-            >修改</el-button
+            @click="handleAdd"
+            v-hasPermi="['setting:depot-cabinet:create']"
+            >新增</el-button
           >
+        </el-col>
+        <el-col :span="1.5">
           <el-button
+            type="warning"
+            plain
+            icon="el-icon-download"
             size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['setting:depot-cabinet:delete']"
-            >删除</el-button
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['setting:depot-cabinet:export']"
+            >导出</el-button
           >
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
+      <!-- 列表 -->
+      <el-table v-loading="loading" :data="list" stripe border>
+        <el-table-column label="柜子名称" align="center" prop="name" />
+        <el-table-column label="柜子编号" align="center" prop="code" />
+        <el-table-column label="库房地址" align="center" prop="address" />
+        <el-table-column label="管理者姓名" align="center" prop="manegerName" />
+        <el-table-column
+          label="创建时间"
+          align="center"
+          prop="createTime"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" />
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="180px"
+        >
+          <template v-slot="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['setting:depot-cabinet:update']"
+              >修改</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['setting:depot-cabinet:delete']"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -414,3 +424,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>
diff --git a/src/views/setting/detection/index.vue b/src/views/setting/detection/index.vue
index 742d79c8..5f74b53c 100644
--- a/src/views/setting/detection/index.vue
+++ b/src/views/setting/detection/index.vue
@@ -1,162 +1,145 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="68px"
-    >
-      <el-form-item label="一级分类" prop="oneType">
-        <el-input
-          v-model="queryParams.oneType"
-          placeholder="请输入一级分类"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="二级分类" prop="twoType">
-        <el-input
-          v-model="queryParams.twoType"
-          placeholder="请输入二级分类"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="检测编号" prop="code">
-        <el-input
-          v-model="queryParams.code"
-          placeholder="请输入检测编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="检测项目" prop="name">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入检测项目"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="检测目的" prop="purpose">
-        <el-input
-          v-model="queryParams.purpose"
-          placeholder="请输入检测目的"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="归档对象" prop="objects">
-        <el-input
-          v-model="queryParams.objects"
-          placeholder="请输入归档对象"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="是否启用" prop="enableFlag">
-        <el-select
-          v-model="queryParams.enableFlag"
-          placeholder="请选择"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.INFRA_BOOLEAN_STRING)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        v-show="showSearch"
+        label-width="68px"
+      >
+        <div class="filter-box">
+          <div class="filter-lf">
+            <el-form-item label="一级分类" prop="oneType">
+              <el-input
+                v-model="queryParams.oneType"
+                placeholder="请输入一级分类"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="二级分类" prop="twoType">
+              <el-input
+                v-model="queryParams.twoType"
+                placeholder="请输入二级分类"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="检测编号" prop="code">
+              <el-input
+                v-model="queryParams.code"
+                placeholder="请输入检测编号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="检测项目" prop="name">
+              <el-input
+                v-model="queryParams.name"
+                placeholder="请输入检测项目"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="检测目的" prop="purpose">
+              <el-input
+                v-model="queryParams.purpose"
+                placeholder="请输入检测目的"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="归档对象" prop="objects">
+              <el-input
+                v-model="queryParams.objects"
+                placeholder="请输入归档对象"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="是否启用" prop="enableFlag">
+              <el-select
+                v-model="queryParams.enableFlag"
+                placeholder="请选择"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.INFRA_BOOLEAN_STRING
+                  )"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
 
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['setting:detection:export']"
-          >导出</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
 
-    <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
-      <el-table-column label="一级分类" align="center" prop="oneType" />
-      <el-table-column label="二级分类" align="center" prop="twoType" />
-      <el-table-column label="检测编号" align="center" prop="code" />
-      <el-table-column label="检测项目" align="center" prop="name" />
-      <el-table-column label="检测目的" align="center" prop="purpose" />
-      <el-table-column label="归档对象" align="center" prop="objects" />
-      <el-table-column label="依据和方法" align="center" prop="methods" />
-      <el-table-column label="是否开启" align="center" prop="enableFlag">
-        <template v-slot="scope">
-          <dict-tag
-            :type="DICT_TYPE.INFRA_BOOLEAN_STRING"
-            :value="scope.row.enableFlag"
-          />
-        </template>
-      </el-table-column>
-      <!--      <el-table-column label="备注" align="center" prop="remark" />-->
-      <!--      <el-table-column-->
-      <!--        label="创建时间"-->
-      <!--        align="center"-->
-      <!--        prop="createTime"-->
-      <!--        width="180"-->
-      <!--      >-->
-      <!--        <template v-slot="scope">-->
-      <!--          <span>{{ parseTime(scope.row.createTime) }}</span>-->
-      <!--        </template>-->
-      <!--      </el-table-column>-->
-      <!--      <el-table-column-->
-      <!--        label="操作"-->
-      <!--        align="center"-->
-      <!--        class-name="small-padding fixed-width"-->
-      <!--        fixed="right"-->
-      <!--        width="180px"-->
-      <!--      >-->
-      <!--        <template v-slot="scope">-->
-      <!--          <el-button-->
-      <!--            size="mini"-->
-      <!--            type="text"-->
-      <!--            icon="el-icon-edit"-->
-      <!--            @click="handleUpdate(scope.row)"-->
-      <!--            v-hasPermi="['setting:detection:update']"-->
-      <!--            >修改</el-button-->
-      <!--          >-->
-      <!--        </template>-->
-      <!--      </el-table-column>-->
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button
+            type="warning"
+            plain
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['setting:detection:export']"
+            >导出</el-button
+          >
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
+      <!-- 列表 -->
+      <el-table v-loading="loading" :data="list" stripe border>
+        <el-table-column label="一级分类" align="center" prop="oneType" />
+        <el-table-column label="二级分类" align="center" prop="twoType" />
+        <el-table-column label="检测编号" align="center" prop="code" />
+        <el-table-column label="检测项目" align="center" prop="name" />
+        <el-table-column label="检测目的" align="center" prop="purpose" />
+        <el-table-column label="归档对象" align="center" prop="objects" />
+        <el-table-column label="依据和方法" align="center" prop="methods" />
+        <el-table-column label="是否开启" align="center" prop="enableFlag">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.INFRA_BOOLEAN_STRING"
+              :value="scope.row.enableFlag"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
@@ -372,3 +355,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>
diff --git a/src/views/setting/fileCategory/index.vue b/src/views/setting/fileCategory/index.vue
index 19d42c46..59b8b4a9 100644
--- a/src/views/setting/fileCategory/index.vue
+++ b/src/views/setting/fileCategory/index.vue
@@ -1,138 +1,271 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
-      <el-form-item label="档案类型编码" prop="categoryCode">
-        <el-input v-model="queryParams.categoryCode" placeholder="请输入档案类型编码" clearable
-          @keyup.enter.native="handleQuery" />
-      </el-form-item>
-      <el-form-item label="类型名称" prop="typeName">
-        <el-input v-model="queryParams.typeName" placeholder="请输入类型名称" clearable @keyup.enter.native="handleQuery" />
-      </el-form-item>
-      <el-form-item label="目录号" prop="catalogNumber">
-        <el-input v-model="queryParams.catalogNumber" placeholder="请输入目录号" clearable @keyup.enter.native="handleQuery" />
-      </el-form-item>
-      <el-form-item label="保管期限" prop="custodyTime">
-        <el-date-picker v-model="queryParams.custodyTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
-          type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
-          :default-time="['00:00:00', '23:59:59']" />
-      </el-form-item>
-      <el-form-item label="启用状态 " prop="state">
-        <el-select v-model="queryParams.state" placeholder="请选启用状态	" clearable size="small">
-          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ENABLE_STATE)" :key="dict.value" :label="dict.label"
-            :value="dict.value" />
-        </el-select>
-      </el-form-item>
-
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        v-show="showSearch"
+        label-width="98px"
+      >
+        <div class="filter-box">
+          <div class="filter-lf">
+            <el-form-item label="档案类型编码" prop="categoryCode">
+              <el-input
+                v-model="queryParams.categoryCode"
+                placeholder="请输入档案类型编码"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="类型名称" prop="typeName">
+              <el-input
+                v-model="queryParams.typeName"
+                placeholder="请输入类型名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="目录号" prop="catalogNumber">
+              <el-input
+                v-model="queryParams.catalogNumber"
+                placeholder="请输入目录号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="保管期限" prop="custodyTime">
+              <el-date-picker
+                v-model="queryParams.custodyTime"
+                style="width: 240px"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :default-time="['00:00:00', '23:59:59']"
+              />
+            </el-form-item>
+            <el-form-item label="启用状态 " prop="state">
+              <el-select
+                v-model="queryParams.state"
+                placeholder="请选启用状态	"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.ENABLE_STATE)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
 
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-          v-hasPermi="['setting:file-category:create']">新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
-          v-hasPermi="['setting:file-category:export']">导出</el-button>
-      </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
 
-    <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
-      <el-table-column label="档案类型编码" align="center" prop="categoryCode" />
-      <!-- <el-table-column label="档案类型父id" align="center" prop="parentId" /> -->
-      <el-table-column label="类型名称" align="center" prop="typeName">
-        <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.ARCHIVES_FILE_TYPE" :value="scope.row.typeName" />
-        </template>
-      </el-table-column>
-      <el-table-column label="目录号" align="center" prop="catalogNumber" />
-      <el-table-column label="二级类别号" align="center" prop="twoCatalogNumber" />
-      <el-table-column label="保管期限" align="center" prop="custodyTime" width="180">
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.custodyTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="启用状态 " align="center" prop="state">
-        <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.ENABLE_STATE" :value="scope.row.state" />
-        </template>
-      </el-table-column>
-      <el-table-column label="创建日期" align="center" prop="createTime" width="180">
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <!-- <el-table-column label="制单人" align="center" prop="createBy" /> -->
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="180px">
-        <template v-slot="scope">
-          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-            v-hasPermi="['setting:file-category:update']">修改</el-button>
-          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-            v-hasPermi="['setting:file-category:delete']">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
-      @pagination="getList" />
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAdd"
+            v-hasPermi="['setting:file-category:create']"
+            >新增</el-button
+          >
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="warning"
+            plain
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['setting:file-category:export']"
+            >导出</el-button
+          >
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
+      <!-- 列表 -->
+      <el-table v-loading="loading" :data="list" stripe border>
+        <el-table-column
+          label="档案类型编码"
+          align="center"
+          prop="categoryCode"
+        />
+        <el-table-column label="类型名称" align="center" prop="typeName">
+          <template v-slot="scope">
+            <dict-tag
+              :type="DICT_TYPE.ARCHIVES_FILE_TYPE"
+              :value="scope.row.typeName"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="目录号" align="center" prop="catalogNumber" />
+        <el-table-column
+          label="二级类别号"
+          align="center"
+          prop="twoCatalogNumber"
+        />
+        <el-table-column
+          label="保管期限"
+          align="center"
+          prop="custodyTime"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.custodyTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="启用状态 " align="center" prop="state">
+          <template v-slot="scope">
+            <dict-tag :type="DICT_TYPE.ENABLE_STATE" :value="scope.row.state" />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="创建日期"
+          align="center"
+          prop="createTime"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="180px"
+        >
+          <template v-slot="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['setting:file-category:update']"
+              >修改</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['setting:file-category:delete']"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
-    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      width="1000px"
+      append-to-body
+    >
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-row>
           <el-col :span="8">
             <el-form-item label="档案类型编码" prop="categoryCode">
-              <el-input v-model="form.categoryCode" placeholder="请输入档案类型编码" />
-            </el-form-item>
-          </el-col>
-          <!-- <el-col :span="8">
-            <el-form-item label="档案类型父id" prop="parentId">
               <el-input
-                v-model="form.parentId"
-                placeholder="请输入档案类型父id"
+                v-model="form.categoryCode"
+                placeholder="请输入档案类型编码"
               />
             </el-form-item>
-          </el-col> -->
+          </el-col>
           <el-col :span="8">
             <el-form-item label="类型名称" prop="typeName">
               <el-select v-model="form.typeName" placeholder="请选择档案类型">
-                <el-option v-for="item in fileTypeOptions" :key="item.id" :value="item.value" :label="item.label">
+                <el-option
+                  v-for="item in fileTypeOptions"
+                  :key="item.id"
+                  :value="item.value"
+                  :label="item.label"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="目录号" prop="catalogNumber">
-              <el-input v-model="form.catalogNumber" placeholder="请输入目录号" />
+              <el-input
+                v-model="form.catalogNumber"
+                placeholder="请输入目录号"
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <el-form-item label="二级类别号" prop="twoCatalogNumber">
-              <el-input v-model="form.twoCatalogNumber" placeholder="请输入二级类别号" />
+              <el-input
+                v-model="form.twoCatalogNumber"
+                placeholder="请输入二级类别号"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="保管期限" prop="custodyTime">
-              <el-date-picker clearable v-model="form.custodyTime" type="date" value-format="yyyy-MM-dd"
-                placeholder="选择保管期限" />
+              <el-date-picker
+                clearable
+                v-model="form.custodyTime"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="选择保管期限"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="启用状态 " prop="state">
-              <el-select v-model="form.state" placeholder="请选择启用状态	" clearable size="small">
-                <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ENABLE_STATE)" :key="dict.value"
-                  :label="dict.label" :value="dict.value" />
+              <el-select
+                v-model="form.state"
+                placeholder="请选择启用状态	"
+                clearable
+                size="small"
+              >
+                <el-option
+                  v-for="dict in this.getDictDatas(DICT_TYPE.ENABLE_STATE)"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
               </el-select>
-
             </el-form-item>
           </el-col>
         </el-row>
@@ -303,7 +436,7 @@ export default {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -321,8 +454,12 @@ export default {
           this.$download.excel(response, "档案分类.xls");
           this.exportLoading = false;
         })
-        .catch(() => { });
+        .catch(() => {});
     },
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>
diff --git a/src/views/setting/organization/index.vue b/src/views/setting/organization/index.vue
index dccdd6c9..7f953972 100644
--- a/src/views/setting/organization/index.vue
+++ b/src/views/setting/organization/index.vue
@@ -1,151 +1,159 @@
 <template>
   <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="88px"
-    >
-      <el-form-item label="单位名称" prop="organizationName">
-        <el-input
-          v-model="queryParams.organizationName"
-          placeholder="请输入单位名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="单位编码" prop="organizationCode">
-        <el-input
-          v-model="queryParams.organizationCode"
-          placeholder="请输入单位编码"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="全宗号" prop="caseNum">
-        <el-input
-          v-model="queryParams.caseNum"
-          placeholder="请输入全宗号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          style="width: 240px"
-          value-format="yyyy-MM-dd HH:mm:ss"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="['00:00:00', '23:59:59']"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <!-- 操作工具栏 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['setting:organization:create']"
-          >新增</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['setting:organization:export']"
-          >导出</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
+    <el-card>
+      <!-- 搜索工作栏 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        v-show="showSearch"
+        label-width="88px"
+        ><div class="filter-box">
+          <div class="filter-lf">
+            <el-form-item label="单位名称" prop="organizationName">
+              <el-input
+                v-model="queryParams.organizationName"
+                placeholder="请输入单位名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="单位编码" prop="organizationCode">
+              <el-input
+                v-model="queryParams.organizationCode"
+                placeholder="请输入单位编码"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="全宗号" prop="caseNum">
+              <el-input
+                v-model="queryParams.caseNum"
+                placeholder="请输入全宗号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="创建时间" prop="createTime">
+              <el-date-picker
+                v-model="queryParams.createTime"
+                style="width: 240px"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                type="daterange"
+                range-separator="-"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                :default-time="['00:00:00', '23:59:59']"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </div>
+        </div>
+      </el-form>
 
-    <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
-      <!-- <el-table-column label="单位id" align="center" prop="id" /> -->
-      <el-table-column
-        label="单位名称"
-        align="center"
-        prop="organizationName"
-      />
-      <el-table-column
-        label="单位编码"
-        align="center"
-        prop="organizationCode"
-      />
-      <el-table-column label="全宗号" align="center" prop="caseNum" />
-      <el-table-column label="用户id" align="center" prop="userId" />
-      <el-table-column
-        label="创建时间"
-        align="center"
-        prop="createTime"
-        width="180"
-      >
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        fixed="right"
-        width="180px"
-      >
-        <template v-slot="scope">
+      <!-- 操作工具栏 -->
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
           <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
             size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['setting:organization:update']"
-            >修改</el-button
+            @click="handleAdd"
+            v-hasPermi="['setting:organization:create']"
+            >新增</el-button
           >
+        </el-col>
+        <el-col :span="1.5">
           <el-button
+            type="warning"
+            plain
+            icon="el-icon-download"
             size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['setting:organization:delete']"
-            >删除</el-button
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['setting:organization:export']"
+            >导出</el-button
           >
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+        </el-col>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
+      </el-row>
 
+      <!-- 列表 -->
+      <el-table v-loading="loading" :data="list" stripe border>
+        <el-table-column
+          label="单位名称"
+          align="center"
+          prop="organizationName"
+        />
+        <el-table-column
+          label="单位编码"
+          align="center"
+          prop="organizationCode"
+        />
+        <el-table-column label="全宗号" align="center" prop="caseNum" />
+        <el-table-column label="用户id" align="center" prop="userId" />
+        <el-table-column
+          label="创建时间"
+          align="center"
+          prop="createTime"
+          width="180"
+        >
+          <template v-slot="scope">
+            <span>{{ parseTime(scope.row.createTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" />
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          fixed="right"
+          width="180px"
+        >
+          <template v-slot="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['setting:organization:update']"
+              >修改</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['setting:organization:delete']"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNo"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-card>
     <!-- 对话框(添加 / 修改) -->
     <el-dialog
       :title="title"
@@ -384,3 +392,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>