‘提交没提交并且新增的页面..sorry’

src/components/SalesModule/SalesFinancialDetail.vue

+<style>
+.page_SalesFinancialDetail{}
+.page_SalesFinancialDetail p.sfd_tit {
+  border-left: 3px solid #E95252;
+  text-indent: 10px;
+  font-size: 16px;
+  line-height: 30px;
+  margin: 20px 0 10px 0;
+}
+.page_SalesFinancialDetail .sfd_nav{margin: 20px 0 0 0 ;}
+.page_SalesFinancialDetail .sfd_nav li{float: left;font-size: 14px;color: #666666;padding: 15px 20px;cursor: pointer;position: relative;background-color: #f1f1f1;margin-right: 5px}
+.page_SalesFinancialDetail .sfd_nav li._active{background-color:#FFFFFF;color: #333333 }
+.page_SalesFinancialDetail .sfd_nav li._active::after{content: "";width: 20px;height: 3px;background-color: #E95252;display: inline-block;position: absolute;bottom: 0;left: 38%;}
+.page_SalesFinancialDetail p.sfd_tit input{
+  float: right
+}
+.page_SalesFinancialDetail .sfd_header{
+  position: relative;
+  width: 100%;
+  margin-bottom: 15px;
+}
+.page_SalesFinancialDetail .sfd_header input{
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.page_SalesFinancialDetail .sfd_header>ul {
+  background-color: white;
+  padding: 15px;
+  border-radius: 4px;
+  width: 50%;
+}
+.page_SalesFinancialDetail .sfd_header>ul>li {
+  float: left;
+  width: 33%;
+  padding: 5px 0;
+}
+.page_SalesFinancialDetail .sfd_header>ul>li>span {
+  font-size: 14px;
+  color: #666;
+}
+.page_SalesFinancialDetail table.teamRevenueExpenditureTable {
+  background: #eee;
+  width: 100%;
+  margin-bottom: 30px;
+}
+.page_SalesFinancialDetail table.teamRevenueExpenditureTable th {
+  background: #D1D1D1;
+  font-weight: normal !important;
+  font-size: 14px;
+  height: 30px;
+  color: #333;
+}
+.page_SalesFinancialDetail table.teamRevenueExpenditureTable td {
+  background: #fff;
+  height: 36px;
+  text-align: center;
+  font-size: 12px;
+}
+.page_SalesFinancialDetail table.teamRevenueExpenditureTable td:first-child span {
+  text-decoration: underline;
+  cursor: pointer;
+}
+.page_SalesFinancialDetail td.noDataNotice p.iconfont {
+  font-size: 120px;
+  color: #ccc;
+}
+.page_SalesFinancialDetail td.noDataNotice p.text{
+  color: #999;
+  margin-bottom: 20px;
+}
+.page_SalesFinancialDetail .color_red{
+  color: #e95252 !important;
+}
+</style>
+<template>
+  <div class="page_SalesFinancialDetail">
+    <ul class="sfd_nav clearfix">
+      <li :class="activeTab==1?'_active':''" @click="activeTab=1,getList(1)">收款单</li>
+      <li :class="activeTab==2?'_active':''" @click="activeTab=2,getList(2)">付款单</li>
+    </ul>
+    <div v-loading="loading">
+      <div class="sfd_header">
+        <ul class="clearfix">
+          <li><span>团队编号：</span>{{tcnum}}</li>
+          <li><span>订单号：</span>{{orderId}}</li>
+          <li><span>业务员：</span>{{`王大毛`}}</li>
+          <li><span>应收金额：</span>{{moneyFormat(0)}}</li>
+          <li><span>实收金额：</span>{{moneyFormat(0)}}</li>
+          <li><span>代收金额：</span>{{moneyFormat(0)}}</li>
+        </ul>
+        <input type="button" :value="`新增${activeTab===1 ? '收款' : '付款'}`" class="normalBtn" @click="addFinancialOrder()">
+      </div>
+      <table border="0" cellspacing="1" cellpadding="0" class="teamRevenueExpenditureTable">
+        <tr>
+          <th width="100">单号</th>
+          <th width="10%">费用类型</th>
+          <th width="10%">交易方式</th>
+          <th width="10%">金额</th>
+          <th width="20%">交易日期</th>
+          <th width="10%">制单人员</th>
+          <th width="10%">主管审核</th>
+          <th>出纳审核</th>
+          <th width="10%">会计审核</th>
+        </tr>
+        <tr>
+          <td width="100" @click="goUrl('财务单据','FinancialDocumentsDetail',item2.frID,'')"><span>666</span></th>
+          <td width="10%">吃饭</td>
+          <td width="10%">现金</td>
+          <td width="10%">{{moneyFormat(0)}}</td>
+          <td width="20%">2019-02-29</td>
+          <td width="10%">王大毛</td>
+          <td width="10%">王二毛</td>
+          <td>王三毛</td>
+          <td width="10%">王四毛</td>
+        </tr>
+        <tr v-if="dataList.length===0">
+          <td colspan="9" class="noDataNotice">
+            <div>
+              <p class="iconfont icon-kong"></p>
+              <p class="text">{{`暂无数据`}}</p>
+            </div>
+          </td>
+        </tr>
+      </table>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      orderId: 0,
+      dataList: [],
+      loading: true,
+      noData: true,
+      activeTab: 1,
+      tcnum: '',
+    }
+  }, methods: {
+    goUrl: function (name, path, id, tcmun) {
+      this.$router.push({ name: path, query: { id: id, tcmun: tcmun, blank: 'y', tab: name} });
+    },
+    getList: function (type) {
+      this.loading = true
+      setTimeout(()=>{
+        this.apipost('', {ID: this.orderId}, res=>{
+          if (res.data.resultCode == 1) {
+            this.dataList = res.data.data
+          } else {
+            this.$message.error("数据获取失败！");
+          }
+          this.loading = false
+        }, null)
+      }, 2000)
+    },
+    addFinancialOrder: function () {  //  新增单据方法
+      if (this.activeTab === 1) {
+        let orderObj = {
+          OrderID: obj.orderId,
+          OrderSource: 8,
+          Obj: {},
+          SourceID: obj.ID,
+          TCIDList: TCIDARR
+        }
+        this.$router.push({
+          name: 'ChoiceAddFinancialDocuments',
+          query:{
+            "Type": 1,
+            "companyID": obj.outBranchId,
+            "path": "",
+            'blank': 'y',
+            'orderObj': JSON.stringify(orderObj)
+          }
+        });
+      } else if (this.activeTab === 2) {
+        let orderObj = {
+          OrderID: obj.orderId,
+          OrderSource: 8,
+          Obj: {},
+          SourceID: obj.ID,
+          TCIDList: TCIDARR
+        }
+        this.$router.push({
+          name: 'ChoiceAddFinancialDocuments',
+          query:{
+            "Type": 2,
+            "companyID": obj.outBranchId,
+            "path": "",
+            'blank': 'y',
+            'orderObj': JSON.stringify(orderObj)
+          }
+        });
+      }
+    },
+  }, mounted() {
+    this.orderId = this.$route.query.orderId
+    this.tcnum = this.$route.query.tcnum
+    this.getList(1)
+  }
+}
+</script>