Pārlūkot izejas kodu

代码提交:
0831用户信息代码提交

sunruiqi 2 gadi atpakaļ
vecāks
revīzija
d57f06b509
1 mainītis faili ar 54 papildinājumiem un 45 dzēšanām
  1. 54 45
      src/views/modules/sys/userInfo/UserInfoForm.vue

+ 54 - 45
src/views/modules/sys/userInfo/UserInfoForm.vue

@@ -27,16 +27,21 @@
             </el-form-item>
             <el-form-item label=""  prop="headPortraitUrl"
                           style="position:absolute;top:0px;left:350px">
-              <el-upload
-                class="avatar-uploader"
-                :action="`${$http.BASE_URL}/sys/file/webupload/upload?uploadPath=headPortraitUrl`"
-                :on-success="handleAvatarSuccess1"
-                :before-upload="beforeAvatarUpload"
-                :show-file-list="false">
-                <img v-if="inputForm.headPortraitUrl" :src="inputForm.headPortraitUrl" class="avatar-uploader">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-                <div>头像</div>
-              </el-upload>
+              <el-popover
+                placement="right-end"
+                trigger="hover">
+                <el-button @click="showPhoto(inputForm.headPortraitUrl)">查看</el-button>
+                <el-upload slot="reference"
+                           class="avatar-uploader"
+                           :action="`${$http.BASE_URL}/sys/file/webupload/upload?uploadPath=headPortraitUrl`"
+                           :on-success="handleAvatarSuccess1"
+                           :before-upload="beforeAvatarUpload"
+                           :show-file-list="false">
+                  <img v-if="inputForm.headPortraitUrl" :src="inputForm.headPortraitUrl" class="avatar-uploader">
+                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                  <div>头像</div>
+                </el-upload>
+              </el-popover>
             </el-form-item>
           </el-col>
 
@@ -335,28 +340,38 @@
           </el-input>
         </el-form-item>
 
-<!--        <el-form-item label="头像"  prop="headPortraitUrl">-->
-<!--          <el-upload-->
-<!--            class="avatar-uploader"-->
-<!--            :action="`${$http.BASE_URL}/sys/file/webupload/upload?uploadPath=headPortraitUrl`"-->
-<!--            :on-success="handleAvatarSuccess1"-->
-<!--            :before-upload="beforeAvatarUpload"-->
-<!--            :show-file-list="false">-->
-<!--            <img v-if="inputForm.headPortraitUrl" :src="inputForm.headPortraitUrl" class="avatar">-->
-<!--            <i v-else class="el-icon-plus avatar-uploader-icon"></i>-->
-<!--          </el-upload>-->
-<!--        </el-form-item>-->
+        <el-form-item v-if="method === 'view' || method === 'edit'" label="手签章" prop="signatureUrl">
+          <el-popover
+            placement="right-end"
+            trigger="hover">
+            <el-button @click="showPhoto(inputForm.signatureUrl)">查看</el-button>
+            <el-upload slot="reference"
+              class="avatar-uploader"
+              :action="`${$http.BASE_URL}/sys/userInfo/webupload/upload?uploadPath=signatureUrl`"
+              :on-success="handleAvatarSuccess2"
+              :before-upload="beforeAvatarUpload"
+              :show-file-list="false">
+              <img v-if="inputForm.signatureUrl" :src="urlStart" class="avatar-uploader">
+              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+          </el-popover>
+        </el-form-item>
 
