Commit @aec2585d169104c98c7df3035968031d922e265f

박민혁 2024-01-17

240117 박민혁 품질지표조회 스타일 수정

@aec2585d169104c98c7df3035968031d922e265f

719c123

aec2585

client/views/pages/dbManagement/DqiList.vue

--- client/views/pages/dbManagement/DqiList.vue

+++ client/views/pages/dbManagement/DqiList.vue


 
     <div class="content">
       <div class="table-zone">
-        <table class="form-table">
-          <tbody>
+        <table class="form-table dqi-table">
+          <colgroup>
+            <col width="5%" />
+            <col width="15%" />
+            <col width="15%" />
+            <col width="15%" />
+            <col width="50%" />
+          </colgroup>
+          <thead>
             <tr>
-              <!-- 앞의 메뉴에서 진행한 검사 결과 간략 표기 -->
               <th>No.</th>
               <th>상위품질지표명</th>
               <th>품질지표명</th>
               <th>검증유형</th>
               <th>데이터품질지표설명</th>
             </tr>
+          </thead>
+          <tbody>
             <!-- 상위품질지표명 rowspan -->
-            <tr
-              class="text-ct"
-              v-for="(item, index) in dataList"
-              :key="item.dqi_nm_high"
-            >
+            <tr class="text-ct" v-for="(item, index) in dataList" :key="item.dqi_nm_high">
               <td>{{ index + 1 }}</td>
-              <td
-                v-if="
-                  index === 0 ||
-                  item.dqi_nm_high !== dataList[index - 1].dqi_nm_high
-                "
-                :rowspan="getRowSpan(dataList, item)"
-              >
+              <td v-if="index === 0 ||
+                item.dqi_nm_high !== dataList[index - 1].dqi_nm_high
+                " :rowspan="getRowSpan(dataList, item)">
                 {{ item.dqi_nm_high }}
               </td>
               <td>{{ item.dqi_nm }}</td>

 </script>
 
 <style>
-th:nth-child(1) {
-  width: 5%;
-}
-
-th:nth-child(2) {
-  width: 15%;
-}
-
-th:nth-child(3) {
-  width: 15%;
-}
-
-th:nth-child(4) {
-  width: 15%;
-}
-
-th:nth-child(5) {
-  width: 50%;
-}
-
 .explain {
   text-align: left;
 }

Add a comment

Open 0
Closed 0

List

...	...	@@ -9,30 +9,30 @@
9	9
10	10	<div class="content">
11	11	<div class="table-zone">
12		- <table class="form-table">
13		- <tbody>
	12	+ <table class="form-table dqi-table">
	13	+ <colgroup>
	14	+ <col width="5%" />
	15	+ <col width="15%" />
	16	+ <col width="15%" />
	17	+ <col width="15%" />
	18	+ <col width="50%" />
	19	+ </colgroup>
	20	+ <thead>
14	21	<tr>
15		- <!-- 앞의 메뉴에서 진행한 검사 결과 간략 표기 -->
16	22	<th>No.</th>
17	23	<th>상위품질지표명</th>
18	24	<th>품질지표명</th>
19	25	<th>검증유형</th>
20	26	<th>데이터품질지표설명</th>
21	27	</tr>
	28	+ </thead>
	29	+ <tbody>
22	30	<!-- 상위품질지표명 rowspan -->
23		- <tr
24		- class="text-ct"
25		- v-for="(item, index) in dataList"
26		- :key="item.dqi_nm_high"
27		- >
	31	+ <tr class="text-ct" v-for="(item, index) in dataList" :key="item.dqi_nm_high">
28	32	<td>{{ index + 1 }}</td>
29		- <td
30		- v-if="
31		- index === 0 \|\|
32		- item.dqi_nm_high !== dataList[index - 1].dqi_nm_high
33		- "
34		- :rowspan="getRowSpan(dataList, item)"
35		- >
	33	+ <td v-if="index === 0 \|\|
	34	+ item.dqi_nm_high !== dataList[index - 1].dqi_nm_high
	35	+ " :rowspan="getRowSpan(dataList, item)">
36	36	{{ item.dqi_nm_high }}
37	37	</td>
38	38	<td>{{ item.dqi_nm }}</td>
...	...	@@ -96,26 +96,6 @@
96	96	</script>
97	97
98	98	<style>
99		-th:nth-child(1) {
100		- width: 5%;
101		-}
102		-
103		-th:nth-child(2) {
104		- width: 15%;
105		-}
106		-
107		-th:nth-child(3) {
108		- width: 15%;
109		-}
110		-
111		-th:nth-child(4) {
112		- width: 15%;
113		-}
114		-
115		-th:nth-child(5) {
116		- width: 50%;
117		-}
118		-
119	99	.explain {
120	100	text-align: left;
121	101	}

Delete comment