页面修改

src/components/systemManagement/seriesManagement.vue

 <style>
-.seriesMG .addCompany {
+  .seriesMG .addCompany {
     width: 440px;
     max-height: 600px;
-}
-.seriesMG .addCompany .el-dialog__body {
+  }
+
+  .seriesMG .addCompany .el-dialog__body {
     overflow: auto;
-}
-.seriesMG .el-pagination {
+  }
+
+  .seriesMG .el-pagination {
     text-align: center;
     padding-top: 10px;
-}
-.seriesMG .addCompany input {
+  }
+
+  .seriesMG .addCompany input {
     width: 208px;
     height: 34px;
     border-radius: 17px;
-}
-.seriesMG .margin_left_30 {
+  }
+
+  .seriesMG .margin_left_30 {
     margin-left: 30px !important;
-}
-.seriesMG .el-switch.is-checked .el-switch__core {
+  }
+
+  .seriesMG .el-switch.is-checked .el-switch__core {
     border-color: #4bca81;
     background-color: #4bca81;
-}
-.seriesMG .seriesMg_tips_f {
+  }
+
+  .seriesMG .seriesMg_tips_f {
     margin-bottom: 0 !important;
-}
-.seriesMG .seriesMg_tips,
-.seriesMG .seriesMg_tips_one {
+  }
+
+  .seriesMG .seriesMg_tips,
+  .seriesMG .seriesMg_tips_one {
     color: #e95252;
     padding-left: 96px;
     font-size: 12px;
-}
-.seriesMG .seriesMg_tips_one {
+  }
+
+  .seriesMG .seriesMg_tips_one {
     color: #f56c6c;
     font-size: 12px;
     line-height: 1;
@@ -40,15 +48,18 @@
     top: 100%;
     left: 0;
     padding-left: 0;
-}
-.seriesMG .seriesMg_my_tips .el-form-item__error {
+  }
+
+  .seriesMG .seriesMg_my_tips .el-form-item__error {
     left: 60px;
-}
-.seriesMG .el-switch.is-checked .el-switch__core:after {
+  }
+
+  .seriesMG .el-switch.is-checked .el-switch__core:after {
     left: 100%;
     margin-left: -17px;
-}
-.seriesMG .el-switch__core:after {
+  }
+
+  .seriesMG .el-switch__core:after {
     content: "";
     position: absolute;
     top: 1px;
@@ -58,17 +69,20 @@
     width: 16px;
     height: 16px;
     background-color: #fff;
-}
-.seriesMG .query-box li label {
+  }
+
+  .seriesMG .query-box li label {
     display: inline-block;
     min-width: 80px;
     text-align: right;
     font-style: normal;
     margin: 0 20px 0 0;
-}
-.seriesMG .el-form-item__error {
+  }
+
+  .seriesMG .el-form-item__error {
     left: 0;
-}
+  }
+
 </style>
 <template>
   <div class="flexOne seriesMG">
@@ -91,11 +105,14 @@
         </li>
         <li>
           <label class="">{{$t('op.XilieName')}}</label>
-           <el-input type="text" v-model="msg.LtName" :placeholder="$t('system.ph_LtName')" @keyup.native.enter="getList" maxlength="20" class="w210"></el-input>
+          <el-input type="text" v-model="msg.LtName" :placeholder="$t('system.ph_LtName')" @keyup.native.enter="getList"
+            maxlength="20" class="w210"></el-input>
         </li>
         <li>
-          <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')" @click="resetPageIndex(),getList()" />
-          <input type="button" class="normalBtn" :value="$t('pub.addBtn')" @click="outerVisible=true,dialogTitle='新增团名资料'" />
+          <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
+            @click="resetPageIndex(),getList()" />
+          <input type="button" class="normalBtn" :value="$t('pub.addBtn')"
+            @click="outerVisible=true,dialogTitle='新增团名资料'" />
         </li>
       </ul>
     </div>
