feat: 修改合同

This commit is contained in:
2025-08-28 17:17:42 +08:00
parent b76360992e
commit a51eef85fa
+39 -9
View File
@@ -11,8 +11,7 @@
<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>
@@ -49,11 +48,11 @@ export default {
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: '信任桥会员 章三' },
@@ -95,7 +94,7 @@ export default {
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;
@@ -110,9 +109,31 @@ 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>
@@ -127,6 +148,7 @@ export default {
// padding: 0 32rpx; // padding: 0 32rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
.bottom-btn { .bottom-btn {
width: 100%; width: 100%;
display: flex; display: flex;
@@ -134,11 +156,13 @@ export default {
bottom: 80rpx; bottom: 80rpx;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
.left-btn { .left-btn {
width: 48%; width: 48%;
background: #E4D6FD; background: #E4D6FD;
border-radius: 8rpx; border-radius: 8rpx;
} }
.right-btn { .right-btn {
width: calc(100% - 60rpx); width: calc(100% - 60rpx);
height: 88rpx; height: 88rpx;
@@ -146,6 +170,7 @@ export default {
border-radius: 8rpx; border-radius: 8rpx;
} }
} }
.bottom { .bottom {
display: flex; display: flex;
padding: 40rpx 46rpx; padding: 40rpx 46rpx;
@@ -157,23 +182,27 @@ export default {
width: 100%; width: 100%;
min-height: 216rpx; min-height: 216rpx;
} }
.top-info { .top-info {
width: 100%; width: 100%;
min-height: 440rpx; 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 { .right-view {
height: 100%; height: 100%;
flex: 1; flex: 1;
flex-direction: column; flex-direction: column;
display: flex; display: flex;
margin-left: 46rpx; margin-left: 46rpx;
.bottom-panel { .bottom-panel {
width: 100%; width: 100%;
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.list-right { .list-right {
width: 238rpx; width: 238rpx;
margin-left: 40rpx; margin-left: 40rpx;
@@ -182,6 +211,7 @@ export default {
} }
} }
} }
image { image {
width: 200rpx; width: 200rpx;
height: 260rpx; height: 260rpx;