charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: 修改合同

Browse Source
This commit is contained in:
charles
2025-08-28 17:17:42 +08:00
parent b76360992e
commit a51eef85fa
1 changed files with 107 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/rwa_package/dongjian/check.vue
+107 -77
View File
@@ -8,11 +8,10 @@
<view class="right-view"> <view class="right-view">
<text class="text-36 text-zu">消费型合伙人协议</text> <text class="text-36 text-zu">消费型合伙人协议</text>
<view class="bottom-panel"> <view class="bottom-panel">
<view class="flex-r-lr mt-24" v-for="(item,index) in dataList" :key="dataList.value"> <view class="flex-r-lr mt-24" v-for="(item, index) in dataList" :key="dataList.value">
<text class="text-fu text-24">{{item.text}}</text> <text class="text-fu text-24">{{ item.text }}</text>
<view class="list-right"> <view class="list-right">
<text class="text-24" <text class="text-24" :class="{ 'text-lu': index == 0, 'text-zu': index != 0 }">{{ item.value }}</text>
:class="{'text-lu':index == 0,'text-zu':index != 0}">{{item.value}}</text>
</view> </view>
</view> </view>
</view> </view>
@@ -20,13 +19,13 @@
</view> </view>
<text class="text-zu text-32 mt-32" style="margin-left:38rpx">合同签约人信息</text> <text class="text-zu text-32 mt-32" style="margin-left:38rpx">合同签约人信息</text>
<view class="bottom"> <view class="bottom">
<view class="bottom-lsit" v-for="(item,index) in bottomList" :key="item.value"> <view class="bottom-lsit" v-for="(item, index) in bottomList" :key="item.value">
<text class="text-24 text-fu" style="min-width:184rpx;display: inline-block;">{{item.text}}</text> <text class="text-24 text-fu" style="min-width:184rpx;display: inline-block;">{{ item.text }}</text>
<text class="text-24 text-zu">{{item.value}}</text> <text class="text-24 text-zu">{{ item.value }}</text>
</view> </view>
</view> </view>
<view class="bottom-btn"> <view class="bottom-btn">
<view class="right-btn flex-c" @click="onOpen"> <view class="right-btn flex-c" @click="onOpen">
<text class="text-white text-32">下载合同</text> <text class="text-white text-32">下载合同</text>
</view> </view>
@@ -41,45 +40,45 @@ import { getUserInfo } from '@/api/auth.js';
import Header from '@/components/common/header.vue'; import Header from '@/components/common/header.vue';
import TopSafe from '@/components/common/top-safe.nvue' import TopSafe from '@/components/common/top-safe.nvue'
import ContractItem from './components/contract-item.vue' import ContractItem from './components/contract-item.vue'
import { getContractList,fileUrls } from '@/api/contract.js' import { getContractList, fileUrls } from '@/api/contract.js'
import func from '@/utils/func.js'; import func from '@/utils/func.js';
export default { export default {
components: { Header,TopSafe,ContractItem }, components: { Header, TopSafe, ContractItem },
data() { data() {
return { return {
dataList:[ dataList: [
{text:'合同状态',value:'签约完成'}, { text: '合同状态', value: '' },
{text:'合同编号',value:'69485222011627525'}, { text: '合同编号', value: '' },
{text:'发起方',value:'信任桥（深圳）网络科技有限公司'}, { text: '发起方', value: '信任桥（深圳）网络科技有限公司' },
{text:'发起时间',value:'2025-08-11 12:00:00'}, { text: '发起时间', value: '' },
{text:'完成结束时间',value:'2025-08-11 12:00:00'}, { text: '完成结束时间', value: '' },
], ],
bottomList:[ bottomList: [
{text:'签约人',value:'信任桥会员 章三'}, { text: '签约人', value: '信任桥会员 章三' },
{text:'状态',value:'已签署'}, { text: '状态', value: '已签署' },
{text:'时间',value:'2025-08-11 12:00:00'}, { text: '时间', value: '2025-08-11 12:00:00' },
], ],
obj:null, obj: null,
url:'' url: ''
}; };
}, },
onLoad(option) { onLoad(option) {
this.init(); this.init();
}, },
methods: { methods: {
init(){ init() {
this.isSignContract() this.isSignContract()
}, },
getfileUrls(){ getfileUrls() {
let params = { let params = {
businessType:'FLOW', businessType: 'FLOW',
businessIds:[this.obj.flowId] businessIds: [this.obj.flowId]
} }
fileUrls(params).then(res=>{ fileUrls(params).then(res => {
if(res.bizcode == 100){ if (res.bizcode == 100) {
this.url = res.data.fileUrls[0].url; this.url = res.data.fileUrls[0].url;
}else{ } else {
this.$refs.uToastRef.show({ this.$refs.uToastRef.show({
type: 'error', type: 'error',
message: res.msg, message: res.msg,
@@ -87,21 +86,21 @@ export default {
} }
}) })
}, },
isSignContract(){ isSignContract() {
getContractList().then(res=>{ getContractList().then(res => {
if(res.bizcode == 100){ if (res.bizcode == 100) {
this.obj = JSON.parse(JSON.stringify(res.data[0])); this.obj = JSON.parse(JSON.stringify(res.data[0]));
this.obj.time = func.formatDate(new Date(res.data[0].signatureTime),2); this.obj.time = func.formatDate(new Date(res.data[0].signatureTime), 2);
this.obj.details.startTime = func.formatDate(new Date(res.data[0].details.startTime),2); this.obj.details.startTime = func.formatDate(new Date(res.data[0].details.startTime), 2);
this.obj.details.endTime = func.formatDate(new Date(res.data[0].details.endTime),2); this.obj.details.endTime = func.formatDate(new Date(res.data[0].details.endTime), 2);
this.dataList[2].value = this.obj.flowId; // this.dataList[2].value = this.obj.flowId;
this.dataList[3].value = this.obj.details.startTime; this.dataList[3].value = this.obj.details.startTime;
this.dataList[4].value = this.obj.details.endTime; this.dataList[4].value = this.obj.details.endTime;
this.bottomList[0].value = this.obj.signatureName; this.bottomList[0].value = this.obj.signatureName;
this.bottomList[2].value = this.obj.time; this.bottomList[2].value = this.obj.time;
this.getfileUrls(); this.getfileUrls();
}else{ } else {
this.$refs.uToastRef.show({ this.$refs.uToastRef.show({
type: 'error', type: 'error',
message: res.msg, message: res.msg,
@@ -109,84 +108,115 @@ export default {
} }
}) })
}, },
onOpen(){ onOpen() {
// window.open(this.obj.contractName,'_blank') // #ifdef APP-PLUS
window.open(this.url,'_blank') uni.downloadFile({
} url: this.url,
success: (res) => {
if (res.statusCode === 200) {
uni.saveFile({
tempFilePath: res.tempFilePath,
success: (res) => {
uni.openDocument({
filePath: res.savedFilePath,
success: (res) => {
console.log('打开文档成功')
}
})
}
})
}
}
})
// #endif
// #ifdef H5
window.open(this.url, '_blank')
// #endif
},
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.contract-view{ .contract-view {
width:100%; width: 100%;
height:calc(100% - 88rpx - var(--status-bar-height)); height: calc(100% - 88rpx - var(--status-bar-height));
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
// padding: 0 32rpx; // padding: 0 32rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
.bottom-btn{
width:100%; .bottom-btn {
width: 100%;
display: flex; display: flex;
position: absolute; position: absolute;
bottom:80rpx; bottom: 80rpx;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
.left-btn{
width:48%; .left-btn {
width: 48%;
background: #E4D6FD; background: #E4D6FD;
border-radius: 8rpx; border-radius: 8rpx;
} }
.right-btn{
width:calc(100% - 60rpx); .right-btn {
height:88rpx; width: calc(100% - 60rpx);
background: linear-gradient( 270deg, #B164FB 0%, #7934F6 100%); height: 88rpx;
background: linear-gradient(270deg, #B164FB 0%, #7934F6 100%);
border-radius: 8rpx; border-radius: 8rpx;
} }
} }
.bottom{
.bottom {
display: flex; display: flex;
padding: 40rpx 46rpx; padding: 40rpx 46rpx;
box-sizing: border-box; box-sizing: border-box;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
margin-top:24rpx; margin-top: 24rpx;
background-color: #fff; background-color: #fff;
width:100%; width: 100%;
min-height:216rpx; min-height: 216rpx;
} }
.top-info{
width:100%; .top-info {
min-height:440rpx; width: 100%;
min-height: 440rpx;
padding: 68rpx 32rpx 64rpx; padding: 68rpx 32rpx 64rpx;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
.right-view{
height:100%; .right-view {
flex:1; height: 100%;
flex: 1;
flex-direction: column; flex-direction: column;
display: flex; display: flex;
margin-left:46rpx; margin-left: 46rpx;
.bottom-panel{
width:100%; .bottom-panel {
flex:1; width: 100%;
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.list-right{
width:238rpx; .list-right {
margin-left:40rpx; width: 238rpx;
word-break:break-all; margin-left: 40rpx;
word-break: break-all;
display: flex; display: flex;
} }
} }
} }
image{
width:200rpx; image {
height:260rpx; width: 200rpx;
height: 260rpx;
} }
} }
} }
</style> </style>