|
|
|
|
@ -0,0 +1,259 @@
|
|
|
|
|
<template>
|
|
|
|
|
<main-app :showTree="true">
|
|
|
|
|
<template v-slot:tree>
|
|
|
|
|
<el-tree
|
|
|
|
|
:data="deptOptions"
|
|
|
|
|
:props="defaultProps"
|
|
|
|
|
:expand-on-click-node="false"
|
|
|
|
|
:filter-node-method="filterNode"
|
|
|
|
|
ref="tree"
|
|
|
|
|
node-key="id"
|
|
|
|
|
default-expand-all
|
|
|
|
|
highlight-current
|
|
|
|
|
@node-click="handleNodeClick"
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:tablec>
|
|
|
|
|
<el-button type="info" plain icon="el-icon-upload2" size="mini"
|
|
|
|
|
>导入</el-button
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
<el-button type="warning" plain icon="el-icon-download" size="mini"
|
|
|
|
|
>导出</el-button
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
<el-button type="primary" plain icon="el-icon-plus" size="mini"
|
|
|
|
|
>新增资产</el-button
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:search>
|
|
|
|
|
<el-form
|
|
|
|
|
:model="formInline"
|
|
|
|
|
ref="queryForm"
|
|
|
|
|
size="small"
|
|
|
|
|
:inline="true"
|
|
|
|
|
label-width="100px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="所属单位：" prop="dwmc">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="formInline.dwmc"
|
|
|
|
|
placeholder="请输入所属单位"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="小程序名称：" prop="xcxmc">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="formInline.xcxmc"
|
|
|
|
|
placeholder="请输入小程序名称"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="新增时间：" prop="time">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="time"
|
|
|
|
|
format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
|
type="datetimerange"
|
|
|
|
|
start-placeholder="开始时间"
|
|
|
|
|
end-placeholder="结束时间"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
>
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
icon="el-icon-search"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="handleQuery"
|
|
|
|
|
>搜索</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
|
|
>重置</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:table>
|
|
|
|
|
<el-table
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
:data="tableData"
|
|
|
|
|
:height="tabHeader"
|
|
|
|
|
:row-class-name="tableRowClassName"
|
|
|
|
|
:max-height="tabHeader"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center" />
|
|
|
|
|
<el-table-column label="小程序名称" prop="xcxmc" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="所属单位" prop="ssdw" align="center" />
|
|
|
|
|
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="小程序状态"
|
|
|
|
|
prop="state"
|
|
|
|
|
class-name="table-status"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<dict-tag :options="dict.type.gzh_state" :value="scope.row.state" />
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="操作"
|
|
|
|
|
prop="userId"
|
|
|
|
|
class-name="table-operation"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button type="primary" size="mini" plain icon="el-icon-view"
|
|
|
|
|
>查看</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
type="warning"
|
|
|
|
|
size="mini"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-edit-outline"
|
|
|
|
|
>修改</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button type="danger" size="mini" plain icon="el-icon-delete"
|
|
|
|
|
>删除</el-button
|
|
|
|
|
>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<pagination
|
|
|
|
|
prev-text="上页"
|
|
|
|
|
next-text="下页"
|
|
|
|
|
v-show="total > 0"
|
|
|
|
|
:total="total"
|
|
|
|
|
:page-sizes="[10, 20, 40, 80, 100]"
|
|
|
|
|
:page.sync="formInline.current"
|
|
|
|
|
:limit.sync="formInline.size"
|
|
|
|
|
@pagination="getList"
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
</main-app>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { getToken } from "@/utils/auth";
|
|
|
|
|
import {
|
|
|
|
|
miniProgramsList,
|
|
|
|
|
deleteMiniPrograms,
|
|
|
|
|
schema,
|
|
|
|
|
} from "@/api/auditPagesApi/index";
|
|
|
|
|
export default {
|
|
|
|
|
dicts: ["gzh_state"],
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
// 部门树选项
|
|
|
|
|
deptOptions: undefined,
|
|
|
|
|
defaultProps: {
|
|
|
|
|
children: "children",
|
|
|
|
|
label: "label",
|
|
|
|
|
},
|
|
|
|
|
formInline: {
|
|
|
|
|
dwmc: "",
|
|
|
|
|
xcxmc: "",
|
|
|
|
|
startTime: "",
|
|
|
|
|
endTime: "",
|
|
|
|
|
current: 1,
|
|
|
|
|
size: 20,
|
|
|
|
|
},
|
|
|
|
|
time: [],
|
|
|
|
|
total: 0,
|
|
|
|
|
tableData: [],
|
|
|
|
|
loading: false,
|
|
|
|
|
tabHeader: 585,
|
|
|
|
|
// 用户导入参数
|
|
|
|
|
upload: {
|
|
|
|
|
// 是否显示弹出层（用户导入）
|
|
|
|
|
open: false,
|
|
|
|
|
// 弹出层标题（用户导入）
|
|
|
|
|
title: "小程序资产导入",
|
|
|
|
|
// 是否禁用上传
|
|
|
|
|
isUploading: false,
|
|
|
|
|
// 是否更新已经存在的用户数据
|
|
|
|
|
updateSupport: 0,
|
|
|
|
|
// 设置上传的请求头部
|
|
|
|
|
headers: { Authorization: "Bearer " + getToken() },
|
|
|
|
|
// 上传的地址
|
|
|
|
|
// url: process.env.VUE_APP_BASE_API + "/tc/miniPrograms/importData"
|
|
|
|
|
url: location.origin + "/api/tc/miniPrograms/importData",
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getList();
|
|
|
|
|
this.getDeptTree();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// 修改table背景色
|
|
|
|
|
tableRowClassName({ row, rowIndex }) {
|
|
|
|
|
if (rowIndex % 2 !== 0) {
|
|
|
|
|
return "evenNumber-row";
|
|
|
|
|
}
|
|
|
|
|
return "";
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
/** 查询部门下拉树结构 */
|
|
|
|
|
getDeptTree() {
|
|
|
|
|
schema({ type: 1 }).then((response) => {
|
|
|
|
|
this.deptOptions = response.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 重置
|
|
|
|
|
*/
|
|
|
|
|
resetQuery() {
|
|
|
|
|
this.resetForm("queryForm");
|
|
|
|
|
this.formInline.deptId = undefined;
|
|
|
|
|
this.$refs.tree.setCurrentKey(null);
|
|
|
|
|
this.time = [];
|
|
|
|
|
this.handleQuery();
|
|
|
|
|
},
|
|
|
|
|
// 筛选节点
|
|
|
|
|
filterNode(value, data) {
|
|
|
|
|
if (!value) return true;
|
|
|
|
|
return data.label.indexOf(value) !== -1;
|
|
|
|
|
},
|
|
|
|
|
// 节点单击事件
|
|
|
|
|
handleNodeClick(data) {
|
|
|
|
|
this.formInline.deptId = data.id;
|
|
|
|
|
this.handleQuery();
|
|
|
|
|
},
|
|
|
|
|
/**
|
|
|
|
|
* 搜索
|
|
|
|
|
*/
|
|
|
|
|
handleQuery() {
|
|
|
|
|
this.formInline.current = 1;
|
|
|
|
|
|
|
|
|
|
if (this.time.length > 0) {
|
|
|
|
|
this.formInline.startTime = this.time[0];
|
|
|
|
|
this.formInline.endTime = this.time[1];
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
/**
|
|
|
|
|
* 获取列表
|
|
|
|
|
*/
|
|
|
|
|
getList() {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
miniProgramsList(this.formInline).then((res) => {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.total = res.data.total;
|
|
|
|
|
this.tableData = res.data.records;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
::v-deep .el-form-item__content {
|
|
|
|
|
width: 280px;
|
|
|
|
|
.el-select,
|
|
|
|
|
.el-date-editor {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
