no message

src/components/FinancialModule/components/ClientBankAccount.vue

@@ -122,6 +122,38 @@
   margin-top: 10px;
   margin-bottom: 10px;
 }
+.OrderTitle{
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/deep/.OrderReceivablesAccount-center .el-input .el-input__inner{
+  padding: 0 3px;
+  font-size: 12px;
+  border: 0;
+  height: 24px;
+  line-height: 24px;
+}
+/deep/.OrderReceivablesAccount-center .el-select .el-input {
+  height: 24px;
+}
+/deep/.OrderReceivablesAccount-center .el-input__prefix{
+  display: none;
+}
+/deep/.OrderReceivablesAccount-center .el-input__icon{
+  display: none;
+}
+.fz12{
+  font-size: 12px;
+}
+.saveBtnB{
+  position: relative;
+}
+.circleData{
+  position: absolute;
+  right: -7px;
+  top: 18px;
+}
 </style>
 
 <template>
@@ -202,19 +234,27 @@
         <span style="display: inline; color: red">{{$t('objFill.v101.commissonBill.zuizsxfje')}}：{{clientBankAccountData.PlatformChangeFee}}</span>
       </div>
     </div>
+    <template v-if="GetDetail.SpecialType==11">
       <div class="border-b"></div>
       <div class="OrderReceivablesAccount-title" style="padding: 0;">{{$t('objFill.v101.LeaderManagement.tanzhangqk')}}</div>
       <div class="OrderReceivablesAccount-center">
         <el-table
-        :data="tableData">
+          :data="tableData"
+          :height="tableData.length>2?150:''">
           <el-table-column
             prop=""
-          :label="$t('objFill.v101.FinancialModule.feiyongkm')" width="80">
+            label="" width="50" show-overflow-tooltip>
+            <template slot="header" slot-scope="scope">
+              <el-tooltip class="item" effect="dark" :content="$t('objFill.v101.FinancialModule.feiyongkm')" placement="top">
+                <span class="OrderTitle">{{$t('objFill.v101.FinancialModule.feiyongkm')}}</span>
+              </el-tooltip>
+            </template>
             <template slot-scope="scope">
               <template v-if="activeIndx!=scope.$index">{{scope.row.CostTypeName}}</template>
               <el-select v-else v-model="msg.CostTypeId"
               @change="getCostType"
-            :placeholder="$t('objFill.v101.FinancialModule.kemu')">
+              :placeholder="$t('objFill.v101.FinancialModule.kemu')"
+              style="width: 100%;">
                 <el-option
                   v-for="item in scope.row.FDList"
                   :key="item.CostTypeId"
@@ -226,7 +266,7 @@
           </el-table-column>
           <el-table-column
             prop="Money"
-          :label="$t('fnc.jine')" width="100" show-overflow-tooltip>
+            :label="$t('fnc.jine')" width="70" show-overflow-tooltip>
             <template slot-scope="scope">
               <template v-if="activeIndx!=scope.$index">{{scope.row.Money}}</template>
               <el-input v-else v-model="msg.Money" :placeholder="$t('fnc.jine')"></el-input>
@@ -234,15 +274,16 @@
           </el-table-column>
           <el-table-column
             prop="CreateDate"
-          label="" width="111">
+            label="" width="80" show-overflow-tooltip>
             <template slot="header" slot-scope="scope">
-            <span>{{$t('objFill.v101.LeaderManagement.fentanqsyf')}}</span>
+              <el-tooltip class="item" effect="dark" :content="$t('objFill.v101.LeaderManagement.fentanqsyf')" placement="top">
+                <span class="OrderTitle">{{$t('objFill.v101.LeaderManagement.fentanqsyf')}}</span>
+              </el-tooltip>
             </template>
             <template slot-scope="scope">
               <template v-if="activeIndx!=scope.$index">{{scope.row.CreateDate}}</template>
               <el-date-picker v-else
                 style="width: 100%;"
-              class="h34"
                 v-model="msg.CreateDate"
                 type="month"
                 value-format="yyyy-MM"
@@ -253,7 +294,12 @@
           </el-table-column>
           <el-table-column
             prop="RelevanceFrId2"
-          :label="$t('objFill.v101.LeaderManagement.fentanys')" width="80">
+            label="" width="40" show-overflow-tooltip>
+            <template slot="header" slot-scope="scope">
+              <el-tooltip class="item" effect="dark" :content="$t('objFill.v101.LeaderManagement.fentanys')" placement="top">
+                <span class="OrderTitle">{{$t('objFill.v101.LeaderManagement.fentanys')}}</span>
+              </el-tooltip>
+            </template>
             <template slot-scope="scope">
               <template v-if="activeIndx!=scope.$index">{{scope.row.RelevanceFrId2}}</template>
               <el-input v-else v-model="msg.RelevanceFrId2" type="Number" min="1" :placeholder="$t('objFill.v101.LeaderManagement.yueshu')"></el-input>
@@ -261,25 +307,26 @@
           </el-table-column>
           <el-table-column
             prop=""
-          label="" width="70">
+            label="" width="45" align="right">
             <template slot="header" slot-scope="scope">
               <div class="row">
-              <span>{{$t('system.table_operation')}}</span>
+                <!-- <span>{{$t('system.table_operation')}}</span> -->
                 <div class="cursor-p el-icon-circle-plus" @click="addData"></div>
               </div>
             </template>
             <template slot-scope="scope">
               <i v-if="activeIndx!=scope.$index" class="cursor-p el-icon-edit"
               @click="editData(scope.row,scope.$index)"></i>
-            <template v-else>
-              <i type="primary" class="cursor-p" @click="saveData">{{$t('pub.saveBtn')}}</i>
-              <i type="primary" class="cursor-p el-icon-circle-close" style="margin-left: 2px;" @click="cancelData(scope.row,scope.$index)"></i>
-            </template>
+              <div v-else>
+                <i type="primary" class="cursor-p fz12" @click="saveData">{{$t('pub.saveBtn')}}</i>
+                <i type="primary" class="cursor-p el-icon-circle-close circleData" @click="cancelData(scope.row,scope.$index)"></i>
+              </div>
 
             </template>
           </el-table-column>
         </el-table>
       </div>
+    </template>
   </div>
 
 </template>
@@ -317,7 +364,7 @@
     },
     created() {
       this.msg.BaseFinanceId = this.GetDetail.FrID
-      this.GetExpensesMonthlyShare()
+      if(this.GetDetail.SpecialType==11) this.GetExpensesMonthlyShare()
     },
     methods: {
       getCostType(){
@@ -398,7 +445,7 @@
             for(let i=0;i<res.data.data.RList.length;i++){
               this.tableData[i].FDList = res.data.data.FDList
             }
-
+            this.addData()
           } else {
             this.$message.error(res.data.message);
           }