From d8b41fff43a2cee6a8f714ffa807623b15803786 Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Fri, 20 Oct 2023 15:21:35 +0800 Subject: [PATCH] fix:立行立改Uniapp小程序新建项目 --- pages/actionChange/components/basicInfor.vue | 234 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 234 insertions(+), 0 deletions(-) diff --git a/pages/actionChange/components/basicInfor.vue b/pages/actionChange/components/basicInfor.vue new file mode 100644 index 0000000..f7e26bb --- /dev/null +++ b/pages/actionChange/components/basicInfor.vue @@ -0,0 +1,234 @@ +<template> + <view class=""> + <!-- ������������ --> + <view class="workOrderDetail"> + <view class="headerCont"> + <p class="title">������������</p> + <p>���������{{ basicInfor.allocationNum }}</p> + </view> + <u-line color="#bbb" /> + <view> + <view class="mainContent"> + <p class="rowTip"> + <view class="rowTipContenet"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll"> + {{ unitName }} + </text> + </view> + </view> + <view class="rowTipContenet"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll"> + {{ polluteType }} + </text> + </view> + </view> + </p> + <p class="rowTip"> + <view class="rowTipContenet"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <!-- this.dictObj.investigationEnum[val.investigationType] --> + <text class="rowTipContenetAll"> + {{ dictObj.investigationEnum[basicInfor.investigationType] ||'' }} + </text> + </view> + </view> + <view class="rowTipContenet"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll"> + {{ dictObj.changeEnum[basicInfor.changeType] ||'' }} + </text> + </view> + </view> + </p> + <p class="rowTip"> + <view class="rowTipContenet"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll"> + {{ escalationUnitName }} + </text> + </view> + </view> + <view class="rowTipContenet"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">���������:</text> + <text class="rowTipContenetAll">{{ basicInfor.escalationName ||'' }}</text> + </view> + </view> + </p> + <p class="rowTip"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll">{{ basicInfor.escalationTime ||'' }}</text> + </view> + </p> + <p class="rowTip"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll">{{ basicInfor.pollutePosition ||'' }}</text> + </view> + </p> + <p class="rowTip"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text v-if="fileList.length>0" class="rowTipContenetAll"> + <cl-upload + v-model="fileList" + :action="`''`" + :add="false" + cloud-type="other" + :remove="false" + /> + </text> + </view> + </p> + </view> + </view> + </view> + </view> +</template> +<script> +export default { + props: { + basicInfor: { + type: Object, + default: ()=> {} + }, + }, + data() { + return { + polluteList: this.$storage.getJson('polluteList'), + unitList: this.$storage.getJson('unitList'), + dictObj: this.$storage.getJson('dictObj'), + fileList: [], + baseUrl: this.$storage.get('baseUrl'), + } + }, + computed: { + unitName(){ + let data ={} + if(this.basicInfor.unitId){ + data=this.unitList&& this.unitList.find( + (a)=> parseInt(a.unitId) === this.basicInfor.unitId + ) + console.log('nnnnnn', this.unitList) + console.log('nnnnnn', this.basicInfor.unitId) + + } + return data.unitName || '' + }, + escalationUnitName(){ + let data ={} + if(this.basicInfor.unitId){ + data=this.unitList&& this.unitList.find( + (a)=> parseInt(a.unitId) === this.basicInfor.escalationUnitId + ) + console.log('nnnnnn', this.unitList) + console.log('nnnnnn', this.basicInfor.unitId) + + } + return data.unitName || '' + + }, + polluteType(){ + let data ={} + if(this.basicInfor.polluteType){ + data=this.polluteList.find( + (a)=> parseInt(a.dataKey) === this.basicInfor.polluteType + ) + } + return data.dataValue ||'' + } + }, + watch: { + basicInfor: { + handler: function(newValue, oldValue) { + // ������������������ + this.basicInfor=newValue + }, + deep: true + } + }, + onLoad: function (option) { + //option���object������������������������������������������������ + console.log(option) //��������������������������������������� + }, + mounted() { + if(this.basicInfor.fileBaseList&&this.basicInfor.fileBaseList.length>0){ + this.basicInfor.fileBaseList.forEach(item=> { + this.baseUrl='http://120.26.43.34:8081/api/' + let name = item.fileType === 1 ? 'name.png' : '' + this.fileList.push(`${this.baseUrl}/file/preview/${item.fileId}?${name}`) // ������ + this.fileList.push('http://120.26.43.34:8081/api//file/preview/145?name.png') // ������ + }) + console.log('this.fileList', this.basicInfor.fileBaseList) + console.log('this.fileList', this.fileList) + } + + }, + methods: {}, +} +</script> + +<style scoped lang="scss"> +/deep/.u-line { + margin: 19.23rpx 0px !important; +} +.workOrderDetail { + border: 1px solid #bbb; + border-radius: 5px; + min-height: 288.46rpx; + margin: 19.23rpx; + padding: 19.23rpx; + color: #101010; + font-weight: 700; + font-size: 26.92rpx; + .headerCont { + display: flex; + justify-content: space-between; + font-size: 15px; + } + .mainContent { + margin-bottom: 10px; + font-weight: 500; + .rowTip { + display: flex; + padding: 8px 0; + border-bottom: 1px dashed #bbb; + .wholeLine { + display: flex; + width: 100%; + align-items: center; + .rowTipContenetLabel { + min-width: 125rpx; + } + .rowTipContenetAll{ + width: calc(100% - 125rpx); + } + } + + .rowTipContenet { + width: 50%; + text-align: left; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + .butsName { + display: inline-block; + margin-left: 19.23rpx; + color: #1990ff; + } + } + } + .rowTipContenet_right { + text-align: right !important; + } + } +} +</style> -- Gitblit v1.8.0