添加机构信息模块

config/dev.env.js

@@ -2,5 +2,11 @@ module.exports = {
   NODE_ENV: '"development"',
   ENV_CONFIG: '"dev"',
   BASE_API: '"http://api.test1.sgjyun.com"', // // http://localhost:8090
+
+  SSO_HOST: '"http://testsso.sgjyun.com"',
+  SRCM_HOST: '"http://test1.sgjyun.com"',
+  XT_HOST: '"http://xt.test.sgjyun.com"',
+  MIRCO_MALL_HOST: '"http://mall.test.sgjyun.com"',
+  CDM_HOST: '"http://cdm.test.sgjyun.com"',
 }
 

config/prod.env.js

@@ -1,5 +1,11 @@
 module.exports = {
   NODE_ENV: '"production"',
   ENV_CONFIG: '"prod"',
-  BASE_API: '"http://api.scrm.kuyicloud.com"'
+  BASE_API: '"http://api.scrm.kuyicloud.com"',
+
+  SSO_HOST: '"http://sso.kuyicloud.com"',
+  SRCM_HOST: '"http://jk.kuyicloud.com"',
+  XT_HOST: '"http://xt.kuyicloud.com"',
+  MIRCO_MALL_HOST: '"http://mall.kuyicloud.com"',
+  CDM_HOST: '"http://cdm.kuyicloud.com"',
 }

config/sit.env.js

@@ -1,5 +1,11 @@
 module.exports = {
   NODE_ENV: '"production"',
   ENV_CONFIG: '"sit"',
-  BASE_API: '"http://api.test1.sgjyun.com"'
+  BASE_API: '"http://api.test1.sgjyun.com"',
+
+  SSO_HOST: '"http://testsso.sgjyun.com"',
+  SRCM_HOST: '"http://test1.sgjyun.com"',
+  XT_HOST: '"http://xt.test.sgjyun.com"',
+  MIRCO_MALL_HOST: '"http://mall.test.sgjyun.com"',
+  CDM_HOST: '"http://cdm.test.sgjyun.com"',
 }

src/api/district.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function GetDistrictsByUpid(params){
+    return request({
+        url:'/api/district/getdistrictsbyupid',
+        method:'get',
+        params: params
+    })
+}

src/api/org/orginfo.js

@@ -0,0 +1,32 @@
+import request from '@/utils/request'
+
+export function GetOrgInfo(){
+    return request({
+        url:'/api/orginfo/getinfo',
+        method:'get',
+    })
+}
+
+export function SaveOrgGallery(data){
+    return request({
+        url:'/api/orginfo/savegallery',
+        method:'Post',
+        data:data,
+    })
+}
+
+export function EditOrgInfo(data){
+    return request({
+        url:'/api/orginfo/edit',
+        method:'Post',
+        data:data,
+    })
+}
+
+export function DeleteOrgGallery(id){
+    return request({
+        url:'/api/orginfo/deletegallery',
+        method:'delete',
+        params:{id:id},
+    })
+}

src/router/index.js

@@ -8,6 +8,7 @@ import Layout from '@/views/layout/Layout'
 
 import role from './modules/role'
 import article from './modules/article'
