实现基本的模板编辑页逻辑

src/components/education/template/selectRegion.vue

@@ -28,7 +28,7 @@
         </el-tree>
       </el-col>
       <el-col :span="11">
-        <p class="area-p">
+        <p class="area-p" @click="getScope('administrative')">
           项目范围包含下列区域所有机构和人员({{ tagsRegion.length }})
         </p>
         <el-tag
@@ -70,7 +70,7 @@ export default {
       },
       treeData: [],
       tagsRegion: [],
-      projectId: 640
+      projectId: 173
     }
   },
   created() {
@@ -105,7 +105,7 @@ export default {
           this.treeData = [];
           this.treeData[0] = administrativeAll;
           this.setTreeData(administrative);
-          this.getCheckedTree();
+          // this.getCheckedTree();
         }
       });
     },
@@ -149,12 +149,11 @@ export default {
         halfCheckedTree
       );
       //重构内容
-
       this.allSelectedKeys = allSelectedKeys;
       this.initCheckList(allSelectedKeys);
       //console.log("allSelectedKeys", allSelectedKeys);
       //改变行政范围后，更新设定机构和设定人员
-      this.updateOrganizationAndPerson(allSelectedKeys);
+      // this.updateOrganizationAndPerson(allSelectedKeys);
       this.updatedTree = true;
     },
      //v2.2教培更新
@@ -192,18 +191,21 @@ export default {
       }
     },
     //行政范围改变更新设定机构
-    updateOrganizationAndPerson(allSelectedKeys) {
-      console.log('=========================updateOrganizationAndPerson')
-      this.tableOrganization = [];
-      this.tablePerson = [];
-      this.lookedOrganization = [];
-      this.changedOrganization = [];
-      this.changedOrganization2 = [];
-    },
-    getCheckedKeys() {
-      console.log('=========================getCheckedKeys')
-      console.log(this.$refs.tree.getCheckedKeys());
-    },
+    // updateOrganizationAndPerson(allSelectedKeys) {
+    //   console.log('====================================');
+    //   console.log(allSelectedKeys);
+    //   console.log('====================================');
+    //   console.log('=========================updateOrganizationAndPerson')
+    //   this.tableOrganization = [];
+    //   this.tablePerson = [];
+    //   this.lookedOrganization = [];
+    //   this.changedOrganization = [];
+    //   this.changedOrganization2 = [];
+    // },
+    // getCheckedKeys() {
+    //   console.log('=========================getCheckedKeys')
+    //   console.log(this.$refs.tree.getCheckedKeys());
+    // },
      //添加子节点
     append(data, node) {
       console.log('=========================append')
@@ -264,6 +266,25 @@ export default {
       }
       console.log(treeKeyList);
       this.$refs.tree.setCheckedKeys(treeKeyList);
+    },
+     //设定的行政范围内容
+    getScope(type) {
+      console.log('========================getScope');
+
+      let scope = "";
+      let arr = [];
+      for (let i = 0; i < this.tagsRegion.length; i++) {
+        scope += this.tagsRegion[i].key;
+        arr.push(this.tagsRegion[i].key)
+        if (i < this.tagsRegion.length - 1) {
+          scope += "|";
+        }
+      }
+      if (scope == "") {
+        return null;
+      }
+      this.$emit('setRegion',arr);
+      return scope;
     }
   }
 }

src/components/education/template/selectTemplate.vue

