新增页面

src/components/newTravelmanager/TravelGroupControl/TravelPrice.vue

@@ -639,6 +639,15 @@
                       </el-option>
                     </el-select>
                   </el-form-item>
+
+                  <el-form-item style="margin-top:1px;">
+                    <span class="TP_Sendprepend" style="margin:3px -1px 0 0">供应商</span>
+                    <el-select class="w180" v-model="priceData.SupplierId">
+                      <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>
                 </div>
                 <div class="TPright clearfix">
                   <el-form-item prop="YSeat">
@@ -1122,9 +1131,28 @@
         //少价规则
         lessPriceVisible: false,
         lessPriceData: [],
+        SupplierList:[],//供应商列表
       };
     },
     methods: {
+      //获取团期供应商列表
+      getTravelSupplier() {
+        this.apipost(
+          "supplier_get_GetTravelSupplierList", {},
+          res => {
+            if (res.data.resultCode == 1) {
+              this.SupplierList = res.data.data;
+              console.log("this.SupplierList", this.SupplierList)
+            } else {
+              this.$message({
+                type: "error",
+                message: res.data.message
+              });
+            }
+          },
+          err => {}
+        );
+      },
       //销售公司改变方法
       ChangeSaleBranch(item) {
         var str = "";
@@ -1258,6 +1286,7 @@
                 //非中国大陆护照报价
                 ForeignPassportPrice: 0,
                 UseFlightType: this.CurrentUserInfo.UseFlightType,
+                SupplierId: 0, //供应商编号
               };
             }
             this.returnPriceList.push(objItem);
@@ -1854,6 +1883,7 @@
       this.currentMonth = dateObj.CurrentMonth;
       this.initCalendar();
       this.getCompanyList();
