bonus
/
bns_zhgd_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

单位管理

This commit is contained in:
cwchen 2025-04-11 14:57:42 +08:00
parent f40390eeff
commit a421512c73
4 changed files with 452 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/api/unit/unit.js Normal file
View File

@ -0,0 +1,46 @@
import request from '@/utils/request';
// 查询单位列表
export function queryUnitList(query) {
return request({
url: '/smart-site/unit/queryUnitList',
method: 'get',
params: query
})
}
// 单位-新增
export function addUnit(data) {
return request({
url: '/smart-site/unit/addUnit',
method: 'post',
data
})
}
// 单位-修改
export function editUnit(data) {
return request({
url: '/smart-site/unit/editUnit',
method: 'post',
data
})
}
// 单位-删除
export function delUnit(data) {
return request({
url: '/smart-site/unit/delUnit',
method: 'post',
data
})
}
// 单位详情
export function detailUnit(query) {
return request({
url: '/smart-site/unit/detailUnit',
method: 'get',
params: query
})
}

39
src/views/device/videoDevice/index.vue
View File

@ -111,29 +111,12 @@ export default {
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
closeDialog() {
this.isflag = false;
},
showColose() {
this.isflag = false;
},
// 表单重置
reset() {
this.form = {
postId: undefined,
postCode: undefined,
postName: undefined,
postSort: 0,
status: "0",
remark: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
@ -146,7 +129,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.postId)
this.ids = selection.map(item => item.id)
this.single = selection.length != 1
this.multiple = !selection.length
},
@ -163,26 +146,6 @@ export default {
this.row = row;
this.isflag = true;
},
/** 提交按钮 */
/* submitForm: function () {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.postId != undefined) {
updatePost(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addPost(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
}, */
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id || this.ids;

171
src/views/unit/unitMge/index.vue Normal file
View File

@ -0,0 +1,171 @@
<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="keyWord">
<el-input v-model="queryParams.keyWord" placeholder="请输入关键字" clearable
@keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="单位类型" prop="unitType">
<el-select v-model="queryParams.unitType" placeholder="单位类型" clearable>
<el-option v-for="dict in dict.type.unit_type" :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" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @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="['basic:unit:add']">新增</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['system:post:export']">导出</el-button>
</el-col> -->
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="unitList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="单位名称" align="center" prop="unitName" />
<el-table-column label="单位类型" align="center" prop="unitType" />
<el-table-column label="统一信用代码" align="center" prop="unitCode" />
<el-table-column label="联系人" align="center" prop="unitUser" />
<el-table-column label="联系电话" align="center" prop="unitPhone" />
<el-table-column label="法人姓名" align="center" prop="suffUser"></el-table-column>
<el-table-column label="法人手机号" align="center" prop="suffPhone"></el-table-column>
<el-table-column label="公司地址" align="center" prop="address"></el-table-column>
<el-table-column label="公司简介" align="center" prop="brief"></el-table-column>
<el-table-column label="公司成立日期" align="center" prop="createDay"></el-table-column>
<el-table-column label="注册资本" align="center" prop="register"></el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['basic:unit:edit']">修改</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['basic:unit:del']">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" @pagination="getList" />
<!-- 新增/编辑 -->
<Unitpop v-if="isflag" :isAdd="isAdd" :rowData="row" @handleQuery="handleQuery" :title="title" @closeDialog="closeDialog"
@showColose="showColose" :dataForm="row" :disabled="loading" :width="600" />
</div>
</template>
<script>
import { queryUnitList, delUnit } from "@/api/unit/unit";
import Unitpop from "./prop/unitpop.vue";
export default {
name: "unit",
components: {
Unitpop
},
dicts: ['unit_type'],
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 岗位表格数据
unitList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
keyWord: '',
unitType:null
},
// 表单参数
form: {},
isflag: false,
row: {},
isAdd: ''
};
},
created() {
this.getList();
},
methods: {
/** 单位列表 */
getList() {
this.loading = true;
queryUnitList(this.queryParams).then(response => {
this.unitList = response.rows;
this.total = response.total;
this.loading = false;
});
},
closeDialog() {
this.isflag = false;
},
showColose() {
this.isflag = false;
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length != 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.title = "新增";
this.isAdd = 'add';
this.isflag = true;
},
/** 修改按钮操作 */
handleUpdate(row) {
this.title = "修改";
this.isAdd = 'edit';
this.row = row;
this.isflag = true;
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.id || this.ids;
this.$modal.confirm('是否确认删除单位名称为"' + row.unitName + '"的数据项？').then(function () {
return delUnit({ id: id });
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => { });
},
/** 导出按钮操作 */
handleExport() {
this.download('system/post/export', {
...this.queryParams
}, `post_${new Date().getTime()}.xlsx`)
}
}
};
</script>

234
src/views/unit/unitMge/prop/unitpop.vue Normal file
View File

