소스 검색

修改OP费用填写细节

wangh 1 년 전
부모
커밋
8b14f04e8d
1개의 변경된 파일40개의 추가작업 그리고 9개의 파일을 삭제
  1. 40 9
      src/components/OP/CarTouristGuideGrounContent.vue

+ 40 - 9
src/components/OP/CarTouristGuideGrounContent.vue

@@ -55,7 +55,8 @@
                         </el-table-column>
                         <el-table-column label="金额币种">
                             <template slot-scope="scope">
-                                <el-input placeholder="请输入金额" v-model="scope.row.price" clearable style="width:180px;" />
+                                <el-input placeholder="请输入金额" v-model="scope.row.price" clearable style="width:180px;"
+                                    @change="PriceChange" />
                                 <el-select v-model="currency" placeholder="币种选择" clearable filterable style="width:120px"
                                     :disabled="true">
                                     <el-option v-for="item in currencyList" :key="item.id" :label="item.name"
@@ -114,14 +115,31 @@
                                 </el-form-item>
                             </div>
                         </div>
-                        <el-form-item>
-                            <el-form-item>
-                                <div style="margin-left: 80%;">
-                                    <el-button type="primary" @click="addBtn">保存</el-button>
-                                    <el-button @click="EscAdd">取消</el-button>
-                                </div>
-                            </el-form-item>
-                        </el-form-item>
+                        <div style="display: flex;">
+
+                            <div style="width: 50%;">
+                                <el-form-item label="总金额:" label-width="160px">
+                                    <el-input placeholder="金额" v-model="countCost" :disabled="true"
+                                        style="width: 120px;"></el-input>
+                                    <el-select v-model="currency" placeholder="币种选择" clearable filterable
+                                        style="width:120px" :disabled="true">
+                                        <el-option v-for="item in currencyList" :key="item.id" :label="item.name"
+                                            :value="item.id">
+                                        </el-option>
+                                    </el-select>
+                                </el-form-item>
+                            </div>
+                            <div style="width: 50%;text-align: right;">
+                                <el-form-item>
+                                    <div style="margin-right: 25%;">
+                                        <el-button type="primary" @click="addBtn">保存</el-button>
+                                        <el-button @click="EscAdd">取消</el-button>
+                                    </div>
+                                </el-form-item>
+                            </div>
+
+                        </div>
+
                     </el-form>
 
                 </template>
@@ -141,6 +159,7 @@ export default {
             diId: '',
             loading: true,
             currency: 836,
+            countCost: 0,
             delegationInfo: {},
             delegationInfoList: [],//团组下拉框
             currencyList: [],
@@ -263,6 +282,7 @@ export default {
                         that.OPContenData.payee = CreditCardPayment.payee
                         that.currency = CreditCardPayment.paymentCurrency
                         that.OPContenData.payPercentage = CreditCardPayment.payPercentage
+                        that.countCost = CreditCardPayment.payMoney
                     }
                     var CarTouristsConten = res.data.data.carTouristsConten;
                     if (CarTouristsConten.length != 0) {
@@ -345,6 +365,17 @@ export default {
                     diId: this.diId
                 }
             })
+        },
+        PriceChange() {
+            var countCost = 0;
+            this.ContenList.forEach(function (item) {
+                if (item.price != '') {
+                    countCost += parseFloat(item.price)
+                }
+
+            })
+
+            this.countCost = countCost
         }
     },