|
@@ -43,19 +43,19 @@
|
|
|
label-width="100px" class="demo-ruleForm">
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="公务单位:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="公务单位:" prop="client" label-width="160px">
|
|
|
<el-input clearable placeholder="公务单位" v-model="OpOfficialActivitiesDto.client">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="公务日期:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="公务日期:" prop="date" label-width="160px">
|
|
|
<el-date-picker v-model="OpOfficialActivitiesDto.date" type="date" placeholder="选择公务日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="公务时刻:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="公务时刻:" prop="time" label-width="160px">
|
|
|
<el-time-picker v-model="OpOfficialActivitiesDto.time" format='HH:mm' value-format="HH:mm"
|
|
|
placeholder="公务时刻">
|
|
|
</el-time-picker>
|
|
@@ -63,7 +63,7 @@
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="邀请方:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="邀请方:" prop="type" label-width="160px">
|
|
|
<el-radio-group v-model="OpOfficialActivitiesDto.type">
|
|
|
<el-radio :label=1>是</el-radio>
|
|
|
<el-radio :label=0>否</el-radio>
|
|
@@ -74,24 +74,24 @@
|
|
|
<div style="display: flex;">
|
|
|
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="公务方联系人职务:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="公务方联系人职务:" prop="job" label-width="160px">
|
|
|
<el-input clearable placeholder="公务方联系人职务" v-model="OpOfficialActivitiesDto.job">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="公务方联系人:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="公务方联系人:" prop="contact" label-width="160px">
|
|
|
<el-input clearable placeholder="公务方联系人" v-model="OpOfficialActivitiesDto.contact">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="联系方式:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="联系方式:" prop="tel" label-width="160px">
|
|
|
<el-input clearable placeholder="联系方式" v-model="OpOfficialActivitiesDto.tel">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <el-form-item label="公务形式:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="公务形式:" prop="officialForm" label-width="160px">
|
|
|
<el-select v-model="OpOfficialActivitiesDto.officialForm" clearable filterable placeholder="公务形式"
|
|
|
style="width: 220px;">
|
|
|
<el-option v-for="item in OfficialFormList" :key="item.id" :label="item.name" :value="item.id">
|
|
@@ -101,13 +101,13 @@
|
|
|
</div>
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="着装要求:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="着装要求:" prop="dresscode" label-width="160px">
|
|
|
<el-input clearable placeholder="着装要求" v-model="OpOfficialActivitiesDto.dresscode">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="需要翻译:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="需要翻译:" prop="isNeedTrans" label-width="160px">
|
|
|
<el-radio-group v-model="OpOfficialActivitiesDto.isNeedTrans">
|
|
|
<el-radio :label=1>是</el-radio>
|
|
|
<el-radio :label=0>否</el-radio>
|
|
@@ -115,13 +115,13 @@
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="翻译人员:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="翻译人员:" prop="translators" label-width="160px">
|
|
|
<el-input clearable placeholder="翻译人员" v-model="OpOfficialActivitiesDto.translators">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 25%;">
|
|
|
- <el-form-item label="翻译语种:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="翻译语种:" prop="language" label-width="160px">
|
|
|
<el-input clearable placeholder="翻译语种" v-model="OpOfficialActivitiesDto.language">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
@@ -130,13 +130,13 @@
|
|
|
</div>
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 50%;">
|
|
|
- <el-form-item label="公务方背景:" prop="priceDescription" label-width="160px">
|
|
|
+ <el-form-item label="公务方背景:" prop="setting" label-width="160px">
|
|
|
<el-input type="textarea" :rows="3" placeholder="公务方背景"
|
|
|
v-model="OpOfficialActivitiesDto.setting"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div style="width: 50%;">
|
|
|
- <el-form-item label="公务地址:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="公务地址:" prop="address" label-width="160px">
|
|
|
<el-input type="textarea" :rows="3" placeholder="公务地址"
|
|
|
v-model="OpOfficialActivitiesDto.address"></el-input>
|
|
|
</el-form-item>
|
|
@@ -144,14 +144,14 @@
|
|
|
</div>
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 50%;">
|
|
|
- <el-form-item label="暂定议程:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="暂定议程:" prop="trip" label-width="160px">
|
|
|
<el-input type="textarea" :rows="3" placeholder="暂定议程"
|
|
|
v-model="OpOfficialActivitiesDto.trip"></el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
|
|
|
<div style="width: 50%;">
|
|
|
- <el-form-item label="参会人员:" prop="email" label-width="160px">
|
|
|
+ <el-form-item label="参会人员:" prop="attendees" label-width="160px">
|
|
|
<el-input type="textarea" :rows="3" placeholder="参会人员"
|
|
|
v-model="OpOfficialActivitiesDto.attendees"></el-input>
|
|
|
</el-form-item>
|
|
@@ -171,13 +171,14 @@
|
|
|
<div>公务文件</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <span style="color: red;">上传、删除文件时请谨慎!!!</span>
|
|
|
<hr style='background-color:#5555; height:1px; border:none;' />
|
|
|
<div style="display: flex;">
|
|
|
<div style="width: 33%;">
|
|
|
公务方简介:
|
|
|
<el-upload :file-list="uploadFiles1" ref="upload1" :on-success="upLoadSuccess1" :on-error="upLoadError1"
|
|
|
:before-remove="beforeRemove1" :on-change="onChange1" :limit="1" :on-exceed="exceed1"
|
|
|
- :action="uploadURL" :headers="headers1" :auto-upload="false">
|
|
|
+ :action="uploadURL" :headers="headers1" :auto-upload="false" :on-preview="onPreview1">
|
|
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
|
|
<el-button style="margin-left: 10px;" size="small" type="success"
|
|
|
@click="submitUpload1">上传</el-button>
|
|
@@ -187,7 +188,7 @@
|
|
|
公务活动图片:
|
|
|
<el-upload :file-list="uploadFiles2" ref="upload2" :on-success="upLoadSuccess2" :on-error="upLoadError2"
|
|
|
:before-remove="beforeRemove2" :on-change="onChange2" :limit="1" :on-exceed="exceed2"
|
|
|
- :action="uploadURL" :headers="headers2" :auto-upload="false">
|
|
|
+ :action="uploadURL" :headers="headers2" :auto-upload="false" :on-preview="onPreview2">
|
|
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
|
|
|
|
|
<el-button style="margin-left: 10px;" size="small" type="success"
|
|
@@ -198,7 +199,7 @@
|
|
|
发票:
|
|
|
<el-upload :file-list="uploadFiles3" ref="upload3" :on-success="upLoadSuccess3" :on-error="upLoadError3"
|
|
|
:before-remove="beforeRemove3" :on-change="onChange3" :limit="1" :on-exceed="exceed3"
|
|
|
- :action="uploadURL" :headers="headers3" :auto-upload="false">
|
|
|
+ :action="uploadURL" :headers="headers3" :auto-upload="false" :on-preview="onPreview3">
|
|
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
|
|
<el-button style="margin-left: 10px;" size="small" type="success"
|
|
|
@click="submitUpload3">上传</el-button>
|
|
@@ -251,6 +252,43 @@ export default {
|
|
|
},
|
|
|
OpOfficialActivitiesRules: {
|
|
|
|
|
|
+ inviteCosts: [
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'blur' },
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ client: [
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'blur' },
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ date: [
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'blur' },
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ time: [
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'blur' },
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ address: [
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'blur' },
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ contact: [
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'blur' },
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ job: [
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'blur' },
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ tel: [
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'blur' },
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'change' },
|
|
|
+ ],
|
|
|
+ dresscode: [
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'blur' },
|
|
|
+ { required: true, message: '该信息为必填信息', trigger: 'change' },
|
|
|
+ ],
|
|
|
+
|
|
|
},
|
|
|
uploadURL: "http://localhost:5256/api/Resource/UploadOfficialActivities",
|
|
|
uploadFiles1: [],
|
|
@@ -299,20 +337,20 @@ export default {
|
|
|
if (item.kind == 1) {
|
|
|
that.uploadFiles1.push({
|
|
|
name: item.fileName,
|
|
|
- url: 'http://localhost:5256/Office/GrpFile/团组增减款项相关文件/',
|
|
|
+ url: 'http://localhost:5256/Office/GrpFile/商邀相关文件/',
|
|
|
id: item.id
|
|
|
});
|
|
|
} else if (item.kind == 2) {
|
|
|
that.uploadFiles2.push({
|
|
|
name: item.fileName,
|
|
|
- url: 'http://localhost:5256/Office/GrpFile/团组增减款项相关文件/',
|
|
|
+ url: 'http://localhost:5256/Office/GrpFile/商邀相关文件/',
|
|
|
id: item.id
|
|
|
});
|
|
|
}
|
|
|
else if (item.kind == 3) {
|
|
|
that.uploadFiles3.push({
|
|
|
name: item.fileName,
|
|
|
- url: 'http://localhost:5256/Office/GrpFile/团组增减款项相关文件/',
|
|
|
+ url: 'http://localhost:5256/Office/GrpFile/商邀相关文件/',
|
|
|
id: item.id
|
|
|
});
|
|
|
}
|
|
@@ -440,7 +478,10 @@ export default {
|
|
|
},
|
|
|
//文件上传成功时的钩子
|
|
|
upLoadSuccess1(response, file, fileList) {
|
|
|
- console.log(response)
|
|
|
+ this.$message({
|
|
|
+ message: response.msg,
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
},
|
|
|
//文件上传失败时的钩子
|
|
|
upLoadError1(response, file, fileList) {
|
|
@@ -471,10 +512,14 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ //文件状态改变时的钩子
|
|
|
onChange1(file, fileList) {
|
|
|
|
|
|
},
|
|
|
-
|
|
|
+ //点击文件的钩子
|
|
|
+ onPreview1(file) {
|
|
|
+ window.location.href = "http://132.232.92.186:24/Office/GrpFile/商邀相关文件/" + file.name
|
|
|
+ },
|
|
|
//上传2
|
|
|
//上传到服务器
|
|
|
submitUpload2() {
|
|
@@ -489,12 +534,16 @@ export default {
|
|
|
},
|
|
|
//文件上传成功时的钩子
|
|
|
upLoadSuccess2(response, file, fileList) {
|
|
|
-
|
|
|
+ this.$message({
|
|
|
+ message: response.msg,
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
},
|
|
|
//文件上传失败时的钩子
|
|
|
upLoadError2(response, file, fileList) {
|
|
|
console.log("项目添加失败");
|
|
|
},
|
|
|
+ //删除文件时出发的事件
|
|
|
beforeRemove2(file, fileList) {
|
|
|
const that = this;
|
|
|
var url = "/api/Resource/DelloadOfficialActivities"
|
|
@@ -519,8 +568,13 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ //文件状态改变时的钩子
|
|
|
onChange2(file, fileList) {
|
|
|
|
|
|
+ },
|
|
|
+ //点击文件的钩子
|
|
|
+ onPreview2(file) {
|
|
|
+ window.location.href = "http://132.232.92.186:24/Office/GrpFile/商邀相关文件/" + file.name
|
|
|
},
|
|
|
//上传3
|
|
|
//上传到服务器
|
|
@@ -536,12 +590,16 @@ export default {
|
|
|
},
|
|
|
//文件上传成功时的钩子
|
|
|
upLoadSuccess3(response, file, fileList) {
|
|
|
-
|
|
|
+ this.$message({
|
|
|
+ message: response.msg,
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
},
|
|
|
//文件上传失败时的钩子
|
|
|
upLoadError3(response, file, fileList) {
|
|
|
console.log("项目添加失败");
|
|
|
},
|
|
|
+ //删除文件时出发的事件
|
|
|
beforeRemove3(file, fileList) {
|
|
|
const that = this;
|
|
|
var url = "/api/Resource/DelloadOfficialActivities"
|
|
@@ -566,6 +624,22 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ //文件状态改变时的钩子
|
|
|
+ onChange3(file, fileList) {
|
|
|
+
|
|
|
+ },
|
|
|
+ //点击文件的钩子
|
|
|
+ onPreview3(file) {
|
|
|
+ let href = "http://132.232.92.186:24/Office/GrpFile/商邀相关文件/" + file.name
|
|
|
+ var a = document.createElement("a");
|
|
|
+ a.href = href;
|
|
|
+ a.download = file.name;
|
|
|
+ a.style.display = "none";
|
|
|
+ document.body.appendChild(a);
|
|
|
+ a.click();
|
|
|
+ a.remove();
|
|
|
+ //window.location.href = "http://132.232.92.186:24/Office/GrpFile/商邀相关文件/" + file.name
|
|
|
+ },
|
|
|
},
|
|
|
|
|
|
mounted() {
|