+import org from './modules/org'
 
 /** note: submenu only apppear when children.length>=1
  *   detail see  https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
@@ -69,6 +70,7 @@ var _constant_router_map = [{
 
 var _asy_router_map = [
   article,
+  org,
   role
 ]
 

src/router/modules/org.js

@@ -0,0 +1,26 @@
+import Layout from '@/views/layout/Layout'
+
+export default {
+    path: '/orginfo',
+    component: Layout,
+    hidden: true,
+    is_menu: false,
+    meta: {
+        title: 'orginfo',
+        icon: 'shebei'
+    },
+    children: [
+        {
+            path: '/orginfo',
+            component: () => import('@/scrm_pages/org/orginfo'),
+            hidden: true,
+            is_menu: false,
+            name: 'orginfo',
+            meta: {
+                title: '机构信息',
+                icon: 'shebei',
+                noCache: true
+            }
+        }
+    ]
+}

src/scrm_pages/org/README.md

@@ -0,0 +1,47 @@
+### neditor使用：
+
+1、引入资源
+
+1.1 在static\neditor
+
+1.2 在根目录下index.html下
+
+```
+<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
+<script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.config.js"></script>
+<script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.all.min.js"></script>
+<script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.service.js"></script>
+<script src="<%= htmlWebpackPlugin.options.path %>/neditor/i18n/zh-cn/zh-cn.js"></script>
+<script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.parse.min.js"></script>
+```
+
+2、自定义components，在src下新建Neditor/index.vue，具体见src\components\Neditor\index.vue
+
+3、使用
+
+3.1、引入自定义components：
+
+`import Neditor from '@/components/Neditor'`
+
+3.2、注册：
+
+```
+components: {
+    Neditor,
+    ......
+},
+```
+3.3
+
+```
+<el-form-item label="机构介绍:" prop="org_introduction">
+    <keep-alive><!--网上说用百度ueditor时，要用keep-alive-->
+         <neditor ref="neditor"   id="editor"  v-bind:r_content="form.org_introduction"> </neditor> <!--这里是Neditor-->
+    </keep-alive>
+</el-form-item>
+```
+3.4
+4.
+提交时，需要获取富文本里的内容：
+
+`this.form.org_introduction = this.$refs.neditor.content;`

src/scrm_pages/org/orginfo.vue

@@ -0,0 +1,754 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+    </div>
+    <div class="app-container">
+      <el-form
+        ref="form"
+        :model="form"
+        label-width="80px"
+        id="edit-org-info-form"
+        v-loading="formloading"
+        :element-loading-text="loadingText"
+        class="clearfix"
+        :popper-append-to-body="false"
+      >
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="机构名称:" prop="org_name">
+              <el-input v-model="form.org_name" placeholder="机构名称"></el-input>
+            </el-form-item>
+            <el-form-item label="联系人姓名:" prop="contact_name">
+              <el-input v-model="form.contact_name" placeholder="联系人姓名"></el-input>
+            </el-form-item>
+            <el-form-item label="机构介绍:" prop="org_introduction">
+              <!-- <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="机构介绍" v-model="form.org_introduction">  </el-input> -->
+              <keep-alive>
+                <neditor ref="neditor" id="editor" v-bind:r_content="form.org_introduction"></neditor>
+              </keep-alive>
+            </el-form-item>
+            <el-form-item label="机构头像:" prop="org_logo">
+              <el-upload
+                v-loading="uploading"
+                :element-loading-text="loadingText"
+                class="avatar-uploader"
+                :data="uploadData"
+                action="https://upload.qiniup.com"
+                :show-file-list="false"
+                :on-error="handleAvatarError"
+                :on-success="handleAvatarSuccess"
+                :before-upload="beforeAvatarUpload"
+              >
+                <img v-if="form.org_logo" :src="form.org_logo" class="avatar">
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+              </el-upload>
+            </el-form-item>
+            <el-form-item label="机构地区:" prop="org_area">
+              <el-select
+                v-model="form.province"
+                clearable
+                filterable
+                placeholder="请选择"
+                @change="changeProvince"
+              >
+                <el-option
+                  v-for="item in provinces"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+              <el-select
+                v-model="form.city"
+                v-show="form.province&&citys.length>0"
+                clearable
+                filterable
+                placeholder="请选择"
+                @change="changeCity"
+              >
+                <el-option v-for="item in citys" :key="item.id" :label="item.name" :value="item.id"></el-option>
+              </el-select>
+              <el-select
+                v-model="form.district"
+                v-show="form.city&&districts.length>0"
+                clearable
+                filterable
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in districts"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="机构地址:" prop="address">
+              <el-input v-model="form.address" placeholder="机构地址"></el-input>
+            </el-form-item>
+            <el-form-item label="机构类型:" prop="org_type">
+              <el-select
+                v-model="form.parent_type"
+                clearable
+                placeholder="请选择"
+                @change="changeParentType"
+              >
+                <el-option
+                  v-for="item in orgtypes"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+              <el-select
+                v-model="form.child_type"
+                v-show="form.parent_type&&childtypes.length>0"
+                clearable
+                placeholder="请选择"
+                @change="changeChildType"
+              >
+                <el-option
+                  v-for="item in childtypes"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="机构电话:" prop="telephone">
+              <el-input v-model="form.telephone" placeholder="机构电话"></el-input>
+            </el-form-item>
+            <el-form-item label="营业状态:" prop="operating_state">
+              <el-radio-group v-model="form.operating_state">
+                <el-radio
+                  v-for="item in operatingStateOptions"
+                  :key="item.value"
+                  :label="item.value"
+                  :value="item.value"
+                >{{item.label}}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="营业时间:" prop="business_time">
+              <el-input v-model="form.business_week" placeholder="营业时间" style="width:48%"></el-input>
+              <el-input v-model="form.business_time" placeholder="营业时间" style="width:48%"></el-input>
+            </el-form-item>
+            <el-form-item label prop="business_time">
+              <el-checkbox-group v-model="form.business_week_select" @change="handleChangeWeek">
+                <el-checkbox
+                  v-for="(item, index) in weekOptions"
+                  :label="item"
+                  :key="index"
+                  :value="item"
+                >{{item}}</el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+
+            <el-form-item label="上午:" prop="business_time">
+              <el-radio-group v-model="form.business_time_shange" @change="handleChangeTime">
+                <el-radio
+                  v-for="(item, index)  in shangOptions"
+                  :key="index"
+                  :label="item"
+                  :value="item"
+                >{{item}}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+
+            <el-form-item label="下午:" prop="business_time_xia">
+              <el-radio-group v-model="form.business_time_xia" @change="handleChangeTime">
+                <el-radio
+                  v-for="(item, index)  in xiaOptions"
+                  :key="index"
+                  :label="item"
+                  :value="item"
+                >{{item}}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+
+            <el-form-item label="服务病种:" prop="illness">
+              <el-checkbox-group v-model="form.illness_list" @change="handleChangeIllness">
+                <el-checkbox
+                  v-for="item in illnessOptions"
+                  :label="item.id"
+                  :key="item.id"
+                  :value="item.id"
+                >{{item.illness_name}}</el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+            <el-form-item label="机构图册:" prop="gallery">
+              <el-upload
+                v-loading="guploading"
+                :data="uploadData"
+                action="https://upload.qiniup.com"
+                list-type="picture-card"
+                :file-list="fileList"
+                :on-remove="handleRemove"
+                :on-error="handleGalleryError"
+                :on-success="handleGallerySuccess"
+                :before-upload="beforeGalleryUpload"
+              >
+                <i class="el-icon-plus"></i>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :span="24">
+          <el-col :span="24" align="right">
+            <el-form-item>
+              <el-button @click="$router.back(-1)" icon="el-icon-refresh" size="small">取消</el-button>
+              <el-button @click="submitForm" size="small" type="primary" icon="el-icon-setting">保存</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getToken } from "@/api/qiniu";
+import {
+  GetOrgInfo,
+  SaveOrgGallery,
+  DeleteOrgGallery,
+  EditOrgInfo
+} from "@/api/org/orginfo";
+import { GetDistrictsByUpid } from "@/api/district";
+import { getFileExtension } from "@/utils/tools";
+import Neditor from "@/components/Neditor";
+import BreadCrumb from "@/scrm_pages/components/bread-crumb";
+export default {
+  name: "orginfo",
+  data() {
+    return {
+      crumbs: [{ path: false, name: "机构信息" }],
+      qiniuDomain: "https://images.shengws.com/",
+      formloading: false,
+      uploading: false,
+      guploading: false,
+      formsubmit: false,
+      loadingText: "",
+      illnessList: [],
+      fileList: [],
+      provinces: [],
+      citys: [],
+      districts: [],
+      orgtypes: [],
+      orgtypesMap: {},
+      childtypes: [],
+      uploadData: { token: "", key: "" },
+      operatingStateOptions: [
+        { value: 1, label: "正常营业" },
+        { value: 2, label: "暂未营业" }
+      ],
+      weekOptions: [
+        "星期一",
+        "星期二",
+        "星期三",
+        "星期四",
+        "星期五",
+        "星期六",
+        "星期天"
+      ],
+      shangOptions: [
+        "1:00",
+        "2:00",
+        "3:00",
+        "4:00",
+        "5:00",
+        "6:00",
+        "7:00",
+        "8:00",
+        "9:00",
+        "10:00",
+        "11:00",
+        "12:00"
+      ],
+      xiaOptions: [
+        "13:00",
+        "14:00",
+        "15:00",
+        "16:00",
+        "17:00",
+        "18:00",
+        "19:00",
+        "20:00",
+        "21:00",
+        "22:00",
+        "23:00",
+        "24:00"
+      ],
+      illnessOptions: [],
+      form: {
+        org_name: "",
+        contact_name: "",
+        org_introduction: "",
+        org_logo: "",
+        province: "",
+        city: "",
+        district: "",
+        address: "",
+        parent_type: "",
+        child_type: "",
+        org_type: "",
+        telephone: "",
+        operating_state: "",
+        business_week: "",
+        business_week_select: [],
+        business_time_shange: "",
+        business_time_xia: "",
+        business_time: "",
+        illness: "",
+        illness_list: [],
+        org_gallery: []
+      },
+      myConfig: {
+        // 如果需要上传功能,找后端小伙伴要服务器接口地址
+        serverUrl: "/api/web/upload/ueditor",
+        // 你的UEditor资源存放的路径,相对于打包后的index.html
+        UEDITOR_HOME_URL: "/NEditor/",
+        // 编辑器不自动被内容撑高
+        autoHeightEnabled: false,
+        // 初始容器高度
+        initialFrameHeight: 240,
+        // 初始容器宽度
+        initialFrameWidth: "100%",
+        // 关闭自动保存
+        enableAutoSave: false
+      }
+    };
+  },
+  components: {
+    Neditor,
+    BreadCrumb
+  },
+  computed: {},
+  created() {
+    this.formloading = true;
+    this.loadingText = "加载中...";
+    this.GetOrgInfo();
+  },
+  methods: {
+    handleChangeIllness(values) {
+      this.form.illness = values.join(",");
+    },
+    handleChangeWeek(values) {
+      var selectweek = [];
+      for (const index in values) {
+        var item = {
+          id: this.weekOptions.indexOf(values[index]),
+          name: values[index]
+        };
+        selectweek.push(item);
+      }
+
+      if (selectweek.length == 0) {
+        this.form.business_week = "";
+      } else if (selectweek.length == 1) {
+        this.form.business_week = selectweek[0];
+      } else {
+        selectweek = selectweek.sort(function(a, b) {
+          return a.id - b.id;
+        });
+        var blen = selectweek.length;
+        if (blen == selectweek[blen - 1].id - selectweek[0].id + 1) {
+          this.form.business_week =
+            selectweek[0]["name"] + " — " + selectweek[blen - 1]["name"];
+        } else {
+          var tem = [];
+          for (const index in selectweek) {
+            tem.push(selectweek[index].name);
+          }
+          this.form.business_week = tem.join("、");
+        }
+      }
+    },
+    handleChangeTime(t) {
+      if (
+        this.form.business_time_shange.length > 0 &&
+        this.form.business_time_xia.length > 0
+      ) {
+        this.form.business_time =
+          "上午" +
+          this.form.business_time_shange +
+          "—下午" +
+          this.form.business_time_xia;
+      } else if (this.form.business_time_shange.length > 0) {
+        this.form.business_time = "上午" + this.form.business_time_shange;
+      } else if (this.form.business_time_xia.length > 0) {
+        this.form.business_time = "下午" + this.form.business_time_xia;
+      } else {
+        this.form.business_time = "";
+      }
+    },
+    handleAvatarError(err, file, fileList) {
+      this.$message.error(err);
+      this.uploading = false;
+      return false;
+    },
+    handleAvatarSuccess(res, file) {
+      this.form.org_logo = this.qiniuDomain + res.url;
+      this.uploading = false;
+    },
+    beforeAvatarUpload(file) {
+      var fileType = file.type;
+      const isJPG = fileType.indexOf("image") > -1;
+      const isLt2M = file.size / 1024 / 1024 < 2;
+
+      if (!isJPG) {
+        this.$message.error("只能上传图片");
+        return false;
+      }
+      if (!isLt2M) {
+        this.$message.error("上传头像图片大小不能超过 2MB!");
+        return false;
+      }
+
+      var date = new Date();
+      var ext = getFileExtension(file.name);
+      var key =
+        "" +
+        date.getFullYear() +
+        (date.getMonth() + 1) +
+        date.getDate() +
+        date.getHours() +
+        date.getMinutes() +
+        date.getSeconds() +
+        "_o_" +
+        file.uid +
+        "." +
+        ext;
+      this.uploading = true;
+      this.loadingText = "机构头像上传中";
+
+      const _self = this;
+      return new Promise((resolve, reject) => {
+        getToken()
+          .then(response => {
+            const token = response.data.data.uptoken;
+            _self._data.uploadData.token = token;
+            _self._data.uploadData.key = key;
+            resolve(true);
+          })
+          .catch(err => {
+            reject(false);
+            this.uploading = false;
+          });
+      });
+    },
+    handleGalleryError(err, file, fileList) {
+      this.$message.error(err);
+      this.guploading = false;
+      return false;
+    },
+    handleGallerySuccess(res, file) {
+      var data = { type: 1, url: this.qiniuDomain + res.url };
+      SaveOrgGallery(data)
+        .then(response => {
+          var res = response.data;
+          if (res.state == 1) {
+            this.$message.success("上传成功");
+          } else {
+            this.$message.error("上传失败");
+          }
+        })
+        .catch(e => {});
+      this.guploading = false;
+    },
+    beforeGalleryUpload(file) {
+      var fileType = file.type;
+      const isJPG = fileType.indexOf("image") > -1;
+      const isLt100M = file.size / 1024 / 1024 < 100;
+
+      if (!isJPG) {
+        this.$message.error("只能上传图片");
+        return false;
+      }
+      if (!isLt100M) {
+        this.$message.error("上传图片大小不能超过 100MB!");
+        return false;
+      }
+
+      var date = new Date();
+      var ext = getFileExtension(file.name);
+      var key =
+        "" +
+        date.getFullYear() +
+        (date.getMonth() + 1) +
+        date.getDate() +
+        date.getHours() +
+        date.getMinutes() +
+        date.getSeconds() +
+        "_g_" +
+        file.uid +
+        "." +
+        ext;
+      this.guploading = true;
+      this.loadingText = "机构图册上传中";
+
+      const _self = this;
+      return new Promise((resolve, reject) => {
+        getToken()
+          .then(response => {
+            const token = response.data.data.uptoken;
+            _self._data.uploadData.token = token;
+            _self._data.uploadData.key = key;
+            resolve(true);
+          })
+          .catch(err => {
+            reject(false);
+            this.guploading = false;
+          });
+      });
+    },
+
+    handleRemove(file, fileList) {
+      DeleteOrgGallery(file.id)
+        .then(response => {
+          var res = response.data;
+          if (res.state == 1) {
+            this.$message.success("删除成功");
+          } else {
+            this.$message.error("删除失败");
+          }
+        })
+        .catch(e => {});
+      console.log("handleRemove", file, fileList);
+    },
+    GetOrgInfo() {
+      GetOrgInfo()
+        .then(response => {
+          var res = response.data;
+          if (res.state === 1) {
+            this.form.org_name = res.data.orginfo.org_name;
+            this.form.contact_name = res.data.orginfo.contact_name;
+            this.form.org_introduction = res.data.orginfo.org_introduction;
+            this.form.org_logo = res.data.orginfo.org_logo;
+            this.form.province = res.data.orginfo.province;
+            this.form.city = res.data.orginfo.city;
+            this.form.district = res.data.orginfo.district;
+            this.form.address = res.data.orginfo.address;
+            this.form.org_type = res.data.orginfo.org_type;
+            this.form.telephone = res.data.orginfo.telephone;
+            this.form.operating_state = res.data.orginfo.operating_state;
+            this.form.business_week = res.data.orginfo.business_week;
+            this.form.business_week_select = [];
+            this.form.business_time = res.data.orginfo.business_time;
+            this.form.business_time_shange = "";
+            this.form.business_time_xia = "";
+            this.form.illness = res.data.orginfo.illness;
+            this.form.illness_list = [];
+            this.form.org_gallery = res.data.orginfo.org_gallery;
+            this.fileList = [];
+            for (const index in this.form.org_gallery) {
+              var image = {
+                id: this.form.org_gallery[index].id,
+                name: this.form.org_gallery[index].id,
+                url:
+                  this.form.org_gallery[index].type == 1
+                    ? this.form.org_gallery[index].url
+                    : this.form.org_gallery[index].url +
+                      "?vframe/jpg/offset/0/w/100/h/100"
+              };
+              this.fileList.push(image);
+            }
+
+            var illness = res.data.orginfo.illness.split(",");
+            for (const index in illness) {
+              var iid = parseInt(illness[index]);
+              if (isNaN(iid) || iid <= 0) {
+                continue;
+              }
+              this.form.illness_list.push(iid);
+            }
+            var business_week = this.form.business_week;
+            var business_week_tem = business_week.split(" — ");
+            if (business_week_tem.length == 2) {
+              var fromIndex = this.weekOptions.indexOf(business_week_tem[0]);
+              var toIndex = this.weekOptions.indexOf(business_week_tem[1]);
+              if (fromIndex >= 0 && toIndex >= 0) {
+                for (const index in this.weekOptions) {
+                  if (index >= fromIndex && index <= toIndex) {
+                    this.form.business_week_select.push(
+                      this.weekOptions[index]
+                    );
+                  }
+                }
+              }
+            } else {
+              business_week_tem = business_week.split("、");
+              for (const index in business_week_tem) {
+                if (business_week_tem[index].length > 0) {
+                  this.form.business_week_select.push(business_week_tem[index]);
+                }
+              }
+            }
+            var business_time = this.form.business_time;
+            var business_time_tem = business_time.split("—");
+            if (business_time_tem.length == 2) {
+              this.form.business_time_shange = business_time_tem[0].substring(
+                2
+              );
+              this.form.business_time_xia = business_time_tem[1].substring(2);
+            } else {
+              var selectTime = business_time_tem[0].substring(2);
+              if (this.shangOptions.indexOf(selectTime) > -1) {
+                this.form.business_time_shange = selectTime;
+              } else if (this.xiaOptions.indexOf(selectTime) > -1) {
+                this.form.business_time_xia = selectTime;
+              }
+            }
+
+            this.provinces = res.data.provinces;
+            this.citys = res.data.citys ? res.data.citys : [];
+            this.districts = res.data.districts ? res.data.districts : [];
+
+            this.orgtypes = [];
+            (this.orgtypesMap = {}), (this.childtypes = []);
+            var orgtypes = res.data.orgtypes;
+            for (const index in orgtypes) {
+              if (orgtypes[index].pid > 0) {
+                if (!(orgtypes[index].pid in this.orgtypesMap)) {
+                  this.orgtypesMap[orgtypes[index].pid] = [];
+                }
+                this.orgtypesMap[orgtypes[index].pid].push(orgtypes[index]);
+                if (orgtypes[index].id == this.form.org_type) {
+                  this.form.child_type = orgtypes[index].id;
+                  this.form.parent_type = orgtypes[index].pid;
+                }
+              } else {
+                this.orgtypes.push(orgtypes[index]);
+                if (orgtypes[index].id == this.form.org_type) {
+                  this.form.parent_type = orgtypes[index].id;
+                }
+              }
+            }
+            if (this.form.parent_type in this.orgtypesMap) {
+              this.childtypes = this.orgtypesMap[this.form.parent_type];
+            } else {
+              this.childtypes = [];
+            }
+            this.illnessOptions = res.data.illness ? res.data.illness : [];
+            this.formloading = false;
+          } else {
+            this.$message.error(resp.msg);
+          }
+        })
+        .catch(e => {});
+    },
+    myTrim(x) {
+      return x.replace(/^\s+|\s+$/gm, "");
+    },
+    changeProvince(id) {
+      this.citys = [];
+      this.districts = [];
+      this.form.city = "";
+      this.form.district = "";
+      var upid = parseInt(id);
+      if (isNaN(upid) || upid <= 0) {
+        return false;
+      }
+      GetDistrictsByUpid({ id: upid })
+        .then(response => {
+          var res = response.data;
+          if (res.state === 1) {
+            this.citys = res.data.citys ? res.data.citys : [];
+          }
+        })
+        .catch(e => {});
+    },
+    changeCity(id) {
+      this.districts = [];
+      this.form.district = "";
+      var upid = parseInt(id);
+      if (isNaN(upid) || upid <= 0) {
+        return false;
+      }
+      GetDistrictsByUpid({ id: upid })
+        .then(response => {
+          var res = response.data;
+          if (res.state === 1) {
+            this.districts = res.data.citys ? res.data.citys : [];
+          }
+        })
+        .catch(e => {});
+    },
+    changeParentType(id) {
+      id = parseInt(id);
+      this.childtypes = [];
+      this.form.child_type = "";
+      this.form.org_type = 0;
+
+      if (isNaN(id) || id <= 0) {
+        return false;
+      }
+      if (id in this.orgtypesMap) {
+        this.childtypes = this.orgtypesMap[id];
+      } else {
+        this.childtypes = [];
+      }
+
+      this.form.org_type = id;
+    },
+    changeChildType(id) {
+      this.form.org_type = id;
+    },
+    submitForm() {
+      this.form.org_introduction = this.$refs.neditor.content;
+      this.formloading = true;
+      this.formsubmit = true;
+      this.loadingText = "正在保存...";
+      EditOrgInfo(this.form)
+        .then(response => {
+          var res = response.data;
+          if (res.state == 1) {
+            this.$store.dispatch("ModifyOrgInfo", {
+              org_name: this.form.org_name,
+              contact_name: this.form.org_name
+            });
+
+            this.$message.success("修改成功");
+          } else {
+            this.$message.error(res.msg);
+          }
+
+          this.formloading = false;
+          this.formsubmit = false;
+        })
+        .catch(e => {
+          this.formloading = false;
+          this.formsubmit = false;
+        });
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" >
+#edit-org-info-form .avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+#edit-org-info-form .avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+#edit-org-info-form .avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+#edit-org-info-form .avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+

src/store/getters.js

@@ -9,6 +9,8 @@ const getters = {
   errorLogs: state => state.errorLog.logs,
 
   xt_permission: state => state.xt_permission,
-  xt_user: state => state.xt_user
+  xt_user: state => state.xt_user,
+
+  xt_role_temps: state => state.xt_role_temps,
 }
 export default getters

src/store/index.js

@@ -5,6 +5,7 @@ import errorLog from './modules/errorLog'
 import tagsView from './modules/tagsView'
 import xt_user from './modules/xt_user'
 import xt_permission from './modules/xt_permission'
+import xt_role_temps from './modules/role_temps'
 
 import getters from './getters'
 
@@ -16,7 +17,8 @@ const store = new Vuex.Store({
     errorLog,
     tagsView,
     xt_user,
-    xt_permission
+    xt_permission,
+    xt_role_temps,
   },
   getters
 })

src/store/modules/role_temps.js

@@ -0,0 +1,20 @@
+const xt_role_temps = {
+    state: {
+        did_admins_changed: false
+    },
+    mutations: {
+        UPDATE_ADMINS_STATE: (state, did_change) => {
+            state.did_admins_changed = did_change
+        }
+    },
+    actions: {
+        DidChangeAdmins: ({commit}) => {
+            commit('UPDATE_ADMINS_STATE', true)
+        },
+        RecoverAdminsChangeState: ({commit}) => {
+            commit('UPDATE_ADMINS_STATE', false)
+        }
+    }
+}
+
+export default xt_role_temps

src/store/modules/xt_user.js

@@ -36,6 +36,10 @@ const xt_user = {
       patients:20, //患者数
     },
 
+    xt_role_exist: false,
+    cdm_role_exist: false,
+    mall_role_exist: false,
+
     // 示例: ['', '',]
     urlfors: []
   },
@@ -68,6 +72,10 @@ const xt_user = {
       state.subscibe.period_start = cur_info.subscibe.period_start
       state.subscibe.period_end = cur_info.subscibe.period_end
       state.subscibe.state = cur_info.subscibe.state
+
+      state.xt_role_exist = cur_info.xt_role_exist
+      state.cdm_role_exist = cur_info.cdm_role_exist
+      state.mall_role_exist = cur_info.mall_role_exist
     },
 
     SET_URLFORS: (state, payload) => {
@@ -110,6 +118,10 @@ const xt_user = {
       state.subscibe.state = 3
       state.subscibe.patients = 0
 
+      state.xt_role_exist = false
+      state.cdm_role_exist = false
+      state.mall_role_exist = false
+
       state.urlfors = []
     }
   },
@@ -139,6 +151,9 @@ const xt_user = {
             cur_app_id: infoJSON.current_app_id,
             org: infoJSON.org,
             subscibe: infoJSON.subscibe,
+            xt_role_exist: infoJSON.xt_role_exist,
+            cdm_role_exist: infoJSON.cdm_role_exist,
+            mall_role_exist: infoJSON.mall_role_exist
           })
 
           commit('SET_URLFORS', {
@@ -156,7 +171,10 @@ const xt_user = {
                 cur_org_id: data.current_org_id,
                 cur_app_id: data.current_app_id,
                 org: data.org,
-                subscibe: data.subscibe
+                subscibe: data.subscibe,
+                xt_role_exist: data.xt_role_exist,
+                cdm_role_exist: data.cdm_role_exist,
+                mall_role_exist: data.mall_role_exist
               })
 
               this.commit('SET_URLFORS', {
@@ -184,6 +202,9 @@ const xt_user = {
           current_app_id: state.app_id, 
           urlfors: state.urlfors,
           subscibe: state.subscibe,
+          xt_role_exist: state.xt_role_exist,
+          cdm_role_exist: state.cdm_role_exist,
+          mall_role_exist: state.mall_role_exist
         })
       )
     },

src/views/layout/components/Navbar.vue

@@ -5,61 +5,59 @@
     </div>
     <el-menu class="navbar" mode="horizontal">
       <div>
-        <!-- <el-dropdown trigger="click" style="color:#fff;"> -->
-        <span class="el-dropdown-link">{{ this.$store.getters.xt_user.org.org_name }}
-          <!--<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
+        <span> {{this.$store.getters.xt_user.org.org_name}}
         </span>
-        <!-- </el-dropdown> -->
       </div>
       <div class="system-nav">
-        <div class="system-nav-menu">
-          <a  href="http://jk.kuyicloud.com/">
-          <!-- <a href="http://test1.sgjyun.com/"> -->
-            <span><i class="iconfont icon-pengyou"></i> SCRM</span>
+        <div class="system-nav-menu" v-if="this.$store.getters.xt_user.xt_role_exist">
+          <a :href="XTWebsit()">
+            <span><i class="icon iconfont icon-jiankangshuidi"></i> 血透管理</span>
           </a>
         </div>
-        <div class="system-nav-menu">
-          <a href="http://mall.kuyicloud.com/">
-          <!-- <a href="http://mall.test.sgjyun.com/"> -->
-            <span><i class="icon iconfont icon-service_fill"></i> 微商城</span>
+        <div class="system-nav-menu" v-if="this.$store.getters.xt_user.cdm_role_exist">
+          <a :href="CDMWebsit()">
+            <span><i class="icon iconfont icon-manbing-xuanzhong"></i> 慢病管理</span>
           </a>
         </div>
         <div class="system-nav-menu active">
           <a>
-            <span><i class="icon iconfont icon-jiankangshuidi"></i> 血透管理</span>
+            <span><i class="iconfont icon-pengyou"></i> SCRM</span>
           </a>
         </div>
-        <div class="system-nav-menu">
-          <a href="http://cdm.kuyicloud.com/">
-          <!-- <a href=" http://cdm.test.sgjyun.com/"> -->
-            <span><i class="icon iconfont icon-manbing-xuanzhong"></i> 慢病管理</span>
+        <div class="system-nav-menu" v-if="this.$store.getters.xt_user.mall_role_exist">
+          <a :href="MircoMallWebsit()">
+            <span><i class="icon iconfont icon-service_fill"></i> 微商城</span>
           </a>
         </div>
 
         <div class="system-nav-menu">
-          <a href="http://sso.kuyicloud.com/org/app/create">
-          <!-- <a href="http://testsso.sgjyun.com/org/app/create"> -->
+          <a :href="APPManageWebsit()">
             <span><i class="icon iconfont icon-suoyou"></i> 应用</span>
           </a>
         </div>
       </div>
 
       <div class="right-menu">
-        <el-dropdown class="avatar-container right-menu-item" trigger="click">
+        <el-dropdown class="avatar-container right-menu-item" trigger="click"  @command="handleCommand">
           <div class="avatar-wrapper">
             <img class="user-avatar" :src="avater">
             <span class="user-title">{{ this.$store.getters.xt_user.user.user_name }}</span>
             <i class="el-icon-caret-bottom"></i>
           </div>
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item>
-              <span @click="modifyUserInfoAction">修改个人信息</span>
+            <el-dropdown-item command="modifyUserInfoAction">
+              修改个人信息
+              <!-- <span @click="modifyUserInfoAction">修改个人信息</span> -->
+            </el-dropdown-item>
+            <el-dropdown-item command="modifyOrgInfoAction">
+              机构信息
             </el-dropdown-item>
             <!-- <el-dropdown-item divided>
               <span @click="myServe">我的服务</span>
             </el-dropdown-item> -->
-            <el-dropdown-item divided>
-              <span @click="logout" style="display:block;">{{$t('navbar.logOut')}}</span>
+            <el-dropdown-item divided command="logout">
+              {{$t('navbar.logOut')}}
+              <!-- <span @click="logout" style="display:block;">{{$t('navbar.logOut')}}</span> -->
             </el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
@@ -82,14 +80,14 @@
   export default {
     data() {
       return {
-        orgname: ''
+        
       }
     },
     components: {
       // Breadcrumb,
       // Hamburger,
       Screenfull,
-      ModifyUserInfoDialog
+      ModifyUserInfoDialog,
     },
     computed: {
       ...mapGetters(['sidebar']),
@@ -104,22 +102,49 @@
       // toggleSideBar() {
       //   this.$store.dispatch("toggleSideBar");
       // },
+      handleCommand(command){
+        switch (command) {
+          case 'modifyUserInfoAction':
+            this.modifyUserInfoAction();
+            break;
+          case 'modifyOrgInfoAction':
+            this.modifyOrgInfoAction();
+            break;
+          case 'logout':
+            this.logout();
+            break;
+        }
+      },
       logout() {
         this.$store.dispatch('FrontendLogout')
         window.location.href = process.env.BASE_API + '/logout'
       },
+      modifyOrgInfoAction() {
+        // this.$refs.modify_org_info_dialog.show()
+        this.$router.push('/orginfo')
+        return false
+      },
       modifyUserInfoAction() {
         this.$refs.modify_user_info_dialog.show()
       },
       myServe() {
         this.$router.push('/service')
         return false
+      },
+      XTWebsit() {
+        return process.env.XT_HOST
+      },
+      MircoMallWebsit() {
+        return process.env.MIRCO_MALL_HOST
+      },
+      CDMWebsit() {
+        return process.env.CDM_HOST
+      },
+      APPManageWebsit() {
+        return process.env.SSO_HOST + '/org/admin/apps?org=' + this.$store.getters.xt_user.org_id
       }
     },
-    create() {
-      var xtuser = this.$store.getters.xt_user
-      this.orgname = xtuser.org.org_name
-      console.log(this.orgname)
+    created() {
     }
   }
 </script>