-        <el-form-item label="手签章" prop="signatureUrl">
-          <el-upload
-            class="avatar-uploader"
-            :action="`${$http.BASE_URL}/sys/file/webupload/upload?uploadPath=signatureUrl`"
-            :on-success="handleAvatarSuccess2"
-            :before-upload="beforeAvatarUpload"
-            :show-file-list="false">
-            <img v-if="inputForm.signatureUrl" :src="inputForm.signatureUrl" class="avatar-uploader">
-            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-          </el-upload>
+        <el-form-item v-else-if="method === 'add'" label="手签章" prop="signatureUrl">
+          <el-popover
+            placement="right-end"
+            trigger="hover">
+            <el-button @click="showPhoto(inputForm.signatureUrl)">查看</el-button>
+            <el-upload slot="reference"
+                       class="avatar-uploader"
+                       :action="`${$http.BASE_URL}/sys/userInfo/webupload/upload?uploadPath=signatureUrl`"
+                       :on-success="handleAvatarSuccess2"
+                       :before-upload="beforeAvatarUpload"
+                       :show-file-list="false">
+              <img v-if="inputForm.signatureUrl" :src="urlStart" class="avatar-uploader">
+              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+          </el-popover>
         </el-form-item>
 
         <el-form-item label="教育经历" prop="sysUserEducations">
@@ -465,8 +480,7 @@
                 :on-success="(res,file)=> handleAvatarSuccess4(res,file,scope)"
                 :before-upload="beforeAvatarUpload"
                 :show-file-list="false">
-                <img v-if="scope.row.degreeCertificateUrl" :src="scope.row.degreeCertificateUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                <img :src="scope.row.degreeCertificateUrl" class="avatar">
               </el-upload>
             </template>
           </vxe-table-column>
@@ -553,7 +567,7 @@
                 :before-upload="beforeAvatarUpload"
                 :show-file-list="false">
                 <img v-if="scope.row.fileUrl" :src="scope.row.fileUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                <i v-else class="el-icon-plus avatar-uploader-table"></i>
               </el-upload>
             </template>
           </vxe-table-column>
@@ -631,7 +645,7 @@
                 :before-upload="beforeAvatarUpload"
                 :show-file-list="false">
                 <img v-if="scope.row.fileUrl" :src="scope.row.fileUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                <i v-else class="el-icon-plus avatar-uploader-table"></i>
               </el-upload>
             </template>
           </vxe-table-column>
@@ -780,7 +794,7 @@
                 :before-upload="beforeAvatarUpload"
                 :show-file-list="false">
                 <img v-if="scope.row.fileUrl" :src="scope.row.fileUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                <i v-else class="el-icon-plus avatar-uploader-table"></i>
               </el-upload>
             </template>
           </vxe-table-column>
@@ -847,7 +861,7 @@
                 :before-upload="beforeAvatarUpload"
                 :show-file-list="false">
                 <img v-if="scope.row.fileUrl" :src="scope.row.fileUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                <i v-else class="el-icon-plus avatar-uploader-table"></i>
               </el-upload>
             </template>
           </vxe-table-column>
@@ -996,7 +1010,7 @@
                 :before-upload="beforeAvatarUpload"
                 :show-file-list="false">
                 <img v-if="scope.row.fileUrl" :src="scope.row.fileUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                <i v-else class="el-icon-plus avatar-uploader-table"></i>
               </el-upload>
             </template>
           </vxe-table-column>
@@ -1235,7 +1249,7 @@
                 :before-upload="beforeAvatarUpload"
                 :show-file-list="false">
                 <img v-if="scope.row.fileUrl" :src="scope.row.fileUrl" class="avatar">
-                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                <i v-else class="el-icon-plus avatar-uploader-table"></i>
               </el-upload>
             </template>
           </vxe-table-column>
@@ -1280,6 +1294,7 @@
   export default {
     data () {
       return {
+        urlStart: '',
         scope: {},
         visable: false,
         gridData: [],
@@ -2207,12 +2222,6 @@
   .tid_45 .vxe-header--row .col--last{
     text-align: center;
   }
-  .vxe-select--panel {
-    z-index: 9997 !important
-  }
-  .vxe-input--panel.type--date, .vxe-input--panel.type--month, .vxe-input--panel.type--week, .vxe-input--panel.type--year {
-    z-index: 9998 !important
-  }
 </style>
 
 <style scoped>