Browse Source

备份面谈代码

雷佳斌 2 weeks ago
parent
commit
e80c9d1cb5

+ 38 - 0
src/pages/interview/components/InteractList.jsx

@@ -0,0 +1,38 @@
+import { View } from "@tarojs/components";
+import React, { Component } from "react";
+import { AtFloatLayout, AtTimeline } from "taro-ui";
+
+import 'taro-ui/dist/style/components/float-layout.scss';
+import 'taro-ui/dist/style/components/button.scss';
+
+
+class InteractList extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+    }
+
+    this.handleClose = this.handleClose.bind(this);
+  }
+
+  handleClose() {
+    this.props.onClose();
+  }
+
+  render() {
+    const hisItems = this.props.list.map(record => {
+        return { title: record.createTime, content: [record[this.props.type] || '空'] }
+    })
+    return (
+        <AtFloatLayout isOpened={this.props.isOpened} title={this.props.title} scrollY onClose={this.handleClose}>
+            <AtTimeline 
+                pending 
+                items={hisItems}
+            >
+            </AtTimeline>
+        </AtFloatLayout>
+    )
+  }
+}
+
+export default InteractList;

File diff suppressed because it is too large
+ 2183 - 0
src/pages/interview/index.jsx


+ 237 - 0
src/pages/interview/index.less

@@ -0,0 +1,237 @@
+.customerProfile {
+  min-height: calc(100vh - 30px);
+  background: #F5F5F5;
+  padding-bottom: 30px;
+
+  .titleContent {
+    position: relative;
+    // background: white;
+    // padding: 20px 20px;
+    // border-bottom: 1px #dadada solid;
+
+    .content {
+
+      .name {
+        font-size: 32px;
+        color: #1E90FF;
+        font-weight: bolder;
+        padding-bottom: 10px;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        align-items: flex-start;
+        justify-content: space-between;
+        background: white;
+        padding: 20px;
+        margin-bottom: 20px;
+
+        .bod {
+          // border-bottom: 2px solid #1E90FF;
+          // padding-bottom: 10px;
+        }
+
+        .share {
+          margin: 0;
+          padding: 0;
+          font-size: 26px;
+          line-height: 24px;
+          color: #1E90FF;
+          padding: 10px 30px;
+          border: 1px solid #1E90FF;
+          border-radius: 30px;
+        }
+
+      }
+
+      .button {
+        display: flex;
+        flex-direction: row-reverse;
+        padding: 20px 20px 0;
+        background: white;
+
+        .but {
+          background: #1E90FF;
+          padding: 10px 15px;
+          color: #FFFFFF;
+          font-size: 26px;
+          border-radius: 8px;
+          margin-left: 20px;
+
+        }
+
+      }
+
+      .row {
+        background: white;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        padding: 20px 20px;
+
+        .code {
+          font-size: 26px;
+          color: #767272;
+
+        }
+
+        .time {
+          font-size: 26px;
+          color: #767272;
+
+        }
+
+      }
+
+      .first {
+        background: #facd91;
+        padding: 20px 20px;
+
+      }
+
+      .two {
+        background: #81d3f8;
+        padding: 20px 20px;
+
+      }
+
+      .title {
+        font-weight: bolder;
+        margin: 20px 0 10px 0;
+      }
+
+      .tit {
+        display: flex;
+        flex-direction: row;
+        align-items: baseline;
+        justify-content: space-between;
+        font-size: 28px;
+        font-weight: bolder;
+        margin-top: 15px;
+        margin-bottom: 5px;
+
+        .up {
+          background: #70B603;
+          color: #FFFFFF;
+          padding: 10px 20px;
+          font-size: 26px;
+          border-radius: 8px;
+          font-weight: 400;
+
+        }
+
+        .txt {
+          color: red;
+          font-weight: 400;
+          font-size: 20px;
+        }
+
+      }
+
+      .val {
+        position: relative;
+        font-size: 26px;
+        margin-bottom: 5px;
+
+        .num {
+          font-weight: bolder;
+          color: #1E90FF;
+        }
+
+        .mask {
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          background: #facd91;
+          z-index: 99;
+
+        }
+
+      }
+
+    }
+
+  }
+
+}
+
+.selectTitle {
+  font-weight: bolder;
+  margin-bottom: 10px;
+  font-size: 28px;
+  display: flex;
+  flex-direction: row;
+}
+
+.additem {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 22px;
+  color: #4395ff;
+  margin-bottom: 15px;
+
+  .txt {
+    width: 16%;
+    display: flex;
+    // flex: 1;
+  }
+
+  .mobile {
+    width: 30%;
+  }
+
+  .bt {
+    padding: 4px 10px;
+    background: #4395ff;
+    color: #FFFFFF;
+    border-radius: 6px;
+    margin-left: 15px;
+
+  }
+
+  .bts {
+    padding: 4px 10px;
+    color: #4395ff;
+    margin-left: 15px;
+
+  }
+
+}
+
+.selproject {
+  margin-left: 32px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: 20px;
+
+  .selptxt {
+    background: #f50;
+    padding: 6px 16px;
+    margin: 6px;
+    border-radius: 8px;
+    color: #fff;
+
+  }
+}
+
+.at-input, .at-input-number {
+    padding: 4rpx 0;
+    margin-left: 0rpx;
+}
+
+.at-input-number__btn {
+    display: none;
+}
+
+.at-input-number input {
+    background-color: #fff;
+    height: 44.8rpx;
+}