qj-happy-common-zhongjian 1.0.27

package/src/components/Bounced/index.vue

@@ -0,0 +1,145 @@
+<template>
+    <div>
+        <el-dialog title="参数" :visible.sync="dialogFormVisible" :modal-append-to-body="false">
+            <el-form :model="form" ref='form'>
+                <el-form-item label="变量名" :label-width="formLabelWidth" prop="paramName">
+                <el-input v-model="form.paramName"  auto-complete="off"  style="width: 50%;" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="含义" :label-width="formLabelWidth" prop="paramValue">
+                <el-input v-model="form.paramValue" auto-complete="off"  clearable></el-input>
+                </el-form-item>
+                <el-form-item label="api版本" :label-width="formLabelWidth">
+                <el-input v-model="form.appapiVersion" auto-complete="off"  clearable></el-input>
+                </el-form-item>
+                <el-form-item label="类型" :label-width="formLabelWidth" prop="paramType">
+                <el-select v-if="form.flag" v-model="form.paramType" @change="change" filterable placeholder="请选择">
+                    <el-option
+                      v-for="item in options"
+                      :key="item.value"
+                      :value="item.value">
+                    </el-option>
+                </el-select>
+                <el-input v-else type="text" ref="inp" style="width:300px;">{{form.paramType}}</el-input>
+                <el-button icon="el-icon-sort" circle @click="switchs()"></el-button>
+                </el-form-item>
+                <el-form-item label="类名" :label-width="formLabelWidth" prop="paramClassname">
+                <el-input v-model="form.paramClassname" auto-complete="off"  clearable></el-input>
+                </el-form-item>
+                <el-form-item label="备注" :label-width="formLabelWidth" prop="paramRemark">
+                <el-input v-model="form.paramRemark" auto-complete="off"  clearable></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="resetForm('form'),dialogFormVisible=false">取 消</el-button>
+                <el-button type="primary" @click="addlists(form)">确 定</el-button>
+            </div>
+        </el-dialog>
+         <el-button type="primary" @click= 'dialogFormVisible=true' size="small" icon="el-icon-circle-plus"></el-button>
+    </div>
+</template>
+<script>
+import request from "#/utils/request";
+import { addApiPram } from "#/api/apimanage";
+export default {
+  name: "bounced",
+  data() {
+    return {
+      dialogTableVisible: false,
+      dialogFormVisible: false,
+      form: {
+        appapiVersion: "1.0",
+        paramType: "",
+        flag: true
+      },
+      formLabelWidth: "120px",
+      options: [
+        {
+          label: "java.lang.Character",
+          value: "Character"
+        },
+        {
+          label: "java.lang.Double ",
+          value: "Double"
+        },
+        {
+          label: "java.lang.Integer ",
+          value: "Integer"
+        },
+        {
+          label: "java.lang.Long",
+          value: "Long"
+        },
+        {
+          label: "java.lang.Object",
+          value: "Object"
+        },
+        {
+          label: "java.lang.String",
+          value: "String"
+        },
+        {
+          label: "java.math.BigDecimal",
+          value: "BigDecimal"
+        },
+        {
+          label: "java.util.Date",
+          value: "Date"
+        },
+        {
+          label: "java.util.HashMap",
+          value: "Map"
+        },
+        {
+          label: "java.util.List",
+          value: "List"
+        }
+      ]
+    };
+  },
+  props: ["apiCode", "flash", "dire"],
+  methods: {
+    change(vid) {
+      let obj = {};
+      obj = this.options.find(item => {
+        return item.value === vid; //筛选出匹配数据
+      });
+      this.form.paramClassname = obj.label;
+    },
+    switchs() {
+      if (this.form.flag) {
+        this.form.flag = false;
+      } else {
+        this.form.flag = true;
+      }
+      this.form.paramClassname = "";
+    },
+    addlists() {
+      const querystring = require("querystring");
+      this.form.appapiCode = this.apiCode;
+      this.form.paramPtype = 0;
+      if (this.form.flag == false) {
+        let inps = this.$refs.inp;
+        this.form.paramType = inps.currentValue;
+        this.form.paramPtype = 1;
+      }
+      this.form.paramDire = this.dire;
+      this.form.paramOrder = 1;
+      this.form.dataState = 1;
+      this.form.tenantCode = "00000000";
+      const data = querystring.stringify(this.form);
+      addApiPram(data).then(res => {
+        this.$message({
+          message: res.msg,
+          type: "success"
+        });
+        this.flash();
+      });
+      this.dialogFormVisible = false;
+      this.resetForm("form");
+    },
+    resetForm(formName) {
+      this.$refs[formName].resetFields();
+    }
+  }
+};
+</script>

package/src/components/Breadcrumb/index.vue

@@ -0,0 +1,71 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <template>
+        <el-breadcrumb-item v-for="(item,index)  in levelList" :key="index" v-if="item.meta.title">
+          <!-- v-for="(item,index)  in levelList" :key="index" v-if="item.meta.title" -->
+          <!-- <a :href="item.path" class="index-href">{{item.meta.title}}</a> -->
+          <a class="index-href">{{$route.name}}</a>
+        </el-breadcrumb-item>
+      </template>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
+<script>
+export default {
+  created() {
+    this.getBreadcrumb();
+  },
+  data() {
+    return {
+      levelList: null
+    };
+  },
+  watch: {
+    $route() {
+      this.getBreadcrumb();
+    }
+  },
+  methods: {
+    getBreadcrumb() {
+      let matched = this.$route.matched.filter(item => item.meta.title);
+      // console.log(matched)
+      const first = matched[0];
+      if (first && first.name !== "dashboard") {
+        matched = [{ path: "/dashboard", meta: { title: "首页" } }].concat(
+          matched
+        );
+      }
+      this.levelList = [{ path: "/paas/index", meta: { title: "首页" } }];
+      //   for(var j = 0,len=this.levelList.length; j < len; j++){
+      //   console.log(this.levelList[j].meta.title)
+      // }
+    }
+  },
+  computed: {
+    // title() {
+    //   return this.$store.getters.title;
+    // }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.app-breadcrumb.el-breadcrumb {
+  display: inline-block;
+  font-size: 14px;
+  line-height: inherit;
+  /*margin-left: 5px;*/
+  .index-href {
+    cursor: pointer;
+    // font-weight: bold;
+    color: #333;
+    font-size: 14px;
+  }
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
+}
+</style>

package/src/components/Checkbox/index.vue

@@ -0,0 +1,53 @@
+<template>
+    <div class="checkbox-btn">
+        <slot name="checkbox"></slot>
+        <i class="el-icon-check iconfont"></i>
+    </div>
+</template>
+<script>
+export default {};
+</script>
+<style scoped lang="scss">
+.checkbox-btn {
+  position: relative;
+  width: 16px;
+  height: 16px;
+}
+.checkbox-btn input[type="checkbox"],
+.checkbox-btn .el-icon-check {
+  width: 16px;
+  height: 16px;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  background-color: #ffffff;
+  border-radius: 3px;
+  border: solid 1px #dddddd;
+  box-sizing: border-box;
+}
+.checkbox-btn input[type="checkbox"] {
+  z-index: 11;
+}
+.checkbox-btn .el-icon-check:before {
+  display: none;
+}
+.checkbox-btn input[type="checkbox"]:checked + .el-icon-check {
+  border-color: #d3392f;
+}
+.checkbox-btn input[type="checkbox"]:checked + .el-icon-check:before {
+  color: #d3392f;
+  float: left;
+  display: block;
+  font-size: 14px;
+}
+.checkbox-btn input[type="checkbox"] {
+  opacity: 0;
+}
+.checkbox-btn .i-checkbox {
+  z-index: 8;
+}
+</style>
+
+

package/src/components/Hamburger/index.vue

@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <!--<svg t="1492500959545" @click="toggleClick" class="svg-icon hamburger" :class="{'is-active':isActive}" style="" viewBox="0 0 1024 1024"
+      version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1691" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64">
+      <path d="M966.8023 568.849776 57.196677 568.849776c-31.397081 0-56.850799-25.452695-56.850799-56.850799l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 543.397081 998.200404 568.849776 966.8023 568.849776z"
+        p-id="1692"></path>
+      <path d="M966.8023 881.527125 57.196677 881.527125c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.849776 56.850799-56.849776l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.849776l0 0C1023.653099 856.07443 998.200404 881.527125 966.8023 881.527125z"
+        p-id="1693"></path>
+      <path d="M966.8023 256.17345 57.196677 256.17345c-31.397081 0-56.850799-25.452695-56.850799-56.849776l0 0c0-31.397081 25.452695-56.850799 56.850799-56.850799l909.605623 0c31.397081 0 56.849776 25.452695 56.849776 56.850799l0 0C1023.653099 230.720755 998.200404 256.17345 966.8023 256.17345z"
+        p-id="1694"></path>
+    </svg>-->
+      <div  class="hamburger" :class="{'is-active':isActive}">
+          <img src="../../assets/nav/tool.png">
+      </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'hamburger',
+  props: {
+    isActive: {
+      type: Boolean,
+      default: false
+    },
+    toggleClick: {
+      type: Function,
+      default: null
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hamburger {
+    display: inline-block;
+    cursor: pointer;
+    transform: rotate(0deg);
+    transition: .38s;
+    transform-origin: 50% 50%;
+}
+.hamburger img {
+    height: 18px;
+}
+.hamburger.is-active {
+    transform: rotate(90deg);
+}
+</style>

package/src/components/Logistics/logic.vue

@@ -0,0 +1,186 @@
+<template>
+  <div class="logic-wrap" style="height:624px;">
+    <el-dialog center :visible.sync="logicShow" width="600px"  :show-close="false" @close="hideLogic">
+      <h4 slot="title">{{expressName}}：{{wlnum}}</h4>
+      <el-scrollbar :native="false" wrapStyle="height:330px;">
+        <div class="logic-list">
+          <ul>
+            <li :class="{active: index == 0}" v-for="(item,index) in wltrack" :key="index">
+              <div class="left" v-html="date(item.AcceptTime)"></div>
+              <div class="right">
+                <i class="arrow iconfont icon-circle-arrow-up"></i>
+                <p class="info">
+                  <span>{{th('process')}}</span><br/>
+                  {{item.AcceptStation}}
+                </p>
+              </div>
+            </li>
+          </ul>
+          <!--{{th('none')}}-->
+          <span v-if="wltrack.length==0" class="noInfo">{{$t('common.pc.default.logistics.none')}}</span>
+        </div>
+      </el-scrollbar>
+      <span slot="footer" class="dialog-footer">
+      	<!--{{th('subBtn')}}-->
+        <el-button class="bg-theme button-color" type="primary" @click="hideLogic" >{{$t('common.pc.default.logistics.subBtn')}}</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import API from "#/api/common";
+export default {
+  props: ["wlnum", "wlcompany", "expressName","logicShow"],
+  data() {
+    return {
+      wltrack: [],
+      wlInfor: {},
+//    wlState: ["暂无物流信息", "暂无物流信息", "在途中", "已签收", "问题件"],
+      //(0,"暂无物流信息"),(1,"通过"),(2,"在途中"),(3,"签收"),(4,"问题件")
+      wlStateInfor: "",
+      resultState: ""
+    };
+  },
+  created() {
+    console.log(this.wlnum, "lookLogiclookLogiclookLogiclookLogic");
+    this.getLogic();
+  },
+  methods: {
+  	th(key) {
+      return this.$th("common.pc.default.logistics.", key);
+   },
+    date(value) {
+      return `<p class="date">${value.slice(
+        5,
+        10
+      )}</p><p class="time">${value.slice(11, 16)}</p>`;
+    },
+    getLogic() {
+      let wlnum = this.wlnum;
+      let wlcompany = this.wlcompany;
+      let params = {
+//      expressType: wlcompany,
+//      expressNo: wlnum
+expressType: 'ems',
+        expressNo: '54534'
+      };
+      console.log(API)
+      API.getExpressPageForProp(params).then(res => {
+//      let dataObj = JSON.parse(res.dataObj);
+//      let wltrack = dataObj.Traces;
+//      let arrwltrack = wltrack.reverse();
+//
+//      this.resultstate = dataObj.State;
+//      this.wlInfor = dataObj;
+//      if (this.wlInfor.State == "0") {
+//        this.wltrack = [];
+//      } else {
+//        this.wltrack = arrwltrack;
+//      }
+//      this.wlStateInfor = this.wlState[this.wlInfor.State];
+      });
+    },
+    hideLogic() {
+      this.$emit('hideLogic')
+    }
+  },
+  watch: {
+    wlnum(newValue, oldValue) {
+      this.getLogic();
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+h4 {
+  font-size: 24px;
+  color: #666666;
+  text-align: center;
+}
+.logic-wrap {
+  .noInfo{
+    font-size: 24px;
+    text-align: center;
+    margin-top: 150px;
+    display: block;
+  }
+  .logic-list {
+    width: 100%;
+    li {
+      overflow: hidden;
+      display: flex;
+      align-items: center;
+      &:last-child {
+        .right:after {
+          top: auto;
+          bottom: 0;
+          height: calc(50% + 18px);
+        }
+      }
+    }
+    .left {
+      float: left;
+      width: 10%;
+      padding-bottom: 40px;
+      font-size: 12px;
+      margin-left:70px;
+      .date {
+        font-size: 16px;
+      }
+      .time {
+        font-size: 12px;
+      }
+    }
+    .right {
+      width: 60%;
+      padding-left: 25px;
+      padding-bottom: 40px;
+      position: relative;
+      min-height: 88px;
+      display: flex;
+      align-items: center;
+      .state {
+        font-size: 16px;
+      }
+      .info {
+        font-size: 12px;
+        // margin-top: 8px;
+        line-height: 18px;
+        span{
+          font-size:15px;
+        }
+      }
+      .arrow {
+        font-size: 18px;
+        position: absolute;
+        left: -10px;
+        top: 50%;
+        margin-top: -29px;
+        background: #fff;
+        z-index: 1;
+      }
+    }
+  }
+}
+.logic-wrap  {
+  .el-scrollbar__wrap {
+    overflow-x: hidden;
+  }
+  .el-scrollbar__bar {
+    // opacity: 1;
+  }
+  .is-horizontal {
+    display: none;
+  }
+  .dialog-footer {
+    button {
+      width: 110px;
+      height: 36px;
+      font-size: 16px !important;
+      cursor: pointer;
+    }
+  }
+}
+</style>
+
+

package/src/components/ScrollBar/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="scroll-container" ref="scrollContainer" @wheel.prevent="handleScroll" >
+    <div class="scroll-wrapper" ref="scrollWrapper" :style="{top: top + 'px'}">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+const delta = 15;
+
+export default {
+  name: "scrollBar",
+  data() {
+    return {
+      top: 0
+    };
+  },
+  methods: {
+    handleScroll(e) {
+      const eventDelta = e.wheelDelta || -e.deltaY * 3;
+      const $container = this.$refs.scrollContainer;
+      const $containerHeight = $container.offsetHeight;
+      const $wrapper = this.$refs.scrollWrapper;
+      const $wrapperHeight = $wrapper.offsetHeight;
+      if (eventDelta > 0) {
+        this.top = Math.min(0, this.top + eventDelta);
+      } else {
+        if ($containerHeight - delta < $wrapperHeight) {
+          if (this.top < -($wrapperHeight - $containerHeight + delta)) {
+            this.top = this.top;
+          } else {
+            this.top = Math.max(
+              this.top + eventDelta,
+              $containerHeight - $wrapperHeight - delta
+            );
+          }
+        } else {
+          this.top = 0;
+        }
+      }
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+// @import "../../../src/theme/variables.scss";
+
+.scroll-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-color: inherit;
+  .scroll-wrapper {
+    position: absolute;
+    width: 100% !important;
+  }
+}
+</style>