教培项目小生态

src/utils/operation.js

@@ -225,3 +225,43 @@ export function treeHandler(treeData, selData) {
   let returnData = addEmpty(endData);
   return returnData;
 }
+
+//小生态
+export function getEcologyList() {
+  let dataList = [{
+    id: '123',
+    name: '上海第一人民医院',
+    hospitalLevelName: '二甲医院',
+    provinceName: '上海市',
+    cityName: '上海市',
+    countyName: '浦东新区',
+    townName: '--',
+  },{
+    id: '124',
+    name: '上海第二人民医院',
+    hospitalLevelName: '二甲医院',
+    provinceName: '上海市',
+    cityName: '上海市',
+    countyName: '浦东新区',
+    townName: '--',
+  },{
+    id: '125',
+    name: '上海第三人民医院',
+    hospitalLevelName: '二甲医院',
+    provinceName: '上海市',
+    cityName: '上海市',
+    countyName: '浦东新区',
+    townName: '--',
+  }]
+  return dataList;
+}
+export function getEcologySelect () {
+  let data = [{
+    label: '上海小生态',
+    value: '1',
+  },{
+    label: '北京小生态',
+    value: '2',
+  }];
+  return data;
+}
\ No newline at end of file

src/views/education/add-manager.vue

@@ -169,6 +169,17 @@
             </el-form-item>
             <p class="upload-message" v-if="uploadImgMessage2">请选择封面</p>
           </div>
+          <p class="p_label">项目范围来源：（一经选择无法更改）</p>
+          <el-form-item label="">
+            <el-radio-group
+              size="small"
+              v-model="formData.range"
+              :disabled="peopleLevel == 'L3'"
+            >
+              <el-radio :label="1">使用地区范围</el-radio>
+              <el-radio :label="2">使用小生态范围</el-radio>
+            </el-radio-group>
+          </el-form-item>
           <el-form-item label="添加下载文件：">
             <el-col :span="10">
               <el-upload
@@ -193,6 +204,7 @@
         </el-form>
       </div>
       <div class="second-step" v-else-if="active === 1">
+        <div v-if='formData.range !=2'>
           <el-tabs v-model="activeName" @tab-click="handleClickTabs">
             <el-tab-pane v-if="idType != 2" label="设定行政范围" name="first">
               <el-row :gutter="20">
@@ -442,6 +454,82 @@
               </div>
             </el-tab-pane>
           </el-tabs>
+        </div>
+        <div v-else>
+          <el-form :inline="true" :model="formOrganization" class="demo-form-inline">
+              <el-form-item label>
+                <el-select
+                  size="small"
+                  v-model="formEcology.id"
+                  placeholder="选择小生态"
+                  v-if="idType != 2"
+                  @change="selectChangeEcology"
+                >
+                  <el-option
+                    v-for="item in ecologySelect"
+                    :key="item.id"
+                    :label="item.label"
+                    :value="item.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <span class="span_ecology">范围</span>
+              <el-form-item style="float:right;">
+                <el-button-group>
+                  <el-button
+                    size="small"
+                    type="default"
+                    @click="checkAll(true,'multipleEcology')"
+                  >选择全部</el-button>
+                  <el-button
+                    size="small"
+                    type="default"
+                    @click="checkAll(false,'multipleEcology')"
+                  >全部不选</el-button>
+                </el-button-group>
+              </el-form-item>
+            </el-form>
+          <el-table
+            class="rim"
+            ref="multipleEcology"
+            :data="tableEcology"
+            tooltip-effect="dark"
+            style="width: 100%"
+            @selection-change="selectionChangeEcology"
+            :row-key="getRowKeysEcology"
+          >
+            <el-table-column
+              type="selection"
+              width="55"
+              :selectable="selectableTableList"
+              :reserve-selection="true"
+            ></el-table-column>
+            <el-table-column prop="name" label="医院名称" min-width="100" align="center"></el-table-column>
+            <el-table-column prop="hospitalLevelName" 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>
+            <el-table-column prop="townName" label="所属街道" align="center"></el-table-column>
+            <div slot="empty">
+              <div class="table-empty">
+                <img src="../../assets/image/no-content1.png">
+                <p>没有机构信息</p>
+              </div>
+            </div>
+          </el-table>
+          <div class="pagination">
+            <el-pagination
+              background
+              @size-change="handleSizeEcology"
+              @current-change="handleCurrentEcology"
+              :current-page="formEcology.pageNum"
+              :page-sizes="[10, 20, 40]"
+              :page-size="formEcology.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="totalEcology"
+            ></el-pagination>
+          </div>
+        </div>
         <el-dialog title :visible.sync="dialogShow" width="40%" center>
           <p class="dialog-p">设定范围数据已经被其他管理员修改，是否强制提交进行覆盖</p>
           
