机票费用录入的编写

src/components/OP/AirTicketRes.vue

@@ -130,9 +130,7 @@ export default {
                     that.DiId = that.AirTicketResSelectData[0].id;
                     that.AirTicketResList()
                 }
-
             }).catch(function (error) {
-
                 that.$message.error("网络错误，请稍后重试");
             });
         },
@@ -170,8 +168,19 @@ export default {
             });
         },
         upDate(index, row) {
-            localStorage.setItem('CarDataEdit', JSON.stringify(row));
-            this.$router.push('/home/carDataEdit')
+            if (row.isAuditGM == 3 || row.isAuditGM == 0 || row.isAuditGM == 2) {
+                this.$router.push({
+                    path: "/home/OpAirTicketRes",
+                    query: {
+                        DiId: this.DiId,
+                        id: row.id
+                    }
+                })
+            } else if (row.isAuditGM == 1) {
+                this.$message('审核已通过，不可编辑！');
+            }
+
+
         },
         del(index, row) {
             this.$confirm('此操作将删除该数据, 是否继续?', '提示', {

src/components/OP/OpAirTicketRes.vue

@@ -24,7 +24,7 @@
             </div>
         </div>
         <div>
-            <el-form :model="delegationInfo" ref="delegationInfo" label-width="100px" class="demo-ruleForm">
+            <el-form :model="delegationInfo" label-width="100px" class="demo-ruleForm">
                 <div style="display: flex;">
                     <div style="width: 33%;">
                         <el-form-item label="团组名称:" label-width="160px">
@@ -59,33 +59,37 @@
                     </div>
                 </div>
             </el-form>
-            <el-form :model="opData" ref="opData" label-width="100px" class="demo-ruleForm">
+            <el-form :model="airTicketResOpData" :rules="airTicketResRules" ref="airTicketResOpData" label-width="100px"
+                class="demo-ruleForm">
                 <div style="display: flex;">
                     <div style="width: 33%;">
-                        <el-form-item label="舱类型:" label-width="160px">
-                            <el-select v-model="DiIdSelect" placeholder="舱类型" style="width: 100%;">
+                        <el-form-item label="舱类型:" label-width="160px" prop="cType">
+                            <el-select v-model="airTicketResOpData.cType" placeholder="舱类型" style="width: 100%;">
                                 <el-option v-for="item in ticketClass" :key="item.id" :label="item.name" :value="item.id">
                                 </el-option>
                             </el-select>
                         </el-form-item>
                     </div>
                     <div style="width: 33%;">
-                        <el-form-item label="机票单价:" prop="tourCode" label-width="160px">
-                            <el-input placeholder="机票单价" v-model="delegationInfo.tourCode" style="width: 58%;">
+                        <el-form-item label="机票单价:" prop="prePrice" label-width="160px">
+                            <el-input placeholder="机票单价" v-model="prePrice" style="width: 58%;" @input="peiceinput">
                             </el-input>
-                            <el-select v-model="DiIdSelect" style="width: 35%;">
-                                <el-option v-for="item in currency" :key="item.id" :label="item.name"
-                                    :value="item.id"></el-option>
+                            <el-select v-model="currencyId" style="width: 35%;">
+                                <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: 33%;">
-                        <el-form-item label="机票总价:" prop="clientName" label-width="160px">
-                            <el-input placeholder="机票总价:" v-model="delegationInfo.tourCode" style="width: 58%;">
+                        <el-form-item label="机票总价:" prop="price" label-width="160px">
+                            <el-input placeholder="机票总价" v-model="airTicketResOpData.price" style="width: 58%;"
+                                :disabled="true">
                             </el-input>
-                            <el-select v-model="DiIdSelect" style="width: 35%;">
-                                <el-option v-for="item in currency" :key="item.id" :label="item.name"
-                                    :value="item.id"></el-option>
+                            <el-select v-model="currencyId" style="width: 35%;" :disabled="true">
+                                <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>
@@ -94,14 +98,14 @@
                 </div>
                 <div style="display: flex;">
                     <div style="width: 33%;">
-                        <el-form-item label="此舱位人数:" prop="visitCountry" label-width="160px">
-                            <el-input placeholder="此舱位人数:" v-model="delegationInfo.visitCountry">
+                        <el-form-item label="此舱位人数:" prop="clientNum" label-width="160px">
+                            <el-input placeholder="此舱位人数" v-model="clientNum" @input="peiceinput">
                             </el-input>
                         </el-form-item>
                     </div>
                     <div style="width: 33%;">
                         <el-form-item label="是否值机: " label-width="160px">
-                            <el-radio-group v-model="delegationInfo.isEu">
+                            <el-radio-group v-model="airTicketResOpData.isCheckIn">
                                 <el-radio :label=1>是</el-radio>
                                 <el-radio :label=0>否</el-radio>
                             </el-radio-group>
@@ -109,7 +113,7 @@
                     </div>
                     <div style="width: 33%;">
                         <el-form-item label="是否选座:" label-width="160px">
-                            <el-radio-group v-model="delegationInfo.isEu">
+                            <el-radio-group v-model="airTicketResOpData.isSetSeat">
                                 <el-radio :label=1>是</el-radio>
                                 <el-radio :label=0>否</el-radio>
                             </el-radio-group>
@@ -120,7 +124,7 @@
                 <div style="display: flex;">
                     <div style="width: 33%;">
                         <el-form-item label="是否购买行李:" label-width="160px">
-                            <el-radio-group v-model="delegationInfo.isEu">
+                            <el-radio-group v-model="airTicketResOpData.isPackage">
                                 <el-radio :label=1>是</el-radio>
                                 <el-radio :label=0>否</el-radio>
                             </el-radio-group>
@@ -128,7 +132,7 @@
                     </div>
                     <div style="width: 33%;">
                         <el-form-item label="是否行李直挂:" label-width="160px">
-                            <el-radio-group v-model="delegationInfo.isEu">
+                            <el-radio-group v-model="airTicketResOpData.isBagHandle">
                                 <el-radio :label=1>是</el-radio>
                                 <el-radio :label=0>否</el-radio>
                             </el-radio-group>
@@ -136,31 +140,31 @@
                     </div>
                     <div style="width: 33%;">
                         <el-form-item label="是否火车票出票选座:" label-width="160px">
-                            <el-radio-group v-model="delegationInfo.isEu">
-                                <el-radio label=1>是</el-radio>
-                                <el-radio label=0>否</el-radio>
+                            <el-radio-group v-model="airTicketResOpData.isTrain">
+                                <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: 50%;">
-                        <el-form-item label="航班简述:" label-width="160px">
-                            <el-input placeholder="此舱位客人名称:" v-model="delegationInfo.visitCountry">
+                        <el-form-item label="航班简述:" label-width="160px" prop="flightsCode">
+                            <el-input placeholder="航班简述" v-model="airTicketResOpData.flightsCode">
                             </el-input>
                         </el-form-item>
                     </div>
                     <div style="width: 50%;">
-                        <el-form-item label="城市:" prop="tourCode" label-width="160px">
-                            <el-input placeholder="此舱位客人名称:" v-model="delegationInfo.visitCountry">
+                        <el-form-item label="城 市:" prop="flightsCity" label-width="160px">
+                            <el-input placeholder="城市" v-model="airTicketResOpData.flightsCity">
                             </el-input>
                         </el-form-item>
                     </div>
                 </div>
                 <div style="display: flex;">
                     <div style="width: 90%;">
-                        <el-form-item label="此舱位客人名称:" prop="Remark" label-width="160px">
-                            <el-input placeholder="此舱位客人名称:" v-model="delegationInfo.visitCountry">
+                        <el-form-item label="此舱位客人名称:" prop="clientName" label-width="160px">
+                            <el-input placeholder="此舱位客人名称" v-model="airTicketResOpData.clientName">
                             </el-input>
                         </el-form-item>
                     </div>
@@ -171,29 +175,196 @@
                     </span>
                 </div>
                 <div style="display: flex;">
-                    <div style="width: 90%;">
-                        <el-form-item label="航班描述:" prop="Remark" label-width="160px">
-                            <el-input type="textarea" :rows="3" placeholder="航班描述"
-                                v-model="delegationInfo.Remark"></el-input>
+                    <div style="width: 60%;">
+                        <el-form-item label="航班描述:" prop="flightsDescription" label-width="160px">
+                            <el-input type="textarea" :rows="5" placeholder="航班描述"
+                                v-model="airTicketResOpData.flightsDescription"></el-input>
                         </el-form-item>
                     </div>
                 </div>
                 <div style="display: flex;">
                     <div style="width: 90%;">
-                        <el-form-item label="费用描述:" prop="Remark" label-width="160px">
+                        <el-form-item label="费用描述:" prop="priceDescription" label-width="160px">
                             <el-input type="textarea" :rows="3" placeholder="费用描述"
-                                v-model="delegationInfo.Remark"></el-input>
+                                v-model="airTicketResOpData.priceDescription"></el-input>
                         </el-form-item>
                     </div>
-                </div>``
+                </div>
                 <div style="display: flex;">
                     <div style="width: 90%;">
                         <el-form-item label="备 注:" prop="Remark" label-width="160px">
-                            <el-input type="textarea" :rows="3" placeholder="备注" v-model="delegationInfo.Remark"></el-input>
+                            <el-input type="textarea" :rows="3" placeholder="备注"
+                                v-model="airTicketResOpData.remark"></el-input>
+                        </el-form-item>
+                    </div>
+                </div>
+            </el-form>
+            <div style="margin-top: 20px;">
+                <span style="color: red;">付款申请</span>
+                <hr style='background-color:#5555; height:1px; border:none;margin-top: 10px;' />
+            </div>
+            <el-form :model="cardPaymentOpData" ref="cardPaymentOpData" :rules="cardPaymentRules" label-width="130px"
+                class="demo-ruleForm">
+                <div style="display: flex;">
+                    <div style="width: 25%;">
+                        <el-form-item label="支付方式:" prop="payDId">
+                            <el-select v-model="cardPaymentOpData.payDId" placeholder="支付方式" style="width: 100%;"
+                                @change="payChange">
+                                <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 style="width: 25%;">
+                        <el-form-item label="消费方式:" prop="visitCountry">
+                            <el-input placeholder="消费方式" v-model="cardPaymentOpData.consumptionPatterns">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="消费日期:" prop="visitCountry">
+                            <el-date-picker v-model="cardPaymentOpData.consumptionDate" placeholder="消费日期" type="date">
+                            </el-date-picker>
+
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="付款金额:" prop="payMoney">
+                            <el-input placeholder="付款金额" v-model="cardPaymentOpData.payMoney" style="width: 52%;"
+                                :disabled="true">
+                            </el-input>
+                            <el-select v-model="currencyId" style="width: 45%;" :disabled="true">
+                                <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>
+                <div v-if="cardPaymentOpData.payDId == 72">
+                    <div style="display: flex;">
+                        <div style="width: 25%;">
+                            <el-form-item label="卡类型:">
+                                <el-select v-model="cardPaymentOpData.ctdId" placeholder="卡类型" style="width: 100%;"
+                                    @change="ctdChange">
+                                    <el-option v-for="item in cardType" :key="item.id" :label="item.name" :value="item.id">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                        </div>
+                        <div style="width: 25%;">
+                            <el-form-item label="银行卡号:" prop="bankNo">
+                                <el-input placeholder="银行卡号" v-model="cardPaymentOpData.bankNo" :disabled="true">
+                                </el-input>
+                            </el-form-item>
+                        </div>
+                        <div style="width: 25%;">
+                            <el-form-item label="持卡人姓名:" prop="cardholderName">
+                                <el-input placeholder="持卡人姓名" v-model="cardPaymentOpData.cardholderName" :disabled="true">
+                                </el-input>
+                            </el-form-item>
+                        </div>
+                    </div>
+                </div>
+                <div v-else-if="cardPaymentOpData.payDId == 73">
+                    <div style="display: flex;">
+                        <div style="width: 25%;">
+                            <el-form-item label="公司银行账号:">
+                                <el-input placeholder="公司银行账号" v-model="cardPaymentOpData.companyBankNo">
+                                </el-input>
+
+                            </el-form-item>
+                        </div>
+                        <div style="width: 25%;">
+                            <el-form-item label="对方开户行:" prop="otherBankName">
+                                <el-input placeholder="对方开户行:" v-model="cardPaymentOpData.otherBankName">
+                                </el-input>
+                            </el-form-item>
+                        </div>
+                        <div style="width: 25%;">
+                            <el-form-item label="对方银行卡号:" prop="otherSideNo">
+                                <el-input placeholder="对方银行卡号" v-model="cardPaymentOpData.otherSideNo">
+                                </el-input>
+                            </el-form-item>
+                        </div>
+                        <div style="width: 25%;">
+                            <el-form-item label="对方姓名:" prop="otherSideName">
+                                <el-input placeholder="对方姓名" v-model="cardPaymentOpData.otherSideName">
+                                </el-input>
+                            </el-form-item>
+                        </div>
+                    </div>
+                </div>
+                <div v-else-if="cardPaymentOpData.payDId == 83">
+                    <div style="display: flex;">
+                        <div style="width: 25%;">
+                            <el-form-item label="对方开户行:" prop="otherBankName">
+                                <el-input placeholder="对方开户行" v-model="cardPaymentOpData.otherBankName">
+                                </el-input>
+                            </el-form-item>
+                        </div>
+                        <div style="width: 25%;">
+                            <el-form-item label="对方银行卡号:" prop="otherSideNo">
+                                <el-input placeholder="对方银行卡号" v-model="cardPaymentOpData.otherSideNo">
+                                </el-input>
+                            </el-form-item>
+                        </div>
+                        <div style="width: 25%;">
+                            <el-form-item label="对方姓名:" prop="otherSideName">
+                                <el-input placeholder="对方姓名" v-model="cardPaymentOpData.otherSideName">
+                                </el-input>
+                            </el-form-item>
+                        </div>
+                    </div>
+                </div>
+                <div v-else></div>
+                <div style="display:flex;">
+                    <div style="width: 25%;">
+                        <el-form-item label="收款方:">
+                            <el-input placeholder="对方姓名:" v-model="cardPaymentOpData.payee">
+                            </el-input>
+                        </el-form-item>
+                    </div>
+                    <div style="width: 25%;">
+                        <el-form-item label="费用标识:" prop="visitCountry">
+                            <el-select v-model="cardPaymentOpData.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="visitCountry">
+                            <el-select v-model="airTicketAgentsId" placeholder="出票方合作方资料" style="width: 100%;"
+                                @change="Agents">
+                                <el-option v-for="item in airTicketAgents" :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: 90%;">
+                        <el-form-item label="备 注:" prop="Remark">
+                            <el-input type="textarea" :rows="5" placeholder="备注"
+                                v-model="cardPaymentOpData.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/AirTicketRes'>
+                            <el-button>取消</el-button>
+                        </router-link>
+                    </div>
+                </el-form-item>
             </el-form>
+
         </div>
     </div>
 </template>
@@ -201,17 +372,45 @@
 export default {
     data() {
         return {
+            airTicketResRules: {
+                cType: [
+                    { required: true, message: '请选择舱位类型', trigger: 'change' }
+                ],
+                prePrice: [
+                    { required: true, message: '请输入机票单价', trigger: 'change' },
+                    { pattern: /^(([1-9]?\d{0,8}(\.\d{1,2})?)|999999999|999999999\.(0){1,2})$/, message: '请输入正确的金额(最多2位小数)' }
+                ],
+                clientNum: [
+                    { required: true, message: '请输入舱位人数', trigger: 'change' },
+                ],
+                flightsCode: [
+                    { required: true, message: '请输入航班描述', trigger: 'change' },
+                ],
+                flightsCity: [
+                    { required: true, message: '请输入城市', trigger: 'change' },
+                ]
+            },
+            cardPaymentRules: {
+                payDId: [
+                    { required: true, message: '请选择支付方式', trigger: 'blur' },
+                ]
+            },
             title: "新增机票费用录入",
             token: '',
             userId: 0,
+            id: '',
             DiId: '',
             DiIdSelect: '',
             delegationInfo: {},
             AirTicketResSelectData: [],//团组下拉框
             ticketClass: [],//舱位下拉框
-            currency: [],//币种下拉框
+            currencyId: 48,
             payment: [],//支付方式下拉框
             cardType: [],//卡类型下拉框
+            airTicketAgents: [],//合作的代理资料
+            airTicketAgentsId: '',
+            prePrice: '',
+            clientNum: '',
             airGroupCostParameter: {},//机票成本预算
             jjccb: 0,
             jjcrs: 0,
@@ -219,7 +418,53 @@ export default {
             gwccb: 0,
             gwcrs: 0,
             gwczj: 0,
-            opData: {},
+            status: 0,
+            airTicketResOpData: {
+                id: 0,
+                diId: 0,
+                cType: '',
+                prePrice: 0,
+                preCurrency: this.currencyId,
+                price: 0,
+                currency: this.currencyId,
+                clientNum: 0,
+                clientName: '',
+                isCheckIn: 0,
+                isSetSeat: 0,
+                isPackage: 0,
+                isBagHandle: 0,
+                isTrain: 0,
+                flightsCode: '',
+                flightsCity: '',
+                flightsDescription: '',
+                priceDescription: '',
+                createUserId: 0,
+                remark: ''
+            },
+            cardPaymentOpData: {
+                id: 0,
+                payDId: 72,
+                consumptionPatterns: '',
+                consumptionDate: this.dateFormat(new Date()),
+                ctdId: '',
+                bankNo: '',
+                cardholderName: 'Zhang Hailin',
+                payMoney: 0,
+                paymentCurrency: this.currencyId,
+                companyBankNo: '',
+                otherBankName: '',
+                otherSideNo: '',
+                otherSideName: '',
+                mfOperator: '',
+                mfOperatorDate: this.dateFormat(new Date()),
+                diId: this.DiId,
+                payThenMoney: 0,
+                payee: '',
+                createUserId: 0,
+                orbitalPrivateTransfer: '',
+                remark: ''
+            }
+
         }
     },
     methods: {
@@ -240,9 +485,9 @@ export default {
                 if (res.data.code == 200) {
                     that.AirTicketResSelectData = res.data.data.groupName;
                     that.ticketClass = res.data.data.ticketClass;//舱位下拉框
-                    that.currency = res.data.data.currency;//币种下拉框
                     that.payment = res.data.data.payment;//支付方式下拉框
                     that.cardType = res.data.data.cardType;//卡类型下拉框
+                    that.airTicketAgents = res.data.data.airTicketAgents//合作方资料下拉框
                     that.DiIdSelect = parseInt(that.DiId)
                     that.AirTicketResList()
                 }
@@ -272,7 +517,127 @@ export default {
                     that.airGroupCostParameter = res.data.data.airGroupCostParameter
                 }
             })
+            if (that.DiId != undefined && that.id != undefined) {
+                that.status = 2;
+                that.AirTicketResById();
+            } else {
+                that.status = 1;
+            }
+        },
+        //点击保存事件
+        addBtn() {
+            const that = this;
+            that.$refs.airTicketResOpData.validate((valid) => {
+                if (valid) {
+
+                    that.airTicketResOpData.diId = that.DiId;
+                    that.airTicketResOpData.clientNum = that.clientNum;
+                    that.airTicketResOpData.createUserId = that.userId;
+                    that.airTicketResOpData.currency = that.currencyId;
+                    that.airTicketResOpData.preCurrency = that.currencyId;
+                    that.airTicketResOpData.prePrice = that.prePrice
+                    console.log(that.airTicketResOpData)
+
+                    that.cardPaymentOpData.createUserId = that.userId;
+                    that.cardPaymentOpData.diId = that.DiId;
+                    that.cardPaymentOpData.paymentCurrency = that.currencyId
+                    that.cardPaymentOpData.ctdId = 0;
+                    console.log(that.cardPaymentOpData)
+                    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);
+                        }
+                    })
+                } else {
+                    this.$message.error('请完善信息在保存！');
+                    return false;
+                }
+            })
         },
