fix bug 18:05

src/views/education/add-manager.vue

@@ -29,7 +29,12 @@
         >
           <el-form-item label="项目名称：" prop="projectName">
             <el-col :span="13">
-              <el-input size="mini" v-model="formData.projectName" placeholder="请输入项目名称" style="width:83%;"></el-input>
+              <el-input
+                size="mini"
+                v-model="formData.projectName"
+                placeholder="请输入项目名称"
+                style="width:83%;"
+              ></el-input>
               <span class="word-num">{{(formData.projectName).replace(/\s+/g,"").length}}/20</span>
             </el-col>
           </el-form-item>
@@ -76,73 +81,81 @@
               <span class="word-num">{{(formData.projectIntro).replace(/\s+/g,"").length}}/150</span>
             </el-col>
           </el-form-item>
-          <el-form-item label="列表图片：" prop="attachmentUrl1">
-            <el-upload
-              v-model="formData.attachmentUrl1"
-              class="bg-uploader"
-              action="#"
-              :show-file-list="false"
-              :before-upload="beforeUploadListPic"
-            >
-              <img v-if="formData.attachmentUrl1" :src="formData.attachmentUrl1" class="bg-img">
-              <img
-                v-if="!formData.attachmentUrl1"
-                class="bg-img"
-                src="../../assets/image/small.png"
+          <div class="basic-item-icon">
+            <span class="require">*</span>
+            <el-form-item label="列表图片：">
+              <el-upload
+                v-model="formData.attachmentUrl1"
+                class="bg-uploader"
+                action="#"
+                :show-file-list="false"
+                :before-upload="beforeUploadListPic"
               >
-              <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
-              <div class="limit-text">
-                <p>尺寸:115*86</p>
-                <p>限制大小: 500Kb</p>
-                <p>支持.jpg,.png格式</p>
-              </div>
-            </el-upload>
-          </el-form-item>
+                <img v-if="formData.attachmentUrl1" :src="formData.attachmentUrl1" class="bg-img">
+                <img
+                  v-if="!formData.attachmentUrl1"
+                  class="bg-img"
+                  src="../../assets/image/small.png"
+                >
+                <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
+                <div class="limit-text">
+                  <p>尺寸:115*86</p>
+                  <p>限制大小: 500Kb</p>
+                  <p>支持.jpg,.png格式</p>
+                </div>
+              </el-upload>
+            </el-form-item>
+            <p class="upload-message" v-if="uploadImgMessage">请选择列表图片</p>
+          </div>
           <el-form-item label="封面类型：">
             <el-radio-group size="mini" v-model="formData.type" @change="changeCover">
               <el-radio :label="1">图片</el-radio>
               <el-radio :label="2">视频</el-radio>
             </el-radio-group>
           </el-form-item>
-          <el-form-item label="封面图片(视频)：" prop="attachmentUrl2">
-            <el-upload
-              v-model="formData.attachmentUrl2"
-              class="bg-uploader"
-              action="#"
-              :show-file-list="false"
-              :before-upload="beforeUploadCoverPic"
-            >
-              <img
-                v-if="formData.type == 1 && formData.attachmentUrl2"
-                :src="formData.attachmentUrl2"
-                class="bg-img"
-              >
-              <video
-                v-if="formData.type == 2 && formData.attachmentUrl2"
-                width="100"
-                controls
-                class="bg-video"
-              >
-                <source :src="formData.attachmentUrl2" type="video/mp4">浏览器不支持mp4
-              </video>
-              <img
-                v-if="!formData.attachmentUrl2"
-                class="bg-img"
-                src="../../assets/image/small.png"
+          <div class="basic-item-icon">
+            <span class="require">*</span>
+            <el-form-item label="封面文件：">
+              <el-upload
+                v-model="formData.attachmentUrl2"
+                class="bg-uploader"
+                action="#"
+                :show-file-list="false"
+                :before-upload="beforeUploadCoverPic"
               >
