Browse Source

OP页面调整,部分细节优化

yuanrf 11 months ago
parent
commit
98a785c197

+ 12 - 8
src/components/OP/CarTouristGuideGrounContent.vue

@@ -93,7 +93,7 @@
                 <span style="color:#606266;">{{ delegationInfo.visitDate }}&nbsp;&nbsp;&nbsp;</span>
                 <span style="font-weight: bold;">天数/人数:</span>
                 <span style="color:#606266;">{{ delegationInfo.visitDays }}天/{{
-                delegationInfo.visitPNumber }}人</span>
+                    delegationInfo.visitPNumber }}人</span>
             </div>
             <hr style='background-color:#5555; height:1px; border:none;' />
             <div>
@@ -112,8 +112,8 @@
                         </el-table-column>
                         <el-table-column prop="datePrice" label="日期" width="170">
                             <template slot-scope="scope">
-                                <el-date-picker size="small" style="width: 100%;" v-model="scope.row.datePrice"
-                                    type="date" :picker-options="startPickerOptions" value-format="yyyy-MM-dd HH:mm:ss"
+                                <el-date-picker size="small" style="width: 100%;" v-model="scope.row.datePrice" type="date"
+                                    :picker-options="startPickerOptions" value-format="yyyy-MM-dd HH:mm:ss"
                                     placeholder="选择日期">
                                 </el-date-picker>
                             </template>
@@ -151,8 +151,7 @@
                                 <!-- <el-input size="small" style="width: 100%;" placeholder="选择单位" v-model="scope.row.units"
                                     @change="PriceChange"></el-input> -->
                                 <el-select size="small" v-model="scope.row.units" filterable placeholder="选择单位">
-                                    <el-option v-for="item in unitsArr" :key="item.id" :label="item.name"
-                                        :value="item.id">
+                                    <el-option v-for="item in unitsArr" :key="item.id" :label="item.name" :value="item.id">
                                     </el-option>
                                 </el-select>
                             </template>
@@ -223,7 +222,7 @@
                             </div>
                             <div style="width: 75%;text-align: right;">
                                 <el-form-item>
-                                    <el-button type="primary" @click="addBtn">保存</el-button>
+                                    <el-button type="primary" @click="addBtn" :disabled="saveDisabled">保存</el-button>
                                     <el-button @click="EscAdd">取消</el-button>
                                 </el-form-item>
                             </div>
@@ -290,7 +289,8 @@ export default {
             checkList: [],
             sourceList: [],
             ListCount: 1,
-            budgeting: []
+            budgeting: [],
+            saveDisabled: false,
         }
     },
     methods: {
@@ -498,6 +498,7 @@ export default {
                                 })
                             })
 
+                            this.saveDisabled = true;
                             var url = "/api/Groups/OpCarTouristGuideGroundContent"
                             that.$axios({
                                 method: 'post',
@@ -516,7 +517,10 @@ export default {
                                 } else {
                                     that.$message.error(res.data.msg);
                                 }
-                            })
+                            }).finally(() => {
+                                that.saveDisabled = false;
+                            });
+
                         } else {
                             this.$message.error('请完善信息在保存!');
                             return false;

+ 7 - 7
src/components/OP/CarTouristGuideGroundId.vue

@@ -99,7 +99,7 @@
                             <span v-else-if="isPay.row.isPay == 0">未支付</span>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="id" label="详细费用" >
+                    <el-table-column prop="id" label="详细费用" width="110">
                         <template slot-scope="scope">
                             <el-button @click="AddDetails(scope.row.id)" size="small">点击填写</el-button>
                         </template>
@@ -107,10 +107,10 @@
                     <el-table-column label="操作" width="120">
                         <template slot-scope="scope">
                             <!-- <el-button-group> -->
-                                <el-button type="primary" size="mini" icon="el-icon-edit"
-                                    @click="upDate(scope.$index, scope.row)"></el-button>
-                                <el-button style="margin-left: 0px;" type="danger" size="mini" icon="el-icon-delete"
-                                    @click="del(scope.$index, scope.row)"></el-button>
+                            <el-button type="primary" size="mini" icon="el-icon-edit"
+                                @click="upDate(scope.$index, scope.row)"></el-button>
+                            <el-button style="margin-left: 0px;" type="danger" size="mini" icon="el-icon-delete"
+                                @click="del(scope.$index, scope.row)"></el-button>
                             <!-- </el-button-group> -->
                         </template>
                     </el-table-column>
@@ -172,7 +172,7 @@ export default {
             }).then(function (res) {
                 if (res.data.code == 200) {
                     that.delegationInfoList = res.data.data.groupName;
-                    
+
                     if (that.DiId == undefined) {
                         that.delegationInfo = that.delegationInfoList[0]
                         that.DiId = that.delegationInfoList[0].id;
@@ -295,7 +295,7 @@ export default {
                             message: '删除成功',
                             type: 'success'
                         });
-                        that.tableDatas.splice(index,1);
+                        that.tableDatas.splice(index, 1);
                     } else {
                         that.$message.error('删除失败!');
                     }