@@ -105,6 +122,7 @@
           <th width="">{{$t('system.table_ssLine')}}</th>
           <th>{{$t('system.query_dest')}}</th>
           <th>{{$t('op.XilieName')}}</th>
+          <th>是否销售(直客平台显示)</th>
           <th>{{$t('system.table_isShow')}}</th>
           <th width="200">{{$t('system.table_operation')}}</th>
         </tr>
@@ -112,17 +130,34 @@
           <td>{{item.LineName}}</td>
           <td>{{item.PlaceName}}</td>
           <td>{{item.LtName}}</td>
-          <td>{{item.isTOOP==0?'不显示':'显示'}}</td>
+          <td>
+            <template v-if="item.isSaleInNET==1">
+              <span style="color:red;">销售</span>
+            </template>
+            <template v-else>
+              <span>不销售</span>
+            </template>
+          </td>
+          <td>
+            <template v-if="item.isTOOP==1">
+              <span style="color:red;">显示</span>
+            </template>
+            <template v-else>
+              <span>不显示</span>
+            </template>
+          </td>
           <td>
             <el-row>
               <el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
-                <el-button type="primary" icon="el-icon-edit" circle @click="outerVisible = true,dialogTitle='修改团名资料',updateData(item.LtID)"></el-button>
+                <el-button type="primary" icon="el-icon-edit" circle
+                  @click="outerVisible = true,dialogTitle='修改团名资料',updateData(item.LtID)"></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" circle @click="deletelist(index)"></el-button>
               </el-tooltip>
               <el-tooltip class="item" effect="dark" :content="$t('leader.leader_Set')" placement="top-start">
-                <el-button type="info" icon="el-icon-setting" @click="goUrl('seriesSetList',item.LtID)" circle></el-button>
+                <el-button type="info" icon="el-icon-setting" @click="goUrl('seriesSetList',item.LtID)" circle>
+                </el-button>
               </el-tooltip>
             </el-row>
           </td>
@@ -132,14 +167,15 @@
         {{$t('system.content_noData')}}
       </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>
-    <el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center :before-close="closeChangeMachie">
+    <el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center
+      :before-close="closeChangeMachie">
       <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
         <el-form-item :label="$t('system.table_ssLine')" prop="LineID">
-          <el-select v-model="addMsg.LineID" filterable :placeholder="$t('system.ph_choice')" @change="getDestinationList(1)"
-            class="w210">
+          <el-select v-model="addMsg.LineID" filterable :placeholder="$t('system.ph_choice')"
+            @change="getDestinationList(1)" class="w210">
             <el-option :label="$t('pub.unlimitedSel')" :value='defaultSelectValue'></el-option>
             <el-option v-for='item in lineList' :key="item.LineID" :label="item.LineName" :value="item.LineID">
             </el-option>
@@ -148,27 +184,32 @@
         <el-form-item :label="$t('system.query_dest')" prop="placeID">
           <el-select v-model="addMsg.placeID" filterable :placeholder="$t('system.ph_choice')" class="w210">
             <el-option :label="$t('pub.unlimitedSel')" :value='defaultSelectValue'></el-option>
-            <el-option v-for='item in destinationList' :key="item.PlaceID" :label="item.PlaceName" :value="item.PlaceID">
+            <el-option v-for='item in destinationList' :key="item.PlaceID" :label="item.PlaceName"
+              :value="item.PlaceID">
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('system.table_code')" prop="LtCode" class="seriesMg_my_tips">
-          <el-input type="text" v-model="addMsg.LtCode" :placeholder="$t('system.ph_codes')" maxlength="3" class="w210"></el-input>
+          <el-input type="text" v-model="addMsg.LtCode" :placeholder="$t('system.ph_codes')" maxlength="3" class="w210">
+          </el-input>
           <div class="seriesMg_tips_one">
             {{$t('system.table_codeTips')}}
           </div>
         </el-form-item>
         <el-form-item :label="$t('op.XilieName')" prop="LtName">
