feat commit

企业入驻功能

package.json

@@ -46,7 +46,7 @@
     "fuse.js": "6.4.3",
     "highlight.js": "9.18.5",
     "js-beautify": "1.13.0",
-    "js-cookie": "3.0.1",
+    "js-cookie": "^3.0.1",
     "jsencrypt": "3.0.0-rc.1",
     "nprogress": "0.2.0",
     "quill": "1.3.7",

src/main.js

@@ -38,6 +38,9 @@ import VueMeta from 'vue-meta'
 // 字典数据组件
 import DictData from '@/components/DictData'
 
+
+Vue.prototype.$cookies = Cookies; // 注入到Vue原型链上
+
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts
 Vue.prototype.getConfigKey = getConfigKey

src/store/modules/user.js

@@ -1,5 +1,6 @@
 import {getInfo, login, logout, refreshToken} from '@/api/login'
 import {getToken, removeToken, setExpiresIn, setToken} from '@/utils/auth'
+import Cookies from "js-cookie";
 
 const user = {
   state: {
@@ -7,6 +8,7 @@ const user = {
     id: '',
     name: '',
     avatar: '',
+    companySign: '',
     roles: [],
     permissions: []
   },
@@ -32,6 +34,9 @@ const user = {
     },
     SET_PERMISSIONS: (state, permissions) => {
       state.permissions = permissions
+    },
+    SET_COMPANY: (state, companySign) => {
+      Cookies.set('companySign', companySign)
     }
   },
 
@@ -60,6 +65,7 @@ const user = {
     GetInfo({commit, state}) {
       return new Promise((resolve, reject) => {
         getInfo().then(res => {
+          debugger
           const user = res.data.user
           const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/profile.jpg") : user.avatar;
           if (res.data.roles && res.data.roles.length > 0) { // 验证返回的roles是否是一个非空数组
@@ -70,6 +76,8 @@ const user = {
           }
           commit('SET_ID', user.userId)
           commit('SET_NAME', user.userName)
+          let de = user.dept
+          commit('SET_COMPANY',de.companySign)
           commit('SET_AVATAR', avatar)
           resolve(res)
         }).catch(error => {

src/utils/request.js

@@ -73,7 +73,7 @@ service.interceptors.request.use(config => {
 
 // 响应拦截器
 service.interceptors.response.use(res => {
-  debugger
+  // debugger
     // 未设置状态码则默认成功状态
     const code = res.data.code || 200;
     // 获取错误信息

src/views/system/dept/index.vue

@@ -1,7 +1,15 @@
 <template>
   <div class="app-container">
     <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" size="small">
-      <el-form-item label="部门名称" prop="deptName">
+<!--      <el-form-item label="企业名称" prop="companySign">-->
+<!--        <treeselect-->
+<!--          v-model="queryParams.companySign"-->
+<!--          :options="deptOptions"-->
+<!--          :show-count="true"-->
+<!--          placeholder="请选择上级部门"-->
+<!--        />-->
+<!--      </el-form-item>-->
+      <el-form-item label="名称" prop="deptName">
         <el-input
           v-model="queryParams.deptName"
           clearable
@@ -26,6 +34,17 @@
     </el-form>
 
     <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5" v-if="'ZL' === this.$cookies.get('companySign')">
+        <el-button
+          v-hasPermi="['system:dept:add']"
+          icon="el-icon-plus"
+          plain
+          size="mini"
+          type="primary"
+          @click="handleAddEnterprise"
+        >企业入驻
+        </el-button>
+      </el-col>
       <el-col :span="1.5">
         <el-button
           v-hasPermi="['system:dept:add']"
@@ -59,7 +78,7 @@
       row-key="deptId"
     >
       <el-table-column label="部门名称" prop="deptName" width="260"></el-table-column>
-      <el-table-column label="排序" prop="orderNum" width="200"></el-table-column>
+      <el-table-column label="企业标识" prop="companySign" width="200"></el-table-column>
       <el-table-column label="状态" prop="status" width="100">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
@@ -101,6 +120,69 @@
       </el-table-column>
     </el-table>
 
+
+    <!-- 企业入驻对话框 -->
+    <el-dialog :title="title" :visible.sync="openCompany" append-to-body width="600px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="企业名称" prop="deptName">
+              <el-input v-model="form.deptName" placeholder="请输入企业名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="显示排序" prop="orderNum">
+              <el-input-number v-model="form.orderNum" :min="0" controls-position="right"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="负责人" prop="leader">
+              <el-input v-model="form.leader" maxlength="20" placeholder="请输入负责人"/>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="联系电话" prop="phone">
+              <el-input v-model="form.phone" maxlength="11" placeholder="请输入联系电话"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="邮箱" prop="email">
+              <el-input v-model="form.email" maxlength="50" placeholder="请输入邮箱"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="企业状态">
+              <el-radio-group v-model="form.status">
+                <el-radio
+                  v-for="dict in dict.type.sys_normal_disable"
+                  :key="dict.value"
+                  :label="dict.value"
+                >{{ dict.label }}
+                </el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="企业标识" prop="leader">
+              <el-input v-model="form.companySign" maxlength="20" placeholder="请输入企业标识"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+
     <!-- 添加或修改部门对话框 -->
     <el-dialog :title="title" :visible.sync="open" append-to-body width="600px">
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
@@ -168,6 +250,7 @@
 import {addDept, delDept, getDept, listDept, listDeptExcludeChild, updateDept} from "@/api/system/dept";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import Cookies from "js-cookie";
 
 export default {
   name: "Dept",
@@ -187,12 +270,15 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
+      // 是否显示企业入驻对话框
+      openCompany:false,
       // 是否展开，默认全部展开
       isExpandAll: true,
       // 重新渲染表格状态
       refreshTable: true,
       // 查询参数
       queryParams: {
+        companySign: undefined,
         deptName: undefined,
         status: undefined
       },
@@ -204,7 +290,7 @@ export default {
           {required: true, message: "上级部门不能为空", trigger: "blur"}
         ],
         deptName: [
-          {required: true, message: "部门名称不能为空", trigger: "blur"}
+          {required: true, message: "部门/企业名称不能为空", trigger: "blur"}
         ],
         orderNum: [
           {required: true, message: "显示排序不能为空", trigger: "blur"}
@@ -230,6 +316,7 @@ export default {
     this.getList();
   },
   methods: {
+    Cookies,
     /** 查询部门列表 */
     getList() {
       this.loading = true;
@@ -282,6 +369,7 @@ export default {
       this.reset();
       if (row != undefined) {
         this.form.parentId = row.deptId;
+        this.form.companySign = row.companySign;
       }
       this.open = true;
       this.title = "添加部门";
@@ -289,6 +377,16 @@ export default {
         this.deptOptions = this.handleTree(response.data, "deptId");
       });
     },
+    /** 企业入驻操作 */
+    handleAddEnterprise(row) {
+      this.reset();
+      this.form.parentId = 0;
+      this.openCompany = true;
+      this.title = "企业入驻";
+      listDept().then(response => {
+        this.deptOptions = this.handleTree(response.data, "deptId");
+      });
+    },
     /** 展开/折叠操作 */
     toggleExpandAll() {
       this.refreshTable = false;

src/views/system/user/index.vue

@@ -141,7 +141,6 @@
           </el-col>
           <right-toolbar :columns="columns" :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
         </el-row>
-
         <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
           <el-table-column align="center" type="selection" width="50"/>
           <el-table-column v-if="columns[0].visible" key="userId" align="center" label="用户编号" prop="userId"/>
@@ -149,11 +148,13 @@
                            prop="userName"/>
           <el-table-column v-if="columns[2].visible" key="nickName" :show-overflow-tooltip="true" align="center" label="用户昵称"
                            prop="nickName"/>
-          <el-table-column v-if="columns[3].visible" key="deptName" :show-overflow-tooltip="true" align="center" label="部门"
+          <el-table-column v-if="columns[3].visible" key="companySign" :show-overflow-tooltip="true" align="center" label="企业标识"
+                           prop="dept.companySign"/>
+          <el-table-column v-if="columns[4].visible" key="deptName" :show-overflow-tooltip="true" align="center" label="部门"
                            prop="dept.deptName"/>
-          <el-table-column v-if="columns[4].visible" key="phonenumber" align="center" label="手机号码"
+          <el-table-column v-if="columns[5].visible" key="phonenumber" align="center" label="手机号码"
                            prop="phonenumber" width="120"/>
-          <el-table-column v-if="columns[5].visible" key="status" align="center" label="状态">
+          <el-table-column v-if="columns[6].visible" key="status" align="center" label="状态">
             <template slot-scope="scope">
               <el-switch
                 v-model="scope.row.status"