-              <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
-              <div v-show="formData.type == 1" class="limit-text">
-                <p>尺寸:375*210</p>
-                <p>限制大小: 2.0 Mb</p>
-                <p>支持.jpg,.png格式</p>
-              </div>
-              <div v-show="formData.type == 2" class="limit-text">
-                <p></p>
-                <p>限制大小: 500 Mb</p>
-                <p>支持.mp4</p>
-              </div>
-            </el-upload>
-          </el-form-item>
+                <img
+                  v-if="formData.type == 1 && formData.attachmentUrl2"
+                  :src="formData.attachmentUrl2"
+                  class="bg-img"
+                >
+                <video
+                  v-if="formData.type == 2 && formData.attachmentUrl2"
+                  width="100"
+                  controls
+                  class="bg-video"
+                >
+                  <source :src="formData.attachmentUrl2" type="video/mp4">浏览器不支持mp4
+                </video>
+                <img
+                  v-if="!formData.attachmentUrl2"
+                  class="bg-img"
+                  src="../../assets/image/small.png"
+                >
+                <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
+                <div v-show="formData.type == 1" class="limit-text">
+                  <p>尺寸:375*210</p>
+                  <p>限制大小: 2.0 Mb</p>
+                  <p>支持.jpg,.png格式</p>
+                </div>
+                <div v-show="formData.type == 2" class="limit-text">
+                  <p></p>
+                  <p>限制大小: 500 Mb</p>
+                  <p>支持.mp4</p>
+                </div>
+              </el-upload>
+            </el-form-item>
+            <p class="upload-message" v-if="uploadImgMessage2">请选择封面</p>
+          </div>
           <el-form-item label="添加下载文件：">
             <el-col :span="10">
               <el-upload
@@ -326,7 +339,7 @@
                 </el-select>
               </el-form-item>
               <el-form-item>
-                <el-select size="mini" v-model="formPerson.department" placeholder="全部部门">
+                <el-select size="mini" v-model="formPerson.department" placeholder="全部科室">
                   <el-option
                     v-for="(item, index) in organizationRank"
                     :key="index"
@@ -364,7 +377,7 @@
               <el-table-column type="selection" width="55"></el-table-column>
               <el-table-column prop="name" label="人员名称" align="center"></el-table-column>
               <el-table-column prop="hospitalName" label="所属医院" align="center"></el-table-column>
-              <el-table-column prop="departmentName" label="所属部门" align="center"></el-table-column>
+              <el-table-column prop="departmentName" label="所属科室" align="center"></el-table-column>
               <el-table-column prop="provinceName" label="所属省份" align="center"></el-table-column>
               <el-table-column prop="cityName" label="所属城市" align="center"></el-table-column>
               <el-table-column prop="countyName" label="所属区县" align="center"></el-table-column>
