lshcomment 1.0.0

package/src/components/header/changeOrg.vue

@@ -0,0 +1,156 @@
+<template>
+    <!-- Modal Component -->
+    <b-modal ref="modal1" :title="title" :size="size" @ok="handleOk" @shown="clearName" close-title="关闭" ok-title="确认" cancel-title="取消">
+        <div class="row">
+            <div class="col-md-12">
+              <b-form-fieldset
+                label=""
+                :label-cols="3"
+                :horizontal="true">
+                <b-form-radio-group v-model="selected" :options="options"></b-form-radio-group>
+              </b-form-fieldset>
+            </div>
+        </div>
+    </b-modal>
+</template>
+
+<script>
+    import api from '../../common/api.js'
+    import common from '../../common/common.js'
+    import config from '../../common/config.js'
+    import {mapState, mapGetters, mapActions, mapMutations} from 'vuex';
+    import { Message } from 'element-ui';
+    export default {
+        data(){
+          return{
+            name: '',
+            names: [],
+            options:[],
+            radioValue:'',
+            selected: ''
+          }
+
+        },
+        // props:['title','size'],
+        props: {
+            userInfo: {
+                type: Object,
+                default: {}
+            },
+            title: {
+                type: String,
+                default: ''
+            },
+            size: {
+                type: String,
+                default: ''
+            }
+        },
+        components:{
+            Message
+        },
+        methods: {
+            clearName() {              
+                this.name = '';
+            },
+            handleOk(e) {
+                var _this = this;
+                if(!this.selected)return;
+                api.toLogin.changeLoginInfo({'orgCode':this.selected}).then((res) => {        
+                    if(res.data.code == 'success'){
+                        let currentTexture = _this.options.filter((data) => {
+                            return data.value == _this.selected
+                        })
+                        common.setSession('currentTexture', JSON.stringify(currentTexture));
+
+                        this.initUserInfo(() => {
+                            // Message({
+                            //     message: config.messInfo.success,
+                            //     type: 'success'
+                            // })
+                            this.changeOrg()
+                        })
+
+                        this.hideModal();
+                    }
+                });
+
+            },
+            handleSubmit() {
+                this.names.push(this.name);
+                this.clearName();
+                this.$refs.modal1.hide()
+            },
+            showModal() {
+                this.$refs.modal1.show();
+            },
+            hideModal() {
+                this.$refs.modal1.hide();
+            },
+            _change(value){                
+                this.radioValue = value;
+            },
+
+            initUserInfo(next) {
+                sessionStorage.removeItem('userInfo')
+                sessionStorage.removeItem('resourceInfo')
+
+                api.toLogin.getLoginInfo({}).then(res => {
+                    if(res.data.code === 'success') {
+                        let userInfo = res.data.obj
+                        api.getUserAvailableInfo(msg => {
+                            if(msg.data.code === 'success') {
+                                userInfo.userAvailableInfo = msg.data.obj
+                                sessionStorage.setItem("userInfo", JSON.stringify(userInfo))
+
+                                const groupCode = userInfo.userAvailableInfo.orgCode
+                                const postCodes = userInfo.postnCodes
+                                const orgCode = userInfo.inCharegSubOrgVo.orgCode
+                                const params = { groupCode, postCodes, orgCode, resourceChannelCode: 'MenuPC' }
+                                // 把资源信息放入session
+                                api.toLogin.queryPostUsableGroupResourceInfo(params, res => {
+                                    if (res && res.data.code == 'success') {
+                                        if (res.data.obj) {
+                                            sessionStorage.setItem("resourceInfo", JSON.stringify(res.data.obj))
+                                            next && next()
+                                        }
+                                    }
+                                })
+                            }
+                        })
+                    }
+                })
+            },
+
+            ...mapMutations({
+                changeOrg: 'finance/CHANGED_ORG'
+            })
+        },
+        created() {
+            let option = {}
+            //获取组织
+            api.toLogin.getOrg(option).then((res) => {
+                if(res.data.code === 'success') {
+                    let tempArray = res.data.obj;
+                    let i = res.data.obj.length;
+                    while(i--){
+                        this.options.push({
+                            text: res.data.obj[i].orgName, 
+                            value: res.data.obj[i].orgCode
+                        })
+                    }
+
+                    this.selected = JSON.parse(sessionStorage.getItem('userInfo')).inCharegSubOrgVo.orgCode
+                }
+            })
+        },
+        // watch:{
+        //     userInfo:{
+        //         handler:function(value){
+        //             this.selected = value.inCharegOrgVo.orgCode
+        //         },
+        //         deep: true
+        //     }
+        // }
+    }
+</script>

