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

fix:协议管理bug修改

This commit is contained in:
jackal 2024-04-20 10:48:36 +08:00
parent 3024ae46e7
commit 9ae1c69f71
2 changed files with 144 additions and 151 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

291
sgzb-ui/src/views/claimAndRefund/receive/agreement.vue
View File

@ -181,7 +181,7 @@
<el-row>
<el-col :span="12">
<el-form-item label="合同编号" prop="contractCode">
<el-input maxlength="50" v-model="form.contractCode" placeholder="合同编号" />
<el-input maxlength="50" v-model="form.contractCode" placeholder="请输入合同编号" />
</el-form-item>
</el-col>
<el-col :span="12">
@ -243,7 +243,7 @@
v-model="form.planStartTime"
value-format="yyyy-MM-dd"
type="date"
placeholder="开始日期"
placeholder="请选择开始日期"
></el-date-picker>
</el-form-item>
</el-col>
@ -268,7 +268,7 @@
style="width: 100%"
value-format="yyyy-MM-dd"
type="date"
placeholder="开始日期"
placeholder="请选择签订日期"
></el-date-picker>
</el-form-item>
</el-col>
@ -298,7 +298,7 @@
<el-upload
:http-request="(obj) => imgUpLoad(obj,'fileUrl')"
action="#"
:limit="5"
:limit="3"
:file-list="fileList"
:show-file-list="true"
list-type="picture-card"
@ -334,13 +334,13 @@ import {
updateAgreement,
removeAgreement,
getUnitList,
getProjectList
} from "@/api/claimAndRefund/receive";
import { imgUpLoad, fileUpLoad } from "@/api/system/upload";
getProjectList,
} from '@/api/claimAndRefund/receive'
import { imgUpLoad, fileUpLoad } from '@/api/system/upload'
export default {
name: "Agreement",
dicts: ["sys_normal_disable"],
name: 'Agreement',
dicts: ['sys_normal_disable'],
data() {
return {
// 遮罩层
@ -363,11 +363,11 @@ export default {
agreementList: [],
protocolList: [
{ protocolId: 1, protocolName: "内部单位" },
{ protocolId: 2, protocolName: "外部单位" }
{ protocolId: 1, protocolName: '内部单位' },
{ protocolId: 2, protocolName: '外部单位' },
],
// 弹出层标题
title: "",
title: '',
// 是否显示弹出层
open: false,
// 日期范围
@ -377,116 +377,116 @@ export default {
pageNum: 1,
pageSize: 10,
keyWord: undefined,
agreementCode: "",
projectId: "",
unitId: ""
agreementCode: '',
projectId: '',
unitId: '',
},
// 表单参数
form: {},
//图片上传
uploadHeader: process.env.VUE_APP_BASE_API,
imageUrl: "",
imageName: "",
imageUrl: '',
imageName: '',
fileList: [],
checkUrlList: [],
checkUrlNameList: [],
dialogImageUrl: "",
dialogImageUrl: '',
dialogVisible: false,
//上传地址
// uploadUrl:'http://192.168.0.14:21624/system',//线上服务器地址+system
// uploadUrl:'http://112.29.103.165:21624/system',//线上服务器地址+system
uploadUrl: process.env.VUE_APP_BASE_API + "/system", // 上传的图片服务器地址
uploadUrl: process.env.VUE_APP_BASE_API + '/system', // 上传的图片服务器地址
// 表单校验
rules: {
contractCode: [
{
required: true,
message: "合同编号不能为空",
trigger: "blur"
}
message: '合同编号不能为空',
trigger: 'blur',
},
],
signTime: [
{
required: true,
message: "签订日期不能为空",
trigger: "blur"
}
message: '签订日期不能为空',
trigger: 'blur',
},
],
unitId: [
{
required: true,
message: "往来单位不能为空",
trigger: "blur"
}
message: '往来单位不能为空',
trigger: 'blur',
},
],
projectId: [
{
required: true,
message: "工程名称不能为空",
trigger: "blur"
}
]
message: '工程名称不能为空',
trigger: 'blur',
},
],
},
peopleOpen: false,
noticeOpen: false,
nform: {
notice: ""
notice: '',
},
nrules: {
notice: [
{
required: true,
message: "通知内容不能为空",
trigger: "blur"
}
]
message: '通知内容不能为空',
trigger: 'blur',
},
deptName: undefined
};
],
},
deptName: undefined,
}
},
computed: {
//图片上传1张后，隐藏上传框
uploadDisabled() {
return this.checkUrlList.length > 4;
}
return this.checkUrlList.length > 4
},
},
created() {
this.getList();
this.getUnitList();
this.getProjectList();
this.getList()
this.getUnitList()
this.getProjectList()
},
methods: {
//获取单位类型 ,getUnitList, getProjectList
getUnitList() {
getUnitList().then(response => {
this.unitList = response.data;
});
this.unitList = response.data
})
},
getProjectList() {
getProjectList().then(response => {
this.projectList = response.data;
});
this.projectList = response.data
})
},
/** 查询字典类型列表 */
getList() {
this.loading = true;
this.loading = true
getAgreementList(this.queryParams).then(response => {
this.agreementList = response.rows;
this.agreementList = response.rows
this.agreementList.forEach(item => {
if (item.fileUrl) {
item.imgUrlList = item.fileUrl.split(",");
item.imgNameList = item.fileName.split(",");
item.imgUrlList = item.fileUrl.split(',')
item.imgNameList = item.fileName.split(',')
}
});
this.total = response.total;
this.loading = false;
});
})
this.total = response.total
this.loading = false
})
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
this.open = false
this.reset()
},
// 表单重置
reset() {
@ -496,189 +496,182 @@ export default {
dictType: undefined,
fileUrl: undefined,
fileName: undefined,
status: "0",
remark: undefined
};
this.fileList = [];
this.resetForm("form");
status: '0',
remark: undefined,
}
this.fileList = []
this.resetForm('form')
},
/** 搜索按钮操作 */
handleQuery() {
this.getList();
this.getList()
},
/** 重置按钮操作 */
resetQuery() {
// this.dateRange = []
this.resetForm("queryForm");
this.queryParams.pageNum = 1;
this.queryParams.pageSize = 10;
this.getList();
this.resetForm('queryForm')
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.getList()
// this.handleQuery()
},
handleNotice() {
this.noticeOpen = true;
this.noticeOpen = true
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.fileList = [];
this.checkUrlList = [];
this.checkUrlNameList = [];
this.open = true;
this.title = "新建";
this.reset()
this.fileList = []
this.checkUrlList = []
this.checkUrlNameList = []
this.open = true
this.title = '新建'
},
// 图片上传
imgUpLoad(param, name, index) {
// console.log(param,'image')
param.type = "ma";
param.type = 'ma'
imgUpLoad(param)
.then(res => {
if (res.code == 200) {
this.checkUrlList.push(res.data.fileUrl);
this.checkUrlNameList.push(res.data.fileName);
this.checkUrlList.push(res.data.fileUrl)
this.checkUrlNameList.push(res.data.fileName)
} else {
// this.$msgError(res.msg)
this.$modal.msgError(res.msg);
this.$modal.msgError(res.msg)
}
})
.catch(error => {
// this.$msgError(error)
this.$modal.msgError(error);
});
this.$modal.msgError(error)
})
},
handleAvatarSuccess(res, file) {
console.log("success");
console.log('success')
},
handleExceed(files, fileList) {
this.$message.warning("最多只可以上传五张图片");
this.$message.warning('最多只可以上传五张图片')
},
handleRemove(file, fileList) {
let sum = 0;
let sum = 0
this.checkUrlNameList.forEach((item, index) => {
if (item == file.name) {
sum = index;
sum = index
}
});
this.checkUrlNameList.splice(sum, 1);
this.checkUrlList.splice(sum, 1);
})
this.checkUrlNameList.splice(sum, 1)
this.checkUrlList.splice(sum, 1)
},
//图片点击查看
handlePictureCardPreview(file) {
console.log(file);
this.dialogImageUrl = file.url;
this.dialogVisible = true;
console.log(file)
this.dialogImageUrl = file.url
this.dialogVisible = true
},
//图片查看
openImg(url) {
this.dialogImageUrl = this.uploadUrl + url;
this.dialogVisible = true;
this.dialogImageUrl = this.uploadUrl + url
this.dialogVisible = true
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.agreementId);
this.single = selection.length != 1;
this.multiple = !selection.length;
this.ids = selection.map(item => item.agreementId)
this.single = selection.length != 1
this.multiple = !selection.length
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
this.reset()
// const agreementId = row.agreementId
let param = {
agreementId: row.agreementId
};
getAgreementInfoId(param).then(response => {
this.form = response.data;
if (response.data.leaseDay == null) {
this.form.leaseDay = undefined;
agreementId: row.agreementId,
}
this.fileList = [];
this.checkUrlList = [];
this.checkUrlNameList = [];
if (
response.data &&
typeof response.data.fileUrl === "string" &&
typeof response.data.fileName === "string"
) {
getAgreementInfoId(param).then(response => {
this.form = response.data
if (response.data.leaseDay == null) {
this.form.leaseDay = undefined
}
this.fileList = []
this.checkUrlList = []
this.checkUrlNameList = []
if (response.data && typeof response.data.fileUrl === 'string' && typeof response.data.fileName === 'string') {
try {
if (response.data.fileUrl != '') {
let [urlArr, nameArr] = [
response.data.fileUrl,
response.data.fileName
].map(str => str.split(","));
let [urlArr, nameArr] = [response.data.fileUrl, response.data.fileName].map(str => str.split(','))
if (urlArr.length !== nameArr.length) {
return;
return
}
console.log(urlArr)
let fileList = urlArr.map((url, i) => ({
name: nameArr[i],
url: `${this.uploadUrl}${url}`
}));
url: `${this.uploadUrl}${url}`,
}))
console.log(fileList)
this.fileList = fileList;
this.checkUrlList = urlArr;
this.checkUrlNameList = nameArr;
this.fileList = fileList
this.checkUrlList = urlArr
this.checkUrlNameList = nameArr
}
} catch (error) {
console.error("处理合同照片时发生错误:", error);
console.error('处理合同照片时发生错误:', error)
}
}
this.open = true;
this.title = "编辑";
});
this.open = true
this.title = '编辑'
})
},
/** 提交按钮 */
submitForm: function() {
this.form.fileUrl = this.checkUrlList.join(",");
this.form.fileName = this.checkUrlNameList.join(",");
this.$refs["form"].validate(valid => {
this.form.fileUrl = this.checkUrlList.join(',')
this.form.fileName = this.checkUrlNameList.join(',')
this.$refs['form'].validate(valid => {
if (valid) {
if (this.form.agreementId != undefined) {
updateAgreement(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
this.$modal.msgSuccess('修改成功')
this.open = false
this.getList()
})
} else {
addAgreement(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
this.$modal.msgSuccess('新增成功')
this.open = false
this.getList()
})
}
}
});
})
},
/** 删除按钮操作 */
handleDelete(row) {
// const agreementId = row.agreementId;
let param = {
agreementId: row.agreementId + ""
};
agreementId: row.agreementId + '',
}
this.$modal
.confirm("是否确认删除该数据项？")
.confirm('是否确认删除该数据项？')
.then(function() {
return removeAgreement(param);
return removeAgreement(param)
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
this.getList()
this.$modal.msgSuccess('删除成功')
})
.catch(() => {});
.catch(() => {})
},
/** 导出按钮操作 */
handleExport() {
this.download(
"material/agreementInfo/export",
'material/agreementInfo/export',
{
...this.queryParams
...this.queryParams,
},
`协议_${new Date().getTime()}.xlsx`
);
)
},
},
}
}
};
</script>
<style lang="scss" scoped>
::v-deep.el-table .fixed-width .el-button--mini {

4
sgzb-ui/vue.config.js
View File

@ -42,10 +42,10 @@ module.exports = {
// target: `https://test-cc.zhgkxt.com`,//线上环境-南网
// target: `https://z.csgmall.com.cn`,
target: `http://10.40.92.8:8080`, //超
// target: `http://10.40.92.8:8080`, //超
// target: `http://10.40.92.253:8080`,//韩
// target: `http://10.40.92.209:8080`,//川/
// target: `http://10.40.92.153:8080`, //帅
target: `http://10.40.92.153:8080`, //帅
// target: `http://10.40.92.14:8080`, //福
//******** 注意事项 ********* */