页面修改

src/components/scenicSpot/domesticScenicSpotPackagePrice.vue

 <style>
-.domesticScenicSpotPackagePrice .query_box {
+  .domesticScenicSpotPackagePrice .query_box {
     font-size: 12px;
     padding: 29px 0;
     padding-right: 30px;
     display: flex;
     justify-content: space-between;
-}
+  }
 
-.domesticScenicSpotPackagePrice .el-switch.is-checked .el-switch__core {
+  .domesticScenicSpotPackagePrice .el-switch.is-checked .el-switch__core {
     border-color: #4bca81;
     background-color: #4bca81;
-}
+  }
 
-.domesticScenicSpotPackagePrice .addCompany {
+  .domesticScenicSpotPackagePrice .addCompany {
     width: 440px;
     max-height: 600px;
-}
+  }
 
-.domesticScenicSpotPackagePrice .addCompany .el-dialog__body {
+  .domesticScenicSpotPackagePrice .addCompany .el-dialog__body {
     height: 486px;
     overflow: auto;
-}
+  }
 
-.domesticScenicSpotPackagePrice .query_box div label {
+  .domesticScenicSpotPackagePrice .query_box div label {
     display: inline-block;
     min-width: 80px;
     text-align: right;
     font-style: normal;
     margin: 0 20px 0 0;
-}
+  }
 
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
     -webkit-appearance: none;
-}
+  }
 
-input[type="number"] {
+  input[type="number"] {
     -moz-appearance: textfield;
-}
+  }
 
-.lineType {
+  .lineType {
     width: 51px;
     height: 24px;
     display: inline-block;
@@ -49,15 +49,15 @@ input[type="number"] {
     border-radius: 4px;
     background-color: #ff9c00;
     color: #ffffff;
-}
+  }
 
-.domesticScenicSpotPackagePrice .LMTable tr {
+  .domesticScenicSpotPackagePrice .LMTable tr {
     height: 70px;
     text-align: center !important;
     background-color: #fff;
-}
+  }
 
-.comPanyNum {
+  .comPanyNum {
     font-size: 14px;
     color: #333333;
     display: inline-block;
@@ -65,155 +65,155 @@ input[type="number"] {
     cursor: pointer;
     margin-bottom: 5px;
     text-decoration: underline;
-}
+  }
 
-.comPanyNum:hover {
+  .comPanyNum:hover {
     color: #e95252;
-}
+  }
 
-.zhicai:first-child {
+  .zhicai:first-child {
     margin-top: 23px;
-}
+  }
 
-.zhicai {
+  .zhicai {
     color: #47bf8c;
-}
+  }
 
-.partCompany {
+  .partCompany {
     padding: 0;
     box-shadow: 0px 1px 3px 0px #dedede;
-}
+  }
 
-.partCompany .popper__arrow::after {
+  .partCompany .popper__arrow::after {
     border-bottom-color: #ededed !important;
-}
+  }
 
-.partCompany table {
+  .partCompany table {
     padding: 10px 0 0 20px;
     background-color: #ededed;
     border-collapse: collapse;
     border: 1px solid #d2d2d2;
     font-size: 12px;
-}
+  }
 
-.partCompany table th {
+  .partCompany table th {
     background-color: #ededed;
     padding: 5px;
-}
+  }
 
-.partCompany table td {
+  .partCompany table td {
     background-color: #ffffff;
     padding: 9px 15px;
     color: #333333;
     border: 1px solid #d2d2d2;
-}
+  }
 
-.partCompany table td._d_name {
+  .partCompany table td._d_name {
     background-color: #ededed;
-}
+  }
 
-.partCompany table ._color_666 {
+  .partCompany table ._color_666 {
     color: #666666;
-}
+  }
 
-.partCompany table tr._color_666 th {
+  .partCompany table tr._color_666 th {
     padding: 9px 15px;
-}
+  }
 
-.LineName {
+  .LineName {
     display: inline-block;
     width: 170px;
     margin: 30px 0 0 20px;
     text-align: left;
-}
+  }
 
-.domesticScenicSpotPackagePrice .LM_Back {
+  .domesticScenicSpotPackagePrice .LM_Back {
     background-color: #f2f2f2;
-}
+  }
 
-.redType {
+  .redType {
     color: #e95252;
-}
+  }
 
-.domesticScenicSpotPackagePrice .tbDiv {
+  .domesticScenicSpotPackagePrice .tbDiv {
     overflow-y: auto;
-}
+  }
 
-.departListDiv {
+  .departListDiv {
     width: 100%;
     height: 200px;
     overflow-y: auto;
-}
+  }
 
-.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar {
+  .domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar {
     width: 4px;
     height: 8px;
-}
+  }
 
-.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-track {
+  .domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
     border-radius: 4px;
     background: #ededed;
-}
+  }
 
-.domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-thumb {
+  .domesticScenicSpotPackagePrice .tbDiv::-webkit-scrollbar-thumb {
     border-radius: 4px;
     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
     background: #c9c9c9;
-}
+  }
 
-.departListDiv::-webkit-scrollbar {
+  .departListDiv::-webkit-scrollbar {
     width: 4px;
     height: 8px;
-}
+  }
 
-.departListDiv::-webkit-scrollbar-track {
+  .departListDiv::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
     border-radius: 4px;
     background: #ededed;
-}
+  }
 