package/src/components/header/changePwd.vue

@@ -0,0 +1,84 @@
+<template>
+  <header class="app-header navbar">
+    <button class="navbar-toggler mobile-sidebar-toggler d-lg-none" type="button" @click="mobileSidebarToggle">&#9776;</button>
+    <b-link class="navbar-brand" style="color:#fff;">iRIS 汽车智能服务平台</b-link>
+    <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button" @click="sidebarMinimize">&#9776;</button>
+    <b-nav is-nav-bar class="ml-auto">
+      <b-nav-item-dropdown right class="margin-right-10">
+        <template slot="button-content">
+          <img src="static/img/8.jpg" class="img-avatar">
+          <span class="d-md-down-none">{{orgName}}-{{empEnName}}</span>
+        </template>
+        <b-dropdown-item><i class="fa fa-users"></i> 切换组织</b-dropdown-item>
+        <b-dropdown-item @click="changePwd()"><i class="fa fa-shield"></i>修改密码</b-dropdown-item>
+        <b-dropdown-item @click="loginOut()"><i class="fa fa-lock"></i> 退出</b-dropdown-item>
+      </b-nav-item-dropdown>
+    </b-nav>
+    <div class="navbar-toggler"></div>
+  </header>
+</template>
+<script>
+import {mapState, mapGetters, mapActions} from 'vuex';
+import Api from '../../common/api.js'
+import common from '../../common/common.js'
+import config from '../../common/config.js'
+export default {
+  data(){
+    return {
+      orgName:'',
+      empEnName:''
+    }
+  },
+  created(){
+    //获取用户信息
+    this.getUserInfo({});
+
+  },
+  computed: {
+    ...mapState('login', ['userInfo'])
+  },
+  methods: {
+    ...mapActions('login', ['getUserInfo']),
+    sidebarToggle (e) {
+      e.preventDefault()
+      document.body.classList.toggle('sidebar-hidden')
+    },
+    sidebarMinimize (e) {
+      e.preventDefault()
+      document.body.classList.toggle('sidebar-minimized')
+    },
+    mobileSidebarToggle (e) {
+      e.preventDefault()
+      document.body.classList.toggle('sidebar-mobile-show')
+    },
+    asideToggle (e) {
+      e.preventDefault()
+      document.body.classList.toggle('aside-menu-hidden')
+    },
+    loginOut(){
+      Api.toLogin.loginOut({}).then(function(res){
+        console.info(res);
+        if(res.status==200){
+          window.location.href = common.protocol() + config.loginUrl;
+			sessionStorage.removeItem('fakeSession')
+        }
+      })
+
+    },
+    changePwd(){
+      this.$router.push({
+          path: '/resetPassword'
+      })
+    }
+  },
+  watch:{
+    userInfo(){
+      this.orgName = this.userInfo.inCharegSubOrgVo.orgName;
+      this.empEnName = this.userInfo.empVo.empEnName;
+    }
+
+  }
+}
+</script>
+
+

package/src/components/import-exel/index.vue

