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

Write Preview
Loading…
Cancel
Save