链接类型等

src/views/education/edit-simple-manage.vue

@@ -10,6 +10,46 @@
         label-width="150px"
         class="basic-form"
       >
+        <el-form-item label="链接类型：">
+          <el-col :span="10">
+            <el-select
+              v-model="formData.jumpType"
+              collapse-tags
+              style="width: 300px"
+              placeholder="链接类型"
+              @change="changeValue"
+              filterable
+            >
+              <el-option
+                label="链接类型"
+                value="1"
+              ></el-option>
+            </el-select>
+          </el-col>
+        </el-form-item>
+
+        <el-form-item label="所属项目：">
+          <el-col :span="10">
+            <el-select
+              v-model="formData.projectId"
+              multiple
+              collapse-tags
+              style="width: 300px"
+              placeholder="所属项目"
+              @change="changeValue"
+              filterable
+            >
+              <el-option
+                v-for="item in optionsProject"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-col>
+        </el-form-item>
+
+
         <el-form-item label="入口名称：" prop="entryName">
           <el-col :span="13">
             <el-input
@@ -22,66 +62,7 @@
             <span class="word-num">{{(formData.entryName).replace(/\s+/g,"").length}}/24</span>
           </el-col>
         </el-form-item>
-        <!-- <el-form-item label="发起机构：" prop="organizationName"> -->
-        <el-form-item label="发起机构：">
-          <el-col :span="13" v-for="(item, index) in formData.organizationNameList" :key="index">
-            <el-input
-              size="small"
-              v-model="formData.organizationNameList[index]"
-              placeholder="请输入发起机构名称"
-              style="width:70%;"
-              maxlength=16
-              :disabled="peopleLevel == 'L3'"
-              @input="changeOrganizationName"
-              @blur="blurName"
-              @focus="focusName(index)"
-            ></el-input>
-            <span class="word-num">{{(formData.organizationNameList[index]).replace(/\s+/g,"").length}}/16</span>
-            <img @click="plusOrg(index)" class="edit-img" src="../../assets/image/plus.png" />
-            <img @click="deleteOrg(index)" v-if="index >= 1" class="edit-img" src="../../assets/image/trash.png" />
-          </el-col>
-          <el-popover
-            class="popover-content" :style="{'top': orgListIndex * 41 + 'px'}"
-            placement="bottom"
-            :content="organizationContent"
-            v-model="visibleName"
-            @click="checkDefault"
-          >
-            <p @click="checkDefault">我的机构： {{ organizationContent }}</p>
-          </el-popover>
-        </el-form-item>
-        <el-form-item label="项目时间：" required>
-          <el-col :span="5">
-            <el-form-item prop="entryBegintime">
-              <el-date-picker
-                v-model="formData.entryBegintime"
-                size="small"
-                type="datetime"
-                placeholder="请选择开始时间"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                :picker-options="pickerOptions0"
-                style="width: 100%;"
-                :disabled="peopleLevel == 'L3'"
-              ></el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col class="line" :span="1">~</el-col>
-          <el-col :span="5">
-            <el-form-item label prop="entryEndtime">
-              <el-date-picker
-                v-model="formData.entryEndtime"
-                size="small"
-                type="datetime"
-                placeholder="请选择结束时间"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                :picker-options="pickerOptions1"
-                default-time="23:59:59"
-                style="width: 100%;"
-                :disabled="peopleLevel == 'L3'"
-              ></el-date-picker>
-            </el-form-item>
-          </el-col>
-        </el-form-item>
+
         <el-form-item label="入口简介：" prop="entryIntro">
           <el-col :span="13">
             <el-input
@@ -199,42 +180,7 @@
           </el-form-item>
           <p class="upload-message" v-if="uploadImgMessage2">请选择封面</p>
         </div>