-.departListDiv::-webkit-scrollbar-thumb {
+  .departListDiv::-webkit-scrollbar-thumb {
     border-radius: 4px;
     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
     background: #c9c9c9;
-}
+  }
 
-.LMTable {
+  .LMTable {
     width: 100%;
     font-size: 12px;
-}
+  }
 
-.domesticScenicSpotPackagePrice .LMTable tr th {
+  .domesticScenicSpotPackagePrice .LMTable tr th {
     border-bottom: 1px solid #d1d1d1;
-}
+  }
 
-.domesticScenicSpotPackagePrice .tbDiv .LMTable td {
+  .domesticScenicSpotPackagePrice .tbDiv .LMTable td {
     border-bottom: 1px solid #d1d1d1;
     border-right: 1px solid #d1d1d1;
     position: relative;
     text-align: center;
     padding: 5px;
     min-width: 250px;
-}
+  }
 
-.domesticScenicSpotPackagePrice .tbDiv table {
+  .domesticScenicSpotPackagePrice .tbDiv table {
     padding-right: 80px;
     margin-top: 10px;
     border-top: 1px solid #d1d1d1;
     border-left: 1px solid #d1d1d1;
     border-right: 1px solid #d1d1d1;
-}
+  }
 
-.upFentan {
+  .upFentan {
     text-decoration: underline;
     cursor: pointer;
     position: absolute;
     right: 13px;
     top: 32%;
-}
+  }
 
