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

分包商管理接口调试完成

This commit is contained in:
BianLzhaoMin 2025-04-25 16:37:05 +08:00
parent 04f573ef1d
commit fd9aead61c
10 changed files with 274 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/api/sub-manage/sub-manage.js Normal file
View File

@ -0,0 +1,39 @@
import request from '@/utils/request'
// 分包商管理 ---- 分包商管理管理
// 分包商管理列表
export function getSubManageListAPI(data) {
return request({
url: '/tbSub/getTbSubList',
method: 'get',
params: data,
})
}
// 新增分包商管理
export function addSubManageAPI(data) {
return request({
url: '/tbSub/addTbSub',
method: 'post',
data: data,
})
}
// 编辑分包商管理
export function editSubManageAPI(data) {
return request({
url: '/tbSub/updateTbSub',
method: 'post',
data: data,
})
}
// 删除分包商管理
export function deleteSubManageAPI(data) {
return request({
url: '/tbSub/delTbSub',
method: 'post',
data: data,
})
}

1
src/components/UploadImg/index.vue
View File

@ -133,6 +133,7 @@ export default {
// 上传前
handleBeforeUpload(file) {
console.log(file.type, ' file.type', this.fileType)
const isFormat = this.fileType.some((e) => file.type.includes(e))
if (!isFormat) {
this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join('、')}格式的文件!`)

8
src/views/company-manage/key-person/components/addAndEditForm.vue
View File

@ -40,7 +40,7 @@
:limit="1"
:file-size="10"
@deleteFile="deleteFile"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
:upload-file-url="uploadFileUrl"
:file-list.sync="addAndEditForm.idCardFront"
>
@ -52,7 +52,7 @@
:limit="1"
:file-size="10"
@deleteFile="deleteFile"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
:upload-file-url="uploadFileUrl"
:file-list.sync="addAndEditForm.idCardBack"
>
@ -186,7 +186,7 @@
:file-size="10"
:multiple="true"
@deleteFile="deleteFile"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
:upload-file-url="uploadFileUrl"
:file-list.sync="addAndEditForm.diplomaImg"
/>
@ -205,7 +205,7 @@
:limit="5"
:file-size="10"
:multiple="true"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
@deleteFile="deleteFile"
:upload-file-url="uploadFileUrl"
:file-list.sync="addAndEditForm.otherImg"

1
src/views/company-manage/key-person/index.vue
View File

@ -245,6 +245,7 @@ export default {
resetQueryParams() {
this.$refs.queryParamsRef.resetFields()
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.getKeyPersonList()
},
// 导出

8
src/views/company-manage/other-person/components/addAndEditForm.vue
View File

@ -35,7 +35,7 @@
:limit="1"
:file-size="10"
@deleteFile="deleteFile"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
:upload-file-url="uploadFileUrl"
:file-list.sync="addAndEditForm.idCardFront"
>
@ -47,7 +47,7 @@
:limit="1"
:file-size="10"
@deleteFile="deleteFile"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
:upload-file-url="uploadFileUrl"
:file-list.sync="addAndEditForm.idCardBack"
>
@ -167,7 +167,7 @@
:file-size="10"
:multiple="true"
@deleteFile="deleteFile"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
:upload-file-url="uploadFileUrl"
:file-list.sync="addAndEditForm.diplomaImg"
/>
@ -187,7 +187,7 @@
:file-size="10"
:multiple="true"
@deleteFile="deleteFile"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
:upload-file-url="uploadFileUrl"
:file-list.sync="addAndEditForm.otherImg"
/>

1
src/views/company-manage/other-person/index.vue
View File

@ -247,6 +247,7 @@ export default {
resetQueryParams() {
this.$refs.queryParamsRef.resetFields()
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.getOtherPersonList()
},
// 导出

4
src/views/company-manage/performance-manage/components/addAndEditForm.vue
View File

@ -177,7 +177,7 @@
:limit="8"
:file-size="10"
:multiple="true"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
@deleteFile="deleteFile"
:upload-file-url="uploadFileUrl"
:file-list.sync="addAndEditForm.htKeyFileList"
@ -207,7 +207,7 @@
:limit="4"
:file-size="10"
:multiple="true"
:file-type="['jpg', 'png']"
:file-type="['jpg', 'png', 'jpeg']"
@deleteFile="deleteFile"
:file-list.sync="proveFileList"
:upload-file-url="uploadFileUrl"

1
src/views/company-manage/performance-manage/index.vue
View File

@ -237,6 +237,7 @@ export default {
// 重置按钮
resetQueryParams() {
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.timeValue = []
this.queryParams = {
proName: '',

219
src/views/sub-manage/sub-manage/components/addAndEditForm.vue
View File

@ -1,34 +1,34 @@
<template>
<div>
<el-form
ref="login"
label-width="0px"
label-position="top"
ref="addAndEditFormRef"
:model="addAndEditForm"
:rules="addAndEditRules"
:disabled="formType === 2"
>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="分包商名称" prop="proName">
<el-input v-model="addAndEditForm.proName" placeholder="请输入分包商名称" clearable> </el-input>
<el-form-item label="分包商名称" prop="subName">
<el-input v-model="addAndEditForm.subName" placeholder="请输入分包商名称" clearable> </el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公司地址" prop="level">
<el-input v-model="addAndEditForm.level" placeholder="请输入公司地址" clearable> </el-input>
<el-form-item label="公司地址" prop="address">
<el-input v-model="addAndEditForm.address" placeholder="请输入公司地址" clearable> </el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="负责人" prop="proName">
<el-input v-model="addAndEditForm.proName" placeholder="请输入负责人" clearable> </el-input>
<el-form-item label="负责人" prop="userName">
<el-input v-model="addAndEditForm.userName" placeholder="请输入负责人" clearable> </el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系方式" prop="level">
<el-input v-model="addAndEditForm.level" placeholder="请输入联系方式" clearable> </el-input>
<el-form-item label="联系方式" prop="userPhone">
<el-input v-model="addAndEditForm.userPhone" placeholder="请输入联系方式" clearable> </el-input>
</el-form-item>
</el-col>
</el-row>
@ -37,27 +37,34 @@
<el-form-item>
<template #label>
<span>公司资质</span>
<span style="color: #999; font-size: 12px"
>(请上传公司营业执照、生产许可证以及其他相关资质证书图片、最多上传20张，仅支持jpg、png格式)</span
>
<span style="color: #999; font-size: 12px">
(请上传公司营业执照、生产许可证以及其他相关资质证书图片、最多上传20张，仅支持jpg、png格式)
</span>
</template>
<UploadImg
:limit="20"
:file-size="10"
:file-list="fileList"
:file-type="['jpg', 'png']"
:multiple="true"
@deleteFile="deleteFile"
:file-type="['jpg', 'png', 'jpeg']"
:upload-file-url="uploadFileUrl"
@handleSuccess="handleSuccess"
:file-list.sync="addAndEditForm.fileList"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-row style="text-align: right; border-top: 1px solid #e5e5e5; padding-top: 10px">
<el-button size="mini" @click="onCancel">取消</el-button>
<el-button type="primary" size="mini" @click="onConfirm" v-if="formType !== 2">确定</el-button>
</el-row>
</div>
</template>
<script>
import UploadImg from '@/components/UploadImg'
import { addSubManageAPI, editSubManageAPI } from '@/api/sub-manage/sub-manage'
import { deleteImgAPI } from '@/api/common'
export default {
components: {
UploadImg,
@ -68,91 +75,149 @@ export default {
type: Number,
default: 1,
},
// 编辑行
editRow: {
type: Object,
default: () => {},
},
},
data() {
return {
uploadOuterVisible: false,
uploadFileUrl: process.env.VUE_APP_BASE_API + '/file/upload',
uploadFileUrl: process.env.VUE_APP_BASE_API + '/system/file/uploadFiles',
addAndEditForm: {
proName: '',
level: '',
startTime: [],
endTime: '',
num: '',
scale: '',
fw: '',
unit: '',
unitPhone: '',
subName: '',
address: '',
userName: '',
userPhone: '',
fileList: [],
id: '',
},
addAndEditRules: {
proName: [
subName: [
{
required: true,
message: '请输入输工程名称',
message: '请输入分包商名称',
trigger: 'blur',
},
],
level: [
userPhone: [
{
required: true,
message: '请输入电压等级',
trigger: 'blur',
},
],
startTime: [
{
required: true,
message: '请选择起止时间',
trigger: 'blur',
},
],
endTime: [
{
required: true,
message: '请选择竣工时间',
trigger: 'blur',
},
],
fw: [
{
required: true,
message: '请输入承包范围',
trigger: 'blur',
},
],
unit: [
{
required: true,
message: '请输入业主单位',
trigger: 'blur',
},
],
unitPhone: [
{
required: true,
message: '请输入业主单位联系方式',
trigger: 'blur',
pattern: /^1[3-9]\d{9}$/,
message: '请输入正确的手机号码',
trigger: 'blur,change',
},
],
},
addTableList: [],
fileList: [],
deleteFileList: [],
}
},
methods: {
onHandleAdd() {
this.addTableList.push({
zhiW: '',
name: '',
content: '',
onCancel() {
this.$emit('closeDialogOuter')
},
deleteFile(filePath) {
this.deleteFileList.push(filePath)
},
deleteFileListFun() {
const { fileList } = this.addAndEditForm
const deleteFileList = []
this.deleteFileList.forEach((item) => {
if (item.isNew) {
deleteFileList.push(item.filepath)
}
})
fileList.forEach((item) => {
if (item.response && item.response.code === 200) {
const { data } = item.response
const { filePath } = data[0]
deleteFileList.push(filePath)
}
})
if (deleteFileList.length > 0) {
deleteImgAPI({ filePaths: deleteFileList.join(',') })
}
},
onConfirm() {
this.$refs.addAndEditFormRef.validate(async (valid) => {
if (valid) {
console.log(this.addAndEditForm, '---')
// 组装参数
const { subName, address, userName, userPhone, fileList, id } = this.addAndEditForm
const tbFileSourceVoList = []
// fileType 1.身份证正面 2.身份证反面 3.资格证书照片 4.其他资质照片
if (fileList.length > 0) {
fileList.forEach((item) => {
if (item.response && item.response.code === 200) {
const { data } = item.response
const { fileSuffix, filePath, fileName } = data[0]
tbFileSourceVoList.push({
fileSuffix,
filePath,
fileName,
fileType: 1,
})
} else {
tbFileSourceVoList.push({
fileSuffix: item.fileSuffix,
filePath: item.filePath,
fileName: item.fileName,
fileType: 1,
})
}
})
}
const params = {
subName,
address,
userName,
userPhone,
tbFileSourceVoList,
}
if (this.formType === 3) {
params.id = id
}
const filePaths = this.deleteFileList.map((item) => item.filepath)
if (filePaths.length > 0) {
deleteImgAPI({ filePaths: filePaths.join(',') })
}
const API = this.formType === 1 ? addSubManageAPI : editSubManageAPI
const res = await API(params)
if (res.code === 200) {
this.$modal.msgSuccess(this.formType === 1 ? '新增成功' : '编辑成功')
this.$emit('closeDialogOuter', true)
}
}
})
},
onHandleDelete(row) {
this.addTableList.splice(row.$index, 1)
},
handleSuccess(res) {
// this.fileList.push(res)
console.log(res, '---')
},
watch: {
editRow: {
handler(newVal) {
if (newVal && Object.keys(newVal).length > 0) {
Object.assign(this.addAndEditForm, { ...newVal })
this.addAndEditForm.fileList = this.addAndEditForm.tbFileSourceVoList
.filter((item) => item.fileType == 1)
.map((e) => {
return {
...e,
url: e.filePath,
}
})
}
},
deep: true,
immediate: true,
},
},
}

110
src/views/sub-manage/sub-manage/index.vue
View File

@ -1,20 +1,20 @@
<template>
<!-- 公司业绩管理 -->
<div class="app-container">
<el-form :model="queryParam" ref="login" label-width="0px" class="ms-content">
<el-form :model="queryParams" ref="login" label-width="0px" class="ms-content">
<el-row :gutter="20">
<el-col :span="6">
<el-form-item>
<el-input v-model="queryParam.projectName" placeholder="请输入工程名称" clearable> </el-input>
<el-input v-model="queryParams.subName" placeholder="请输入分包商名称" clearable> </el-input>
</el-form-item>
</el-col>
<el-col :span="18">
<el-form-item>
<el-button type="primary">查询</el-button>
<el-button>重置</el-button>
<el-button type="primary" @click="getSubManageList">查询</el-button>
<el-button @click="resetQueryParam">重置</el-button>
<el-button type="primary" @click="onHandleAddOrEdit(null, 1)">新增分包商</el-button>
<el-button>导出数据</el-button>
<el-button @click="handleExport">导出数据</el-button>
</el-form-item>
</el-col>
</el-row>
@ -63,9 +63,16 @@
</template>
</el-table-column>
</el-table>
<pagination
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getSubManageList"
/>
<DialogModel :dialogConfig="dialogConfig" @closeDialogOuter="closeDialogOuter">
<template slot="outerContent">
<AddAndEditForm :formType="formType" />
<AddAndEditForm :formType="formType" :editRow="editRow" @closeDialogOuter="closeDialogOuter" />
</template>
</DialogModel>
</div>
@ -74,6 +81,7 @@
<script>
import DialogModel from '@/components/DialogModel/index'
import AddAndEditForm from './components/addAndEditForm.vue'
import { getSubManageListAPI, deleteSubManageAPI } from '@/api/sub-manage/sub-manage'
export default {
components: {
DialogModel,
@ -89,43 +97,44 @@ export default {
outerVisible: false,
innerVisible: false,
},
queryParam: {
projectName: '',
startTime: '',
endTime: '',
queryParams: {
subName: '',
pageNum: 1,
pageSize: 10,
},
timeValue: [],
tableList: [
{
projectName: '测试工程1',
},
{
projectName: '测试工程2',
},
{
projectName: '测试工程3',
},
],
tableList: [], // 列表
tableColumn: [
{ label: '分包商名称', prop: 'projectName' },
{ label: '负责人', prop: '' },
{ label: '联系方式', prop: '' },
{ label: '公司地址', prop: '' },
{ label: '分包商名称', prop: 'subName' },
{ label: '负责人', prop: 'userName' },
{ label: '联系方式', prop: 'userPhone' },
{ label: '公司地址', prop: 'address' },
],
editRow: {},
total: 0,
}
},
methods: {
// 关闭
closeDialogOuter() {
closeDialogOuter(isRefresh = false) {
this.dialogConfig.outerVisible = false
if (isRefresh) {
this.getSubManageList()
} else {
this.$refs.addAndEditFormRef.deleteFileListFun()
}
},
// 删除
onHandleDelete(row) {
console.log(row)
this.$modal
.confirm('确定删除该业绩吗？')
.then(() => {
console.log('确定')
.then(async () => {
const res = await deleteSubManageAPI({ id: row.id })
if (res.code === 200) {
this.$modal.msgSuccess('删除成功')
this.getSubManageList()
}
})
.catch(() => {
console.log('取消')
@ -134,19 +143,58 @@ export default {
// 新增或编辑
onHandleAddOrEdit(row, type) {
console.log(row, type)
this.formType = type
if (type === 1) {
this.dialogConfig.outerTitle = '新增分包商'
this.formType = 1
this.editRow = {}
} else if (type === 3) {
this.dialogConfig.outerTitle = '编辑分包商'
this.formType = 3
} else if (type === 2) {
this.dialogConfig.outerTitle = '分包商详情'
this.formType = 2
}
if (type === 2 || type === 3) {
const { subName, address, userName, userPhone, id, tbFileSourceVoList } = row
Object.assign(this.editRow, {
subName,
address,
userName,
userPhone,
id,
tbFileSourceVoList,
})
}
this.dialogConfig.outerVisible = true
},
// 获取分包商列表
async getSubManageList() {
const res = await getSubManageListAPI(this.queryParams)
console.log(res)
this.tableList = res.rows
this.total = res.total
},
// 重置
resetQueryParam() {
this.queryParams.subName = ''
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.getSubManageList()
},
// 导出
handleExport() {
this.download(
'/tbSub/tbSubExport',
{
...this.queryParams,
},
`公司业绩管理_${new Date().getTime()}.xlsx`,
)
},
},
created() {
this.getSubManageList()
},
}
</script>