Merge branch 'master' of http://gitlab.oytour.com/luochao/superman

src/components/Ticketing/TicketAmiba.vue

@@ -17,6 +17,13 @@
       text-decoration: underline;
       cursor: pointer;
     }
+    .TA_FrSpan{
+      display: inline-block;
+      margin-right:10px;
+      color:blue;
+      cursor: pointer;
+      text-decoration: underline;
+    }
 </style>
 
 <template>
@@ -56,14 +63,15 @@
     </div>
     <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading" style="margin-bottom:30px;">
       <tr>
-        <th width="13%">团号</th>
+        <th width="10%">团号</th>
         <th width="12%">收入</th>
         <th width="12%">成本</th>
         <th width="12%">散客机票数量</th>
         <th width="12%">散客机票利润</th>
-        <th width="13%">财务单据</th>
+        <th width="13%">关联财务单据</th>
         <th width="12%">利润</th>
         <th width="12%">业务员</th>
+        <th width="8%">操作</th>
       </tr>
       <tr v-for="(item,index) in dataList">
         <td>
@@ -74,12 +82,50 @@
         <td>{{item.IndividualTicketNum}}</td>
         <td>{{item.IndividualTicketMoney}}</td>
         <td>
-          <span></span>
+          <span class="TA_FrSpan" @click='goDocment("FinancialDocumentsDetail",subItem)' v-for="subItem in item.FrIdList">{{subItem}}</span>
         </td>
         <td>{{item.Profit}}</td>
         <td>{{item.EmName}}</td>
+        <td>
+          <el-tooltip class="item" effect="dark" content="设置" placement="top">
+              <el-button
+              type="primary"
+              @click="setAmiba(item)"
+              icon="iconfont icon-menu-shezhi"
+              circle
+              ></el-button>
+          </el-tooltip>
+        </td>
       </tr>
     </table>
+    <el-dialog
+      custom-class="w400"
+      title="设置团队散客机票利润"
+      :visible.sync="AmibaDialog"
+      center
+      :before-close="closeChangeMachie"
+    >
+    <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="130px">
+        <el-form-item label="散客机票数量" prop="IndividualTicketNum">
+          <el-input v-model="addMsg.IndividualTicketNum" @keyup.native="checkInteger(addMsg,'IndividualTicketNum')" class="w180"/>
+        </el-form-item>
+        <el-form-item label="散客机票利润" prop="IndividualTicketMoney">
+          <el-input v-model="addMsg.IndividualTicketMoney" @keyup.native="checkPrice(addMsg,'IndividualTicketMoney')" class="w180"/>
+        </el-form-item>
+        <el-form-item label="绑定财务单据">
+        <el-select multiple :placeholder="$t('pub.pleaseSel')" class='multiple_input w180' v-model="addMsg.FrIdList">
+          <el-option v-for="item in FrList" :key="item" :label="item" :value="item">
+          </el-option>
+        </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <button class="hollowFixedBtn"
+          @click="AmibaDialog = false, resetForm('addMsg')"
+        >{{$t('pub.cancelBtn')}}</button> &nbsp;
+        <button class="normalBtn" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -97,11 +143,21 @@
         TotalProfit:0,
         //散客机票利润
         TotalSK:0,
+        AmibaDialog:false,
+        //财务单据下拉数据
+        FrList:[],
         queryMsg: {
           StartTime:'',
           EndTime: '',
           TCNUM: ''
         },
+        //新增
+        addMsg:{
+          TCID:'',
+          IndividualTicketNum:'',
+          IndividualTicketMoney:'',
+          FrIdList:[]
+        },
         pickerBeginDateBefore: {
           disabledDate: time => {
             if (this.queryMsg.EndTime == null) {
@@ -117,7 +173,15 @@
             let startTime = new Date(this.queryMsg.StartTime)
             return startTime.getTime() >= time.getTime()
           }
-        }
+        },
+        rules: {
+          IndividualTicketNum: [
+            { required: true, message: "请输入散客机票数量", trigger: "blur" }
+          ],
+          IndividualTicketMoney: [
+            { required: true, message: "请输入散客机票利润", trigger: "blur" }
+          ]
+        },
       }
     },
     mounted() {
@@ -143,8 +207,6 @@
               this.TotalSale = res.data.data.TotalSale;
               this.TotalProfit = res.data.data.TotalProfit;
               this.TotalSK = res.data.data.TotalSK;
-                  console.log(res,'resss');
-              console.log(this.dataList,'dalalist');
           } else {
               this.Error(res.data.message);
           }
@@ -162,7 +224,63 @@
           }
         });
       },
-
+      //跳转单据详情
+      goDocment(path, id) {
+        this.$router.push({ name: path, query: { id: id, blank: 'y', tab: '单据详情'} });
+      },
+      closeChangeMachie(done) {
+        //弹出框关闭初始化弹框内表单
+        done();
+        this.resetForm("addMsg");
+      },
+      resetForm(formName) {
+        this.$refs[formName].resetFields();
+      },
+      //点击取值
+      setAmiba(item){
+        this.AmibaDialog=true;
+        let msg = {
+          TCID:item.TCID,
+          SourceForm:1
+        }
+        this.addMsg.TCID = item.TCID;
+        this.addMsg.IndividualTicketNum = item.IndividualTicketNum;
+        this.addMsg.IndividualTicketMoney = item.IndividualTicketMoney;
+        this.addMsg.FrIdList = item.FrIdList;
+        this.FrList=[];
+        this.apipost("Financial_post_GetFinanceALLList", msg, res => {
+          if (res.data.resultCode == 1) {
+              let dataList = res.data.data;
+              dataList.forEach(x=>{
+                this.FrList.push(x.FrID);
+              })
+          } else {
+              this.Error(res.data.message);
+          }
+        }, err => {})
+      },
+      //提交
+      submitForm(addMsg) {
+        //提交创建、修改表单
+        this.$refs[addMsg].validate(valid => {
+          if (valid) {
+            this.addAmibaInfo();
+          } else {
+            return false;
+          }
+        });
+      },
+      addAmibaInfo(){
+        this.apipost("sellorder_post_SetTravelIndividualTicket", this.addMsg, res => {
+          if (res.data.resultCode == 1) {
+              this.Success(res.data.message);
+              this.AmibaDialog = false;
+              this.getList();
+          } else {
+              this.Error(res.data.message);
+          }
+        }, err => {})
+      }
     }
   }
 </script>