前端gjy

src/views/contractManagement/purchaseContract.vue

@@ -709,7 +709,7 @@ export default {
   z-index: 2005;
 }
 .vertical-line {
-  height: 100px;
+  height: 64px;
   border-left: 2px solid #e9ecf7;
   margin-left: 4px;
   padding: 0 3px;

src/views/taskManagement/tranManagementTransport.vue

@@ -189,6 +189,9 @@
 import { gain, deltran,states } from '@/model/tasksport/index'
 import Pagination from '@/components/Pagination'
 import WsUpload from '@/components/WsUpload'
+import {
+  billoperatehis
+} from '@/model/contarct/index'
 export default {
   name: 'viewSpareMoney',
   components: {
@@ -264,6 +267,14 @@ export default {
       this.currentPage = 1
       this.getList()
     },
+    history(row) {
+      console.log(row)
+      billoperatehis({ id: row.id })
+        .toPromise()
+        .then((response) => {
+          this.historyList = response
+        })
+    },
     deleteclick(row) {
       //cancelButtonClass: "btn-custom-cancel"
       this.$confirm(`运输任务删除后不可恢复，是否确定删除？`, {
@@ -605,4 +616,34 @@ text-align: center;
 /deep/.typeselect .el-input__inner{
    color: #8890B1;
 }
+// 操作历史
+.vertical-text-left {
+  width: 62px;
+  text-align: right;
+}
+.vertical-circle {
+  width: 10px;
+  height: 10px;
+  border: 2px solid #5878e8;
+  background-color: #ffffff;
+  -webkit-border-radius: 100px;
+}
+.vertical-circle:first-child {
+  color: red;
+}
+.vertical-text {
+  margin: 0 10px;
+  color: #8890b1;
+  font-size: 12px;
+  margin-top: -4px;
+}
+.vertical-line {
+  height: 64px;
+  border-left: 2px solid #e9ecf7;
+  margin-left: 4px;
+  padding: 0 3px;
+  // border-image: -webkit-linear-gradient(#00eba7, #08b8e6) 30 30;
+  // border-image: -moz-linear-gradient(#00eba7, #08b8e6) 30 30;
+  // border-image: linear-gradient(#00eba7, #08b8e6) 30 30;
+}
 </style>