-          <el-input type="text" v-model="addMsg.LtName" :placeholder="$t('system.ph_LtName')" maxlength="20" class="w210"></el-input>
+          <el-input type="text" v-model="addMsg.LtName" :placeholder="$t('system.ph_LtName')" maxlength="20"
+            class="w210"></el-input>
         </el-form-item>
         <el-form-item :label="$t('system.table_isSaleInNET')" class="seriesMg_tips_f">
-          <el-switch v-model="addMsg.isSaleInNET" :active-value="checkedValue" :inactive-value="defaultSelectValue"></el-switch>
+          <el-switch v-model="addMsg.isSaleInNET" :active-value="checkedValue" :inactive-value="defaultSelectValue">
+          </el-switch>
         </el-form-item>
         <div class="seriesMg_tips">
           {{$t('system.table_NetLtNameTips')}}
         </div>
         <el-form-item :label="$t('system.table_isShows')" class="seriesMg_tips_f">
-          <el-switch v-model="addMsg.isTOOP" :active-value="checkedValue" :inactive-value="defaultSelectValue"></el-switch>
+          <el-switch v-model="addMsg.isTOOP" :active-value="checkedValue" :inactive-value="defaultSelectValue">
+          </el-switch>
         </el-form-item>
         <div class="seriesMg_tips">
           {{$t('system.table_isShowTips')}}
@@ -176,14 +217,15 @@
       </el-form>
       <div slot="footer" class="dialog-footer">
         <button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> &nbsp;
-        <button class="hollowFixedBtn" @click="outerVisible = false,resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button>
+        <button class="hollowFixedBtn"
+          @click="outerVisible = false,resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-export default {
+  export default {
     data() {
       return {
         msg: {
@@ -210,8 +252,7 @@ export default {
         defaultSelectValue: 0,
         //选中值
         checkedValue: 1,
-      isTOOPOption: [
-        {
+        isTOOPOption: [{
             value: -1,
             label: "全部"
           },
@@ -237,22 +278,17 @@ export default {
         loading: true,
         dialogTitle: "",
         rules: {
-        LineID: [
-          {
+          LineID: [{
             required: true,
             message: "请选择所属线路",
             trigger: "change"
-          }
-        ],
-        placeID: [
-          {
+          }],
+          placeID: [{
             required: true,
             message: "请选择目的地",
             trigger: "change"
-          }
-        ],
-        LtCode: [
-          {
+          }],
+          LtCode: [{
               required: true,
               message: "请填写代码",
               trigger: "blur"
@@ -262,13 +298,11 @@ export default {
               message: "请填写正确代码"
             }
           ],
-        LtName: [
-          {
+          LtName: [{
             required: true,
             message: "请填写团名名称",
             trigger: "blur"
-          }
-        ]
+          }]
         }
       };
     },
@@ -284,10 +318,10 @@ export default {
             if (res.data.resultCode == 1) {
               this.DataList = res.data.data.pageData;
               this.msg.total = res.data.data.count;
-            if(this.msg.total>0){
-              this.noData=false
-            }else{
-              this.noData=true
+              if (this.msg.total > 0) {
+                this.noData = false
+              } else {
+                this.noData = true
               }
             } else {
               this.Error(res.data.message);
@@ -337,7 +371,7 @@ export default {
       },
       deletelist(index) {
         var that = this;
-      this.Confirm("是否删除?", function() {
+        this.Confirm("是否删除?", function () {
           that.deleteLine(index);
         });
       },
@@ -443,8 +477,13 @@ export default {
       initArrData() {
         this.destinationList = [];
       },
-    goUrl(path,id) {
-        this.$router.push({ name: path,query:{"id":id} }) 
+      goUrl(path, id) {
+        this.$router.push({
+          name: path,
+          query: {
+            "id": id
+          }
+        })
       }
     },
 
@@ -453,5 +492,6 @@ export default {
       this.getLineList();
       // this.getBranchGetList();
     }
-};
+  };
+
 </script>