新增商邀费用增删改查页面及功能，调整团组增减款项编辑添加功能

src/components/OP/AirTicketRes.vue

@@ -19,9 +19,7 @@
                         <el-button type="primary" @click="download" style="margin-left: 10px;">导出报表</el-button>
                         <el-button type="primary" @click="downloadCN" style="margin-left: 10px;">中文行程单</el-button>
                         <el-button type="primary" @click="downloadEN" style="margin-left: 10px;">英文行程单</el-button>
-                        <router-link :to="{ path: '/home/OpAirTicketRes', query: { DiId } }">
-                            <el-button type="primary" style="margin-left: 10px;">新增</el-button>
-                        </router-link>
+                        <el-button type="primary" style="margin-left: 10px;" @click="addIf">新增</el-button>
                     </div>
                 </div>
                 <div style="margin:10px 0;color:#606266;">
@@ -32,7 +30,8 @@
                     <span style="font-weight: bold;font-size:17px;">出访国家：</span>
                     <span style="color:#606266;">{{ delegationInfo.visitCountry }}&nbsp;&nbsp;&nbsp;</span>
                     <span style="font-weight: bold;font-size:17px;">起止日期：</span>
-                    <span style="color:#606266;">{{ delegationInfo.visitStartDate }}—{{ delegationInfo.visitEndDate }}&nbsp;&nbsp;&nbsp;</span>
+                    <span style="color:#606266;">{{ delegationInfo.visitStartDate }}—{{ delegationInfo.visitEndDate
+                    }}&nbsp;&nbsp;&nbsp;</span>
                     <span style="font-weight: bold;font-size:17px;">天数/人数：</span>
                     <span style="color:#606266;">{{ delegationInfo.visitDays }}天/{{ delegationInfo.visitPNumber }}人</span>
                 </div>
@@ -47,7 +46,7 @@
                     </el-table-column>
                     <el-table-column prop="cTypeName" label="舱位类型" width="100">
                     </el-table-column>
-                    <el-table-column prop="flightDescription" label="航班行程" width="220">
+                    <el-table-column prop="flightDescription" label="航班简述" width="500">
                     </el-table-column>
                     <el-table-column prop="clientName" label="客人名单" width="280">
                     </el-table-column>