+      this.getTravelSupplier();
     },
     watch: {
       priceList: {

src/components/newTravelmanager/TravelGroupControl/TravelPrice2.vue

@@ -912,7 +912,8 @@
                   JSON.stringify(this.PostConfig.FlightList)
                 ),
                 //非中国大陆护照报价
-                ForeignPassportPrice:0
+                ForeignPassportPrice:0,
+                SupplierId:0,//供应商编号
               };
             }
             this.queryFlightAirListData.forEach(subItem=>{

src/components/newTravelmanager/TravelGroupControl/TravelSupplier.vue

+<style>
+  .travelSupplier .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 50px;
+    height: 50px;
+    line-height: 50px;
+    text-align: center;
+  }
+
+</style>
+<template>
+  <div class="flexOne travelSupplier">
+    <div class="query-box">
+      <ul>
+        <li>
+          <span><em>名称</em>
+            <el-input v-model='msg.Name' class="permiss-input" placeholder="供应商名称" maxlength="20"></el-input>
+          </span>
+        </li>
+        <li>
+          <span><em>联系人</em>
+            <el-input v-model='msg.LinkMan' class="permiss-input" placeholder="联系人" maxlength="20"></el-input>
+          </span>
+        </li>
+        <li>
+          <span><em>联系电话</em>
+            <el-input v-model='msg.LinkTel' class="permiss-input" placeholder="联系电话" maxlength="20"></el-input>
+          </span>
+        </li>
+        <li>
+          <input type="button" class="hollowFixedBtn" name="" id="" value="查询" @click="resetPageIndex(),getList()" />
+          <input type="button" @click="outerVisible = true,dialogTitle='新增供应商',clearMessage();" class="normalBtn"
+            value="新增" />
+        </li>
+      </ul>
+    </div>
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
+      <tr>
+        <th width="300">供应商名称</th>
+        <th width="500">联系人</th>
+        <th>联系电话</th>
+        <th>编码</th>
+        <th>结算方式</th>
+        <th width="100">操作</th>
+      </tr>
+      <tr v-for="(item,index) in DataList">
+        <td>{{item.Name}}</td>
+        <td>{{item.LinkMan}}</td>
+        <td>{{item.LinkTel}}</td>
+        <td>{{item.Code}}</td>
+        <td>{{item.SettlementTypeStr}}</td>
+        <td>
+          <el-row>
+            <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
+              <el-button @click="outerVisible = true,dialogTitle='修改供应商',updateData(item.Id)" type="primary"
+                icon="el-icon-edit" circle></el-button>
+            </el-tooltip>
+
+            <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
+              <el-button @click="Delete(item)" style="padding:6px;background:#E95252;color:#fff;border:none"
+                icon="el-icon-delete" circle></el-button>
+            </el-tooltip>
+          </el-row>
+        </td>
+      </tr>
+    </table>
+    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+      layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total='total'>
+    </el-pagination>
+
+    <el-dialog custom-class='w750' :title="dialogTitle" :visible.sync="outerVisible" center
+      :before-close="closeChangeMachie">
+      <el-form :model="addMsg" ref="addMsg" label-width="120px">
+        <table class="layerNoIcon">
+          <tr>
+            <td>
+              <el-form-item label="供应商名称">
+                <el-input maxlength='50' class='w200' type="text" v-model="addMsg.Name"
+                  :placeholder="$t('pub.pleaseImport')"></el-input>
+              </el-form-item>
+            </td>
+            <td>
+              <el-form-item label="联系人">
+                <el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkMan"
+                  :placeholder="$t('pub.pleaseImport')"></el-input>
+              </el-form-item>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <el-form-item label="联系电话">
+                <el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkTel"
+                  :placeholder="$t('pub.pleaseImport')">
+                </el-input>
+              </el-form-item>
+            </td>
+            <td>
+              <el-form-item label="编码">
+                <el-input class='w200' type="text" v-model="addMsg.Code" maxlength="2"
+                  :placeholder="$t('pub.pleaseImport')"></el-input>
+              </el-form-item>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">
+              <el-form-item label="结算周期" prop="Sort">
+                <el-select placeholder="请选择" filterable v-model="addMsg.SettlementType">
+                  <el-option label="请选择" :value="0"></el-option>
+                  <el-option label="及时结算" :value="1"></el-option>
+                  <el-option label="半月结算" :value="2"></el-option>
+                  <el-option label="月度结算" :value="3"></el-option>
+                </el-select>
+              </el-form-item>
+            </td>
+          </tr>
+        </table>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <button class="hollowFixedBtn" @click="outerVisible = false,resetForm('addMsg'),getList()">
+          {{$t('pub.cancelBtn')}}
+        </button> &nbsp;
+        <button class="normalBtn" type="primary" @click="submitForm('addMsg'),getList()">{{$t('pub.saveBtn')}}</button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        dialogTitle: '',
+        DataList: '',
+        total: 0,
+        currentPage: 1,
+        outerVisible: false,
+        addStatus: [{
+          value: '0',
+          label: '开启'
+        }, {
+          value: '1',
+          label: '关闭'
+        }],
+        msg: { //列表查询请求数据
+          pageIndex: 1,
+          pageSize: 15,
+          Name: '', //供应商名称
+          LinkMan: "", //联系人
+          LinkTel: "", //联系电话
+        },
+        addMsg: {
+          Id: 0, //编号
+          Name: "", //名称
+          LinkMan: "", //联系人
+          LinkTel: "", //联系电话
+          SettlementType: 0, //结算周期
+          Code: '', //编码
+        },
+      }
+    },
+    mounted() {
+      this.getList();
+    },
+    filters: {
+
+    },
+    methods: {
+      getList() { //列表查询
+        this.apipost('supplier_get_GetTravelSupplierPage', this.msg, res => {
+          if (res.data.resultCode == 1) {
+            this.DataList = res.data.data.pageData;
+            this.total = res.data.data.count;
+          }
+        }, err => {})
+      },
+      //新增数据
+      addData() {
+        if (this.addMsg.Name == '') {
+          this.$message.error('供应商名称不能为空');
+          return
+        }
+        this.apipost('supplier_get_SetTravelSupplier', this.addMsg, res => {
+          if (res.data.resultCode == 1) {
+            this.outerVisible = false;
+            this.$message.success(res.data.message)
+            this.getList();
+          } else {
+            this.$message.error(res.data.message);
+          }
+        }, err => {})
+      },
+      //修改
+      updateData(id) {
+        this.apipost('supplier_get_GetTravelSupplier', {
+          Id: id
+        }, res => {
+          let updateList = res.data.data;
+          this.addMsg.Id = updateList.Id;
+          this.addMsg.Name = updateList.Name;
+          this.addMsg.LinkMan = updateList.LinkMan;
+          this.addMsg.LinkTel = updateList.LinkTel;
+          this.addMsg.SettlementType = updateList.SettlementType;
+          this.addMsg.Code = updateList.Code;
+        }, err => {});
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      clearMessage() {
+        this.addMsg.Id = 0;
+        this.addMsg.Name = "";
+        this.addMsg.LinkMan = "";
+        this.addMsg.LinkTel = "";
+        this.addMsg.SettlementType = 0;
+        this.addMsg.Code = "";
+      },
+      resetPageIndex() {
+        this.msg.pageIndex = 1
+        this.currentPage = 1
+      },
+      submitForm(addMsg) { //提交创建、修改表单
+        this.$refs[addMsg].validate((valid) => {
+          if (valid) {
+            this.addData()
+          } else {
+            return false;
+          }
+        });
+      },
+      closeChangeMachie(done) { //弹出框关闭初始化弹框内表单
+        done();
+        this.resetForm('addMsg');
+      },
+      resetForm: function (formName) { //弹出框取消 初始化谈框内表单
+        this.$refs[formName].resetFields();
+      },
+      //删除供应商
+      Delete(item) {
+        var that = this;
+        that.Confirm("删除供应商后将不能恢复?", function () {
+          that.apipost('supplier_get_RemoveTravelSupplier', {
+            Id: item.Id
+          }, res => {
+            if (res.data.resultCode == 1) {
+              that.$message.success(res.data.message)
+              that.getList();
+            } else {
+              that.$message.error(res.data.message);
+            }
+          }, err => {});
+        });
+      }
+
+    }
+  }
+
+</script>

src/router/config.js

@@ -2099,6 +2099,14 @@ export default {
                 title: '团控列表'
               },
             },
+            , {
+              path: '/TravelSupplier', //供应商列表
+              name: 'TravelSupplier',
+              component: resolve => require(['@/components/newTravelManager/TravelGroupControl/TravelSupplier'], resolve),
+              meta: {
+                title: '供应商列表'
+              },
+            },
             {
               path: '/TravelControlList2', //地接团控列表
               name: 'TravelControlList2',