@@ -577,7 +665,8 @@ export default {
         attachmentUrl2: "",
         attachmentUrl3: "",
         attachmentMore1: {},
-        attachmentMore2: {}
+        attachmentMore2: {},
+        range: 1,
       },
       pickerOptions0: {
         disabledDate: time => {
@@ -682,6 +771,21 @@ export default {
       //搜索类型
       searchOrganizationType: '',
       searchPeopleType: '',
+      //小生态
+      ecologySelect: [],
+      formEcology: {
+        id: '',
+        pageNum: 1,
+        pageSize: 10,
+      },
+      totalEcology: 0,
+      tableEcology: [],
+      getRowKeysEcology(row) {
+        return row.id;
+      },
+      lookedEcology: [],
+      changedEcology: [],
+      changedEcology2: [],
       //选择项目组件 数据
       optionsComponent: [],
       optionsCertificate: [],
@@ -839,7 +943,8 @@ export default {
           attachmentName: editData.attachmentData[1].attachmentName,
           attachmentExt: editData.attachmentData[1].attachmentExt,
           attachmentSize: editData.attachmentData[1].attachmentSize
-        }
+        },
+        range: 2
       };
       if (editData.attachmentData.length > 2) {
         for (let i = 2; i < editData.attachmentData.length; i++) {
@@ -966,10 +1071,16 @@ export default {
           this.projectId = res.data.id;
           this.projectStatus = res.data.projectStatus;
           this.idTypeProject = res.data.idType;
+
           this.operationLast();
           if (option != "storage" && option != "storageEdit") {
             this.active++;
             this.stepData = [false, true, false];
+            if(this.formData.range == 2) {
+              this.getEcologySelect();
+              this.getEcology();
+              return;
+            }
             // this.projectId = res.data.id;
             this.initRange();
             this.getDepartment();
@@ -1821,6 +1932,35 @@ export default {
         "没",
         this.changedPerson2
       );
+    },
+    selectionChangeDepartment(val) {
+      this.multipleSelectionDepartment = val;
+      //console.log(this.multipleSelectionDepartment);
+    },
+    //改变小生态 table check
+    selectionChangeEcology(rows) {
+      this.changedEcology = [];
+      this.changedEcology2 = [];
+      if (rows) {
+        rows.forEach(row => {
+          if (row) {
+            this.changedEcology.push(row.id);
+          }
+        });
+      }
+      this.changedEcology2 = operationData.getDifference(
+        this.lookedEcology,
+        this.changedEcology
+      );
+      console.log(
+        "选",
+        this.changedEcology,
+        "没",
+        this.changedEcology2
+      );
+    },
+    selectChangeEcology() {
+
     },
     //设定机构table全选
     checkAll(flag, name) {
@@ -2488,6 +2628,14 @@ export default {
       }
       return list;
     },
+    getEcologySelect() {
+      this.ecologySelect = operationData.getEcologySelect();
+    },
+    //获取小生态数据
+    getEcology() {
+      this.tableEcology = operationData.getEcologyList();
+    },
+    //
     //机构table修改
     handleSizeOrganization(val) {
       console.log(`每页 ${val} 条`);
@@ -2516,6 +2664,20 @@ export default {
         this.getPeople();
       }
     },
+    handleSizeEcology(val) {
+      console.log(`每页 ${val} 条`);
+      this.formEcology.pageSize = val;
+    },
+    handleCurrentEcology(val) {
+      console.log(`当前页: ${val}`);
+      this.formEcology.pageNum = val;
+      this.getEcology();
+      // if(this.searchPeopleType == 'choose') {
+      //   this.getPeopleChoose();
+      // } else {
+      //   this.getPeople();
+      // }
+    },
     //行政范围改变更新设定机构和设定人员
     updateOrganizationAndPerson(allSelectedKeys) {
       this.tableOrganization = [];
@@ -2661,6 +2823,11 @@ export default {
   }
   .first-step {
     margin-top: 20px;
+    .p_label {
+      margin-left: 56px;
+      font-size: 12px;
+      color: #606266;
+    }
     .basic-item-icon {
       position: relative;
       .require {
@@ -2737,6 +2904,10 @@ export default {
   }
   .second-step {
     margin: 10px 0 0 20px;
+    .span_ecology {
+      line-height: 45px;
+      margin-left: 8px;
+    }
     .dialog-p {
       text-align: center;
       span {