Skip to content

frontend / qqxb-self-service

Go to a project
Commit 6099b3bd by cocomilk2012
Options

update

parent 0ca92150
Inline Side-by-side
Showing with 108 additions and 79 deletions
src/views/FlexEmployee.vue
...@@ -9,71 +9,71 @@ ...@@ -9,71 +9,71 @@
<p>{{ birthday }}</p> <p>{{ birthday }}</p>
</div> </div>
</div> </div>
<div class="person-information-bottom"> <div class="info-card-bottom">
<div <p>
class="person-information-bottom-child" <label>已接任务</label>
id="person-information-yjrw" <span>{{ accept_work }}</span>
> </p>
<h3>{{ accept_work }}</h3> <p>
<p>已接任务</p> <label>完成任务</label>
</div> <span>{{ perform_work }}</span>
<div </p>
class="person-information-bottom-child" <p>
id="person-information-wcrw" <label>应收报酬</label>
> <span>{{ Payment_receivable }}</span>
<h3>{{ perform_work }}</h3> </p>
<p>完成任务</p> <p>
</div> <label>已收报酬</label>
<div <span>{{ receive_receivable }}</span>
class="person-information-bottom-child" </p>
id="person-information-ysbc"
>
<h3>{{ Payment_receivable }}</h3>
<p>应收报酬</p>
</div>
<div
class="person-information-bottom-child"
id="person-information-yysbc"
>
<h3>{{ receive_receivable }}</h3>
<p>已收报酬</p>
</div>
</div> </div>
</div> </div>
<div class="green-bg"> <van-popup
<div class="fe-list-box"> v-model="showPopup"
<div class="fe-list-title"> :overlay="!showPopup"
<h3>任务记录</h3> :close-on-click-overlay="!showPopup"
</div> round
<a position="bottom"
class="fe-list-child" :style="popupStyle"
href="javascript:void(0)" >
v-for="item in taskRecordList" <div class="close-box">
:key="item.id" <img src="../assets/images/ic_unfold@2x.png" />
@click="toDetail(item.id)" </div>
> <div class="green-bg">
<div class="fe-list-child-left"> <div class="fe-list-box" @click="expand_click">
<h3> <div class="fe-list-title">
{{ <h3>任务记录</h3>
item.title.length > 20
? item.title.substring(0, 19) + "..."
: item.title
}}
</h3>
<p>{{ item.createTime | format }}</p>
</div> </div>
<div class="fe-list-child-right"> <a
<div class="fe-list-child-right-desc"> class="fe-list-child"
<h3>￥{{ Number(item.paidSalary / 100).toFixed(2) }}</h3> href="javascript:void(0)"
<p :style="matchColor(item.billStatus)"> v-for="item in taskRecordList"
{{ item.billStatus }} :key="item.id"
</p> @click="toDetail(item.id)"
>
<div class="fe-list-child-left">
<h3>
{{
item.title.length > 20
? item.title.substring(0, 19) + "..."
: item.title
}}
</h3>
<p>{{ item.createTime | format }}</p>
</div> </div>
<img src="../assets/images/agent/next_gray.png" alt /> <div class="fe-list-child-right">
</div> <div class="fe-list-child-right-desc">
</a> <h3>￥{{ Number(item.paidSalary).toFixed(2) }}</h3>
<p :style="matchColor(item.billStatus)">
{{ item.billStatus }}
</p>
</div>
<img src="../assets/images/agent/next_gray.png" alt />
</div>
</a>
</div>
</div> </div>
</div> </van-popup>
</div> </div>
<div class="empty_data" v-if="showList == 0"> <div class="empty_data" v-if="showList == 0">
<p> <p>
...@@ -81,22 +81,18 @@ ...@@ -81,22 +81,18 @@
<br />暂无相关记录 <br />暂无相关记录
</p> </p>
</div> </div>
<div class="white_slide"></div>
</div> </div>
</template> </template>
<script lang='ts'> <script lang='ts'>
import { Popup } from "vant";
import { Component, Vue } from "vue-property-decorator"; import { Component, Vue } from "vue-property-decorator";
// import { toMoney, formatDate, isNull } from "../utils/public";
@Component({ @Component({
// filters: { components: {
// money: (value: String, isSymbol: boolean, isConvertPoint: boolean) => [Popup.name]: Popup
// toMoney(value, isSymbol, isConvertPoint), }
// format: (value: String, pattern: String) => {
// return value.replace(/\d{2}:\d{2}:\d{2}/i, "");
// },
// isEmpty: (value: string) => isNull(value)
// }
}) })
export default class FlexEmployee extends Vue { export default class FlexEmployee extends Vue {
private name: string = ""; //入参 private name: string = ""; //入参
...@@ -109,7 +105,20 @@ export default class FlexEmployee extends Vue { ...@@ -109,7 +105,20 @@ export default class FlexEmployee extends Vue {
private fullName: string = ""; private fullName: string = "";
private taskRecordList: any = null; private taskRecordList: any = null;
private showList: number = -1; private showList: number = -1;
private showPopup: boolean = true;
private expand: boolean = true;
get popupStyle() {
if (this.expand) {
return { height: "66%" };
} else {
return { height: "86%" };
}
}
private expand_click() {
this.expand = !this.expand;
}
private toDetail(id: any): void { private toDetail(id: any): void {
this.$router.push({ name: "FlexEmployeeDetial", query: { id } }); this.$router.push({ name: "FlexEmployeeDetial", query: { id } });
} }
...@@ -155,6 +164,22 @@ export default class FlexEmployee extends Vue { ...@@ -155,6 +164,22 @@ export default class FlexEmployee extends Vue {
</script> </script>
<style lang="less"> <style lang="less">
.fe-bigbox {
min-height: 667px;
background: #19b370;
}
.info-card-bottom {
margin-top: 40px;
}
.info-card-bottom p {
color: #d3f1e4;
font-size: 13px;
line-height: 18px;
margin-bottom: 8px;
display: flex;
justify-content: space-between;
}
.empty_data { .empty_data {
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -170,19 +195,10 @@ export default class FlexEmployee extends Vue { ...@@ -170,19 +195,10 @@ export default class FlexEmployee extends Vue {
text-align: center; text-align: center;
margin-top: 256px; margin-top: 256px;
} }
.green-bg {
background-color: #19b370;
position: absolute;
top: 180px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: auto;
}
.person-information { .person-information {
background-color: #19b370; background-color: #19b370;
width: 100%; width: 100%;
height: 180px;
padding: 20px 16px 0 16px; padding: 20px 16px 0 16px;
} }
.person-information-top { .person-information-top {
...@@ -300,4 +316,16 @@ export default class FlexEmployee extends Vue { ...@@ -300,4 +316,16 @@ export default class FlexEmployee extends Vue {
text-align: right; text-align: right;
// color: #077aec; // color: #077aec;
} }
.close-box {
width: 100%;
height: 24px;
padding-top: 10px;
cursor: pointer;
}
.close-box img {
display: block;
width: 32px;
height: 4px;
margin: 0 auto;
}
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment