You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.5 KiB
74 lines
1.5 KiB
1 year ago
|
<template>
|
||
|
<view class="">
|
||
|
<uni-popup ref="popup">
|
||
|
<view class="pop_detail" style="height:500px">
|
||
|
<job-top :dataContent="dataContent"></job-top>
|
||
|
<u-line></u-line>
|
||
|
<scroll-view style="height:400px ">
|
||
|
<slot>
|
||
|
<!-- 每个任务的详情 -->
|
||
|
</slot>
|
||
|
<job-person-info :dataContent="dataContent"></job-person-info>
|
||
|
<u-line></u-line>
|
||
|
<job-setting-info :dataContent="dataContent"></job-setting-info>
|
||
|
</scroll-view>
|
||
|
|
||
|
<view class="uni-flex u-row-center ">
|
||
|
<view class="close_button" @click="closePopup">
|
||
|
关闭</view>
|
||
|
<!-- button 滚动不好使 -->
|
||
|
<!-- <button class="close_button" @click="closePopup">关闭</button> -->
|
||
|
</view>
|
||
|
</view>
|
||
|
</uni-popup>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import jobTop from '@/mycomponents/job/jobTop.vue'
|
||
|
import jobBottom from '@/mycomponents/job/jobBottom.vue'
|
||
|
import jobPersonInfo from '@/mycomponents/job/jobPersonInfo.vue'
|
||
|
import jobSettingInfo from '@/mycomponents/job/jobSettingInfo.vue'
|
||
|
export default {
|
||
|
components: {
|
||
|
jobTop,
|
||
|
jobBottom,
|
||
|
jobPersonInfo,
|
||
|
jobSettingInfo
|
||
|
},
|
||
|
data() {
|
||
|
return {
|
||
|
dataContent: {
|
||
|
type: Object,
|
||
|
default: {}
|
||
|
},
|
||
|
|
||
|
}
|
||
|
},
|
||
|
|
||
|
mounted() {},
|
||
|
props: {
|
||
|
title: {
|
||
|
type: String,
|
||
|
default: ""
|
||
|
},
|
||
|
},
|
||
|
|
||
|
methods: {
|
||
|
openPopup(dataContent, dataList) {
|
||
|
this.dataContent = dataContent;
|
||
|
// this.dataList = dataList;
|
||
|
this.$refs.popup.open('bottom')
|
||
|
},
|
||
|
closePopup() {
|
||
|
this.$refs.popup.close()
|
||
|
},
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style>
|
||
|
|
||
|
|
||
|
</style>
|