Kaynağa Gözat

标段管理等,固定列宽

MaiXinRong 5 yıl önce
ebeveyn
işleme
10883a6034

+ 7 - 7
app/public/js/tender_list.js

@@ -317,13 +317,13 @@ function recursiveGetTenderNodeHtml (node, arr, pid) {
 function getTenderTreeHtml () {
     if (tenderTree.length > 0) {
         const html = [];
-        html.push('<table class="table table-hover table-bordered" style="margin-top: 25px">');
-        html.push('<thead style="position: fixed;left:56px;top: 34px">', '<tr>');
-        html.push('<th class="text-center">', '标段名称', tenderListOrder.getOrderButton('name'), '</th>');
-        html.push('<th class="text-center">', '创建人', '</th>');
-        html.push('<th class="text-center">', '创建时间', tenderListOrder.getOrderButton('create_time'), '</th>');
-        html.push('<th class="text-center">', '计量期数', '</th>');
-        html.push('<th class="text-center">', '审批状态', '</th>');
+        html.push('<table class="table table-hover table-bordered">');
+        html.push('<thead>', '<tr>');
+        html.push('<th class="text-center" style="width: 45%">', '标段名称', tenderListOrder.getOrderButton('name'), '</th>');
+        html.push('<th class="text-center" style="width: 10%">', '创建人', '</th>');
+        html.push('<th class="text-center" style="width: 15%">', '创建时间', tenderListOrder.getOrderButton('create_time'), '</th>');
+        html.push('<th class="text-center" style="width: 10%">', '计量期数', '</th>');
+        html.push('<th class="text-center" style="width: 20%">', '审批状态', '</th>');
         html.push('</tr>', '</thead>');
         parentId = 0;
         for (const t of tenderTree) {

+ 14 - 14
app/public/js/tender_list_info.js

@@ -367,20 +367,20 @@ function recursiveGetTenderNodeHtml (node, arr, pid) {
 function getTenderTreeHtml () {
     if (tenderTree.length > 0) {
         const html = [];
-        html.push('<table class="table table-hover table-bordered" style="margin-top: 25px">');
-        html.push('<thead style="position: fixed;left:56px;top: 34px">', '<tr>');
-        html.push('<th class="text-center">', '标段名称', '</th>');
-        html.push('<th class="text-center">', '计量模式', '</th>');
-        html.push('<th class="text-center">', '计量期数', '</th>');
-        html.push('<th class="text-center">', '审批状态', '</th>');
-        html.push('<th class="text-center">', '0号台帐', '</th>');
-        html.push('<th class="text-center">', '本期完成', '</th>');
-        html.push('<th class="text-center">', '截止本期合同', '</th>');
-        html.push('<th class="text-center">', '截止本期变更', '</th>');
-        html.push('<th class="text-center">', '截止本期完成', '</th>');
-        html.push('<th class="text-center">', '截止上期完成', '</th>');
-        html.push('<th class="text-center">', '本期应付', '</th>');
-        html.push('<th class="text-center">', '截止本期应付', '</th>');
+        html.push('<table class="table table-hover table-bordered">');
+        html.push('<thead>', '<tr>');
+        html.push('<th class="text-center" style="width: 23%">', '标段名称', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '计量模式', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '计量期数', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '审批状态', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '0号台帐', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '本期完成', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '截止本期合同', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '截止本期变更', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '截止本期完成', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '截止上期完成', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '本期应付', '</th>');
+        html.push('<th class="text-center" style="width: 7%">', '截止本期应付', '</th>');
         html.push('</tr>', '</thead>');
         parentId = 0;
         for (const t of tenderTree) {

+ 7 - 7
app/public/js/tender_list_manage.js

@@ -301,13 +301,13 @@ function recursiveGetTenderNodeHtml (node, arr, pid) {
 }
 function getTenderTreeHeaderHtml() {
     const html = [];
-    html.push('<table class="table table-hover table-bordered" style="margin-top: 25px">');
-    html.push('<thead style="position: fixed;left:56px;top: 34px">', '<tr>');
-    html.push('<th class="text-center">', '标段名称', tenderListOrder.getOrderButton('name'), '</th>');
-    html.push('<th class="text-center">', '创建人', '</th>');
-    html.push('<th class="text-center">', '创建时间', tenderListOrder.getOrderButton('create_time'), '</th>');
-    html.push('<th class="text-center">', '完成期数', '</th>');
-    html.push('<th class="text-center">', '管理', '</th>');
+    html.push('<table class="table table-hover table-bordered">');
+    html.push('<thead>', '<tr>');
+    html.push('<th class="text-center" style="width: 45%">', '标段名称', tenderListOrder.getOrderButton('name'), '</th>');
+    html.push('<th class="text-center" style="width: 10%">', '创建人', '</th>');
+    html.push('<th class="text-center" style="width: 15%">', '创建时间', tenderListOrder.getOrderButton('create_time'), '</th>');
+    html.push('<th class="text-center" style="width: 10%">', '完成期数', '</th>');
+    html.push('<th class="text-center" style="width: 20%">', '管理', '</th>');
     html.push('</tr>', '</thead>');
     return html.join('');
 }

+ 6 - 6
app/public/js/tender_list_progress.js

@@ -350,12 +350,12 @@ function recursiveGetTenderNodeHtml (node, arr, pid) {
 function getTenderTreeHtml () {
     if (tenderTree.length > 0) {
         const html = [];
-        html.push('<table class="table table-hover table-bordered" style="margin-top: 25px">');
-        html.push('<thead style="position: fixed;left:56px;top: 34px">', '<tr>');;
-        html.push('<th width="60%" class="text-center">', '标段名称', '</th>');
-        html.push('<th width="120" class="text-center">', '计量期数', '</th>');
-        html.push('<th width="10%" class="text-center">', '总价 <i class="fa fa-question-circle text-primary"  data-placement="bottom" data-toggle="tooltip" data-original-title="0号台账+截止本期数量变更"></i>', '</th>');
-        html.push('<th class="text-center">', '截止上期完成/本期完成/未完成', '</th>');
+        html.push('<table class="table table-hover table-bordered">');
+        html.push('<thead>', '<tr>');
+        html.push('<th style="width: 35%" class="text-center">', '标段名称', '</th>');
+        html.push('<th style="width: 10%" class="text-center">', '计量期数', '</th>');
+        html.push('<th style="width: 10%" class="text-center">', '总价 <i class="fa fa-question-circle text-primary"  data-placement="bottom" data-toggle="tooltip" data-original-title="0号台账+截止本期数量变更"></i>', '</th>');
+        html.push('<th style="width: 45%" class="text-center">', '截止上期完成/本期完成/未完成', '</th>');
         html.push('</tr>', '</thead>');
         parentId = 0;
         for (const t of tenderTree) {

+ 5 - 4
app/public/js/tender_showhide.js

@@ -54,10 +54,11 @@ function localHideList() {
 $(window).resize(setTopTr);
 // 设置表头固定并动态调整宽度高度
 function setTopTr() {
-    for(let item = 0; item < $(".c-body table>thead>tr>th").length; item ++) {
-        $(".c-body table>thead>tr>th").eq(item).outerWidth($(".c-body table>tbody>tr:first").children('td').eq(item).outerWidth());
-    }
-    $('.c-body table').css('margin-top', $(".c-body table>thead").height() - 4);
+    // for(let item = 0; item < $(".c-body table>thead>tr>th").length; item ++) {
+    //     $(".c-body table>thead>tr>th").eq(item).outerWidth($(".c-body table>tbody>tr:first").children('td').eq(item).outerWidth());
+    // }
+    //$('.c-body table').css('margin-top', $(".c-body table>thead").height() - 4);
+    $('.c-body table').css('margin-top', -2);
 }
 
 function doTrStatus(node, status, all = '') {