-        <el-form-item label="关联项目：">
-          <el-col :span="10">
-            <!-- :disabled="projectStatus == 3 || projectStatus == 4 || projectStatus == 5  || projectStatus == 6" -->
-            <el-select
-              v-model="formData.project"
-              multiple
-              collapse-tags
-              style="width: 350px"
-              placeholder="关联项目"
-              @change="changeValue"
-              filterable
-            >
-              <el-option
-                v-for="item in optionsProject"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-                :disabled="item.disabled"
-              ></el-option>
-            </el-select>
-          </el-col>
-        </el-form-item>
-        <el-form-item label="已选择：" class="check-project">
-          <el-col :span="10" class="tags-list">
-            <el-tag
-              class="tags-project"
-              v-for="tag in tagsProject"
-              v-bind:class="{'tags-project-online': tag.disabled === true }"
-              :key="tag.value"
-              closable
-              :type="tag.type"
-              style="margin-left: 10px;"
-              @close="handleCloseProject(tag)"
-            >{{tag.name}}</el-tag>
-          </el-col>
-        </el-form-item>
+
       </el-form>
       <el-dialog title="确认上架" :visible.sync="dialogUp" width="30%" center>
         <p class="dialog_p">该项目已关联<span> 0 </span>个子项目</p>
@@ -254,7 +200,6 @@ import { mapGetters } from "vuex";
 import { openLoading, closeLoading } from "../../utils/utils";
 import * as commonUtil from "../../utils/utils";
 import * as operationData from "../../utils/operation";
-import Sortable from "sortablejs";
 let vm = null;
 export default {
   components: {
@@ -300,6 +245,18 @@ export default {
         organizationNameList: [''],
         project: []
       },
+
+      formData: {
+        id: "",
+        imageUrl: "",
+        jumpType: "",
+        jumpUrl: "",
+        name: "",
+        position: 0,
+        projectId: "",
+        projectName: "",
+        status: 0,
+      },
       orgListIndex: 0,
       optionsProject: [],
       tagsProject: [],
@@ -401,9 +358,9 @@ export default {
       vm.formData.organizationNameList.splice(index, 1);
     },
     initTitle() {
-      if (vm.id == null) {
-        vm.title = "编辑广告位";
-        vm.curmbThird = "编辑广告位";
+      if (!vm.id) {
+        vm.title = "新建广告位";
+        vm.curmbThird = "新建广告位";
         vm.showStorage = true;
       } else {
         vm.title = "编辑入口";
@@ -624,20 +581,7 @@ export default {
         vm.visibleName = false;
       }
     },
-    tagDrop() {
-      this.$nextTick(function() {
-        if (vm.tagsProject.length > 0) {
-          const ele = document.querySelector(".check-project .el-col-10");
-          // console.log('ele',ele);
-          Sortable.create(ele, {
-            onEnd({ newIndex, oldIndex }) {
-              const currRow = vm.tagsProject.splice(oldIndex, 1)[0];
-              vm.tagsProject.splice(newIndex, 0, currRow);
-            }
-          });
-        }
-      });
-    },
+
     changeValue(value) {
       this.tagsProject = [];
       let len = 0;
@@ -652,7 +596,6 @@ export default {
           }
         }
       }
-      vm.tagDrop();
     },
     initTags(value) {
       vm.tagsProject = [];
@@ -668,6 +611,8 @@ export default {
         }
       }
     },
+
+    // 
     handleCloseProject(tag) {
       if (tag.disabled == true) {
         return;
@@ -678,6 +623,8 @@ export default {
         vm.formData.project[j] = vm.tagsProject[j].value;
       }
     },
+
+
     getEntryData() {
       if (vm.entryId == null) {
         return;
@@ -698,13 +645,8 @@ export default {
         }
       });
     },
-    setProject(data) {
-      let list = [];
-      for(let i = 0; i<data.length; i++) {
-        list.push(data[i]);
-      }
-      return list;
-    },
+
+    // 设置编辑数据
     setEditData(data) {
       if(data.portalEntry.entryStatus === 1) {
         vm.showStorage = true;