quanyawei
2024-07-04 1e71dd86f6d0c4fc7e5143600d4bc4b50992a2a7
pages/actionChange/components/approvalnfor.vue
@@ -8,33 +8,36 @@
         <u-line color="#bbb" />
         <view>
            <view class="mainContent">
               <u--form labelPosition="left" label-width="70" :model="form" :border-bottom="false" :rules="rules"
               <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 :border-bottom="false">
                        <view class="" v-if="basicInfor.pageState==='view'">
                     <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="text" />
                        <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 :border-bottom="false">
                        <view class="" v-if="basicInfor.pageState==='view'">
                     <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">
                     <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" />
                           <fileUpload class="rowTipContenetAll" :sys-code="sysCode"
                              @handleFile="handleFile" />
                        </view>
                     </u-form-item>
                  </view>
@@ -68,7 +71,7 @@
               checkScore: 0,
               checkDescribe: '',
            },
            dictObj: this.$storage.getJson('dictObj'),
            dictObj: JSON.parse(uni.getStorageSync('dictObj') || '[]'),
            fileList: [],
            fileBaseList: [],
            baseUrl: this.$storage.get('baseUrl'),
@@ -104,7 +107,6 @@
            console.log('this.fileList', this.basicInfor.fileBaseList)
            console.log('this.fileList', this.fileList)
         }
      },
      methods: {
         handleFile(data) {
@@ -113,26 +115,21 @@
         },
         formVali() {
            return new Promise((resolve, reject) => {
               if(this.basicInfor.pageState!=='view'){
               if (this.basicInfor.pageState !== 'view') {
                  this.$refs.uForm.validate().then(res => {
                        resolve(true)
                     })
                     .catch(errors => {
                        reject(false)
                        uni.$u.toast('校验失败')
                     })
               } else{
                     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;
@@ -141,17 +138,16 @@
   .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;
      font-size: 30.77rpx;
      .headerCont {
         display: flex;
         justify-content: space-between;
         font-size: 15px;
         font-size: 30.77rpx;
      }
      .mainContent {
@@ -159,21 +155,25 @@
         font-weight: 500;
         .rowTip {
            // display: flex;
            padding: 8px 0;
            display: flex;
            padding: 5px 0;
            border-bottom: 1px dashed #bbb;
            .wholeLine {
               display: flex;
               width: 100%;
               align-items: center;
               .rowTipContenetLabel {
                  min-width: 125rpx;
                  min-width: 144.23rpx;
                  font-size: 28.85rpx;
                  text-align: left;
               }
            }
            .rowTipContenetAll {
               width: calc(100% - 125rpx; );
               .rowTipContenetAll {
                  font-size: 28.85rpx;
                  width: calc(100% - 144.23rpx);
               }
            }
            .rowTipContenet {
@@ -195,36 +195,5 @@
            text-align: right !important;
         }
      }
   }
   /deep/.u-form-item {
      padding: 8px 0;
      border-bottom: 1px dashed #bbb;
   }
   /deep/.u-form-item__body,
   /deep/.u-textarea {
      padding: 0 !important;
   }
   /deep/.u-form-item__body__left__content__label,
   /deep/.u-radio__text {
      font-size: 13px !important;
   }
   .fileBox {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      position: relative;
      width: 100%;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
   }
</style>