餐厅报价修改

src/components/Restaurant/RestaurantPackage.vue

 <style>
-.RestaurantPackage .singeRowTable tr:nth-child(n + 2):hover {
+  .RestaurantPackage .singeRowTable tr:nth-child(n + 2):hover {
     background-color: white;
     box-shadow: 0px 0px 14px 0px #adadad;
     z-index: 10;
     position: relative;
-}
-.RestaurantPackage .DaysInfo span {
+  }
+
+  .RestaurantPackage .DaysInfo span {
     display: inline-block;
     background-color: #2aaef2;
     color: white;
@@ -13,49 +14,58 @@
     padding: 0 10px;
     height: 30px;
     line-height: 30px;
-}
-.RestaurantPackage .DaysInfo span i {
+  }
+
+  .RestaurantPackage .DaysInfo span i {
     margin-right: 10px;
-}
-.RestaurantPackage .singeRowTable tr:nth-child(n + 2) {
+  }
+
+  .RestaurantPackage .singeRowTable tr:nth-child(n + 2) {
     height: 80px;
     text-align: center;
-}
-.RestaurantPackage .detailsIT .singeRowTable tr:nth-child(n + 2):hover {
+  }
+
+  .RestaurantPackage .detailsIT .singeRowTable tr:nth-child(n + 2):hover {
     background-color: white;
     box-shadow: 0px 0px 14px 0px #adadad;
     z-index: 10;
     position: relative;
-}
-.RestaurantPackage .Ldata {
+  }
+
+  .RestaurantPackage .Ldata {
     color: #333333;
     margin-top: 5px;
-}
-.RestaurantPackage .LP {
+  }
+
+  .RestaurantPackage .LP {
     color: #e95252;
-}
-.RestaurantPackage .HP {
+  }
+
+  .RestaurantPackage .HP {
     color: #2aaef2;
     text-align: left;
     font-size: 14px;
     font-weight: bold;
     padding-left: 5px;
     display: inline-block;
-}
-.RestaurantPackage .T1 {
+  }
+
+  .RestaurantPackage .T1 {
     text-align: right;
     color: #666666;
     display: inline-block;
-}
-.RestaurantPackage .T2 {
+  }
+
+  .RestaurantPackage .T2 {
     text-align: left;
     color: #e95252;
     font-size: 14px;
     font-weight: bold;
     padding-left: 5px;
     display: inline-block;
-}
-.RestaurantPackage .descripTion {
+  }
+
+  .RestaurantPackage .descripTion {
     border-radius: 4px;
     width: 266px;
     text-align: left;
@@ -67,11 +77,13 @@
     -webkit-box-orient: vertical;
     /* autoprefixer: on */
     -webkit-line-clamp: 2;
-}
-.RestaurantPackage .singeRowTable tr:nth-child(n + 2):hover .descripTion {
+  }
+
+  .RestaurantPackage .singeRowTable tr:nth-child(n + 2):hover .descripTion {
     background-color: #ededed;
-}
-.RestaurantPackage .roomName {
+  }
+
+  .RestaurantPackage .roomName {
     display: inline-block;
     width: 200px;
     overflow: hidden;
@@ -79,7 +91,8 @@
     white-space: nowrap;
     text-align: left;
     padding-left: 20px;
-}
+  }
+
 </style>
 <template>
   <div class='flexOne RestaurantPackage'>
@@ -90,12 +103,15 @@
           <el-input v-model="msg.MealName" maxlength="30" @keyup.native.enter="getList"></el-input>
         </li>
         <li>
-                     <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="getList(),resetPageIndex()"/>
-                     <input type="button" class="normalBtn" @click="resetId(),outerVisible = true,dialogTitle='添加套餐'" :value="$t('pub.addBtn')"/>
+          <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
+            @click="getList(),resetPageIndex()" />
+          <input type="button" class="normalBtn" @click="resetId(),outerVisible = true,dialogTitle='添加套餐'"
+            :value="$t('pub.addBtn')" />
         </li>
       </ul>
     </div>
