mo 3 anni fa
parent
commit
89c192dd9d

+ 187 - 0
src/views/platformManager/tenantApply/component/tenandInFor.vue

@@ -0,0 +1,187 @@
+<template>
+  <div class="m-core">
+    <save-form
+      :inline="true"
+      class="searchForm"
+      ref="searchForm"
+      @submit="search"
+      @reset="reset"
+      :saveKey="'tenantApply'"
+      :model.sync="searchForm"
+    >
+      <el-form-item prop="name">
+        <el-input
+          v-model="searchForm.name"
+          clearable
+          placeholder="公司全称/负责人姓名"
+        ></el-input>
+      </el-form-item>
+      <el-form-item prop="createTimer">
+        <el-date-picker
+          v-model.trim="searchForm.createTimer"
+          clearable
+          type="daterange"
+          range-separator="至"
+          start-placeholder="提交开始时间"
+          end-placeholder="提交结束时间"
+          :default-time="['00:00:00', '23:59:59']"
+          :picker-options="{ firstDayOfWeek: 1 }"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button native-type="submit" type="danger">搜索</el-button>
+        <el-button native-type="reset" type="primary">重置</el-button>
+      </el-form-item>
+    </save-form>
+    <!-- 列表 -->
+    <div class="tableWrap">
+      <el-table
+        :data="tableList"
+        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+      >
+        <el-table-column align="center" label="公司全称" prop="city">
+        </el-table-column>
+        <el-table-column align="center" label="公司简称" prop="name">
+        </el-table-column>
+        <el-table-column align="center" label="所在城市" prop="linkman">
+        </el-table-column>
+        <el-table-column align="center" label="企业负责人" prop="mobileNo">
+        </el-table-column>
+        <el-table-column align="center" label="项目负责人" prop="createTime">
+        </el-table-column>
+        <el-table-column align="center" label="提交时间" prop="nameOfReferrer">
+        </el-table-column>
+        <el-table-column align="center" label="是否创建机构" prop="productName">
+        </el-table-column>
+        <el-table-column align="center" label="操作">
+          <template slot-scope="scope">
+            <el-button
+              @click="openService('update', scope.row)"
+              v-permission="'platformServe/update'"
+              type="text"
+              >查看
+            </el-button>
+            <el-button
+              @click="openService('update', scope.row)"
+              v-permission="'platformServe/update'"
+              type="text"
+              >创建机构
+            </el-button>
+                     <el-button
+              @click="openService('update', scope.row)"
+              v-permission="'platformServe/update'"
+              type="text"
+              >协议下载
+            </el-button>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column align="center" label="学生规模">
+            <template slot-scope="scope">
+              {{ scope.row.studentNumLevel | formatStudentNumLevel }}
+            </template>
+          </el-table-column> -->
+
+        <!-- <el-table-column align="center" label="推荐人姓名" prop="productName">
+          </el-table-column>
+
+          <el-table-column align="center" label="沟通结果" prop="productName">
+          </el-table-column>
+       -->
+      </el-table>
+      <pagination
+        :saveKey="'tenantApply'"
+        sync
+        :total.sync="pageInfo.total"
+        :page.sync="pageInfo.page"
+        :limit.sync="pageInfo.limit"
+        :page-sizes="pageInfo.page_size"
+        @pagination="getList"
+      />
+    </div>
+  </div>
+</template>
+<script>
+import pagination from "@/components/Pagination/index";
+import { tenantApplyList } from "../api";
+import { getTimes } from "@/utils";
+const initSearch = {
+  name: null,
+  createTimer: null,
+};
+export default {
+  components: {
+    pagination,
+  },
+  data() {
+    return {
+      tableList: [],
+      pageInfo: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+      searchForm: {
+        ...initSearch,
+      },
+      activeIndex: "1",
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    async getList() {
+      try {
+        const { name, createTimer } = this.searchForm;
+        const res = await tenantApplyList({
+          name: name,
+          ...getTimes(
+            createTimer,
+            ["startDateTime", "endDateTime"],
+            "YYYY-MM-DD HH:mm:ss"
+          ),
+          page: this.pageInfo.page,
+          rows: this.pageInfo.limit,
+        });
+        this.pageInfo.total = res.data.total;
+        this.tableList = res.data.rows;
+      } catch (e) {}
+    },
+    search() {
+      this.pageInfo.page = 1;
+      this.$refs.searchForm.save(this.searchForm);
+      this.$refs.searchForm.save(this.pageInfo, "page");
+      this.getList();
+    },
+    reset() {
+      this.searchForm = {
+        ...initSearch,
+      };
+      this.search();
+    },
+    handleClick(val) {
+      this.activeIndex = val.name;
+    },
+  },
+  filters: {
+    formatStudentNumLevel(item) {
+      const template = {
+        1: "500人以下",
+        2: "501-1000人",
+        3: "1001-2000人",
+        4: "2001-3000人",
+        5: "3000人以上",
+      };
+      return template[item];
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.courseMask .el-dialog__body {
+  padding-bottom: 0;
+}
+</style>
+

+ 181 - 0
src/views/platformManager/tenantApply/component/tenantApplyFor.vue

@@ -0,0 +1,181 @@
+<template>
+  <div class="m-core">
+    <save-form
+      :inline="true"
+      class="searchForm"
+      ref="searchForm"
+      @submit="search"
+      @reset="reset"
+      :saveKey="'tenantApply'"
+      :model.sync="searchForm"
+    >
+      <!-- <el-form-item prop="name">
+          <el-input
+            v-model="searchForm.name"
+            clearable
+            placeholder="机构名称"
+          ></el-input>
+        </el-form-item> -->
+      <el-form-item prop="createTimer">
+        <el-date-picker
+          v-model.trim="searchForm.createTimer"
+          clearable
+          type="daterange"
+          range-separator="至"
+          start-placeholder="申请开始时间"
+          end-placeholder="申请结束时间"
+          :default-time="['00:00:00', '23:59:59']"
+          :picker-options="{ firstDayOfWeek: 1 }"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button native-type="submit" type="danger">搜索</el-button>
+        <el-button native-type="reset" type="primary">重置</el-button>
+      </el-form-item>
+    </save-form>
+    <!-- 列表 -->
+    <div class="tableWrap">
+      <el-table
+        :data="tableList"
+        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+      >
+        <el-table-column align="center" label="所在城市" prop="city">
+        </el-table-column>
+        <el-table-column align="center" label="机构名称" prop="name">
+        </el-table-column>
+        <el-table-column align="center" label="联系人" prop="linkman">
+        </el-table-column>
+        <el-table-column align="center" label="联系人电话" prop="mobileNo">
+        </el-table-column>
+        <el-table-column align="center" label="申请时间" prop="createTime">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          label="推荐人姓名"
+          prop="nameOfReferrer"
+        >
+        </el-table-column>
+        <el-table-column align="center" label="上次沟通时间" prop="productName">
+        </el-table-column>
+        <el-table-column align="center" label="沟通人" prop="productName">
+        </el-table-column>
+        <el-table-column align="center" label="操作">
+          <template slot-scope="scope">
+            <el-button
+              @click="openService('update', scope.row)"
+              v-permission="'platformServe/update'"
+              type="text"
+              >沟通记录
+            </el-button>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column align="center" label="学生规模">
+            <template slot-scope="scope">
+              {{ scope.row.studentNumLevel | formatStudentNumLevel }}
+            </template>
+          </el-table-column> -->
+
+        <!-- <el-table-column align="center" label="推荐人姓名" prop="productName">
+          </el-table-column>
+
+          <el-table-column align="center" label="沟通结果" prop="productName">
+          </el-table-column>
+       -->
+      </el-table>
+      <pagination
+        :saveKey="'tenantApply'"
+        sync
+        :total.sync="pageInfo.total"
+        :page.sync="pageInfo.page"
+        :limit.sync="pageInfo.limit"
+        :page-sizes="pageInfo.page_size"
+        @pagination="getList"
+      />
+    </div>
+  </div>
+</template>
+<script>
+import pagination from "@/components/Pagination/index";
+import { tenantApplyList } from "../api";
+import { getTimes } from "@/utils";
+const initSearch = {
+  name: null,
+  createTimer: null,
+};
+export default {
+  components: {
+    pagination,
+  },
+  data() {
+    return {
+      tableList: [],
+      pageInfo: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+      searchForm: {
+        ...initSearch,
+      },
+      activeIndex:'1'
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    async getList() {
+      try {
+        const { name, createTimer } = this.searchForm;
+        const res = await tenantApplyList({
+          name: name,
+          ...getTimes(
+            createTimer,
+            ["startDateTime", "endDateTime"],
+            "YYYY-MM-DD HH:mm:ss"
+          ),
+          page: this.pageInfo.page,
+          rows: this.pageInfo.limit,
+        });
+        this.pageInfo.total = res.data.total;
+        this.tableList = res.data.rows;
+      } catch (e) {}
+    },
+    search() {
+      this.pageInfo.page = 1;
+      this.$refs.searchForm.save(this.searchForm);
+      this.$refs.searchForm.save(this.pageInfo, "page");
+      this.getList();
+    },
+    reset() {
+      this.searchForm = {
+        ...initSearch,
+      };
+      this.search();
+    },
+    handleClick(val) {
+      this.activeIndex = val.name;
+    },
+  },
+  filters: {
+    formatStudentNumLevel(item) {
+      const template = {
+        1: "500人以下",
+        2: "501-1000人",
+        3: "1001-2000人",
+        4: "2001-3000人",
+        5: "3000人以上",
+      };
+      return template[item];
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.courseMask .el-dialog__body {
+  padding-bottom: 0;
+}
+</style>
+

+ 27 - 96
src/views/platformManager/tenantApply/index.vue

@@ -5,108 +5,34 @@
       申请机构
     </h2>
     <div class="m-core">
-      <save-form
-        :inline="true"
-        class="searchForm"
-        ref="searchForm"
-        @submit="search"
-        @reset="reset"
-        :saveKey="'tenantApply'"
-        :model.sync="searchForm"
+      <tab-router
+        v-model.trim="activeIndex"
+        type="card"
+        @tab-click="handleClick"
       >
-        <!-- <el-form-item prop="name">
-          <el-input
-            v-model="searchForm.name"
-            clearable
-            placeholder="机构名称"
-          ></el-input>
-        </el-form-item> -->
-        <el-form-item prop="createTimer">
-          <el-date-picker
-            v-model.trim="searchForm.createTimer"
-            clearable
-            type="daterange"
-            range-separator="至"
-            start-placeholder="申请开始时间"
-            end-placeholder="申请结束时间"
-            :default-time="['00:00:00', '23:59:59']"
-            :picker-options="{ firstDayOfWeek: 1 }"
-          ></el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <el-button native-type="submit" type="danger">搜索</el-button>
-          <el-button native-type="reset" type="primary">重置</el-button>
-        </el-form-item>
-      </save-form>
-      <!-- 列表 -->
-      <div class="tableWrap">
-        <el-table
-          :data="tableList"
-          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
-        >
-          <el-table-column align="center" label="所在城市" prop="city">
-          </el-table-column>
-          <el-table-column align="center" label="机构名称" prop="name">
-          </el-table-column>
-          <el-table-column align="center" label="联系人" prop="linkman">
-          </el-table-column>
-          <el-table-column align="center" label="联系人电话" prop="mobileNo">
-          </el-table-column>
-          <el-table-column align="center" label="申请时间" prop="createTime">
-          </el-table-column>
-          <el-table-column
-            align="center"
-            label="推荐人姓名"
-            prop="nameOfReferrer"
-          >
-          </el-table-column>
-          <el-table-column
-            align="center"
-            label="上次沟通时间"
-            prop="productName"
-          >
-          </el-table-column>
-          <el-table-column align="center" label="沟通人" prop="productName">
-          </el-table-column>
-                    <el-table-column align="center" label="操作">
-            <template slot-scope="scope">
-              <el-button
-                @click="openService('update', scope.row)"
-                v-permission="'platformServe/update'"
-                type="text"
-                >沟通记录
-              </el-button>
-            </template>
-          </el-table-column>
-          <!-- <el-table-column align="center" label="学生规模">
-            <template slot-scope="scope">
-              {{ scope.row.studentNumLevel | formatStudentNumLevel }}
-            </template>
-          </el-table-column> -->
-
-          <!-- <el-table-column align="center" label="推荐人姓名" prop="productName">
-          </el-table-column>
+      <!--    v-if="permissionList.networkList" -->
+        <el-tab-pane
+          label="申请机构"
+          name="1"
 
-          <el-table-column align="center" label="沟通结果" prop="productName">
-          </el-table-column>
-       -->
+        >
+        <tenantApplyFor />
+        </el-tab-pane>
+           <el-tab-pane
+          label="入驻机构"
+          name="2"
 
-        </el-table>
-        <pagination
-          :saveKey="'tenantApply'"
-          sync
-          :total.sync="pageInfo.total"
-          :page.sync="pageInfo.page"
-          :limit.sync="pageInfo.limit"
-          :page-sizes="pageInfo.page_size"
-          @pagination="getList"
-        />
-      </div>
+        >
+        <tenandInFor />
+        </el-tab-pane>
+      </tab-router>
     </div>
   </div>
 </template>
 <script>
-import pagination from "@/components/Pagination/index";
+// import pagination from "@/components/Pagination/index";
+import tenantApplyFor from "./component/tenantApplyFor.vue";
+import tenandInFor from "./component/tenandInFor.vue";
 import { tenantApplyList } from "./api";
 import { getTimes } from "@/utils";
 const initSearch = {
@@ -115,10 +41,12 @@ const initSearch = {
 };
 export default {
   components: {
-    pagination,
+    tenantApplyFor,
+    tenandInFor
   },
   data() {
     return {
+      activeIndex: "1",
       tableList: [],
       pageInfo: {
         // 分页规则
@@ -165,6 +93,9 @@ export default {
       };
       this.search();
     },
+    handleClick(val) {
+      this.activeIndex = val.name;
+    },
   },
   filters: {
     formatStudentNumLevel(item) {