@@ -205,6 +205,12 @@ import Sortable from "sortablejs";
 
 let vm = null;
 export default {
+  props: {
+    openTemplateId: {
+      type: String | Number,
+      deault: 0
+    }
+  },
   data() {
     let checkNormalInt = (rule, value, callback) => {
       const val = parseFloat(value);
@@ -216,7 +222,6 @@ export default {
       }
     };
     return {
-      idTypeProject: "",
       customError: {
         standard: {
           className: "",
@@ -239,8 +244,6 @@ export default {
           error: ""
         }
       },
-      projectId: null,
-      fileList: [],
       //选择项目组件 数据
       optionsComponent: [],
       optionsCertificate: [],
@@ -248,9 +251,9 @@ export default {
         component: [],
         configure: 2,
         certificate: "",
-        courseRequire: 0, //0：不控制 1：按课程时长配置要求
-        passExamCount: "",
-        passAverageScore: "",
+        courseRequire: 0, //模板内课程的完成是否受学习时长控制：0否1是
+        passExamCount: "", //模板中最高考试门数限制：passType=2时有值
+        passAverageScore: "", //门数限制下考试成绩的平均分限制：passType=2时有值
         passTotalLearnTime: ""
       },
       tagsComponent: [],
@@ -259,8 +262,8 @@ export default {
       showStorage: false,
       //考试数据
       formExam: {
-        certificateType: 1,
-        passType: 1,
+        certificateType: 1, //模板证书类型：1单证书2多证书
+        passType: 1,  //模板通过标准类型：1所有组件通过，2根据平均分设定，3根据项目内学习时长设定
         exam: [
           {
             examCount: 1,
@@ -298,7 +301,8 @@ export default {
           { required: false, trigger: "change", validator: checkNormalInt }
         ],
         showRules1: [{ required: true, message: "请输入门数", trigger: "blur" }]
-      }
+      },
+      disabled: true
     };
   },
   computed: {
@@ -306,7 +310,6 @@ export default {
   },
   created() {
     vm = this;
-    (this.projectId = vm.getUrlSearch(window.location.href, "projectId")),
     this.getComponentInfo();
     vm.idType = localStorage.getItem("storageIdType");
   },
@@ -360,13 +363,8 @@ export default {
      //查询组件证书信息
     getComponentInfo() {
       console.log('=================getComponentInfo');
-      let param = {};
-      let projectIdValue = vm.projectId;
-      if (projectIdValue == null) {
-        projectIdValue = 0;
-      }
       vm
-        .GET("portal/portalInfo/getComponentInfo/" + projectIdValue, param)
+        .GET("portal/openTemplate/getAllComponent")
         .then(res => {
           if (res.code == "000000") {
             //console.log(res);
@@ -392,7 +390,7 @@ export default {
           }
         });
     },
-    //项目组件信息 暂存/完成
+    //项目组件信息 暂存/完成  1暂存2保存3发布
     componentDraft(type) {
       console.log('=================componentDraft');
       let param = {
@@ -400,7 +398,7 @@ export default {
         componentIds: operationData.getComponent(vm.tagsComponent),
         // certificateId: this.formComponent.certificate,
         certificateId: [],
-        projectId: this.projectId,
+        openTemplateId: this.openTemplateId,
         type: type,
         status: this.projectStatus,
         certificateType: this.formExam.passType == 2 ? 2 : 1,
@@ -431,7 +429,7 @@ export default {
               certificateId: ruleData[o].certificateId,
               certificateName: ruleData[o].certificateName,
               examCount: ruleData[o].examCount,
-              portalProjectId: this.projectId,
+              openTemplateId: this.openTemplateId,
               rangeMax: ruleData[o].rangeMax,
               rangeMin: ruleData[o].rangeMin
             };
@@ -446,7 +444,7 @@ export default {
           }
         }
       }
-      vm.POST("portal/portalInfo/componentDraft", param).then(res => {
+      vm.POST("portal/openTemplate/componentDraft", param).then(res => {
         console.log(res);
         vm.$message({
           message: res.message,
@@ -550,6 +548,7 @@ export default {
         vm.$message("至少配置1个证书");
       }
     },
+    // 选择证书
     updateCertificate(index) {
       // console.log('optionsCertificate',vm.optionsCertificate,'index',index,'item',vm.formExam.exam[index])
       for (let i = 0; i < vm.optionsCertificate.length; i++) {
@@ -623,6 +622,7 @@ export default {
   }
 }
 .select-manager-wrap {
+  padding-top: 64px;
   .mleft60 {
     margin-left: 60px;
   }

src/components/education/template/setOrganization.vue

@@ -177,7 +177,8 @@ export default {
       formOrganization: {
         name: "",
         administrativeId: "0",
-        administrativeIdList: ["0"],
+        // administrativeIdList: ["0"],
+        administrativeIdList:[110],
         level: "-1",
         chechAll: true,
         pageNum: 1,
@@ -339,7 +340,7 @@ export default {
     },
      //获取地区select
     getRegionOption() {
-       console.log('=========================getRegionOption')
+      console.log('=========================getRegionOption')
       let req = {};
       openLoading(vm);
       vm.GET("basic-data/position/provinces", req).then(res => {

src/components/education/template/stepContent.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="step-content-compontent">
     <el-row class="step-content">
-      <el-col :span="14">
+      <el-col :span="12">
         <el-steps :active="active" simple class>
           <span class="step-num" v-bind:class="{ 'on-step': active==0 }">1</span>
           <el-step title="基础信息"></el-step>
@@ -10,7 +10,7 @@
           <el-step title="选择项目组件">3</el-step>
         </el-steps>
       </el-col>
-      <el-col :span="5" :offset="5">
+      <el-col :span="7" :offset="5">
         <el-button v-if="!fished" size="small" type="primary" @click="nextStep">下一步</el-button>
         <el-button v-if="fished" size="small" type="primary" @click="complete">完成</el-button>
       </el-col>
@@ -49,6 +49,11 @@ export default {
 <style lang="scss">
   .step-content-compontent {
     background: #fff;
+    z-index: 1001;
+    background: #fff;
+    position: fixed;
+    right: 30px;
+    left: 285px;
     .step-content {
       overflow: hidden;
       height: 60px;

src/components/education/template/templateList.vue

@@ -4,8 +4,8 @@
     <div class="list-wrap">
         <div class="template-content" :class="{clicked: item.isclick}" v-for="(item,index) of list" :key="index" @click="check(item,index)">
           <div class="title-wrap">
-            <div class="title-icon">神经内科</div>
-            <div class="title">国家基本公共卫生服务项目国家基本公共卫生</div>
+            <div class="title-icon">{{item.subjectName}}</div>
+            <div class="title">{{item.openTemplateName}}</div>
             <div class="sj" v-if="item.isclick">
               <i class="el-icon-check"></i>
             </div>
@@ -13,21 +13,21 @@
           <div class="main">
             <div class="main-title">套餐内容包含:</div>
             <ul class="clase-list">
-              <li class="clase-item">
+              <li class="clase-item" v-if="item.courseCount">
                 <span class="icon"></span>
-                <i class="icon-message">7节课程</i>
+                <i class="icon-message">{{item.courseCount}}节课程</i>
               </li>
-              <li class="clase-item">
+              <li class="clase-item" v-if="item.beforeExamCount">
                 <span class="icon"></span>
-                <i class="icon-message">7节课程</i>
+                <i class="icon-message">{{item.beforeExamCount}}次摸底考试</i>
               </li>
-              <li class="clase-item">
+              <li class="clase-item" v-if="item.afterExamCount">
                 <span class="icon"></span>
-                <i class="icon-message">7节7节课程课程</i>
+                <i class="icon-message">{{tem.afterExamCount}}次结业考试<i v-if="item.existCertificate "> (通过获结业证书)</i></i>
               </li>
               <li class="clase-item">
                 <span class="icon"></span>
-                <i class="icon-message">7节7节课程课程</i>
+                <i class="icon-message">实时在线项目数据报告</i>
               </li>
             </ul>
           </div>
@@ -50,20 +50,24 @@
     </div>
     <el-dialog title="项目详情" :visible.sync="dialogTableVisible" class="dialog-list-wrap">
       <div class="dialog-line"></div>
-      <div class="dialog-title">国家基本公共卫生服务项目国家基本公共卫生</div>
+      <div class="dialog-title">{{detailObj.openTemplateName}}</div>
       <div class="dialog-message">
         <div class="dm-title">
           <div class="dm-line"></div>
           <div class="dm-msg">基本信息</div>
         </div>
         <div class="dm-main">
-          <div class="mian-list">
+          <div class="mian-list" v-if="detailObj.openTemplateIntro">
             <div class="dm-name">内容有效期:</div>
-            <div class="dm-nr">30天</div>
+            <div class="dm-nr">{{detailObj.openTemplateIntro}}天</div>
+          </div>
+          <div class="mian-list" v-if="detailObj.subjectName">
+            <div class="dm-name">项目学科:</div>
+            <div class="dm-nr">{{detailObj.subjectName}}</div>
           </div>
-          <div class="mian-list">
+          <div class="mian-list" v-if="detailObj.organizationName">
             <div class="dm-name">已参加的机构:</div>
-            <div class="dm-nr">已参加的机构已参加的机构</div>
+            <div class="dm-nr">{{detailObj.organizationName}}</div>
           </div>
         </div>
       </div>
@@ -72,13 +76,14 @@
           <div class="dm-line"></div>
           <div class="dm-msg">项目简介</div>
         </div>
-        <div class="jjs-main">项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介</div>
+        <div class="jjs-main">{{detailObj.openTemplateIntro}}</div>
       </div>
       <div class="dialog-xq">
         <div class="dm-title">
           <div class="dm-line"></div>
           <div class="dm-msg">项目详情</div>
         </div>
+        <div class="xq-main" v-html="detailObj.openTemplateDetail"></div>
       </div>
     </el-dialog>
 
@@ -88,67 +93,68 @@
 </template>
 
 <script>
+import { openLoading, closeLoading } from "../../../utils/utils";
+let vm = null;
 export default {
   data() {
     return {
-      list: [
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        },
-        {
-           isclick: false
-        }
-      ],
+      list: [],
+      detailObj: {},
       dialogTableVisible: false
     }
   },
-  created() {},
+  created() {
+    vm = this;
+    vm.getTemplateList();
+  },
   methods: {
     // 选中
     check(item,index) {
-      item.isclick = true;
-      for (let i = 0; i<this.list.length; i++) {
+      this.list[index].isclick = true;
+      for (let i = 0; i< this.list.length; i++) {
         if (i != index) {
-          this.list[i].isclick = false
+          vm.list[i].isclick = false
         }
       }
+      vm.$emit('checkFn',item.id);
     },
     // 获取详情
-    getDetail() {
+    getDetail(item) {
+      // 
       this.dialogTableVisible = true;
+      openLoading(vm);
+      vm.GET(`portal/openTemplateProject/getOpenTemplateInfoForList/${item.id}`)
+        .then(res => {
+          closeLoading(vm);
+          if (res.code == "000000") {
+           vm.detailObj = res.data;
+          } else {
+            vm.$message.info(res.message);
+          }
+        })
+        .catch((err) => {
+          closeLoading(vm);
+          vm.$message.warning('请稍后重试');
+        });
+    },
+    getTemplateList() {
+      openLoading(vm);
+      vm.GET(`portal/openTemplateProject/getOpenTemplateList`)
+        .then(res => {
+          closeLoading(vm);
+          if (res.code == "000000") {
+            for (const item of res.data.list) {
+              item.isclick = false;
+            }
+            this.list = res.data.list;
+          } else {
+            vm.$message.info(res.message);
+          }
+        })
+        .catch((err) => {
+          closeLoading(vm);
+          vm.$message.warning('请稍后重试');
+        });
     }
   }
 }
@@ -405,6 +411,14 @@ export default {
     .dialog-xq {
       margin-top: 40px;
       padding-bottom: 30px;
+      .xq-main {
+        margin-left: 17px;
+        margin-top: 16px;
+        color: #676869;
+        img {
+          max-height: 720px;
+        }
+      }
     }
   }
 }

src/views/education/template-editor.vue

 <template>
   <div class="template-editor-wrap">
       <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb>
-      <div class="add-content screenSet" id="screenSet">
+      <div class="add-content screenSet" id="screenSet" v-if="editor">
+        <div class="top-lin"></div>
         <step-content
           :active="active"
           :fished="fished"
           @nextStep="nextStep"
           @complete="complete"
         />
+
         <!-- 基础组件 -->
         <base-message
           ref="baseMessage"
           v-if="active == 0 && formData"
-          :formData="formData"
           :projectManger="projectManger"
+          @next="next"
         />
 
         <!-- 选择项目组件 -->
-        <select-template v-if="active == 1" />
-
-
+        <select-template
+          ref="selectTemplate"
+          v-if="active == 1"
+          :openTemplateId="openTemplateId"
+        />
         <!-- 选择行政区 -->
         <!-- <select-region v-if="active == 1"></select-region> -->
 
@@ -27,6 +31,23 @@
         <!-- 设定机构 -->
         <!-- <set-Organization v-if="active == 0"></set-Organization> -->
       </div>
+      <div class="add-content screenSet" id="screenSet" v-else>
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="基础信息" name="first">
+            <base-message
+              ref="baseMessage"
+              :projectManger="projectManger"
+              @next="next"
+            />
+          </el-tab-pane>
+          <el-tab-pane label="选中组件" name="second">
+            <select-template
+              ref="selectTemplate"
+              :openTemplateId="openTemplateId"
+            />
+          </el-tab-pane>
+        </el-tabs>
+      </div>
   </div>
 </template>
 
@@ -47,34 +68,54 @@ export default {
       fished: false,
       projectManger: false,
       formData: {
-        projectName: "",
-        projectBegintime: "",
-        projectEndtime: "",
-        projectIntro: "",
-        type: 1,
-        useTime: "",
-        xueke: "",
+        openTemplateName: "",    //开放模板名称
+        projectBegintime: "",    //模板开始时间
+        projectEndtime: "",      //模板结束时间
+        openTemplateIntro: "",   //开放模板简介
+        type: 1,               //封面类型 1图片2视频 
+        expireDay: "",         // 开放有效期
+        subjectId: "",          //开放模板所属学科ID
+        subjectName: "",       //开放模板所属学科名称
         attachmentUrl1: "",
         attachmentUrl2: "",
         attachmentUrl3: "",
         attachmentMore1: {},
         attachmentMore2: {},
-        scopeType: 0,
-        organizationName: "",
-        organizationNameList: [''],
-        sendOption: 1,
-        receiveOption: 1,
-        visibleFlag: 1,
-        learnableFlag: 2,
-        authorityType: 1,
-        allowLearn: 2,
-        richContent: ''
+        organizationName: "",       // 发起机构名称（多个机构拼接
+        organizationNameList: [''],  //发起机构列表
+        openTemplateDetail: ''      //开放模板详情
       },
+      attachmentModel:[    //基础信息的图片视频
+        {
+          attachmentExt: '',// 附件格式
+          attachmentName: '',//附件名称
+          attachmentSize:'',//附件大小,
+          attachmentType: 1,//1：图片 2：视频 3：pdf
+          attachmentUrl: '',//附件链接
+          id: '', //关联唯一ID
+          kind: 1, //1：列表图片 2：封面配置 3：附件配置
+          openTemplateId: ''//开放模板id
+        },
+         {
+          attachmentExt: '',// 附件格式
+          attachmentName: '',//附件名称
+          attachmentSize:'',//附件大小,
+          attachmentType: 1,//1：图片 2：视频 3：pdf
+          attachmentUrl: '',//附件链接
+          id: '', //关联唯一ID
+          kind: 1, //1：列表图片 2：封面配置 3：附件配置
+          openTemplateId: ''//开放模板id
+        }
+      ],
+      baseobj: {}, 
       formTemplate: {
         component: [],
         configure: 2,
         certificate: ""
-      }
+      },
+      openTemplateId: 26,
+      activeName: 'first',
+      editor: true  // 是否为编辑状态
     }
   },
   components: {
@@ -85,28 +126,66 @@ export default {
     selectRegion,
     setOrganization
   },
-  created() {},
+  created() {
+    this.fished = this.active == 0 ? false : true
+  },
   methods: {
-    // 下一步
+    //用于存储基本信息
     nextStep() {
-      // let flag = this.$refs.baseMessage.nextStep();
-      // if (!flag) {
-      //   return;
-      // }
-      this.active++;
-      if (this.active == 1) {
-        this.fished = true;
+      if(this.active == 0) {
+        let flag = this.$refs.baseMessage.nextStep();
       }
     },
+    // 下一步
+    next(openTemplateId) {
+      this.openTemplateId = openTemplateId;
+      this.active = 1;
+      this.fished = true;
+    },
     complete() {
       console.log('完成');
+      //1暂存2保存3发布
+      this.$refs.selectTemplate.componentDraft(3);
+    },
+    handleClick() {
+
     }
   }
 }
 </script>
 
+<style>
+.template-editor-wrap .el-tabs__header {
+   z-index: 1001;
+  background: #fff;
+  position: fixed;
+  right: 30px;
+  left: 285px;
+}
+.template-editor-wrap .el-tabs__item {
+  width: 240px;
+  text-align: center;
+  margin-right: 20px;
+  height: 64px;
+  line-height: 64px;
+  font-size:16px;
+  font-family:PingFangSC-Medium,PingFang SC;
+  font-weight:500;
+  color:rgba(48,49,51,1);
+}
+
+</style>
 <style lang="scss" scoped>
 .template-editor-wrap {
+  .top-lin {
+    position: fixed;
+    height: 30px;
+    background: #F0F2F5;
+    right: 30px;
+    left: 285px;
+    z-index: 1001;
+    top: 125px;
+  }
   .add-content {
     background: #fff;
   }

src/views/education/template-open.vue

@@ -2,7 +2,8 @@
   <div class="template-open-wrap">
       <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb>
     
-      <div class="add-content screenSet" id="screenSet" style="pos">
+      <div class="add-content screenSet" id="screenSet">
+        <div class="top-lin"></div>
         <el-row class="step-content">
           <el-col :span="14">
             <el-steps :active="active" simple class>
@@ -15,12 +16,13 @@
             </el-steps>
           </el-col>
           <el-col :span="5" :offset="5">
-            <el-button v-if="active!==2" size="small" type="primary" @click="nextStep">下一步</el-button>
+            <el-button v-if="!canNext" size="small" type="info" plain>下一步</el-button>
+            <el-button v-if="active!==2 && canNext" size="small" type="primary" @click="nextStep">下一步</el-button>
             <el-button v-if="active==2" size="small" type="primary" @click="complete">完成</el-button>
           </el-col>
         </el-row>
         <div v-if="active == 0" class="tpl-main">
-           <template-list></template-list>
+           <template-list @checkFn="checkFn"></template-list>
         </div>
         <!-- 模板列表 -->
        
@@ -34,13 +36,13 @@
         />
       
          <!-- 选择学员 -->
-        <div class="second-step" v-else-if="active === 2">
+        <div class="three-step" v-else-if="active === 2">
           <el-tabs v-model="activeName" @tab-click="handleClickTabs">
             <el-tab-pane label="设定行政范围" name="first">
-              <select-region></select-region>
+              <select-region @setRegion="setRegion"></select-region>
             </el-tab-pane>
             <el-tab-pane label="设定机构" name="second">
-              <set-Organization></set-Organization>
+              <set-Organization ></set-Organization>
             </el-tab-pane>
           </el-tabs>
         </div>
@@ -57,6 +59,7 @@ import setOrganization from "../../components/education/template/setOrganization
 import templateList from "../../components/education/template/templateList";
 import { openLoading, closeLoading } from "../../utils/utils";
 import * as commonUtil from "../../utils/utils";
+let vm = null;
 export default {
   data() {
     return {
@@ -95,7 +98,10 @@ export default {
         configure: 2,
         certificate: ""
       },
-      activeName: "first"
+      activeName: "first",
+      canNext: false,
+      openTemplateId: '',
+      r: []//设定行政范围和设定机构相互影响的行政范围
     }
   },
   components: {
@@ -106,7 +112,9 @@ export default {
     setOrganization,
     templateList
   },
-  created() {},
+  created() {
+    vm = this;
+  },
   mounted() {
     commonUtil.resizeHeight();
   },
@@ -128,6 +136,35 @@ export default {
      //切换tabs
     handleClickTabs(tab, event) {
       // this.activeName = tab.name;
+    },
+    // 模板列表选中
+    checkFn(id) {
+      this.canNext = true;
+      this.openTemplateId = id;
+    },
+    //选中模板后点击下一步时检测(机构和进行中的项目)
+    checkSelectTemplate() {
+      openLoading(vm);
+      vm.GET(`portal/openTemplateProject/checkAfterSelectOneOpenTemplate/${vm.openTemplateId}`)
+        .then(res => {
+          closeLoading(vm);
+          if (res.code == "000000") {
+            console.log()
+          } else {
+            vm.$message.info(res.message);
+          }
+        })
+        .catch((err) => {
+          closeLoading(vm);
+          vm.$message.warning('请稍后重试');
+        });
+    },
+    // 设定行政范围和设定机构范围相互影响
+    setRegion(r) {
+      this.r = r;
+      console.log('====================================');
+      console.log(r);
+      console.log('====================================');
     }
   }
 }
@@ -135,7 +172,25 @@ export default {
 
 <style lang="scss">
 .template-open-wrap {
+  .el-step.is-simple:not(:last-of-type) .el-step__title {
+    max-width: 100%;
+  }
+  .top-lin {
+    position: fixed;
+    height: 30px;
+    background: #F0F2F5;
+    right: 30px;
+    left: 285px;
+    z-index: 1001;
+    top: 125px;
+  }
   .step-content {
+    background: #fff;
+    z-index: 1001;
+    background: #fff;
+    position: fixed;
+    right: 30px;
+    left: 285px;
     overflow: hidden;
     height: 60px;
     // margin-top: 66px;
@@ -189,7 +244,8 @@ export default {
   .add-content {
     background: #fff;
   }
-  .second-step {
+  .three-step {
+    padding-top: 64px;
     margin: 10px 0 0 20px;
     .area-p {
       margin-bottom: 15px;