门户管理证书预览

src/components/cropper.vue

@@ -85,6 +85,11 @@ export default {
       imgSrc: '',
     };
   },
+  created(){
+    if(this.value){
+      this.imgSrc = `${this.baseUrl}${this.value}?t=${new Date().getTime()}`;
+    }
+  },
   methods: {
     editCropper(data) {
       this.open = true;

src/views/AttendMeeting/index.vue

@@ -134,7 +134,7 @@
         width="160"
         align="center"
         show-overflow-tooltip
-        prop="updateTime"
+        prop="createTime"
       >
       </el-table-column>
 

src/views/COMPANYUSER/index.vue

@@ -315,6 +315,7 @@
               ></el-input> -->
 
               <el-select
+                :disabled="isViewMode"
                 v-model="form.servicesAvailable"
                 placeholder="请选择服务项目"
                 style="width: 100%"
@@ -330,11 +331,12 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row v-if="isViewMode">
+        <el-row  v-if="isShow">
           <el-col :span="12">
             <el-form-item label="学位证书" prop="diploma">
-              <el-image
-                v-if="form.credentials"
+              <cropper v-if="!isViewMode" v-model="form.diploma" :fixed_number="[3, 4]"></cropper>
+                <el-image
+                v-if="isViewMode"
                 :fit="'contain'"
                 style="
                   width: 100px;
@@ -349,8 +351,13 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="资格证书" prop="credentials">
-              <el-image
-                v-if="form.credentials"
+              <cropper
+                v-if="!isViewMode"
+                v-model="form.credentials"
+                :fixed_number="[3, 4]"
+              ></cropper>
+               <el-image
+                 v-if="isViewMode"
                 :fit="'contain'"
                 style="
                   width:100px;
@@ -364,7 +371,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row v-else>
+        <!-- <el-row v-else>
           <el-col :span="12">
             <el-form-item label="学位证书" prop="diploma">
               <cropper v-model="form.diploma" :fixed_number="[3, 4]"></cropper>
@@ -378,10 +385,10 @@
               ></cropper>
             </el-form-item>
           </el-col>
-        </el-row>
+        </el-row> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button type="primary" @click="submitForm" v-if="!isViewMode">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -408,6 +415,8 @@ export default {
   },
   data() {
     return {
+      // 专家的资格证书、学位证书
+      isShow: true,
       markList: [],
       isViewMode: false,
       typeList: [
@@ -580,6 +589,7 @@ export default {
         field: null,
         research: null,
       };
+      this.isShow = true;
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -613,16 +623,24 @@ export default {
         this.open = true;
         this.isViewMode = false;
         this.title = "修改门户用户";
+        if(this.form.type == 1){
+          this.isShow = false;
+        }
+
       });
     },
     handleView(row) {
+      
+      this.open = true;
       this.reset();
       const id = row.id || this.ids;
       getCOMPANYUSER(id).then((response) => {
         this.form = response.data;
         this.isViewMode = true;
-        this.open = true;
         this.title = "查看门户用户";
+        if(this.form.type == 1){
+          this.isShow = false;
+        }
       });
     },
     /** 提交按钮 */