@ -0,0 +1,234 @@
<template>
<!-- 小型弹窗，用于完成，删除，保存等操作 -->
<el-dialog class="l-dialog" :class="lDialog" :title="title" :visible.sync="dialogVisible" :showClose="true"
:closeOnClickModal="false" @close="handleClose" :append-to-body="true">
<div>
<el-form :model="form" :rules="rules" ref="ruleForm" label-width="110px">
<el-form-item label="单位名称" prop="unitName">
<el-input style="width:100%" v-model="form.unitName" placeholder="请输入单位名称" maxlength="64"></el-input>
</el-form-item>
<el-form-item label="单位类型" prop="unitType">
<el-select style="width:100%" ref="unitType" v-model="form.unitType" placeholder="请选择单位类型" clearable>
<el-option v-for="dict in dict.type.unit_type" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="统一信用代码" prop="unitCode">
<el-input style="width:100%" v-model="form.unitCode" placeholder="请输入统一信用代码" maxlength="64"></el-input>
</el-form-item>
<el-form-item label="联系人" prop="unitUser">
<el-input style="width:100%" v-model="form.unitUser" placeholder="请输入联系人" maxlength="32"></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="unitPhone">
<el-input style="width:100%" v-model="form.unitPhone" placeholder="请输入联系电话" maxlength="11"></el-input>
</el-form-item>
<el-form-item label="法人姓名" prop="suffUser">
<el-input style="width:100%" v-model="form.suffUser" placeholder="请输入法人姓名" maxlength="32"></el-input>
</el-form-item>
<el-form-item label="法人手机号" prop="suffPhone">
<el-input style="width:100%" v-model="form.suffPhone" placeholder="请输入法人手机号" maxlength="11"></el-input>
</el-form-item>
<el-form-item label="公司地址" prop="address">
<el-input style="width:100%" v-model="form.address" placeholder="请输入公司地址" maxlength="32"></el-input>
</el-form-item>
<el-form-item label="公司简介" prop="brief">
<el-input type="textarea" style="width:100%" v-model="form.brief" placeholder="请输入公司简介"
maxlength="255"></el-input>
</el-form-item>
<el-form-item label="公司成立日期" prop="createDay">
<el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="请选择公司成立日期" v-model="form.createDay" style="width: 100%;"></el-date-picker>
</el-form-item>
<el-form-item label="注册资本" prop="register">
<el-input style="width:100%" v-model="form.register" placeholder="请输入注册资本" maxlength="32"></el-input>
</el-form-item>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button class="clear-btn" @click="handleClose" :disabled="disabled">取消</el-button>
<el-button type="primary" class="search-btn" :disabled="disabled" @click="submitForm('ruleForm')">确认</el-button>
</span>
</el-dialog>
</template>
<script>
import { detailUnit, addUnit, editUnit } from "@/api/unit/unit";
export default {
name: "unitpop",
props: ["width", "dataForm", "title", "disabled", "isAdd", "rowData"],
dicts: ['unit_type'],
data() {
return {
roles: [],
lDialog: this.width > 500 ? "w700" : "w500",
dialogVisible: true,
isDisabled: true,
form: {
unitName: null,
unitType: null,
unitCode: null,
unitUser: null,
unitPhone: null,
suffUser: null,
suffPhone: null,
address: null,
brief: null,
createDay: undefined,
register: null
},
rules: {
unitName: [
{ required: true, message: '单位名称不能为空', trigger: 'blur' }
],
unitType: [
{ required: true, message: '请选择单位类型', trigger: 'change' }
],
unitCode: [
{ required: true, message: '统一信用代码不能为空', trigger: 'blur' }
],
unitUser: [
{ required: true, message: '联系人不能为空', trigger: 'blur' }
],
unitPhone: [
{ required: true, message: '联系电话不能为空', trigger: 'blur' },
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "请输入正确的联系电话",
trigger: "blur"
}
],
suffUser: [
{ required: true, message: '法人姓名不能为空', trigger: 'blur' }
],
suffPhone: [
{ required: true, message: '法人手机号不能为空', trigger: 'blur' },
{
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "请输入正确的法人手机号",
trigger: "blur"
}
],
createDay: [
{ required: true, message: '公司成立日期不能为空', trigger: 'change' }
],
},
};
},
mounted() {
if (this.isAdd === 'add') { // 新增
} else if (this.isAdd === 'edit') { // 修改
this.queryDetailUnit();
}
},
methods: {
/**详情*/
queryDetailUnit() {
detailUnit({ id: this.rowData.id }).then(res => {
this.form = res.data;
}).catch(error => {
})
},
/*关闭弹窗 */
handleClose() {
this.dialogVisible = false;
this.$emit("closeDialog");
setTimeout(() => {
this.dialogVisible = true;
});
},
/**确认弹窗 */
sureBtnClick() {
this.dialogVisible = false;
this.$emit("closeDialog");
setTimeout(() => {
this.dialogVisible = true;
});
},
/**重置表单*/
reset() {
this.form = {
unitName: null,
unitType: null,
unitCode: null,
unitUser: null,
unitPhone: null,
suffUser: null,
suffPhone: null,
address: null,
brief: null,
createDay: null,
register: null
};
this.resetForm("ruleForm");
},
handleReuslt(res) {
this.$modal.msgSuccess(res.msg);
this.reset();
this.$emit('handleQuery');
this.handleClose();
},
/**验证 */
submitForm(formName) {
this.$refs[formName].validate(valid => {
if (valid) {
let loading = this.$loading({
lock: true,
text: "数据提交中，请稍候...",
background: 'rgba(0,0,0,0.2)',
target: this.$el.querySelector('.el-dialog') || document.body
})
let params = _.cloneDeep(this.form);
if (this.isAdd === 'add') {
addUnit(params).then(res => {
loading.close();
if (res.code === 200) {
this.handleReuslt(res);
} else {
this.$modal.msgError(res.msg);
}
}).catch(error => {
loading.close();
});
} else {
editUnit(params).then(res => {
loading.close();
if (res.code === 200) {
this.handleReuslt(res);
} else {
this.$modal.msgError(res.msg);
}
}).catch(error => {
loading.close();
});
}
}
});
}
}
};
</script>
<style lang="scss">
.w700 .el-dialog {
width: 700px;
}
.w500 .el-dialog {
width: 500px;
}
.w500 .el-dialog__header,
.w700 .el-dialog__header {
background: #eeeeee;
.el-dialog__title {
font-size: 16px;
}
}
.yxq .el-range-separator {
margin-right: 7px !important;
}
.el-date-editor--daterange.el-input__inner {
width: 260px;
}
</style>