@@ -497,6 +510,8 @@ export default {
       active: 0,
       activeName: "first",
       //基层信息 数据
+      uploadImgMessage: false,
+      uploadImgMessage2: false,
       imageUrl: "",
       formData: {
         projectName: "",
@@ -512,9 +527,12 @@ export default {
       },
       pickerOptions0: {
         disabledDate: time => {
-          if (this.formData.projectEndtime != "" && this.formData.projectEndtime !=null) {
+          if (
+            this.formData.projectEndtime != "" &&
+            this.formData.projectEndtime != null
+          ) {
             return (
-              time.getTime() > new Date(this.formData.projectEndtime).getTime() 
+              time.getTime() > new Date(this.formData.projectEndtime).getTime()
             );
           }
         }
@@ -522,7 +540,7 @@ export default {
       pickerOptions1: {
         disabledDate: time => {
           return (
-            time.getTime() < new Date(this.formData.projectBegintime).getTime() 
+            time.getTime() < new Date(this.formData.projectBegintime).getTime()
           ); //减去一天的时间代表可以选择同一天;
         }
       },
@@ -665,7 +683,7 @@ export default {
         ],
         projectIntro: [
           { required: true, message: "请填写项目简介", trigger: "blur" },
-          { min: 1, max: 150, message: '超出可输入的最大长度', trigger: 'blur' }
+          { min: 1, max: 150, message: "超出可输入的最大长度", trigger: "blur" }
         ],
         attachmentUrl1: [
           { required: true, message: "请选择列表图片", trigger: "blur" }
@@ -945,7 +963,10 @@ export default {
       console.log("暂存步骤" + (this.active + 1));
       if (this.active == 0) {
         if (this.formData.projectName != "") {
-          if(this.formData.projectName.length < 2 || this.formData.projectName.length > 20) {
+          if (
+            this.formData.projectName.length < 2 ||
+            this.formData.projectName.length > 20
+          ) {
             this.$message.error("输入长度为2-20的内容");
             return;
           }
@@ -1017,6 +1038,16 @@ export default {
       if (this.active == 0) {
         let formName = "formData";
         let removeState = this.submitForm(formName);
+        if (!vm.formData.attachmentUrl1) {
+          vm.uploadImgMessage = true;
+        } else {
+          vm.uploadImgMessage = false;
+        }
+        if (!vm.formData.attachmentUrl2) {
+          vm.uploadImgMessage2 = true;
+        } else {
+          vm.uploadImgMessage2 = false;
+        }
         console.log("判断移动" + removeState);
         if (removeState === true) {
           //校验名字
@@ -1039,15 +1070,7 @@ export default {
             });
           } else {
             //编辑
-            let param = {
-              projectName: this.formData.projectName
-            };
-            vm.GET("portal/portalInfo/checkProjectName", param).then(res => {
-              this.$message.info(res.message);
-              if (res.code == "000000") {
-                this.insertOrUpdate("edit");
-              }
-            });
+            this.insertOrUpdate("edit");
           }
         }
       } else if (this.active == 1) {
@@ -1100,7 +1123,7 @@ export default {
             //没有选择范围
             vm.$message({
               showClose: true,
-              message: "选择项目范围后才能进行下一步操作",
+              message: "项目范围不能为空",
               type: "error"
             });
           }
@@ -1155,7 +1178,8 @@ export default {
         size: 0.5,
         sizeText: "500K",
         key: "attachmentUrl1",
-        more: "attachmentMore1"
+        more: "attachmentMore1",
+        show: "uploadImgMessage"
       };
       this.beforeAvatarUpload(file, fileLimit);
     },
@@ -1167,7 +1191,8 @@ export default {
         size: 2,
         sizeText: "2.0M",
         key: "attachmentUrl2",
-        more: "attachmentMore2"
+        more: "attachmentMore2",
+        show: "uploadImgMessage2"
       };
       if (this.formData.type == 1) {
         this.beforeAvatarUpload(file, fileLimit);
@@ -1273,6 +1298,11 @@ export default {
             ).then(function(path) {
               closeLoading(vm);
               console.log(path);
+              if (fileLimit.show == "uploadImgMessage") {
+                vm.uploadImgMessage = false;
+              } else if (fileLimit.show == "uploadImgMessage2") {
+                vm.uploadImgMessage2 = false;
+              }
               vm.formData[fileLimit.key] = path.fullPath;
               vm.formData[fileLimit.more] = {
                 attachmentName: path.name,
@@ -2079,6 +2109,37 @@ export default {
   }
   .first-step {
     margin-top: 20px;
+    .basic-item-icon {
+      position: relative;
+      .require {
+        position: absolute;
+        left: 67px;
+        top: 11px;
+        color: #f56c6c;
+      }
+      .upload-message {
+        position: absolute;
+        left: 160px;
+        top: 105px;
+        font-size: 12px;
+        color: #f56c6c;
+      }
+      .img-delete {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        width: 84px;
+        height: 100px;
+        background: #000;
+        opacity: 0.7;
+        z-index: 999;
+        i {
+          color: #fff;
+          margin-top: 39px;
+          margin-left: 0px;
+        }
+      }
+    }
     .word-num {
       font-size: 12px;
       color: #999;