From 53ae51f7111fe62f0011d304268cbfe1261b36f1 Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Wed, 15 Nov 2023 08:37:30 +0800 Subject: [PATCH] fix:立行立改添加修改责任单位 --- pages/actionChange/components/basicInfor.vue | 258 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 258 insertions(+), 0 deletions(-) diff --git a/pages/actionChange/components/basicInfor.vue b/pages/actionChange/components/basicInfor.vue new file mode 100644 index 0000000..ca19e88 --- /dev/null +++ b/pages/actionChange/components/basicInfor.vue @@ -0,0 +1,258 @@ +<template> + <view class=""> + <!-- ������������ --> + <view class="workOrderDetail"> + <view class="headerCont"> + <p class="title">������������</p> + <view style="display: flex;align-items: center;"> + <p style="display: inline-block;padding-right: 10px;">���������{{ basicInfor.allocationNum }}</p> + <p class="sharebut"> + <button open-type="share" class="shareAn"> + </button> + <u-icon name="share-square" label='������' labelPos="bottom" bold size='18' color="#efb287" + labelColor="#efb287"></u-icon> + </p> + </view> + </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"> + {{ basicInfor.escalationTime ||'' }} + </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="rowTipContenet"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll"> + {{ basicInfor.unitName }} + </text> + </view> + </view> + <view class="rowTipContenet"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll"> + {{ basicInfor.polluteTypeName }} + </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"> + <text>{{ dictObj.changeEnum[basicInfor.changeType]||'' }}</text> + <!-- <text>{{ basicInfor.residueDay||'' }}</text> --> + </text> + </view> + </view> + </p> + <p class="rowTip"> + <view class="rowTipContenet"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll"> + {{ basicInfor.escalationUnitName }} + </text> + </view> + </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="rowTipContenet" style="width: 100%;"> + <view class="wholeLine"> + <text class="rowTipContenetLabel">������������:</text> + <text class="rowTipContenetAll"> + <text>{{ dictObj.emphasisEnum[basicInfor.keyPoint]||'' }}</text> + </text> + </view> + </view> + </p> + <view class="formItemContent"> + <u--form labelPosition="left" label-width="75" :border-bottom="false" ref="uForm"> + <u-form-item border-bottom label="������������:" :border-bottom="false"> + <view class="fileBox"> + <cl-upload v-if="fileList.length>0" v-model="fileList" :add="false" :action="`''`" + cloud-type="other" :remove="false" /> + </view> + </u-form-item> + </u--form> + </view> + </view> + </view> + </view> + </view> +</template> +<script> + export default { + props: { + basicInfor: { + type: Object, + default: () => {} + }, + }, + data() { + return { + polluteList: [], + unitList: [], + dictObj: JSON.parse(uni.getStorageSync('dictObj') || '[]'), + fileList: [], + baseUrl: this.$storage.get('baseUrl'), + } + }, + computed: {}, + watch: { + basicInfor: { + handler: function(newValue, oldValue) { + // ������������������ + this.basicInfor = newValue + }, + deep: true + } + }, + onLoad: function(option) { + //option���object������������������������������������������������ + console.log(option) //��������������������������������������� + }, + created() { + this.getUnitList() + }, + mounted() { + // ������������������list + console.log('this.basicInfor.fileBaseList', this.basicInfor.fileBaseList) + if (this.basicInfor.fileBaseList && this.basicInfor.fileBaseList.length > 0) { + this.basicInfor.fileBaseList.forEach(item => { + let name = item.fileType === 1 ? 'name.png' : '' + this.fileList.push(`${this.baseUrl}/file/preview/${item.fileId}?${name}`) // ������ + }) + console.log('this.basicInfor.fileList', this.basicInfor.fileBaseList) + console.log('this.fileList', this.fileList) + } + }, + methods: { + getUnitList() { + this.$http.httpGet('/allocation/unit').then(res => { + this.unitList = res.data + this.getContaminateList() + }) + }, + getContaminateList() { + this.$http.httpGet('/allocation/contaminate').then(res => { + this.polluteList = res.data + }) + }, + }, + } +</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: 30.77rpx; + + .headerCont { + display: flex; + justify-content: space-between; + font-size: 30.77rpx; + align-items: center; + } + + .mainContent { + margin-bottom: 10px; + font-weight: 500; + + .rowTip { + display: flex; + padding: 5px 0; + border-bottom: 1px dashed #bbb; + + .wholeLine { + display: flex; + width: 100%; + align-items: center; + + .rowTipContenetLabel { + min-width: 144.23rpx; + font-size: 28.85rpx; + text-align: left; + } + + .rowTipContenetAll { + font-size: 28.85rpx; + width: calc(100% - 144.23rpx); + } + } + + .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; + } + } + } + + .sharebut { + position: relative; + display: inline-block; + + .shareAn { + position: absolute; + height: 36px; + width: 30px; + padding: 0; + opacity: 0; + z-index: 100; + } + } +</style> \ No newline at end of file -- Gitblit v1.8.0