update code

src/pages/components/ProblemmodifyDetail.vue

@@ -40,7 +40,7 @@
                 <div :class="nav == 3 ? 'head-nav active' : 'head-nav'" @click="doNav(3)">复检驳回({{ count['3'] }})</div>
                 <div :class="nav == 4 ? 'head-nav active' : 'head-nav'" @click="doNav(4)">复检通过({{ count['4'] }})</div>
             </div>
-            <div class="data-list scroll" style="max-height:712px;overflow-y: auto;margin:12px 0px;">
+            <div class="data-list scroll" style="max-height:712px;overflow-y: auto;margin:12px 0px;overflow-x: hidden;">
                 <div v-for="(it, idx) in dataTable" :key="idx" class="data-item" :class="it.checkState!=4 && it.timeout?'time-out':''">
                     <div class="item-left">
                         <el-image ref="preview" style="width: 200px; height: 100px" :preview-src-list="[it.marksPicture]"
@@ -49,21 +49,21 @@
                     </div>
                     <div class="item-right">
                         <div v-if="it.checkState!=4 && it.timeout" class="text-timeout">超时</div>
-                        <el-col :span="24" class="item-data">
+                        <el-col :span="12" class="item-data">
                             <img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">隐患类型:</span>
                             <div class="div-text">{{ getDangerType(it.dangerType) }}</div>
                         </el-col>
-                        <el-col :span="24" class="item-data">
+                        <el-col :span="12" class="item-data">
                             <img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">隐患整改人:</span>
-                            <div class="div-text">{{ it.lordSent }}{{ it.lordSentUser }}</div>
+                            <div class="div-text">{{ it.lordSent }}</div>
                         </el-col>
-                        <el-col :span="24" class="item-data">
+                        <el-col :span="12" class="item-data">
                             <img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">复检人:</span>
-                            <div class="div-text">{{ it.recheckSend }}{{ it.recheckSendUser }}</div>
+                            <div class="div-text">{{ it.recheckSend }}</div>
                         </el-col>
-                        <el-col :span="24" class="item-data">
+                        <el-col :span="12" class="item-data">
                             <img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">抄送人:</span>
-                            <div class="div-text">{{ it.copySend }}{{ it.copySendUser }}</div>
+                            <div class="div-text">{{ it.copySend }}</div>
                         </el-col>
                         <el-col :span="8" class="item-data" v-if="1==2">
                             <img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">流程状态:</span>
@@ -216,6 +216,14 @@ export default {
     }
 
     &.font-size-2 {
+        .head-title-tab{
+            .head-nav{
+                font-size: 32px;
+                height: 48px;
+                line-height: 48px;
+                padding: 0px 48px;
+            }
+        }
         .item-data {
             line-height: 64px;
             font-size: 32px;
@@ -229,6 +237,14 @@ export default {
     }
 
     &.font-size-1 {
+        .head-title-tab{
+            .head-nav{
+                font-size: 24px;
+                height: 30px;
+                line-height: 30px;
+                padding: 0px 30px;
+            }
+        }
         .item-data {
             line-height: 48px;
             font-size: 24px;
@@ -257,6 +273,7 @@ export default {
             border-bottom: solid 1px #fff;
             box-shadow: inset 7px 0px 11px 5px rgb(36 131 167 / 70%);
             display: flex;
+            padding-left: 8px;
             &.time-out{
                 box-shadow: inset 7px 0px 11px 5px rgb(167, 36, 36);
             }

src/pages/projectQuality.vue

@@ -28,7 +28,7 @@
                                 <div class="rank-chart-title bottom-line">
                                     <span style="position: relative;top: -4px;">项目质量隐患占比({{ summaryPrjTotal }})</span></div>
                                 <div class="idle-list problemmodify_list" style="padding-top:20px;">
-                                    <el-table style="width: 100%" ref="wgzp" :data="summaryPrj" height="600"
+                                    <el-table style="width: 100%" ref="wgzp" :data="summaryPrj" height="600" @row-click="doProbleRowClick"
                                                 :row-style="rowStyle" class="elTable">
                                                 <el-table-column type="index" width="40">
                                                     <template slot-scope="scope">
@@ -188,6 +188,7 @@
             </el-row>
         </div>
     </div> 
+    <ProblemmodifyDetail ref="probDlg"></ProblemmodifyDetail>
     </div>
 </template>
 
@@ -201,8 +202,11 @@ import '../components/project-overview-chart2'
 import '../components/rank-chart'
 import '../components/idle-list-chart'
 import '../components/people-number'
-
+import ProblemmodifyDetail from './components/ProblemmodifyDetail.vue'
 export default {
+    components:{
+        ProblemmodifyDetail
+    },
     data() {
             return {
                 elKey:0,
@@ -254,7 +258,10 @@ export default {
                 this.doDeptChane();
             });
         },
-        methods: {    
+        methods: { 
+            doProbleRowClick(a,b,c){
+                this.$refs.probDlg.showDialog(a,1);
+            },   
             fmt(n){
                 n=""+n;
                 return "          ".substring(0,3-n.length)+n;