@@ -0,0 +1,220 @@
+<template>
+    <b-button size="sm" variant="success">
+        <div class="text-left">
+            <div>
+                <el-upload
+                    class="upload-demo"
+                    :action="uploadUrl"
+                    :data = 'addParams'
+                    :show-file-list = 'false'
+                    :on-progress = 'loading'
+                    :on-success="handleSuccess"
+                    :on-error="handleErr"
+                    :disabled="disabled"
+                    >
+                    {{ buttonName }}
+                </el-upload>
+            </div>
+            <div :class="{'cover': proshow}">
+                <div class="loading"  v-if="loading2">
+                    <div v-loading="loading2" element-loading-text="解析中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" style="width: 100%"></div>
+                </div>
+            </div> 
+        </div>
+    </b-button>
+</template>
+
+<script>
+import api from "../../common/api";
+import config from "../../common/config";
+import Vue from "vue";
+import { Upload, Button, Progress, Loading, Message, MessageBox } from "element-ui";
+Vue.use(Upload);
+Vue.use(Button);
+Vue.use(Loading);
+export default {
+  props: {
+    addParams: {
+        type: Object,
+        default: function() {
+          return {};
+        }
+    },
+    buttonName: {
+        type: String,
+        default: ""
+    },
+    analysisExcel: {
+        type: Function,
+        default: function() {}
+    },
+    url: {
+        type: String,
+        default: ""
+    },
+    showBack: {
+        type: Object,
+        default: function() {
+          return {};
+        }
+    },
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    confirmStr: {
+        type: String,
+        default: ''
+    },
+    theEcho: {
+        type: Function,
+        default: function() {}
+    },
+    validate: {
+        type: Function,
+        default: function() {
+          return true;
+        }
+    }
+  },
+  data() {
+    return {
+      showMadel: false,
+      imgPath: "",
+      showImg: false,
+      imageName: "",
+      analysisExcelprops: {},
+      uploadUrl: config.uploadUrl,
+      proshow: false,
+      schedule: "",
+      loading2: false
+    };
+  },
+  methods: {
+    showMadelImg: function() {
+      this.showMadel = true;
+    },
+    loading: function() {
+      for (let i = 0; i < 50; i++) {
+        this.schedule = i++;
+      }
+    },
+    handleSuccess(file, fileList) {
+        if(file.code == "success") {
+            const $this = this;
+            let fileName = fileList.name;
+            let filepath = config.serviceId + file.obj[0].filePath;
+            for (let i = 50; i < 50; i++) {
+                $this.schedule = i++;
+            }
+            this.theEcho(fileName, filepath);
+        
+            if ($this.url != "") {
+                if($this.confirmStr === '') {
+                    $this.analysisExcelMethod($this, file);
+                }else {
+                    MessageBox.confirm($this.confirmStr, '提示', {
+                            showCancelButton: true,
+                            confirmButtonText: '确定',
+                            cancelButtonText: '取消',
+                            type: 'warning'
+                    }).then(() => {		
+                        $this.analysisExcelMethod($this, file);
+                    }).catch(() => {});
+                }
+                
+            } else {
+                this.proshow = false;
+            }
+        }else {
+            Message({
+                type: "error",
+                Message: "上传失败"
+            });
+        }
+        
+    },
+    analysisExcelMethod($this, file) {	
+        $this.loading2 = true;
+        this.analysisExcelprops = file.obj[0];
+        this.analysisExcelprops.filePath = config.serviceId + file.obj[0].filePath;;
+        this.analysisExcelprops.fileRelativePath = config.serviceId + file.obj[0].fileRelativePath;;
+        Object.assign($this.analysisExcelprops,  $this.showBack);
+        delete $this.analysisExcelprops.id
+        if (this.validate && this.validate()) {
+          api.analysisExcel.methods(this.analysisExcelprops, $this.url).then(res => {
+              this.proshow = false;
+              this.loading2 = false;
+              if (res.data.code == "success") {
+                  $this.analysisExcel(res);
+                  Message({
+                    type: "success",
+                    message: "解析成功"
+                  });
+                  this.$emit('updateData',res.data);
+              }
+            });
+        } else {
+            Message({
+              type: "error",
+              message: "解析参数不全"
+            });
+            this.loading2 = false;
+            this.proshow = false;
+        }
+    },
+    handleErr(file) {
+      Message({
+        type: "error",
+        Message: "上传失败"
+      });
+    }
+  }
+};
+</script>
+<style>
+.img-name {
+  /* background: red; */
+}
+.upload {
+  /* display: inline */
+  /* position: fixed;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        background-color: rgba(0,0,0,.5);
+        z-index: 9999; */
+}
+.imgModal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 50%;
+  width: 50%;
+  /* background-color: rgba(0,0,0,.5); */
+  z-index: 99999;
+}
+.cover {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9999;
+}
+.loading {
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+.loading > div {
+  position: absolute !important;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+</style>