ui优化

src/views/setting/depot/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="app-container">
+    <el-card>
       <!-- 搜索工作栏 -->
       <el-form
         :model="queryParams"
@@ -9,6 +10,8 @@
         v-show="showSearch"
         label-width="98px"
       >
+        <div class="filter-box">
+          <div class="filter-lf">
             <el-form-item label="库房名称" prop="name">
               <el-input
                 v-model="queryParams.name"
@@ -46,11 +49,18 @@
               />
             </el-form-item>
             <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
                 >搜索</el-button
               >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
             </el-form-item>
+          </div>
+        </div>
       </el-form>
 
       <!-- 操作工具栏 -->
@@ -85,7 +95,7 @@
       </el-row>
 
       <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
+      <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" />
@@ -141,7 +151,7 @@
         :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>

src/views/setting/depotCabinet/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="app-container">
+    <el-card>
       <!-- 搜索工作栏 -->
       <el-form
         :model="queryParams"
@@ -9,6 +10,8 @@
         v-show="showSearch"
         label-width="98px"
       >
+        <div class="filter-box">
+          <div class="filter-lf">
             <el-form-item label="所属库房" prop="depotId">
               <el-input
                 v-model="queryParams.depotId"
@@ -46,11 +49,18 @@
               />
             </el-form-item>
             <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
                 >搜索</el-button
               >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
             </el-form-item>
+          </div>
+        </div>
       </el-form>
 
       <!-- 操作工具栏 -->
@@ -85,7 +95,7 @@
       </el-row>
 
       <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
+      <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" />
@@ -136,7 +146,7 @@
         :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>

src/views/setting/detection/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="app-container">
+    <el-card>
       <!-- 搜索工作栏 -->
       <el-form
         :model="queryParams"
@@ -9,6 +10,8 @@
         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"
@@ -65,7 +68,9 @@
                 size="small"
               >
                 <el-option
-            v-for="dict in this.getDictDatas(DICT_TYPE.INFRA_BOOLEAN_STRING)"
+                  v-for="dict in this.getDictDatas(
+                    DICT_TYPE.INFRA_BOOLEAN_STRING
+                  )"
                   :key="dict.value"
                   :label="dict.label"
                   :value="dict.value"
@@ -74,11 +79,18 @@
             </el-form-item>
 
             <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
                 >搜索</el-button
               >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
             </el-form-item>
+          </div>
+        </div>
       </el-form>
 
       <!-- 操作工具栏 -->
@@ -102,7 +114,7 @@
       </el-row>
 
       <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
+      <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" />
@@ -118,35 +130,6 @@
             />
           </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
@@ -156,7 +139,7 @@
         :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>

src/views/setting/fileCategory/index.vue

@@ -1,60 +1,142 @@
 <template>
   <div class="app-container">
+    <el-card>
       <!-- 搜索工作栏 -->
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
+      <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
+              <el-input
-          @keyup.enter.native="handleQuery" />
+                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-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-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"
+              <el-date-picker
-          type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
+                v-model="queryParams.custodyTime"
-          :default-time="['00:00:00', '23:59:59']" />
+                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-select
-          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ENABLE_STATE)" :key="dict.value" :label="dict.label"
+                v-model="queryParams.state"
-            :value="dict.value" />
+                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
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</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" @click="handleAdd"
+          <el-button
-          v-hasPermi="['setting:file-category:create']">新增</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"
+          <el-button
-          v-hasPermi="['setting:file-category:export']">导出</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>
+        <right-toolbar
+          :showSearch.sync="showSearch"
+          @queryTable="getList"
+        ></right-toolbar>
       </el-row>
 
       <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
+      <el-table v-loading="loading" :data="list" stripe border>
-      <el-table-column label="档案类型编码" align="center" prop="categoryCode" />
+        <el-table-column
-      <!-- <el-table-column label="档案类型父id" align="center" prop="parentId" /> -->
+          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" />
+            <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
-      <el-table-column label="保管期限" align="center" prop="custodyTime" width="180">
+          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>
@@ -64,75 +146,126 @@
             <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">
+        <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
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="180px">
+          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)"
+            <el-button
-            v-hasPermi="['setting:file-category:update']">修改</el-button>
+              size="mini"
-          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+              type="text"
-            v-hasPermi="['setting:file-category:delete']">删除</el-button>
+              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
-      @pagination="getList" />
+        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"
+                v-model="form.categoryCode"
-                placeholder="请输入档案类型父id"
+                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"
+              <el-date-picker
-                placeholder="选择保管期限" />
+                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-select
-                <el-option v-for="dict in this.getDictDatas(DICT_TYPE.ENABLE_STATE)" :key="dict.value"
+                v-model="form.state"
-                  :label="dict.label" :value="dict.value" />
+                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>
@@ -326,3 +459,7 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+@import "@/assets/styles/header/index.scss";
+@import "@/assets/styles/common/index.scss";
+</style>

src/views/setting/organization/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="app-container">
+    <el-card>
       <!-- 搜索工作栏 -->
       <el-form
         :model="queryParams"
@@ -8,7 +9,8 @@
         :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"
@@ -46,11 +48,18 @@
               />
             </el-form-item>
             <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery"
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                @click="handleQuery"
                 >搜索</el-button
               >
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+              <el-button icon="el-icon-refresh" @click="resetQuery"
+                >重置</el-button
+              >
             </el-form-item>
+          </div>
+        </div>
       </el-form>
 
       <!-- 操作工具栏 -->
@@ -85,8 +94,7 @@
       </el-row>
 
       <!-- 列表 -->
-    <el-table v-loading="loading" :data="list">
+      <el-table v-loading="loading" :data="list" stripe border>
-      <!-- <el-table-column label="单位id" align="center" prop="id" /> -->
         <el-table-column
           label="单位名称"
           align="center"
@@ -145,7 +153,7 @@
         :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>