历史记录

src/views/complianceAnalysis/components/lsjl.vue

@@ -8,7 +8,7 @@
           range-separator="至"
           start-placeholder="开始日期"
           end-placeholder="结束日期"
-          class="datepicker"
+          class="timePicker datepicker"
           size="mini"
           @change="changedate"
           :default-time="defaultTime1"
@@ -40,38 +40,27 @@
         :key="item.bsm"
         @click="zoomItem(item)"
       >
-        <div>{{ dindex + 1 }}. 项目名称：{{ item.xmmc }}</div>
+        <!-- <div>{{ dindex + 1 }}. 项目名称：{{ item.xmmc }}</div> -->
+        <div class="index">{{ dindex + 1 }}</div>
+        <div class="nameTitle">{{ item.xmmc }}</div>
         <div>建设单位：{{ item.jsdw }}</div>
         <div class="item_bottom">
-          <el-tag type="warning" size="mini" v-if="item.rwzt == 0">创建</el-tag>
-          <el-tag size="mini" v-if="item.rwzt == 1">执行中</el-tag>
-          <el-tag type="success" size="mini" v-if="item.rwzt == 2">完成</el-tag>
-          <el-tag type="danger" size="mini" v-if="item.rwzt == 3">错误</el-tag>
+          <el-tag type="warning" v-if="item.rwzt == 0">创建</el-tag>
+          <el-tag v-if="item.rwzt == 1">执行中</el-tag>
+          <el-tag type="success" v-if="item.rwzt == 2">完成</el-tag>
+          <el-tag type="danger" v-if="item.rwzt == 3">错误</el-tag>
           <div>
-            <el-button type="primary" size="mini" @click.stop="checkRz(item)"
-              >日志</el-button
+            <span class="button" @click.stop="checkRz(item)">日志</span>
+            <span class="button" @click="checkDetails(item)">结果</span>
+            <span class="button" v-if="item.fxbg" @click.stop="report(item)"
+              >报告</span
             >
-            <el-button
-              type="primary"
-              size="mini"
-              style="margin-left: 5px"
-              @click="checkDetails(item)"
-              >结果</el-button
-            >
-            <el-button
-              v-if="item.fxbg"
-              type="primary"
-              size="mini"
-              style="margin-left: 5px"
-              @click.stop="report(item)"
-              >报告</el-button
-            >
-            <!-- <el-button
-              size="mini"
+            <!-- <span
+             
               style="margin-left: 5px"
               @click.stop="del(item)"
               v-if="item.rwzt == 2 || item.rwzt == 3"
-              >删除</el-button
+              >删除</span
             > -->
           </div>
         </div>
@@ -161,8 +150,8 @@ export default {
     },
 
     changeForm() {
-      // this.pageObj.page = 1;
-      // this.getData();
+      this.pageObj.page = 1;
+      this.getData();
     },
     changedate(val) {
       if (val) {
@@ -176,16 +165,16 @@ export default {
     },
 
     getData() {
-      this.$emit("updateParent", "loading", true);
-      GetPage({ ...this.pageObj }).then((res) => {
-        setTimeout(() => {
-          this.$emit("updateParent", "loading", false);
-        }, 100);
-        this.pageObj.total = res.recordstotal;
-        this.pageObj.page = res.page;
-        this.pageObj.allpage = res.totalpages;
-        this.datalist = res.data;
-      });
+      // this.$emit("updateParent", "loading", true);
+      // GetPage({ ...this.pageObj }).then((res) => {
+      //   setTimeout(() => {
+      //     this.$emit("updateParent", "loading", false);
+      //   }, 100);
+      //   this.pageObj.total = res.recordstotal;
+      //   this.pageObj.page = res.page;
+      //   this.pageObj.allpage = res.totalpages;
+      //   this.datalist = res.data;
+      // });
     },
     zoomItem(item) {
       this.now = item.bsm;
@@ -237,25 +226,73 @@ export default {
     overflow-x: hidden;
     overflow-y: auto;
     color: #fff;
-    line-height: 40px;
 
     .dataItem {
-      height: 150px;
-      border: 1px dashed #02a7f0;
-      padding: 10px 20px;
+      height: 80px;
+      border-bottom: 1px solid #667e8f;
+      padding-left: 30px;
       position: relative;
       margin-bottom: 10px;
+      color: #cddeeb;
+      line-height: 20px;
     }
     .dataItem:hover,
     .dataItemHight {
-      border: 1px solid #02a7f0;
+      // border: 1px solid #02a7f0;
       background-color: rgba(64, 158, 255, 0.2);
     }
+    .index {
+      width: 30px;
+      height: 100%;
+      line-height: 70px;
+      font-weight: bold;
+      font-size: 16px;
+      color: #ffffff;
+      text-align: center;
+      position: absolute;
+      left: 0;
+    }
+    .nameTitle {
+      color: #ffffff;
+      font-size: 16px;
+      line-height: 20px;
+    }
     .item_bottom {
       display: flex;
       justify-content: space-between;
+      margin-top: 5px;
       .el-tag {
-        margin-top: 14px;
+        // margin-top: 14px;
+        width: 48px;
+        height: 18px;
+        line-height: 18px;
+        position: absolute;
+        top: 0;
+        right: 0;
+        color: #fff;
+
+        border-radius: 0px 0px 2px 14px;
+        border-color: transparent;
+      }
+      .el-tag--success {
+        background: linear-gradient(
+          170deg,
+          rgba(0, 200, 128, 0.6) 0%,
+          rgba(155, 255, 139, 0.7) 100%
+        );
+      }
+      .button {
+        width: 48px;
+        height: 20px;
+        font-size: 14px;
+        line-height: 20px;
+        color: #b6e0ff;
+        text-align: center;
+        display: inline-block;
+        background-image: url("/static/images/ghzc/btnbg.png");
+        background-size: 100% 100%;
+        cursor: pointer;
+        margin-right: 8px;
       }
     }
   }