From 5fecc9e46d448df3de987504440c4fdd582f858e Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Tue, 31 Oct 2023 10:35:40 +0800 Subject: [PATCH] fix:小程序秒级数据和登录授权 --- pages/actionChange/components/approvalnfor.vue | 199 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 199 insertions(+), 0 deletions(-) diff --git a/pages/actionChange/components/approvalnfor.vue b/pages/actionChange/components/approvalnfor.vue new file mode 100644 index 0000000..ad8ce63 --- /dev/null +++ b/pages/actionChange/components/approvalnfor.vue @@ -0,0 +1,199 @@ +<template> + <view class=""> + <!-- ������������ --> + <view class="workOrderDetail"> + <view class="headerCont"> + <p class="title">������������</p> + </view> + <u-line color="#bbb" /> + <view> + <view class="mainContent"> + <u--form labelPosition="left" label-width="80" :model="form" :border-bottom="false" :rules="rules" + ref="uForm"> + <view class="formItemContent"> + <u-form-item border-bottom label="������������:" prop="checkScore" + :required="basicInfor.pageState==='edit'" :border-bottom="false"> + <view class="fonttest" v-if="basicInfor.pageState==='view'"> + {{ basicInfor.checkScore ||''}} + </view> + <u-input v-else v-model="form.checkScore" border="none" placeholder="���������" + type="number" /> + </u-form-item> + </view> + <view class="formItemContent"> + <u-form-item border-bottom label="������:" prop="checkDescribe" + :required="basicInfor.pageState==='edit'" :border-bottom="false"> + <view class="fonttest" v-if="basicInfor.pageState==='view'"> + {{ basicInfor.checkDescribe ||''}} + </view> + <u--textarea v-else v-model="form.checkDescribe" border="none" placeholder="���������������" /> + </u-form-item> + </view> + <view class="formItemContent"> + <u-form-item border-bottom label="������������:" :border-bottom="false"> + <view class="fileBox" v-if="basicInfor.pageState==='view'"> + <cl-upload v-model="fileList" :add="false" :action="`''`" cloud-type="other" + :remove="false" /> + </view> + <view class="fileBox" v-else> + <fileUpload class="rowTipContenetAll" :sys-code="sysCode" + @handleFile="handleFile" /> + </view> + </u-form-item> + </view> + </u--form> + </view> + </view> + </view> + </view> +</template> +<script> + import fileUpload from '../components/fileUpload.vue' + export default { + components: { + fileUpload + }, + props: { + basicInfor: { + type: Object, + default: () => {} + }, + }, + computed: { + pageState() { + return this.basicInfor.pageState + } + }, + data() { + return { + sysCode: '1010203', + form: { + checkScore: 0, + checkDescribe: '', + }, + dictObj: JSON.parse(uni.getStorageSync('dictObj') || '[]'), + fileList: [], + fileBaseList: [], + baseUrl: this.$storage.get('baseUrl'), + rules: { + 'checkScore': { + required: true, + message: '���������', + trigger: ['blur', 'change'] + }, + 'checkDescribe': { + required: true, + message: '���������', + trigger: ['blur', 'change'] + }, + } + } + }, + onLoad: function(option) { + //option���object������������������������������������������������ + console.log(option) //��������������������������������������� + }, + onReady() { + //onReady ���uni-app��������������������������� + this.$refs.uForm.setRules(this.rules) + }, + mounted() { + console.log('this.basicInfor', this.basicInfor) + if (this.basicInfor.fileApproveList && this.basicInfor.fileApproveList.length > 0) { + this.basicInfor.fileApproveList.forEach(item => { + let name = item.fileType === 1 ? 'name.png' : 'name.mp4' + this.fileList.push(`${this.baseUrl}/file/preview/${item.fileId}?${name}`) // ������ + }) + console.log('this.fileList', this.basicInfor.fileBaseList) + console.log('this.fileList', this.fileList) + } + }, + methods: { + handleFile(data) { + this.fileBaseList = data + this.form.fileChangeList = this.fileBaseList + }, + formVali() { + return new Promise((resolve, reject) => { + if (this.basicInfor.pageState !== 'view') { + this.$refs.uForm.validate().then(res => { + resolve(true) + }).catch(errors => { + reject(false) + uni.$u.toast('������������') + }) + } else { + resolve(true) + } + }) + } + }, + } +</script> +<style scoped lang="scss"> + /deep/.u-line { + margin: 19.23rpx 0px !important; + } + + .workOrderDetail { + border: 1px solid #bbb; + border-radius: 5px; + 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; + } + + .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; + } + } + } +</style> \ No newline at end of file -- Gitblit v1.8.0