+        //根据机票费用录入Id查询c表和机票费用信息
+        AirTicketResById() {
+            var url = "/api/Groups/AirTicketResById"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data: {
+                    id: this.id
+                }
+            }).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.cardPaymentOpData.orbitalPrivateTransfer = parseInt(that.cardPaymentOpData.orbitalPrivateTransfer)
+                }
+            })
+        },
+        payChange() {
+            this.cardPaymentOpData.ctdId = '';
+            this.cardPaymentOpData.bankNo = '';
+            this.cardPaymentOpData.cardholderName = 'Zhang Hailin';
+            this.cardPaymentOpData.companyBankNo = '';
+            this.cardPaymentOpData.otherBankName = '';
+            this.cardPaymentOpData.otherSideNo = '';
+            this.cardPaymentOpData.otherSideName = '';
+            this.cardPaymentOpData.mfOperator = '';
+            this.cardPaymentOpData.payee = '';
+            this.cardPaymentOpData.orbitalPrivateTransfer = '';
+            this.cardPaymentOpData.remark = ''
+        },
+        //合作方下拉选择事件
+        Agents(Id) {
+            for (var i = 0; i < this.airTicketAgents.length; i++) {
+                if (this.airTicketAgents[i].id == parseInt(Id)) {
+                    this.cardPaymentOpData.payee = this.airTicketAgents[i].name
+                    this.cardPaymentOpData.otherBankName = this.airTicketAgents[i].bank
+                    this.cardPaymentOpData.otherSideNo = this.airTicketAgents[i].account
+                }
+            }
+        },
+        //卡类型选择事件
+        ctdChange(id) {
+            this.airTicketAgentsId = '';
+            for (var i = 0; i < this.cardType.length; i++) {
+                if (this.cardType[i].id == parseInt(id)) {
+                    console.log(this.cardType[i].remark)
+                    this.cardPaymentOpData.bankNo = this.cardType[i].remark
+                }
+            }
+        },
+        //单价值改变事件
+        peiceinput() {
+            this.cardPaymentOpData.payMoney = parseFloat(this.prePrice * this.clientNum)
+            this.cardPaymentOpData.payThenMoney = this.cardPaymentOpData.payMoney
+            this.airTicketResOpData.price = parseFloat(this.prePrice * this.clientNum)
+        }
     },
 
     mounted() {
@@ -280,8 +645,13 @@ export default {
         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
         this.DiId = this.$route.query.DiId
 
+        this.cardPaymentOpData.payMoney = parseFloat(this.prePrice * this.clientNum)
+        this.cardPaymentOpData.payThenMoney = this.cardPaymentOpData.payMoney
+        this.airTicketResOpData.price = parseFloat(this.prePrice * this.clientNum)
+
     }
 }
 </script>

src/main.js

@@ -10,8 +10,8 @@ import store from './store/index.js';
 import VueTypedJs from 'vue-typed-js'
 Vue.use(VueTypedJs)
 import axios from 'axios';
-axios.defaults.baseURL = 'http://132.232.92.186:8888';
-// axios.defaults.baseURL = 'http://localhost:5256/';
+//axios.defaults.baseURL = 'http://132.232.92.186:8888';
+axios.defaults.baseURL = 'http://localhost:5256/';
 import { Message } from "element-ui";
 Vue.prototype.$message = Message
 Vue.prototype.$axios = axios;