lshcomment 1.0.0

package/src/components/batch-pull/batch-pull.vue

@@ -0,0 +1,196 @@
+<template>
+  <div class="batch-pull">
+    <el-dialog
+      size="tiny"
+      title="批量拉取"
+      :visible.sync="batchPullVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      @close="pullCancel"
+    >
+      <el-form ref="timeRangeForm" :model="timeRangeForm" :rules="timeRangeRules" label-width="100px" label-position="left">
+        <div v-if="showStoreChoose" class="row" style="margin-bottom: 30px;">
+          <div class="col-md-12">
+            <organiza :showStore="true" @getOrgProPerty="getOrgProPerty" />
+          </div>
+        </div>
+        <el-form-item label="开始时间：" prop="startDate">
+          <el-date-picker
+            type="datetime"
+            v-model="timeRangeForm.startDate"
+            :picker-options="pickerOptions"
+            placeholder="请选择日期时间"
+          />
+        </el-form-item>
+        <el-form-item label="结束时间：" prop="endDate">
+          <el-date-picker
+            arrow-control
+            type="datetime"
+            v-model="timeRangeForm.endDate"
+            :picker-options="pickerOptions1"
+            placeholder="请选择日期时间"
+          />
+        </el-form-item>
+      </el-form>
+      <div class="row">
+        <div class="col-md-12">
+            <span>注：拉取时间范围不超过72小时</span>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-12">
+          <div class="pull-right">
+            <b-button size="sm" variant="default" @click.stop="pullCancel">取消</b-button>
+            <b-button size="sm" variant="primary" @click.stop="pullConfirm">确定</b-button>
+          </div>
+        </div>
+      </div>
+      
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  /**
+   * @author liusijia
+   * @description lsh_dev 原厂配件 拉取OTR接口 时间范围选择
+   * @time 2020-11-26
+   */
+
+  import Vue from 'vue'
+  import api from 'common/api'
+  import Organiza from 'components/lsh-organiza/'
+  import { Dialog, Form, FormItem, DatePicker, Message } from 'element-ui'
+
+  Vue.use(Dialog)
+  Vue.use(Form)
+  Vue.use(FormItem)
+  Vue.use(DatePicker)
+
+  export default {
+    components: {
+      Organiza
+    },
+
+    props: {
+      showStoreChoose: Boolean,
+      default: false
+    },
+
+    data () {
+      return {
+        // 弹窗显示与隐藏控制
+        batchPullVisible: false,
+        // 门店
+        storeCodeSet: '',
+        // 表单数据
+        timeRangeForm: {
+          startDate: null,
+          endDate: null
+        },
+        // 表单校验规则
+        timeRangeRules: {
+          startDate: [
+            { type: 'date', required: true, message: '请输入开始时间', trigger: 'blur' }
+          ],
+          endDate: [
+            { type: 'date', required: true, message: '请输入结束时间', trigger: 'blur' }
+          ]
+        },
+        // 开始时间可选范围控制
+        pickerOptions: {
+          disabledDate: (time) => {
+            if(this.timeRangeForm.endDate) {
+              const canChoose = new Date(this.timeRangeForm.endDate).getTime() - 8.64e7 * 4
+              const three = 8.64e7 * 4
+              const threeDays = canChoose + three
+              // 结束时间之后的时间 结束时间减三天之前的时间 都设为禁用
+              return time.getTime() < canChoose || time.getTime() > threeDays
+            } else {
+              // 结束时间不选时 开始时间最大值小于等于今天
+              return time.getTime() > Date.now()
+            }
+          }
+        },
+        // 结束时间可选范围控制
+        pickerOptions1: {
+          disabledDate: (time) => {
+            if(this.timeRangeForm.startDate) {
+              const canChoose = new Date(this.timeRangeForm.startDate).getTime() + 8.64e7 * 4
+              const three = 8.64e7 * 4
+              const threeDays = canChoose - three
+              // 开始时间之前的时间 开始时间加三天之后的时间 都设为禁用
+              return time.getTime() > canChoose - 8.64e7 || time.getTime() < threeDays - 8.64e7 || time.getTime() > Date.now()
+            } else {
+              // 开始时间不选时 结束时间最大值小于等于今天
+              return time.getTime() > Date.now()
+            }
+          }
+        }
+      }
+    },
+
+    methods: {
+      /**
+       * 弹窗显示与隐藏控制方法
+       */
+      show () {
+        this.batchPullVisible = true
+      },
+
+      getOrgProPerty (Vo) {
+        const { storeCode } = Vo
+        this.storeCodeSet = storeCode
+      },
+
+      /**
+       * 确定
+       */
+      pullConfirm () {
+        const { startDate, endDate } = this.timeRangeForm
+        const result = new Date(endDate).getTime() - new Date(startDate).getTime()
+        const threeDaysTime = 8.64e7 * 3
+        if(result - threeDaysTime > 0) {
+          Message({
+            type: 'warning',
+            message: '批量拉取的时间范围不能超过72小时，请重新选择'
+          })
+          return
+        }
+        if(result < 0) {
+          Message({
+            type: 'warning',
+            message: '结束时间不能小于开始时间，请重新选择'
+          })
+          return
+        }
+        const startDate1 = new Date(startDate).Format('yyyy-MM-dd hh:mm:ss')
+        const endDate1 = new Date(endDate).Format('yyyy-MM-dd hh:mm:ss')
+        this.$refs.timeRangeForm.validate((valid) => {
+          if(valid) {
+            this.$emit('pullPriceInfo', startDate1, endDate1)
+            this.$emit('pullProfileInfo', startDate1, endDate1, this.storeCodeSet)
+            this.$emit('pullClaimInfo', startDate1, endDate1, this.storeCodeSet)
+          } else {
+            return false
+          }
+        })
+      },
+
+      /**
+       * 重置表单数据
+       */
+      resetForm (form) {
+        this.$refs[form].resetFields()
+      },
+
+      /**
+       * 取消
+       */
+      pullCancel () {
+        this.resetForm('timeRangeForm')
+        this.batchPullVisible = false
+      }
+    }
+  }
+</script>

package/src/components/blitem-upload/index.vue

@@ -0,0 +1,224 @@
+<template>
+    
+        <div class="text-left inblock">
+            <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"
+                    >
+                    <b-button size="sm" variant="success">{{ buttonName }}</b-button>
+                </el-upload>
+            </div>
+            
+            <!-- <div class="img-name" v-else>
+                {{imageName}}
+            </div> -->
+            <!-- <div class="imgModal" @onMouseOver="showMadelImg">
+                <div>1231312</div>
+                <img>
+            </div> -->
+            <div :class="{'cover': proshow}">
+                <!-- <el-progress v-if="proshow" :stroke-width="18" :percentage="schedule"></el-progress> -->
+                <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>
+</template>
+
+<script>
+import api from "../../common/api";
+import config from "../../common/config";
+import Vue from "vue";
+import { Upload, Button, Progress, Loading, Message } from "element-ui";
+Vue.use(Upload);
+Vue.use(Button);
+// Vue.use(Progress)
+Vue.use(Loading);
+export default {
+  props: {
+    addParams: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    buttonName: {
+      type: String,
+      default: ""
+    },
+    analysisExcel: {
+      type: Function,
+      default: function() {}
+    },
+    isImportExport: {
+      type: Boolean,
+      default: false
+    },
+    url: {
+      type: String,
+      default: ""
+    },
+    showBack: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    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() {
+      // this.proshow = true
+      for (let i = 0; i < 50; i++) {
+        this.schedule = i++;
+      }
+    },
+    handleSuccess(file, fileList) {
+      const $this = this;
+      // $this.imageName = fileList.name
+      // $this.imgPath = config.serviceId + file.obj[0].filePath
+      // $this.showImg = true
+      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);
+      Message({
+          type: "success",
+          message: "上传成功"
+      });
+      if ($this.url != "") {
+        $this.loading2 = true;
+        this.analysisExcelprops = file.obj[0];
+        Object.assign($this.analysisExcelprops,  $this.showBack);
+        if(this.isImportExport){ //如果是自用的导入导出，保存ID
+        	this.analysisExcelprops = [this.analysisExcelprops]
+        	delete this.analysisExcelprops[0].createBy
+        	console.log($this.showBack)
+        	console.log(this.analysisExcelprops)
+        }else{//其他模块保留原来功能
+        	delete $this.analysisExcelprops.id
+        	this.analysisExcelprops.filePath = config.serviceId + file.obj[0].filePath;
+        	this.analysisExcelprops.fileRelativePath = config.serviceId + file.obj[0].fileRelativePath;
+        }
+        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;
+          }
+      } else {
+          this.proshow = false;
+      }
+    },
+    handleErr(file) {
+      Message({
+        type: "error",
+        Message: "上传失败"
+      });
+    }
+  }
+};
+</script>
+<style lang="scss" @scoped>
+.inblock{
+	display: inline-block;
+}
+.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>

package/src/components/breadcrumb/Breadcrumb.vue

@@ -0,0 +1,183 @@
+<template>
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item" v-for="(item, i) in routerInfos" :key="i">
+      <!-- 最后一级 -->
+      <span class="active" v-if="i === routerInfos.length - 1">{{ showName(item, i, false) }}</span>
+      <!-- 第一级 -->
+      <a href="javascript:;" v-else-if="i === 0" @click="toIndex(item)">{{ item.meta.label }}</a>
+      <!-- 第二级 -->
+      <router-link :to="getPath(i, item)" v-else>{{ showName(item, i, true) }}</router-link>
+    </li>
+  </ol>
+</template>
+
+<script>
+  import api from 'common/api'
+  import { deepClone } from 'common/api-common'
+
+  export default {
+    data(){
+      return{
+        menu: [],
+        homeFlag: 1,
+        showBread:true,
+        strTitle:'数据看板'
+      }
+    },
+    props: {
+      list: {
+        type: Array,
+        required: true,
+        default: () => [] 
+      }
+    },
+    computed: {
+      routerInfos() {
+        const obj = deepClone(this.list)
+        let infos = Object.values(obj)
+
+        if(infos.length > 3) {
+          infos.splice(1, 1)
+        }
+        if(infos.length < 3) {
+          infos.push({
+            meta: {
+              label: infos[infos.length - 1].meta.label
+            }
+          })
+        }
+        if (infos[infos.length - 1].path == '/lixinghang/homePage') {
+          infos.splice(0, 1)
+        }
+        return infos
+      },
+      
+    },
+    created() {
+      this.init()
+
+      api.ref.queryRefDetail({refDetailCode: 'HomeFlag'},res=>{
+        if (res.data.code === 'success') {
+          const obj = res.data.obj
+          const { refDetailValue } = obj
+
+          this.homeFlag = refDetailValue
+
+          sessionStorage.setItem('homeFlag', JSON.stringify(obj))
+        }
+      })
+    },
+    methods: {
+      getPath(i, item) {
+        const { flag, isPrecheck, notSubFlag, resourceCode, isInvoiceApply, receiptRefund }  = item.meta
+
+        const Vo = this.menu.find(k => k.resourceCode === resourceCode) || {}
+        // 二级
+        if (notSubFlag) return Vo.resourcePath || ''
+
+        if(flag) {
+          const { subFlag } = this.routerInfos[i + 1].meta
+          // 主车型明细点超链回来
+          if (subFlag) return `${item.path}/query`
+          // 预检
+          if (isPrecheck) return '/precheck-fix/precheck-fix-query'
+          // 发票申请
+          if(isInvoiceApply) return this.$route.fullPath
+
+          if(receiptRefund) return '/finance/collection-pay/advance-receipt'
+
+
+          
+          else return this.routerInfos[i + 1].path
+        }
+        else {
+          return item.path
+        }
+      },
+      init() {
+        if(!sessionStorage.getItem('resourceInfo')) {
+          const userInfo = sessionStorage.getItem('userInfo') && JSON.parse(sessionStorage.getItem('userInfo'))
+          const groupCode = userInfo.userAvailableInfo.orgCode
+          const postCodes = userInfo.postnCodes
+          const orgCode = userInfo.inCharegSubOrgVo.orgCode
+          const params = { groupCode, postCodes, orgCode, resourceChannelCode: 'MenuPC' }
+  
+          api.toLogin.queryPostUsableGroupResourceInfo(params, res => {
+            if (res && res.data.code == 'success') {
+              this.menu = res.data.obj.menu || []
+
+              // this.intercept()
+            }
+          })
+        }else {
+          this.menu = JSON.parse(sessionStorage.getItem('resourceInfo')).menu
+
+          // this.intercept()
+        }
+      },
+      showName(item, i, titFlag) {
+        if(!this.menu.length) return
+        const { resourceCode, label, flag, notSubFlag } = item.meta
+        // 同一个父级路由包含多个不同子集路由
+        if(item.meta && flag) {
+          const subResourceCode = this.routerInfos[i + 1].meta.resourceCode
+          if(subResourceCode) {
+            const Vo = this.menu.find(k => k.resourceCode === subResourceCode) || {}
+            if(titFlag){
+              document.title = Vo.resourceName || this.strTitle;
+              this.showBread = false;
+            }
+            return Vo.resourceName || this.strTitle
+          }
+        }
+
+        if (item.meta && resourceCode) {
+          const Vo = this.menu.find(k => k.resourceCode === resourceCode) || {}
+          if(titFlag){
+            document.title = Vo.resourceName || this.strTitle;
+            this.showBread = false;
+        }
+          return Vo.resourceName || this.strTitle
+        }
+
+        if (item.meta && label) {
+          if(titFlag){document.title = label}
+          return label
+        }
+      },
+
+      // 路由拦截, 无权限直接返回首页
+      intercept() {
+        const { resourceCode } = this.$route.meta
+        if(resourceCode) {
+          const info = this.menu.find(k => k.resourceCode === resourceCode) || {}
+          if (!Object.keys(info).length) {
+              const homeFlag = JSON.parse(sessionStorage.getItem('homeFlag')).refDetailValue
+
+              process.env.NODE_ENV === 'development'
+                ? this.$router.push({ path: '/'})
+                : +homeFlag == 1
+                    ? this.$router.push({ path: '/'})
+                    : location.href = `${location.origin}/livepro/index`
+          }
+        }
+      },
+
+      toIndex(item) {
+        const homeFlag = JSON.parse(sessionStorage.getItem('homeFlag'))
+        if (homeFlag.refDetailValue == 2) {
+          this.$router.push({ path: '/lixinghang/homePage' })
+        } else {
+          if(process.env.NODE_ENV === 'development') {
+            this.$router.push({ path: '/' })
+          }else {
+            (+this.homeFlag == 0)
+            ? location.href = `${location.origin}/livepro/index`
+            : this.$router.push({ path: '/' })
+          }
+        }
+      }
+    }
+  }
+</script>
+