‘样式！’

src/components/FinancialModule/FinancialDocuments.vue

@@ -189,17 +189,6 @@
                     <el-option key="3" value="3" label="交易流水号"></el-option>
                   </el-select>
                 </span>
-              </li>
-              <li v-if="msg.Conditon==2 || msg.Conditon==3">
-                <span>
-                  <em>交易日期</em>
-                  <el-date-picker class="h34"
-                                  v-model="transactionDate"
-                                  @change="timeAdd(3)"
-                                  type="daterange"
-                                  value-format="yyyy-MM-dd">
-                  </el-date-picker>
-                </span>
               </li>
                 <template v-if="heightQueryBox">
                      <li>
@@ -340,6 +329,17 @@
                             <el-input v-model="msg.sMoney" class="w64d5"></el-input>-<el-input v-model="msg.eMoney" class="w64d5"></el-input>
                         </span>
                     </li>
+                    <li v-if="msg.Conditon==2 || msg.Conditon==3">
+                        <span>
+                        <em>交易日期</em>
+                        <el-date-picker class="h34"
+                                        v-model="transactionDate"
+                                        @change="timeAdd(3)"
+                                        type="daterange"
+                                        value-format="yyyy-MM-dd">
+                        </el-date-picker>
+                        </span>
+                    </li>
                     <li>
                         <span>
                             <em>发团日期</em>

src/components/FinancialModule/addCapitalAllocation.vue

@@ -23,14 +23,11 @@
   border-bottom: 2px solid #c94052;
   padding: 0 20px;
 }
-.page_addCapitalAllocation table{
-  padding: 5px;
-  height: 34px;
-  border:1px solid #E6E6E6;
-  width: 100%;
-  border-collapse: collapse;
-  text-align: center;
-  border-color: #c94052;
+.page_addCapitalAllocation ._border_b_1{border-bottom: 1px solid #666666 !important;color: #666666}
+.page_addCapitalAllocation input {
+    border: none !important;
+    background-color: transparent !important;
+    padding: 0 2px !important;
 }
 </style>
 <template>
@@ -39,27 +36,29 @@
       <p>四川和平国际旅行社有限公司</p>
       <p><span>资金调拨单</span></p>
     </div>
-    <table border="1" v-loading="loading">
-      <tr>
-        <th>收款方式</th>
-        <th>账户</th>
-        <th>金额</th>
-        <th>币种</th>
-        <th>汇率</th>
-        <th>本位币金额</th>
-      </tr>
-      <tr>
-        <td>
-          <el-select  filterable  v-model='bankType' placeholder="" @change="getAccountList(bankType)" class="w100 _border_b_1">
-              <el-option v-for='item in AccList'
-                  :label='item.Name'
-                  :value='item.ID'
-                  :key='item.ID'>
-              </el-option>
-          </el-select>
-        </td>
-      </tr>
-    </table>
+    <div class="_conten">
+      <ul>
+        <li>
+          <div>
+            <span>收款账户：</span>
+            <el-select  filterable  v-model='BankList.Type' placeholder="" @change="getAccountList(BankList.Type)" class="w100 _border_b_1">
+                <el-option v-for='item in AccList'
+                    :label='item.Name'
+                    :value='item.ID'
+                    :key='item.ID'>
+                </el-option>
+            </el-select>
+            <el-select  filterable  v-model='BankList.AccountId' placeholder="" @change="getAccName(BankList.AccountId)" class="w100 _border_b_1">
+                  <el-option v-for='item in accountList'
+                      :label='item.Name'
+                      :value='item.ID'
+                      :key='item.ID'>
+                  </el-option>
+              </el-select>
+          </div>
+        </li>
+      </ul>
+    </div>
   </div>
 </template>
 <script>
@@ -99,6 +98,7 @@ export default {
         ]
       },
       AccList: [],
+      accountList: [],
       loading: false,
       bankType: ''
     }
@@ -118,7 +118,7 @@ export default {
       },err=>{})
     },
     getAccountList(i){  //获取账户类型对应下的账户列表
-      this.msg.BankList[0].AccountId = '';
+      this.BankList.AccountId = '';
       this.AccountNumber = '';
       this.apipost('FinancialInstitutions_post_GetALLAccountList',{TypeId:i}, res => {
         if(res.data.resultCode == 1) {
@@ -134,6 +134,28 @@ export default {
         }
       }, err => {})
     },
+    getAccName: function (i,o) { // 根据选择账户获取账户名
+            this.accountList.forEach(x=>{
+                if(x.ID == i){
+                    this.AccountNumber  = x.allName;
+                    this.msg.BankList[0].CurrencyId = x.CurrencyId;
+                    this.msg.BankList[0].Type = x.BankType;
+                    this.detailList.currenName = x.CurrencyName;
+                    this.detailList.CurrencyId = x.CurrencyId;
+                    if(this.edit==false||o){
+                        this.detailList.Rate =x.Rate
+                    }
+                    this.msg.detailList.forEach((y,i)=>{
+                        y.CurrencyId = x.CurrencyId;
+                        y.currenName = x.CurrencyName;
+                        if(this.edit==false||o){
+                            y.Rate =x.Rate;
+                        }
+                        this.Calculation(2,i+1);
+                    })
+                }
+            })
+        },
   },
   mounted(){
     this.AccountType_post_GetList()