Js
/
lyr-one-test
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui优化

Browse Source
main
mo 1 year ago
parent d1d8c490c5
commit 4a0bfe0510
5 changed files with 819 additions and 655 deletions
Show Stats Download Patch File Download Diff File

282
src/views/setting/depot/index.vue
Unescape Escape View File

@ -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>

272
src/views/setting/depotCabinet/index.vue
Unescape Escape View File

@ -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>

295
src/views/setting/detection/index.vue
Unescape Escape View File

@ -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>

337
src/views/setting/fileCategory/index.vue
Unescape Escape View File

@ -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>

288
src/views/setting/organization/index.vue
Unescape Escape View File

@ -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>

Write Preview
Loading…
Cancel
Save