@@ -175,19 +174,29 @@ export default {
             });
         },
         upDate(index, row) {
-            if (row.isAuditGM == 3 || row.isAuditGM == 0 || row.isAuditGM == 2) {
+
+            this.$router.push({
+                path: "/home/OpAirTicketRes",
+                query: {
+                    DiId: this.DiId,
+                    id: row.id
+                }
+            })
+
+        },
+        addIf() {
+            debugger
+            if (this.DiId != 0 && this.DiId != '' && this.DiId != undefined) {
                 this.$router.push({
                     path: "/home/OpAirTicketRes",
                     query: {
                         DiId: this.DiId,
-                        id: row.id
                     }
                 })
-            } else if (row.isAuditGM == 1) {
-                this.$message('审核已通过，不可编辑！');
-            }
-
 
+            } else {
+                this.$message('请选择团组在进行添加');
+            }
         },
         del(index, row) {
             this.$confirm('此操作将删除该数据, 是否继续?', '提示', {

src/components/OP/DecreasePayments.vue

@@ -171,17 +171,14 @@ export default {
             });
         },
         upDate(index, row) {
-            if (row.isAudit == 3 || row.isAudit == 0 || row.isAudit == 2) {
-                this.$router.push({
-                    path: "/home/OpDecreasePayments",
-                    query: {
-                        DiId: this.DiId,
-                        id: row.id
-                    }
-                })
-            } else if (row.isAudit == 1) {
-                this.$message('审核已通过，不可编辑！');
-            }
+
+            this.$router.push({
+                path: "/home/OpDecreasePayments",
+                query: {
+                    DiId: this.DiId,
+                    id: row.id
+                }
+            })
 
         },
         del(index, row) {
@@ -229,7 +226,7 @@ export default {
         },
         download(index, row) {
             if (row.filePath != "") {
-                window.location.href = "http://132.232.92.186:24/Office/GrpFile/" + row.filePath
+                window.location.href = "http://132.232.92.186:24/Office/GrpFile/团组增减款项相关文件/" + row.filePath
             } else {
                 this.$message.error("暂未上传附件");
             }

src/components/OP/InvitationOfficialActivities.vue

@@ -0,0 +1,350 @@
+<template>
+    <div>
+        <div class="communal-list">
+            <div>
+
+                <div class="communal-title">
+                    <div>邀请公务费用</div>
+                </div>
+                <div style="display: flex;justify-content: space-between;">
+                    <div style="width: 70%;display: flex;">
+                        <div style="width: 25%;">
+                            <el-select v-model="DiId" placeholder="团组选择" clearable filterable
+                                @change="AirTicketResSelectChange">
+                                <el-option v-for="item in AirTicketResSelectData" :key="item.id" :label="item.teamName"
+                                    :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </div>
+                        <div style="width: 25%;"><el-input v-model="inviter" placeholder="请输入邀请方名称" clearable></el-input>
+                        </div>
+                        <div style="width: 50%;"><el-date-picker v-model="InviteTime" type="daterange" align="right"
+                                unlink-panels format="yyyy-MM-dd" value-format="yyyy-MM-dd" range-separator="至"
+                                start-placeholder="邀请开始日期" end-placeholder="邀请结束日期" :picker-options="pickerOptions">
+                            </el-date-picker>
+                            <el-button type="primary" @click="ConditionsQuery">查询</el-button>
+                        </div>
+                    </div>
+                    <div style="widows: 30%;">
+                        <el-button type="primary" style="margin-left: 10px;" @click="addIf">新增</el-button>
+                    </div>
+                </div>
+                <div style="margin:10px 0;color:#606266;">
+                    <span style="font-weight: bold;font-size:17px;">团队名称：</span>
+                    <span style="color:#606266;">{{ delegationInfo.teamName }}&nbsp;&nbsp;&nbsp;</span>
+                    <span style="font-weight: bold;font-size:17px;">客户：</span>
+                    <span style="color:#606266;">{{ delegationInfo.clientName }}&nbsp;&nbsp;&nbsp; {{
+}}&nbsp;&nbsp;&nbsp;</span>
+                    <span style="font-weight: bold;font-size:17px;">出访国家：</span>
+                    <span style="color:#606266;">{{ delegationInfo.visitCountry }}&nbsp;&nbsp;&nbsp;</span>
+                    <span style="font-weight: bold;font-size:17px;">起止日期：</span>
+                    <span style="color:#606266;">{{ delegationInfo.visitStartDate }}—{{ delegationInfo.visitEndDate
+                    }}&nbsp;&nbsp;&nbsp;</span>
+                    <span style="font-weight: bold;font-size:17px;">天数/人数：</span>
+                    <span style="color:#606266;">{{ delegationInfo.visitDays }}天/{{ delegationInfo.visitPNumber }}人</span>
+                </div>
+            </div>
+            <template>
+                <el-table :data="tableDatas.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border
+                    style="width: 100%" v-loading="loading" element-loading-text="拼命加载中...">
+                    <el-table-column prop="num" label="序 号" width="55">
+                        <template slot-scope="scope">
+                            {{ (currentPage - 1) * pageSize + scope.$index + 1 }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="inviterArea" label="邀请方地区" width="200">
+                    </el-table-column>
+                    <el-table-column prop="inviter" label="邀请方" width="335">
+                    </el-table-column>
+                    <el-table-column prop="inviteTime" label="邀请时间" width="200">
+                    </el-table-column>
+                    <el-table-column prop="inviteCosts,currency" label="邀请费用" width="150" sortable>
+                        <template slot-scope="scope">
+                            {{ scope.row.inviteCosts }}({{ scope.row.currency }})
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="isGoOfficaiaBussiness" label="是否到场" width="150">
+                        <template slot-scope="isGoOfficaiaBussiness">
+                            <span v-if="isGoOfficaiaBussiness.row.isGoOfficaiaBussiness == 1">是</span>
+                            <span v-else>否</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="isAudit" label="是否审核" width="120">
+                        <template slot-scope="isAudit">
+                            <span v-if="isAudit.row.isAudit == 1">已通过</span>
+                            <span v-else-if="isAudit.row.isAudit == 0">未审核</span>
+                            <span v-else-if="isAudit.row.isAudit == 2">未通过</span>
+                            <span v-else>自动审核通过</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="attachment" label="附件" width="280">
+                    </el-table-column>
+                    <el-table-column label="操作">
+                        <template slot-scope="scope">
+                            <el-button size="mini" @click="download(scope.$index, scope.row)">下载附件</el-button>
+                            <el-button size="mini" @click="upDate(scope.$index, scope.row)">编辑</el-button>
+                            <el-button size="mini" type="danger" @click="del(scope.$index, scope.row)">删除</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </template>
+            <div class="block">
+                <el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                    :current-page="currentPage" :page-sizes="[10, 12, 15, 20]" :page-size="pageSize"
+                    layout="total, sizes, prev, pager, next" :total="tableDatas.length">
+                </el-pagination>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            loading: false,
+            tableDatas: [],
+            tableData: [],
+            currentPage: 1, // 当前页码
+            pageSize: 12,// 每页的数据条数
+            input: '',
+            token: '',
+            userId: 0,
+            DiId: '',
+            inviter: "",
+            pickerOptions: {
+                shortcuts: [{
+                    text: '最近一周',
+                    onClick(picker) {
+                        const end = new Date();
+                        const start = new Date();
+                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+                        picker.$emit('pick', [start, end]);
+                    }
+                }, {
+                    text: '最近一个月',
+                    onClick(picker) {
+                        const end = new Date();
+                        const start = new Date();
+                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+                        picker.$emit('pick', [start, end]);
+                    }
+                }, {
+                    text: '最近三个月',
+                    onClick(picker) {
+                        const end = new Date();
+                        const start = new Date();
+                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+                        picker.$emit('pick', [start, end]);
+                    }
+                }]
+            },
+            InviteTime: '',
+            startInviteTime: "",
+            endInviteTime: "",
+            AirTicketResSelectData: [],
+            delegationInfo: {},
+        }
+    },
+    methods: {
+        //每页条数改变时触发 选择一页显示多少行
+        handleSizeChange(val) {
+            this.currentPage = 1;
+            this.pageSize = val;
+        },
+        //当前页改变时触发 跳转其他页
+        handleCurrentChange(val) {
+            this.currentPage = val;
+        },
+        //团组下拉框
+        AirTicketResSelect() {
+            var url = "/api/Groups/DecreasePaymentsSelect"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data: {
+                    userId: that.userId,
+                    ctId: 81
+                }
+            }).then(function (res) {
+                if (res.data.code == 200) {
+                    that.AirTicketResSelectData = res.data.data.groupName;
+
+                    that.DiId = parseInt(that.AirTicketResSelectData[0].id);
+                    that.delegationInfo = that.AirTicketResSelectData[0];
+                    that.InvitationOfficialActivities()
+                }
+            }).catch(function (error) {
+                that.$message.error("网络错误，请稍后重试");
+            });
+        },
+        ConditionsQuery() {
+            if (this.InviteTime != "" && this.InviteTime != undefined && this.InviteTime != null) {
+                this.startInviteTime = this.InviteTime[0]
+                this.endInviteTime = this.InviteTime[1]
+            } else {
+                this.startInviteTime = ""
+                this.endInviteTime = ""
+            }
+            this.InvitationOfficialActivities();
+        },
+        AirTicketResSelectChange() {
+            for (let index = 0; index < this.AirTicketResSelectData.length; index++) {
+                if (this.AirTicketResSelectData[index].id == parseInt(this.diId)) {
+                    this.delegationInfo = this.AirTicketResSelectData[index];
+                    break;
+                }
+            }
+            this.AirTicketResList();
+        },
+        //商邀费用信息绑定
+        InvitationOfficialActivities() {
+            var url = "/api/Groups/InvitationOfficialActivitiesList"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data: {
+                    diId: that.DiId,
+                    inviter: that.inviter,
+                    startInviteTime: that.startInviteTime,
+                    endInviteTime: that.endInviteTime,
+                }
+            }).then(function (res) {
+                if (res.data.code == 200) {
+                    that.tableDatas = res.data.data;
+                    that.tableData = that.tableDatas
+                    if (that.tableDatas.length != 0) {
+                        if (that.tableDatas.slice((that.currentPage - 1) * that.pageSize, that.currentPage * that.pageSize).length == 0) {
+                            if (that.currentPage > 1) {
+                                that.currentPage = that.currentPage - 1;
+                            }
+                        }
+                    }
+                }
+
+            }).catch(function (error) {
+
+                that.$message.error("网络错误，请稍后重试");
+            });
+        },
+        upDate(index, row) {
+            this.$router.push({
+                path: "/home/OpInvitationOfficialActivities",
+                query: {
+                    DiId: this.DiId,
+                    id: row.id
+                }
+            })
+        },
+        addIf() {
+            debugger
+            if (this.DiId != 0 && this.DiId != '' && this.DiId != undefined) {
+                this.$router.push({
+                    path: "/home/OpInvitationOfficialActivities",
+                    query: {
+                        DiId: this.DiId,
+                    }
+                })
+
+            } else {
+                this.$message('请选择团组在进行添加');
+            }
+        },
+        del(index, row) {
+            this.$confirm('此操作将删除该数据, 是否继续?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                var that = this
+                this.$axios({
+                    method: 'post',
+                    url: "/api/Groups/DelInvitationOfficialActivities",
+                    headers: {
+                        Authorization: 'Bearer ' + this.token
+                    },
+                    data: {
+                        Id: row.id,
+                        DeleteUserId: this.userId
+                    }
+                }).then(function (res) {
+                    console.log(res)
+
+                    if (res.data.code == 200) {
+
+                        that.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        that.AirTicketResSelect();
+                    } else {
+                        that.$message.error('删除失败！');
+                    }
+                    that.loading = false
+                }).catch(function (error) {
+                    that.loading = false
+                    that.$message.error("网络错误，请稍后重试");
+                });
+            }).catch(() => {
+                this.$message({
+                    type: 'info',
+                    message: '操作已取消！'
+                });
+            });
+        },
+        download(index, row) {
+            if (row.filePath != "") {
+                window.location.href = "http://132.232.92.186:24/Office/GrpFile/商邀相关文件/" + row.attachment
+            } else {
+                this.$message.error("暂未上传附件");
+            }
+
+        }
+    },
+    mounted() {
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
+        this.AirTicketResSelect();
+        //this.AirTicketResList()
+    }
+}
+</script>
+<style>
+.communal-list {
+    background-color: #fff;
+    padding: 10px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+}
+
+.communal-title {
+    display: flex;
+    font-size: 17px;
+    font-weight: 600;
+    color: #555;
+    margin-top: 8px;
+    margin-bottom: 10px;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.el-input {
+    width: 80%;
+}
+
+.communal-box {
+    display: flex;
+}
+
+.communal-box>button {
+    margin-left: 10px;
+    padding: 8px 20px;
+}
+</style>

src/components/OP/OpAirTicketRes.vue

@@ -178,7 +178,8 @@
                 <div style="display: flex;">
                     <div style="width: 100%;">
                         <el-form-item label="航班描述:" prop="flightsDescription" label-width="160px">
-                            <el-input type="textarea" :rows="5" placeholder="请严格遵守此格式!!! 1. EK363 R1 WE08MAR CANDXB HK7 0015 0515 SEAME 2 3 (注意空格以及多条数据换行)"
+                            <el-input type="textarea" :rows="5"
+                                placeholder="请严格遵守此格式!!! 1. EK363 R1 WE08MAR CANDXB HK7 0015 0515 SEAME 2 3 (注意空格以及多条数据换行)"
                                 v-model="airTicketResOpData.flightsDescription"></el-input>
                         </el-form-item>
                     </div>
@@ -480,8 +481,8 @@ export default {
                 createUserId: 0,
                 orbitalPrivateTransfer: '',
                 remark: ''
-            }
-
+            },
+            IsAuditGM: 0,
         }
     },
     methods: {
@@ -529,7 +530,7 @@ export default {
             }).then(function (res) {
 
                 if (res.data.code == 200) {
-                    debugger
+
                     that.delegationInfo = res.data.data.delegationInfo
                     that.airGroupCostParameter = res.data.data.airGroupCostParameter
                 }
@@ -545,61 +546,66 @@ export default {
         },
         //点击保存事件
         addBtn() {
-            const that = this;
-            let formArr = ['airTicketResOpData', 'cardPaymentOpData']//三个form表单的ref
-            var resultArr = [] //用来接受返回结果的数组
-            function checkForm(formName) { //封装验证表单的函数
-                var result = new Promise(function (resolve, reject) {
-                    that.$refs[formName].validate((valid) => {
-                        if (valid) {
-                            resolve();
-                        } else { reject() }
+            if (this.IsAuditGM = 1) {
+                this.$message.error('审核已通过，不可修改！');
+            } else {
+
+                const that = this;
+                let formArr = ['airTicketResOpData', 'cardPaymentOpData']//三个form表单的ref
+                var resultArr = [] //用来接受返回结果的数组
+                function checkForm(formName) { //封装验证表单的函数
+                    var result = new Promise(function (resolve, reject) {
+                        that.$refs[formName].validate((valid) => {
+                            if (valid) {
+                                resolve();
+                            } else { reject() }
+                        })
                     })
+                    resultArr.push(result) //push 得到promise的结果
+                }
+                formArr.forEach(item => { //根据表单的ref校验
+                    checkForm(item)
                 })
-                resultArr.push(result) //push 得到promise的结果
-            }
-            formArr.forEach(item => { //根据表单的ref校验
-                checkForm(item)
-            })
-            Promise.all(resultArr).then(values => {
-                that.airTicketResOpData.diId = that.DiId;
-                that.airTicketResOpData.createUserId = that.userId;
+                Promise.all(resultArr).then(values => {
+                    that.airTicketResOpData.diId = that.DiId;
+                    that.airTicketResOpData.createUserId = that.userId;
 
-                that.cardPaymentOpData.createUserId = that.userId;
-                that.cardPaymentOpData.diId = that.DiId;
-                if (that.cardPaymentOpData.ctdId == '') {
-                    that.cardPaymentOpData.ctdId = 0;
-                }
-                var url = "/api/Groups/OpAirTicketRes"
-                that.$axios({
-                    method: 'post',
-                    url: url,
-                    headers: {
-                        Authorization: 'Bearer ' + that.token
-                    },
-                    data: {
-                        status: that.status,
-                        airTicketResOpData: that.airTicketResOpData,
-                        cardPaymentOpData: that.cardPaymentOpData
-                    }
-                }).then(function (res) {
-                    if (res.data.code == 200) {
-                        that.$message({
-                            message: res.data.msg,
-                            type: 'success'
-                        });
-                        that.loading = true;
-                        setTimeout(() => {
-                            that.$router.push('/home/AirTicketRes')
-                        }, 3000);
-                    } else {
-                        that.$message.error(res.data.msg);
+                    that.cardPaymentOpData.createUserId = that.userId;
+                    that.cardPaymentOpData.diId = that.DiId;
+                    if (that.cardPaymentOpData.ctdId == '') {
+                        that.cardPaymentOpData.ctdId = 0;
                     }
-                })// 此时必填完成，做保存后的业务操作
-            }).catch(_ => {
-                this.$message.error('请完善信息在保存！');
-                return false;
-            })
+                    var url = "/api/Groups/OpAirTicketRes"
+                    that.$axios({
+                        method: 'post',
+                        url: url,
+                        headers: {
+                            Authorization: 'Bearer ' + that.token
+                        },
+                        data: {
+                            status: that.status,
+                            airTicketResOpData: that.airTicketResOpData,
+                            cardPaymentOpData: that.cardPaymentOpData
+                        }
+                    }).then(function (res) {
+                        if (res.data.code == 200) {
+                            that.$message({
+                                message: res.data.msg,
+                                type: 'success'
+                            });
+                            that.loading = true;
+                            setTimeout(() => {
+                                that.$router.push('/home/AirTicketRes')
+                            }, 3000);
+                        } else {
+                            that.$message.error(res.data.msg);
+                        }
+                    })// 此时必填完成，做保存后的业务操作
+                }).catch(_ => {
+                    this.$message.error('请完善信息在保存！');
+                    return false;
+                })
+            }
         },
         //根据机票费用录入Id查询c表和机票费用信息
         AirTicketResById() {
@@ -616,11 +622,18 @@ export default {
                 }
             }).then(function (res) {
                 if (res.data.code == 200) {
+
                     that.airTicketResOpData = res.data.data.airTicket;
                     that.prePrice = res.data.data.airTicket.prePrice
                     that.currencyId = res.data.data.airTicket.preCurrency
                     that.clientNum = res.data.data.airTicket.clientNum
                     that.cardPaymentOpData = res.data.data.creditCard;
+                    that.IsAuditGM = that.cardPaymentOpData.isAuditGM
+                    debugger
+                    if (that.cardPaymentOpData.ctdId == 0) {
+                        that.cardPaymentOpData.ctdId = ""
+                    }
+
                     that.cardPaymentOpData.orbitalPrivateTransfer = parseInt(that.cardPaymentOpData.orbitalPrivateTransfer)
                 }
             })

src/components/OP/OpDecreasePayments.vue

@@ -128,7 +128,7 @@ export default {
     data() {
         return {
             projectName: "",
-            //uploadURL: "/project/upload?a=1",
+            uploadURL: "http://132.232.92.186:8888/api/Groups/UploadProject",
             uploadFiles: [],//上传的文件列表
             DelfileName: "",
             title: "新增团组增减款项费用",
@@ -155,10 +155,12 @@ export default {
                 createUserId: 0,
                 remark: ""
             },
+            IsAuditGM: 0,
             Decrease: {},
             CreditCard: {},
             headers: {
-                Authorization: JSON.parse(localStorage.getItem('userinif')).token
+                Authorization: JSON.parse(localStorage.getItem('userinif')).token,
+                TypeName: "A"
             },
             DecreasePaymentsRules: {
                 price: [
@@ -181,13 +183,6 @@ export default {
 
         }
     },
-    computed: {
-        //文件的上传路径
-        uploadURL: function () {
-            //var userId = this.$store.state.userId;
-            return "http://132.232.92.186:8888/api/Groups/UploadProject";
-        }
-    },
 
     methods: {
         //团组下拉框
@@ -201,7 +196,8 @@ export default {
                     Authorization: 'Bearer ' + this.token
                 },
                 data: {
-                    userId: that.userId
+                    userId: that.userId,
+                    CTId: 98
                 }
             }).then(function (res) {
                 if (res.data.code == 200) {
@@ -235,6 +231,7 @@ export default {
                 }
             }).then(function (res) {
                 if (res.data.code == 200) {
+
                     that.Decrease = res.data.data._Decrease
                     that.CreditCard = res.data.data._CreditCard
                     that.DecreasePaymentsData.payDId = that.CreditCard.payDId
@@ -246,11 +243,13 @@ export default {
                     that.DecreasePaymentsData.price = that.Decrease.price
                     that.DecreasePaymentsData.currency = that.Decrease.currency
                     that.DecreasePaymentsData.filePath = that.Decrease.filePath
+                    that.projectName = that.Decrease.filePath
                     that.DecreasePaymentsData.remark = that.Decrease.remark
+                    that.IsAuditGM = that.CreditCard.isAuditGM
                     if (that.Decrease.filePath != null && that.Decrease.filePath != undefined && that.Decrease.filePath != "") {
                         that.uploadFiles.push({
                             name: that.Decrease.filePath,
-                            url: 'C:\\Server\\File\\OA2023\\Office\\GrpFile\\',
+                            url: 'http://132.232.92.186:24/Office/GrpFile/团组增减款项相关文件/',
                         })
                     }
 
@@ -261,60 +260,113 @@ export default {
 
         //点击保存事件
         addBtn() {
-            const that = this;
-            that.$refs.DecreasePaymentsData.validate((valid) => {
-                if (valid) {
-                    debugger
-                    if (that.projectName == "") {
-                        that.$axios({
-                            method: 'post',
-                            url: "/api/Groups/DelFile",
-                            headers: {
-                                Authorization: 'Bearer ' + that.token
-                            },
-                            data: {
-                                fileName: that.DelfileName,
-                                id: that.id
-                            }
-                        }).then(function (res) {
-                            if (res.data.code == 200) {
+            if (this.IsAuditGM == 1) {
+                this.$message.error('已通过审核，不可修改！');
+            } else {
+                const that = this;
+                that.$refs.DecreasePaymentsData.validate((valid) => {
+                    if (valid) {
+                        if (that.DecreasePaymentsData.filePath == that.projectName) {
+                            if (that.DelfileName != null && that.DelfileName != "" && that.DelfileName != undefined) {
+                                that.$axios({
+                                    method: 'post',
+                                    url: "/api/Groups/DelFile",
+                                    headers: {
+                                        Authorization: 'Bearer ' + that.token
+                                    },
+                                    data: {
+                                        fileName: that.DelfileName,
+                                        id: that.id
+                                    }
+                                }).then(function (res) {
+                                    if (res.data.code == 200) {
 
+                                    }
+                                })
                             }
-                        })
+                            that.DecreasePaymentsData.filePath = that.projectName
+                            that.DecreasePaymentsData.diId = that.DiIdSelect;
+                            that.DecreasePaymentsData.createUserId = that.userId;
+                            var url = "/api/Groups/OpDecreasePayments"
+                            that.$axios({
+                                method: 'post',
+                                url: url,
+                                headers: {
+                                    Authorization: 'Bearer ' + that.token
+                                },
+                                data: that.DecreasePaymentsData
+                            }).then(function (res) {
+                                if (res.data.code == 200) {
+                                    that.$message({
+                                        message: res.data.msg,
+                                        type: 'success'
+                                    });
+                                    that.loading = true;
+                                    setTimeout(() => {
+                                        that.$router.push('/home/DecreasePayments')
+                                    }, 3000);
+                                } else {
+                                    that.$message.error(res.data.msg);
+                                }
+                            })
+
+                        } else {
+                            if (that.DelfileName != null && that.DelfileName != "" && that.DelfileName != undefined) {
+                                that.$axios({
+                                    method: 'post',
+                                    url: "/api/Groups/DelFile",
+                                    headers: {
+                                        Authorization: 'Bearer ' + that.token
+                                    },
+                                    data: {
+                                        fileName: that.DelfileName,
+                                        id: that.id
+                                    }
+                                }).then(function (res) {
+                                    if (res.data.code == 200) {
 
-                        this.DecreasePaymentsData.filePath = ""
-                        that.DecreasePaymentsData.diId = that.DiIdSelect;
-                        that.DecreasePaymentsData.createUserId = that.userId;
-                        var url = "/api/Groups/OpDecreasePayments"
-                        that.$axios({
-                            method: 'post',
-                            url: url,
-                            headers: {
-                                Authorization: 'Bearer ' + that.token
-                            },
-                            data: that.DecreasePaymentsData
-                        }).then(function (res) {
-                            if (res.data.code == 200) {
-                                that.$message({
-                                    message: res.data.msg,
-                                    type: 'success'
-                                });
-                                that.loading = true;
-                                setTimeout(() => {
-                                    that.$router.push('/home/DecreasePayments')
-                                }, 3000);
+                                    }
+                                })
+                            }
+                            if (that.projectName != "" && that.projectName != null && that.projectName != undefined) {
+                                that.$refs.upload.submit();//上传文件到服务器
                             } else {
-                                that.$message.error(res.data.msg);
+                                that.DecreasePaymentsData.filePath = that.projectName
+                                that.DecreasePaymentsData.diId = that.DiIdSelect;
+                                that.DecreasePaymentsData.createUserId = that.userId;
+                                var url = "/api/Groups/OpDecreasePayments"
+                                that.$axios({
+                                    method: 'post',
+                                    url: url,
+                                    headers: {
+                                        Authorization: 'Bearer ' + that.token
+                                    },
+                                    data: that.DecreasePaymentsData
+                                }).then(function (res) {
+                                    if (res.data.code == 200) {
+                                        that.$message({
+                                            message: res.data.msg,
+                                            type: 'success'
+                                        });
+                                        that.loading = true;
+                                        setTimeout(() => {
+                                            that.$router.push('/home/DecreasePayments')
+                                        }, 3000);
+                                    } else {
+                                        that.$message.error(res.data.msg);
+                                    }
+                                })
                             }
-                        })
+
+                        }
+
                     } else {
-                        that.$refs.upload.submit();//上传文件到服务器
+                        this.$message.error('请完善信息在保存！');
+                        return false;
                     }
-                } else {
-                    this.$message.error('请完善信息在保存！');
-                    return false;
-                }
-            })
+                })
+
+            }
             // 此时必填完成，做保存后的业务操作
         },
         DecreasePaymentsChange() {
@@ -346,7 +398,8 @@ export default {
                     method: 'post',
                     url: "/api/Groups/DelFile",
                     headers: {
-                        Authorization: 'Bearer ' + that.token
+                        Authorization: 'Bearer ' + that.token,
+                        TypeName: "A"
                     },
                     data: {
                         fileName: that.DelfileName,
@@ -358,7 +411,7 @@ export default {
                     }
                 })
 
-                this.DecreasePaymentsData.filePath = response.data
+                that.DecreasePaymentsData.filePath = response.data
                 that.DecreasePaymentsData.diId = that.DiIdSelect;
                 that.DecreasePaymentsData.createUserId = that.userId;
                 var url = "/api/Groups/OpDecreasePayments"
@@ -406,7 +459,7 @@ export default {
         },
         onChange(file, fileList) {
             this.projectName = file.name
-        }
+        },
 
     },
 

src/components/OP/OpInvitationOfficialActivities.vue

@@ -0,0 +1,643 @@
+<template>
+    <div class="car_add">
+        <div>
+            <div class="communal-title">
+                <div>{{ title }}</div>
+            </div>
+        </div>
+        <hr style='background-color:#5555; height:1px; border:none;' />
+        <div>
+            <el-form :model="delegationInfo" label-width="100px" class="demo-ruleForm">
+                <div style="display: flex;">
+                    <div style="width: 25%;">
+                        <el-form-item label="团组名称:" label-width="160px">
+                            <el-select v-model="DiIdSelect" clearable filterable placeholder="团组选择"
+                                @change="DecreasePaymentsChange" :disabled="isShow" style="width: 220px;">
+                                <el-option v-for="item in delegationInfoList" :key="item.id" :label="item.teamName"
+                                    :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="团 号:" prop="tourCode" label-width="160px">
+                            <el-input placeholder="团号" v-model="delegationInfo.tourCode" :disabled="true">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="客户:" prop="clientName" label-width="160px">
+                            <el-input placeholder="客户" v-model="delegationInfo.clientName" :disabled="true">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="出访国家:" prop="visitCountry" label-width="160px">
+                            <el-input placeholder="出访国家" v-model="delegationInfo.visitCountry" :disabled="true">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                </div>
+            </el-form>
+            <el-form :model="InvitationOfficialActivities" ref="InvitationOfficialActivities"
+                :rules="InvitationOfficialActivitiesRules" label-width="100px" class="demo-ruleForm">
+                <div style="display:flex ;">
+                    <div style="width: 25%;">
+                        <el-form-item label="邀请方地区:" prop="inviterArea" label-width="160px">
+                            <el-input placeholder="邀请方地区" v-model="InvitationOfficialActivities.inviterArea">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="邀请方:" prop="inviter" label-width="160px">
+                            <el-input placeholder="邀请方" v-model="InvitationOfficialActivities.inviter">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="邀请时间:" prop="inviteTime" label-width="160px">
+                            <el-date-picker v-model="InvitationOfficialActivities.inviteTime" type="date"
+                                placeholder="选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="是否到场:" prop="isGoOfficaiaBussiness" label-width="160px">
+                            <el-radio-group v-model="InvitationOfficialActivities.isGoOfficaiaBussiness">
+                                <el-radio :label=1>是</el-radio>
+                                <el-radio :label=0>否</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </div>
+                </div>
+                <div style="display:flex ;">
+                    <div style="width: 25%;">
+                        <el-form-item label="联系人:" prop="contact" label-width="160px">
+                            <el-input placeholder="联系人" v-model="InvitationOfficialActivities.contact">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="联系电话:" prop="tel" label-width="160px">
+                            <el-input placeholder="联系电话" v-model="InvitationOfficialActivities.tel">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="电子邮箱:" prop="email" label-width="160px">
+                            <el-input placeholder="电子邮箱" v-model="InvitationOfficialActivities.email">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="传真号码:" prop="fax" label-width="160px">
+                            <el-input placeholder="传真号码" v-model="InvitationOfficialActivities.fax">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                </div>
+                <div style="display: flex;">
+                    <div style="width: 50%;">
+                        <el-form-item label="邀请方地址:" prop="address" label-width="160px">
+                            <el-input type="textarea" :rows="5" placeholder="邀请方地址"
+                                v-model="InvitationOfficialActivities.address"></el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 50%;">
+                        <el-form-item label="其他信息:" prop="otherInformation" label-width="160px">
+                            <el-input type="textarea" :rows="5" placeholder="其他信息"
+                                v-model="InvitationOfficialActivities.otherInformation"></el-input>
+                        </el-form-item>
+                    </div>
+                </div>
+                <div style="display:flex ;">
+                    <div style="width: 25%;">
+                        <el-form-item label="邀请费用:" prop="inviteCosts" label-width="160px">
+                            <el-input placeholder="邀请费用" v-model="InvitationOfficialActivities.inviteCosts"
+                                style="width: 58%;">
+                            </el-input>
+                            <el-select v-model="InvitationOfficialActivities.currency" style="width: 40%;">
+                                <el-option key="48" label="CNY" :value="48"></el-option>
+                                <el-option key="49" label="USD" :value="49"></el-option>
+                                <el-option key="51" label="EUR" :value="51"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="收款方:" prop="payee" label-width="160px">
+                            <el-input placeholder="收款方" v-model="InvitationOfficialActivities.payee">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="费用标识:" prop="orbitalPrivateTransfer">
+                            <el-select v-model="InvitationOfficialActivities.orbitalPrivateTransfer" placeholder="费用标识"
+                                style="width: 100%;">
+                                <el-option key="0" label="公转" :value=0>
+                                </el-option>
+                                <el-option key="1" label="私转" :value=1>
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="支付方式:" prop="payDId">
+                            <el-select v-model="InvitationOfficialActivities.payDId" placeholder="支付方式">
+                                <el-option v-for="item in payment" :key="item.id" :label="item.name" :value="item.id">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </div>
+                </div>
+
+                <div style="display: flex;">
+                    <div style="width: 25%;">
+                        <el-form-item label="快递费:" prop="sendCost" label-width="160px">
+                            <el-input placeholder="快递费" v-model="InvitationOfficialActivities.sendCost">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="附件:" prop="fileUrl" label-width="160px">
+                            <el-upload :file-list="uploadFiles" ref="upload" :on-success="upLoadSuccess"
+                                :on-error="upLoadError" :before-remove="beforeRemove" :on-change="onChange" :limit="1"
+                                :on-exceed="exceed" :action="uploadURL" :headers="headers" :auto-upload="false">
+                                <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+                                <!-- <el-button style="margin-left: 10px;" size="small" type="success"
+                                    @click="submitUpload">上传到服务器</el-button> -->
+                            </el-upload>
+
+
+                        </el-form-item>
+                    </div>
+
+                </div>
+                <div style="display: flex;">
+                    <div style="width: 90%;">
+                        <el-form-item label="备 注:" prop="remark" label-width="160px">
+                            <el-input type="textarea" :rows="5" placeholder="备注"
+                                v-model="InvitationOfficialActivities.remark"></el-input>
+                        </el-form-item>
+                    </div>
+                </div>
+                <el-form-item>
+                    <div style="margin-left: 60%;">
+                        <el-button type="primary" @click="addBtn">保存</el-button>
+                        <router-link to='/home/InvitationOfficialActivities'>
+                            <el-button>取消</el-button>
+                        </router-link>
+                    </div>
+                </el-form-item>
+            </el-form>
+
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            uploadURL: "http://132.232.92.186:8888/api/Groups/UploadProject",
+            projectName: "",
+            uploadFiles: [],//上传的文件列表
+            DelfileName: "",
+            title: "新增商邀费用",
+            token: '',
+            userId: 0,
+            id: '',
+            DiId: '',
+            isShow: false,
+            DiIdSelect: '',
+            delegationInfo: {},
+            IsAuditGM: 0,
+            delegationInfoList: [],//团组下拉框
+            payment: [],//支付方式下拉框
+            InvitationOfficialActivities: {
+                status: 0,
+                payDId: 73,
+                orbitalPrivateTransfer: 0,
+                payee: '',
+                id: 0,
+                diId: '',
+                inviterArea: '',
+                inviter: '',
+                inviteTime: this.dateFormat(new Date()),
+                attachment: '',
+                inviteCosts: 0,
+                currency: 48,
+                sendCost: 0,
+                isGoOfficaiaBussiness: 0,
+                createUserId: 0,
+                remark: '',
+                address: '',
+                contact: '',
+                job: '',
+                tel: '',
+                email: '',
+                fax: '',
+                otherInformation: ''
+            },
+            headers: {
+                Authorization: JSON.parse(localStorage.getItem('userinif')).token,
+                TypeName: "B"
+            },
+            InvitationOfficialActivitiesRules: {
+                inviteCosts: [
+                    { required: true, message: '请输入费用金额', trigger: 'blur' },
+                    { pattern: /^(([1-9]?\d{0,8}(\.\d{1,2})?)|999999999|999999999\.(0){1,2})$/, message: '请输入正确的金额(最多2位小数)' }
+                ],
+                inviterArea: [
+                    { required: true, message: '请输入邀请方地区', trigger: 'change' },
+                    { required: true, message: '请输入邀请方地区', trigger: 'blur' },
+                ],
+                inviter: [
+                    { required: true, message: '请输入邀请方', trigger: 'change' },
+                    { required: true, message: '请输入邀请方', trigger: 'blur' },
+                ],
+                inviteTime: [
+                    { required: true, message: '请选择邀请时间', trigger: 'change' },
+                    { required: true, message: '请选择邀请时间', trigger: 'blur' },
+                ],
+                contact: [
+                    { required: true, message: '请输入联系人', trigger: 'change' },
+                    { required: true, message: '请输入联系人', trigger: 'blur' },
+                ],
+                tel: [
+                    { required: true, message: '请输入联系方式', trigger: 'change' },
+                    { required: true, message: '请输入联系方式', trigger: 'blur' },
+                ],
+                address: [
+                    { required: true, message: '请输入邀请方地址', trigger: 'change' },
+                    { required: true, message: '请输入邀请方地址', trigger: 'blur' },
+                ],
+                payee: [
+                    { required: true, message: '请输入收款方', trigger: 'change' },
+                    { required: true, message: '请输入收款方', trigger: 'blur' },
+                ],
+
+            }
+
+        }
+    },
+    methods: {
+        //团组下拉框
+        AirTicketResSelect() {
+            var url = "/api/Groups/DecreasePaymentsSelect"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data: {
+                    userId: that.userId,
+                    ctId: 81
+                }
+            }).then(function (res) {
+                if (res.data.code == 200) {
+                    that.delegationInfoList = res.data.data.groupName;
+                    that.DiIdSelect = parseInt(that.DiId)
+                    for (let index = 0; index < that.delegationInfoList.length; index++) {
+                        if (that.delegationInfoList[index].id == that.DiIdSelect) {
+                            that.delegationInfo = that.delegationInfoList[index];
+                            break;
+                        }
+                    }
+                    that.payment = res.data.data.payment
+                }
+
+            })
+
+
+        },
+        InvitationOfficialActivitiesById() {
+            var url = "/api/Groups/InvitationOfficialActivitiesById"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data: {
+                    Id: that.id
+                }
+            }).then(function (res) {
+                if (res.data.code == 200) {
+                    console.log(res.data.data)
+                    that.InvitationOfficialActivities.payDId = res.data.data._CreditCard.payDId
+                    that.InvitationOfficialActivities.orbitalPrivateTransfer = res.data.data._CreditCard.orbitalPrivateTransfer
+                    that.InvitationOfficialActivities.payee = res.data.data._CreditCard.payee
+                    that.InvitationOfficialActivities.id = res.data.data._Invitation.id
+                    that.InvitationOfficialActivities.diId = res.data.data._Invitation.diId
+                    that.InvitationOfficialActivities.inviterArea = res.data.data._Invitation.inviterArea
+                    that.InvitationOfficialActivities.inviter = res.data.data._Invitation.inviter
+                    that.InvitationOfficialActivities.inviteTime = res.data.data._Invitation.inviteTime
+                    that.InvitationOfficialActivities.attachment = res.data.data._Invitation.attachment
+                    that.projectName = res.data.data._Invitation.attachment
+                    that.InvitationOfficialActivities.inviteCosts = res.data.data._Invitation.inviteCosts
+                    that.InvitationOfficialActivities.currency = res.data.data._Invitation.currency
+                    that.InvitationOfficialActivities.sendCost = res.data.data._Invitation.sendCost
+                    that.InvitationOfficialActivities.isGoOfficaiaBussiness = res.data.data._Invitation.isGoOfficaiaBussiness
+                    that.InvitationOfficialActivities.remark = res.data.data._Invitation.remark
+                    that.InvitationOfficialActivities.address = res.data.data._InvitationData.address
+                    that.InvitationOfficialActivities.contact = res.data.data._InvitationData.contact
+                    that.InvitationOfficialActivities.job = res.data.data._InvitationData.job
+                    that.InvitationOfficialActivities.tel = res.data.data._InvitationData.tel
+                    debugger
+                    that.IsAuditGM = res.data.data._CreditCard.isAuditGM;
+                    that.InvitationOfficialActivities.email = res.data.data._InvitationData.email
+                    that.InvitationOfficialActivities.fax = res.data.data._InvitationData.fax
+                    that.InvitationOfficialActivities.otherInformation = res.data.data._InvitationData.remark
+                    if (that.InvitationOfficialActivities.attachment != null && that.InvitationOfficialActivities.attachment != undefined && that.InvitationOfficialActivities.attachment != "") {
+                        that.uploadFiles.push({
+                            name: that.InvitationOfficialActivities.attachment,
+                            url: 'http://132.232.92.186:24/Office/GrpFile/商邀相关文件/',
+                        })
+                    }
+
+                }
+
+            })
+        },
+
+        //点击保存事件
+        addBtn() {
+            if (this.IsAuditGM == 1) {
+                this.$message.error('已通过审核，不可修改！');
+            } else {
+                const that = this;
+                that.$refs.InvitationOfficialActivities.validate((valid) => {
+                    if (valid) {
+                        if (that.InvitationOfficialActivities.attachment == that.projectName) {
+                            if (that.DelfileName != null && that.DelfileName != "" && that.DelfileName != undefined) {
+                                that.$axios({
+                                    method: 'post',
+                                    url: "/api/Groups/DelFile",
+                                    headers: {
+                                        Authorization: 'Bearer ' + that.token
+                                    },
+                                    data: {
+                                        fileName: that.DelfileName,
+                                        id: that.id
+                                    }
+                                }).then(function (res) {
+                                    if (res.data.code == 200) {
+
+                                    }
+                                })
+                            }
+                            that.InvitationOfficialActivities.attachment = that.projectName
+                            that.InvitationOfficialActivities.diId = that.DiIdSelect;
+                            that.InvitationOfficialActivities.createUserId = that.userId;
+                            var url = "/api/Groups/OpInvitationOfficialActivities"
+                            that.$axios({
+                                method: 'post',
+                                url: url,
+                                headers: {
+                                    Authorization: 'Bearer ' + that.token
+                                },
+                                data: that.InvitationOfficialActivities
+                            }).then(function (res) {
+                                if (res.data.code == 200) {
+                                    that.$message({
+                                        message: res.data.msg,
+                                        type: 'success'
+                                    });
+                                    that.loading = true;
+                                    setTimeout(() => {
+                                        that.$router.push('/home/InvitationOfficialActivities')
+                                    }, 3000);
+                                } else {
+                                    that.$message.error(res.data.msg);
+                                }
+                            })
+                        } else {
+                            if (that.DelfileName != null && that.DelfileName != "" && that.DelfileName != undefined) {
+                                that.$axios({
+                                    method: 'post',
+                                    url: "/api/Groups/DelFile",
+                                    headers: {
+                                        Authorization: 'Bearer ' + that.token
+                                    },
+                                    data: {
+                                        fileName: that.DelfileName,
+                                        id: that.id
+                                    }
+                                }).then(function (res) {
+                                    if (res.data.code == 200) {
+
+                                    }
+                                })
+                            }
+                            if (that.projectName != "" && that.projectName != null && that.projectName != undefined) {
+                                that.$refs.upload.submit();//上传文件到服务器
+                            } else {
+                                that.InvitationOfficialActivities.attachment = that.projectName
+                                that.InvitationOfficialActivities.diId = that.DiIdSelect;
+                                that.InvitationOfficialActivities.createUserId = that.userId;
+                                var url = "/api/Groups/OpInvitationOfficialActivities"
+                                that.$axios({
+                                    method: 'post',
+                                    url: url,
+                                    headers: {
+                                        Authorization: 'Bearer ' + that.token
+                                    },
+                                    data: that.InvitationOfficialActivities
+                                }).then(function (res) {
+                                    if (res.data.code == 200) {
+                                        that.$message({
+                                            message: res.data.msg,
+                                            type: 'success'
+                                        });
+                                        that.loading = true;
+                                        setTimeout(() => {
+                                            that.$router.push('/home/InvitationOfficialActivities')
+                                        }, 3000);
+                                    } else {
+                                        that.$message.error(res.data.msg);
+                                    }
+                                })
+                            }
+
+                        }
+                    } else {
+                        this.$message.error('请完善信息在保存！');
+                        return false;
+                    }
+                })
+            }
+            // 此时必填完成，做保存后的业务操作
+        },
+        DecreasePaymentsChange() {
+            for (let index = 0; index < this.delegationInfoList.length; index++) {
+                if (this.delegationInfoList[index].id == parseInt(this.DiIdSelect)) {
+                    this.delegationInfo = this.delegationInfoList[index];
+                    break;
+                }
+            }
+        },
+
+        //上传
+        // 文件超出限制
+        exceed(files, fileList) {
+            this.$message.warning(
+                `当前限制选择 1个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
+                } 个文件,请取消要替换的文件`
+            );
+        },
+        //文件上传
+        // submitUpload() {
+
+        // },
+        //文件上传成功时的钩子
+        upLoadSuccess(response, file, fileList) {
+            if (response.code == 200) {
+                debugger
+                var that = this;
+                that.$axios({
+                    method: 'post',
+                    url: "/api/Groups/DelFile",
+                    headers: {
+                        Authorization: 'Bearer ' + that.token
+                    },
+                    data: {
+                        fileName: that.DelfileName,
+                        id: that.id
+                    }
+                }).then(function (res) {
+                    if (res.data.code == 200) {
+
+                    }
+                })
+                debugger
+                that.InvitationOfficialActivities.attachment = response.data
+                that.InvitationOfficialActivities.diId = that.DiIdSelect;
+                that.InvitationOfficialActivities.createUserId = that.userId;
+                var url = "/api/Groups/OpInvitationOfficialActivities"
+                that.$axios({
+                    method: 'post',
+                    url: url,
+                    headers: {
+                        Authorization: 'Bearer ' + that.token
+                    },
+                    data: that.InvitationOfficialActivities
+                }).then(function (res) {
+                    if (res.data.code == 200) {
+                        that.$message({
+                            message: res.data.msg,
+                            type: 'success'
+                        });
+                        that.loading = true;
+                        setTimeout(() => {
+                            that.$router.push('/home/InvitationOfficialActivities')
+                        }, 3000);
+                    } else {
+                        that.$message.error(res.data.msg);
+                    }
+                })
+                console.log("上传成功");
+            } else {
+                console.log("保存失败");
+            }
+
+        },
+        //文件上传失败时的钩子
+        upLoadError(response, file, fileList) {
+            console.log("项目添加失败");
+        },
+        beforeRemove(file, fileList) {
+            debugger
+            console.log(file.name)
+            let id1 = this.uploadFiles.findIndex(item => {
+                if (item.name == file.name) {
+                    return true
+                }
+            })
+            this.uploadFiles.splice(id1, 1)
+            this.projectName = ""
+            this.DelfileName = file.name
+        },
+        onChange(file, fileList) {
+            debugger
+            this.projectName = file.name
+        }
+
+    },
+
+    mounted() {
+
+        this.token = JSON.parse(localStorage.getItem('userinif')).token;
+        this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
+        this.AirTicketResSelect();
+        this.id = this.$route.query.id
+        if (this.id != null && this.id != undefined && this.id != 0) {
+            this.InvitationOfficialActivitiesById();
+            this.title = "修改商邀费用";
+            this.InvitationOfficialActivities.status = 2
+            this.isShow = true
+        } else {
+            this.InvitationOfficialActivities.status = 1
+            this.title = "新增商邀费用"
+            this.isShow = false
+        }
+        this.DiId = this.$route.query.DiId
+    }
+}
+</script>
+<style>
+.communal-list {
+    background-color: #fff;
+    padding: 10px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+}
+
+.car_add .communal-title {
+    display: flex;
+    font-size: 17px;
+    font-weight: 600;
+    color: #555;
+    margin-bottom: 20px;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.appraise-box {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin: 50px 0;
+}
+
+.appraise-box>div {
+    width: 30%;
+}
+
+.communal-box {
+    display: flex;
+}
+
+.communal-box>button {
+    margin-left: 10px;
+    padding: 8px 20px;
+}
+
+.car_add {
+    background-color: #fff;
+    padding: 20px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+}
+
+@media screen and (max-width: 1700px) {
+    .appraise-box>div {
+        width: 48%;
+    }
+
+    .appraise-box>div el-form-item__content {
+        width: 260px !important;
+    }
+}
+</style>

src/components/Resource/CountryFeeCostOperation.vue

@@ -281,7 +281,7 @@ export default {
             })
         },
         upData() {
-
+            debugger
             for (var i = 0; i < this.tableData.length; i++) {
                 if (this.tableData[i].id == parseInt(this.addData.Id)) {
 

src/main.js

@@ -13,7 +13,7 @@ import VueQuillEditor from 'vue-quill-editor'
 import 'quill/dist/quill.core.css'
 import 'quill/dist/quill.snow.css'
 import 'quill/dist/quill.bubble.css'
-  Vue.use(VueQuillEditor);
+Vue.use(VueQuillEditor);
 // import CKEditor from '@ckeditor/ckeditor5-vue2'
 // Vue.use( CKEditor );
 

src/router/index.js

@@ -57,7 +57,8 @@ import OpAirTicketRes from '@/components/OP/OpAirTicketRes';
 import DecreasePayments from '@/components/OP/DecreasePayments';
 import OpDecreasePayments from '@/components/OP/OpDecreasePayments';
 import Richtext from '@/components/GPT/Richtext';
-
+import InvitationOfficialActivities from '@/components/OP/InvitationOfficialActivities'
+import OpInvitationOfficialActivities from '@/components/OP/OpInvitationOfficialActivities';
 Vue.use(Router)
 
 export default new Router({
@@ -329,6 +330,16 @@ export default new Router({
           path: '/home/Richtext',
           name: 'Richtext',
           component: Richtext
+        },
+        {
+          path: '/home/InvitationOfficialActivities',
+          name: 'InvitationOfficialActivities',
+          component: InvitationOfficialActivities
+        },
+        {
+          path: '/home/OpInvitationOfficialActivities',
+          name: 'OpInvitationOfficialActivities',
+          component: OpInvitationOfficialActivities
         }
       ]
     },