-.subCountryList {
+  .subCountryList {
     width: 150px;
     text-align: left;
     display: inline-block;
@@ -222,32 +222,32 @@ input[type="number"] {
     white-space: nowrap;
     position: relative;
     top: 3px;
-}
+  }
 
-.domesticScenicSpotPackagePrice ._addLineTB tr {
+  .domesticScenicSpotPackagePrice ._addLineTB tr {
     height: 40px !important;
-}
+  }
 
-.saveCompanyBtn {
+  .saveCompanyBtn {
     margin-top: 20px;
-}
+  }
 
-.setItem {
+  .setItem {
     cursor: pointer;
     text-decoration: underline;
     position: absolute;
     right: 13px;
     top: 32%;
-}
+  }
 
-._LMComdiv {
+  ._LMComdiv {
     float: left;
     width: 32%;
     text-align: left;
     margin-top: 20px;
-}
+  }
 
-.LineRank {
+  .LineRank {
     width: 24px;
     height: 24px;
     background-color: #2aaef2;
@@ -256,30 +256,30 @@ input[type="number"] {
     line-height: 24px;
     color: #fff;
     margin: 15px auto 5px;
-}
+  }
 
-.domesticScenicSpotPackagePrice .joinDepart {
+  .domesticScenicSpotPackagePrice .joinDepart {
     display: inline-block;
     margin-right: 50px;
     text-align: left;
     float: left;
     width: 180px;
-}
+  }
 
-.domesticScenicSpotPackagePrice .LM_Rank {
+  .domesticScenicSpotPackagePrice .LM_Rank {
     text-align: center;
-}
+  }
 
-._LowDisMoney {
+  ._LowDisMoney {
     text-align: left;
     margin: 20px 0 0 25px;
-}
+  }
 
-.LM_Btcontent {
+  .LM_Btcontent {
     margin-left: 20px;
-}
+  }
 
-.LM_ul li {
+  .LM_ul li {
     height: 78px;
     margin: 20px 0 0px 0px;
     transition: linear all 0.5s;
@@ -288,30 +288,34 @@ input[type="number"] {
     border: 1px solid #dddddd;
     overflow: hidden;
     position: relative;
-}
+  }
 
-.LM_BTNList {
+  .LM_BTNList {
     margin-top: 25px;
-}
+  }
 
-.domesticScenicSpotPackagePrice .el-button-group .el-button {
+  .domesticScenicSpotPackagePrice .el-button-group .el-button {
     padding: 5px;
-}
+  }
 
-.domesticScenicSpotPackagePrice .LM_ul > li:hover {
+  .domesticScenicSpotPackagePrice .LM_ul>li:hover {
     box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
     transition: all linear 0.5s;
-}
-.domesticScenicSpotPackagePrice .el-date-editor.el-input,
-.el-date-editor.el-input__inner {
+  }
+
+  .domesticScenicSpotPackagePrice .el-date-editor.el-input,
+  .el-date-editor.el-input__inner {
     width: auto;
-}
-.SP_datePicker .el-input__inner {
+  }
+
+  .SP_datePicker .el-input__inner {
     padding-right: 0 !important;
-}
-.SP_AddTicket {
+  }
+
+  .SP_AddTicket {
     margin: 10px 10px 0 30px;
-}
+  }
+
 </style>
 <template>
   <div class="flexOne domesticScenicSpotPackagePrice">
@@ -325,8 +329,11 @@ input[type="number"] {
           </span>
         </li>
         <li>
-          <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex(),initDataTable()" />
-          <input type="button" class="normalBtn" :value="$t('pub.addBtn')" @click="clearInfo(),isShowDIv=true,divTitle='新增报价'" />
+          <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
+            @click="resetPageIndex(),initDataTable()" />
+          <input type="button" class="normalBtn" value="门票列表" @click="gotoTicket()" />
+          <input type="button" class="normalBtn" :value="$t('pub.addBtn')"
+            @click="clearInfo(),isShowDIv=true,divTitle='新增报价'" />
         </li>
       </ul>
     </div>
@@ -361,25 +368,13 @@ input[type="number"] {
                 <div>{{item.B2CPrice}}</div>
               </div>
             </el-col>
-            <!-- <el-col :span="2">
-              <div class="_LowDisMoney">
-                <div>原价</div>
-                <div>{{item.SalesPrice}}</div>
-              </div>
-            </el-col> -->
-            <!-- <el-col :span="3">
-              <div class="_LowDisMoney">
-                <div>供应商</div>
-                <div>{{item.SupplierName}}</div>
-              </div>
-            </el-col> -->
             <el-col :span="2">
               <div class="_LowDisMoney">
                 <div>备注</div>
                 <div>{{item.Remark}}</div>
               </div>
             </el-col>
-            <el-col :span="2">
+            <!-- <el-col :span="2">
               <div class="_LowDisMoney">
                 <div>币种</div>
                 <div>{{ getCurrencyName(item.CurrencyId )}}</div>
@@ -390,11 +385,12 @@ input[type="number"] {
                 <div>汇率</div>
                 <div>{{item.CurrentRate}}</div>
               </div>
-            </el-col>
+            </el-col> -->
             <el-col :span="2">
               <div class="LM_BTNList">
                 <el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
-                    <el-button type="primary" circle icon="el-icon-edit" @click="isShowDIv = true,divTitle='修改报价',updateData(item.ID)"></el-button>
+                  <el-button type="primary" circle icon="el-icon-edit"
+                    @click="isShowDIv = true,divTitle='修改报价',updateData(item.ID)"></el-button>
                 </el-tooltip>
                 <el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
                   <el-button type="danger" circle icon="el-icon-delete" @click="isdelete(item.ID)"></el-button>
@@ -414,54 +410,43 @@ input[type="number"] {
         <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
           <el-col :span="4">
             <el-form-item :label="$t('hotel.hotel_StartDate')" prop="StartDate">
-              <el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.StartDate' type="date" :picker-options="addPickerBeginDateBefore"
-                value-format="yyyy-MM-dd" placeholder="">
+              <el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.StartDate' type="date"
+                :picker-options="addPickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder="">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="$t('hotel.hotel_EndDate')" prop="EndDate">
-              <el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.EndDate' type="date" value-format="yyyy-MM-dd" :picker-options="addPickerBeginDateAfter"
-                placeholder="">
+              <el-date-picker class="SP_datePicker" :clearable="false" v-model='addMsg.EndDate' type="date"
+                value-format="yyyy-MM-dd" :picker-options="addPickerBeginDateAfter" placeholder="">
               </el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="$t('hotel.hotel_CostPrice')" prop="CostPrice">
-              <el-input v-model="addMsg.CostPrice" @keyup.native="checkPrice(addMsg,'CostPrice')"></el-input>
+              <el-input v-model="addMsg.CostPrice" @keyup.native="checkPrice(addMsg,'CostPrice')" maxlength="8"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="$t('hotel.hotel_Inventory')" prop="Inventory">
-              <el-input type="text" maxlength="8" v-model="addMsg.Inventory" @keyup.native="checkInteger(addMsg,'Inventory')"></el-input>
+              <el-input type="text" maxlength="8" v-model="addMsg.Inventory"
+                @keyup.native="checkInteger(addMsg,'Inventory')"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="$t('hotel.hotel_B2BPrice')" prop="B2BPrice">
-              <el-input type="text" v-model="addMsg.B2BPrice" @keyup.native="checkPrice(addMsg,'B2BPrice')"></el-input>
+              <el-input type="text" v-model="addMsg.B2BPrice" @keyup.native="checkPrice(addMsg,'B2BPrice')" maxlength="8"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="$t('hotel.hotel_B2CPrice')" prop="B2CPrice">
-              <el-input type="text" v-model="addMsg.B2CPrice" @keyup.native="checkPrice(addMsg,'B2CPrice')"></el-input>
+              <el-input type="text" v-model="addMsg.B2CPrice" @keyup.native="checkPrice(addMsg,'B2CPrice')" maxlength="8"></el-input>
             </el-form-item>
           </el-col>
           <!-- <el-col :span="4">
-            <el-form-item label="原价" prop="SalesPrice">
-              <el-input type="text" v-model="addMsg.SalesPrice" @keyup.native="checkPrice(addMsg,'SalesPrice')"></el-input>
-            </el-form-item>
-          </el-col> -->
-          <!-- <el-col :span="4">
-            <el-form-item :label="$t('hotel.hotel_Supplier')" v-if="IsSelfBook" prop="Supplier">
-              <el-select v-model="addMsg.Supplier" filterable :placeholder="$t('hotel.hotel_inputholder')">
-                <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
-                <el-option v-for="item in SupplierList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col> -->
-          <el-col :span="4">
             <el-form-item :label="$t('hotel.hotel_Currency')" prop="CurrencyId">
-              <el-select placeholder="请选币种" filterable @change="getCurrentRate(addMsg.CurrencyId)" v-model="addMsg.CurrencyId">
+              <el-select placeholder="请选币种" filterable @change="getCurrentRate(addMsg.CurrencyId)"
+                v-model="addMsg.CurrencyId">
                 <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
                 <el-option v-for="item in allCurrencyList" :key="item.ID" :label="item.Name" :value="item.ID">
                 </el-option>
@@ -472,26 +457,26 @@ input[type="number"] {
             <el-form-item :label="$t('hotel.hotel_CurrentRate')" prop="CurrentRate">
               <el-input v-model='addMsg.CurrentRate' @keyup.native="checkRate(addMsg,'CurrentRate')"></el-input>
             </el-form-item>
-          </el-col>
+          </el-col> -->
           <el-col :span="8">
             <el-form-item :label="$t('hotel.hotel_remark')" prop="Remark">
               <el-input type="textarea" v-model="addMsg.Remark"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="4">
-            <button type="success" class="normalBtn subPrice" @click="submitForm('addMsg')">{{comBtnText}}</button>
+            <input type="button" class="normalBtn subPrice" @click="submitForm('addMsg')" :value="comBtnText"></input>
             <input type="button" class="normalBtn" @click="isShowDIv=false" value="取消" />
           </el-col>
         </el-form>
       </div>
     </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 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() {
       var validateCurrent = (rule, value, callback) => {
         if (value === 0) {
@@ -528,22 +513,17 @@ export default {
         },
         rules: {
           //表单必填验证
-        StartDate: [
-          {
+          StartDate: [{
             required: true,
             message: "开始日期必填",
             trigger: "change"
-          }
-        ],
-        EndDate: [
-          {
+          }],
+          EndDate: [{
             required: true,
             message: "结束日期必填",
             trigger: "change"
-          }
-        ],
-        CostPrice: [
-          {
+          }],
+          CostPrice: [{
               required: true,
               message: "请输入成本价",
               trigger: "change"
@@ -553,8 +533,7 @@ export default {
               message: "请输入两位小数"
             }
           ],
-        Inventory: [
-          {
+          Inventory: [{
               required: true,
               message: "请输入库存",
               trigger: "change"
@@ -564,8 +543,7 @@ export default {
               message: "请输入正确的数字"
             }
           ],
-        B2BPrice: [
-          {
+          B2BPrice: [{
               required: true,
               message: "请输入B2B价格",
               trigger: "change"
@@ -575,8 +553,7 @@ export default {
               message: "请输入两位小数"
             }
           ],
-        B2CPrice: [
-          {
+          B2CPrice: [{
               required: true,
               message: "请输入B2C价格",
               trigger: "change"
@@ -586,8 +563,7 @@ export default {
               message: "请输入两位小数"
             }
           ],
-        SalesPrice: [
-          {
+          SalesPrice: [{
               required: true,
               message: "请输入原价",
               trigger: "change"
@@ -597,26 +573,22 @@ export default {
               message: "请输入两位小数"
             }
           ],
-        Supplier: [
-          {
+          Supplier: [{
             required: true,
             message: "请输选择供应商",
             trigger: "change"
-          }
-        ],
+          }],
           CurrencyId: [
             // {
             //   validator:validateCurrent,
             //   trigger: "change"
             // }
           ],
-        CurrentRate: [
-          {
+          CurrentRate: [{
             required: true,
             message: "请输输入汇率",
             trigger: "change"
-          }
-        ]
+          }]
         },
         msg: {
           pageIndex: 1,
@@ -693,8 +665,9 @@ export default {
       //修改报价信息
       updateData(ID) {
         this.apipost(
-        "appletsticketcouponsprice_post_Get",
-        {ID:ID},
+          "appletsticketcouponsprice_post_Get", {
+            ID: ID
+          },
           res => {
             if (res.data.resultCode == 1) {
               this.addMsg = res.data.data;
@@ -706,8 +679,7 @@ export default {
       //获取所有币种
       getAllCurrency() {
         this.apipost(
-        "financeinfo_post_GetList",
-        {},
+          "financeinfo_post_GetList", {},
           res => {
             if (res.data.resultCode == 1) {
               this.allCurrencyList = res.data.data;
@@ -738,8 +710,9 @@ export default {
       //HK新增查询条件
       initSupplier() {
         this.apipost(
-        "supplier_post_GetAllList",
-        { Type: 3 },
+          "supplier_post_GetAllList", {
+            Type: 3
+          },
           response => {
             if (response.data.resultCode == 1) {
               this.SupplierList = response.data.data;
@@ -760,8 +733,8 @@ export default {
               this.initDataTable();
               this.Success("保存成功！");
               this.isShowDIv = false;
-            this.resetForm("addMsg");
-            this.goUrl('domesticTicketManagement',this.CouponsId);
+              this.clearInfo();
+
             } else {
               this.Error(res.data.message);
             }
@@ -769,19 +742,21 @@ export default {
           null
         );
       },
+      //返回门票列表
+      gotoTicket() {
+        this.goUrl('domesticTicketManagement', this.CouponsId);
+      },
       isdelete(ID) {
         var that = this;
-      that.Confirm("是否删除?", function() {
+        that.Confirm("是否删除?", function () {
           that.apipost(
-          "appletsticketcouponsprice_post_Remove",
-          {
+            "appletsticketcouponsprice_post_Remove", {
               ID: ID
             },
             res => {
               if (res.data.resultCode == 1) {
                 that.Success("删除成功！");
                 that.initDataTable();
-              that.goUrl('ticketManagement',that.CouponsId);
               } else {
                 that.Error(res.data.message);
               }
@@ -801,14 +776,10 @@ export default {
           }
         });
       },
-    resetForm(formName) {
-      this.$refs[formName].resetFields();
-    },
       //获取供应商是否显示
       getSuplier() {
         this.apipost(
-        "ticketcoupons_post_Get",
-        {
+          "ticketcoupons_post_Get", {
             ID: this.CouponsId
           },
           res => {
@@ -837,5 +808,6 @@ export default {
       this.getAllCurrency();
       this.initDataTable();
     }
-};
+  };
+
 </script>