-        <table class="singeRowTable centerTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading" style="border-collapse:separate;border-spacing:0px 10px;table-layout:fixed;">
+    <table class="singeRowTable centerTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading"
+      style="border-collapse:separate;border-spacing:0px 10px;table-layout:fixed;">
       <tr>
         <th width="200">{{$t('restaurant.res_packageName')}}</th>
         <th width="200">{{$t('scen.sc_bjts')}}</th>
@@ -116,29 +132,36 @@
         <td>
           <p class="clearfix">
             <span class="tit_name T1">
-                          {{item.CurrencyName==''?'':item.CurrencyName}}<span v-if="item.CurrencyCode">({{item.CurrencyCode}})</span></span><span class='tit_name T2'>{{item.LPrice}}</span> 
+              {{item.CurrencyName==''?'':item.CurrencyName}}<span
+                v-if="item.CurrencyCode">({{item.CurrencyCode}})</span></span><span
+              class='tit_name T2'>{{item.LPrice}}</span>
           </p>
           <p class="Ldata">{{item.LDate}}</p>
         </td>
         <td>
           <p class="clearfix">
             <span class="tit_name T1">
-                          {{item.CurrencyName==''?'':item.CurrencyName}}<span v-if="item.CurrencyCode">({{item.CurrencyCode}})</span></span><span class='tit_name HP'>{{item.HPrice}}</span>
+              {{item.CurrencyName==''?'':item.CurrencyName}}<span
+                v-if="item.CurrencyCode">({{item.CurrencyCode}})</span></span><span
+              class='tit_name HP'>{{item.HPrice}}</span>
           </p>
           <p class="Ldata">{{item.HDate}}</p>
         </td>
         <td>
-                    <el-tooltip class="item" effect="dark" v-if="item.MealDesc" :content="item.MealDesc" placement="top-start" popper-class="max-w250">
+          <el-tooltip class="item" effect="dark" v-if="item.MealDesc" :content="item.MealDesc" placement="top-start"
+            popper-class="max-w250">
             <span class="descripTion">{{item.MealDesc}}</span>
           </el-tooltip>
         </td>
         <td>
           <el-button-group>
             <el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
-                            <el-button type="primary" icon="iconfont icon-Edit" @click="outerVisible = true,dialogTitle='修改套餐',updateResturant(item.Id)"></el-button>
+              <el-button type="primary" icon="iconfont icon-Edit"
+                @click="outerVisible = true,dialogTitle='修改套餐',updateResturant(item.Id)"></el-button>
             </el-tooltip>
             <el-tooltip class="item" effect="dark" :content="$t('restaurant.res_bidManage')" placement="top-start">
-                            <el-button type="primary" icon="iconfont icon-ico_shezhi" @click="goUrl('RestaurantPrice',item.Id)"></el-button>
+              <el-button type="primary" icon="iconfont icon-ico_shezhi" @click="goUrl('RestaurantPrice',item.Id)">
+              </el-button>
             </el-tooltip>
             <el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
               <el-button type="danger" icon="el-icon-delete" @click="isDelete(item.Id)"></el-button>
@@ -147,24 +170,18 @@
         </td>
       </tr>
     </table>
-        <el-dialog custom-class='w500' :visible.sync="outerVisible" :title="dialogTitle" center :before-close="closeChangeMachie">
+    <el-dialog custom-class='w500' :visible.sync="outerVisible" :title="dialogTitle" center
+      :before-close="closeChangeMachie">
       <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="110px">
         <el-form-item :label="$t('restaurant.res_packageResource')" prop="DiningId">
           <el-select :placeholder="$t('pub.pleaseSel')" class="w300" disabled v-model="addMsg.DiningId">
-                        <el-option
-                        v-for="item in resList"
-                        :key="item.ID"
-                        :label="item.Name"
-                        :value="item.ID">
+            <el-option v-for="item in resList" :key="item.ID" :label="item.Name" :value="item.ID">
             </el-option>
           </el-select>
         </el-form-item>
-<el-form-item :label="$t('restaurant.res_packageName')" prop="DiningMealType">
+        <el-form-item :label="$t('restaurant.res_packageName')" prop="DiningMealType">
           <el-select filterable v-model='addMsg.DiningMealType' :placeholder="$t('pub.pleaseSel')">
-                      <el-option v-for='item in DiningMealTypeList' 
-                      :label='item.Name'
-                      :value='item.ID'
-                      :key='item.ID'>
+            <el-option v-for='item in DiningMealTypeList' :label='item.Name' :value='item.ID' :key='item.ID'>
             </el-option>
           </el-select>
         </el-form-item>
@@ -176,18 +193,20 @@
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-                <button class="hollowFixedBtn" @click="resetForm('addMsg'),outerVisible = false">{{$t('pub.cancelBtn')}}</button> &nbsp;
+        <button class="hollowFixedBtn"
+          @click="resetForm('addMsg'),outerVisible = false">{{$t('pub.cancelBtn')}}</button> &nbsp;
         <button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button>
       </div>
     </el-dialog>
     <div class="noData" v-show="noData">
       {{$t('system.content_noData')}}
     </div>
-       <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage" layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=msg.total></el-pagination>
+    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
+      layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=msg.total></el-pagination>
   </div>
 </template>
 <script>
-export default {
+  export default {
     data() {
       return {
         msg: {
@@ -203,10 +222,10 @@ export default {
           DiningId: "",
           MealName: "",
           MealDesc: "",
-        DiningMealType:"",
+          DiningMealType: "",
         },
         loading: true,
-      DiningMealTypeList:[],
+        DiningMealTypeList: [],
         outerVisible: false,
         dialogTitle: "",
         noData: false,
@@ -215,8 +234,14 @@ export default {
         resList: [],
         rules: {
           //表单必填验证
-        DiningId: [{ required: true, message: "请选择套餐资源" }],
-        DiningMealType: [{ required: true, message: "请选择套餐" }]
+          DiningId: [{
+            required: true,
+            message: "请选择套餐资源"
+          }],
+          DiningMealType: [{
+            required: true,
+            message: "请选择套餐"
+          }]
         }
       };
     },
@@ -227,7 +252,7 @@ export default {
           "meal_post_GetPageList",
           this.msg,
           res => {
-          if(res.data.resultCode==1){
+            if (res.data.resultCode == 1) {
               this.msg.total = res.data.data.count;
               if (this.msg.total > 0) {
                 this.noData = false;
@@ -236,25 +261,24 @@ export default {
                 this.noData = !this.noData;
               }
               this.loading = false;
-          }else{
+            } else {
               this.Error(res.data.message);
             }
           },
           null
         );
       },
-    GetDiningMealTypeList(){
-    		this.apipost('meal_post_GetDiningMealType',{},res=>{
-				if(res.data.resultCode==1){
-          this.DiningMealTypeList=res.data.data
+      GetDiningMealTypeList() {
+        this.apipost('meal_post_GetDiningMealType', {}, res => {
+          if (res.data.resultCode == 1) {
+            this.DiningMealTypeList = res.data.data
           }
-			},err=>{}) 
+        }, err => {})
       },
       saveResource() {
-        this.DiningMealTypeList.forEach(item=>{
-					if(this.addMsg.DiningMealType==item.ID)
-					{
-						 this.addMsg.MealName =item.Name
+        this.DiningMealTypeList.forEach(item => {
+          if (this.addMsg.DiningMealType == item.ID) {
+            this.addMsg.MealName = item.Name
           }
         })
         this.apipost(
@@ -281,7 +305,6 @@ export default {
           "meal_post_Get",
           msg,
           res => {
-            console.log(res)
             if (res.data.resultCode == 1) {
               this.addMsg = res.data.data;
               this.addMsg.DiningId = parseInt(res.data.data.DiningId);
@@ -327,7 +350,12 @@ export default {
       goUrl(path, id) {
         this.$router.push({
           path: path,
-        query: { MealId: id, DiningId: this.addMsg.DiningId,blank:'y',tab:'报价管理' }
+          query: {
+            MealId: id,
+            DiningId: this.addMsg.DiningId,
+            blank: 'y',
+            tab: '报价管理'
+          }
         });
       },
       handleCurrentChange(val) {
@@ -381,5 +409,6 @@ export default {
       this.getList();
       this.GetDiningMealTypeList();
     }
-};
+  };
+
 </script>