qj-common 4.2.7 → 4.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qj-common",
-  "version": "4.2.7",
+  "version": "4.2.9",
   "description": "common files && template for qj-paas",
   "scripts": {
     "gulp": "gulp css"
@@ -15,4 +15,4 @@
     "not ie <= 8"
   ],
   "license": "MIT"
-}
+}

package/src/views/pc/default/Layout.vue

@@ -45,6 +45,7 @@ import topHDB from './top-modules/topHDB'; // 海德堡的top
 import topAYD from './top-modules/topayd'; // 爱婴岛的top
 import topMh from './top-modules/topMh'; // 麦和的top
 import topFLPT from './top-modules/topFLPT'; // 福利平台的top
+import topYzj from './top-modules/topAns_yzj'; // 云之捷的top
 
 //header
 import VHeader from './header-modules/header';
@@ -66,6 +67,7 @@ import headerSDX from './header-modules/headerSDX'; //  蜀大侠头部
 import headerAYD from './header-modules/headerayd'; //  爱婴岛头部
 import headerMh from './header-modules/headerMh'; //  麦和头部
 import headerFLPT from './header-modules/headerFLPT'; //  福利平台header
+import headerYzj from './header-modules/headerStyle_yzj'; // 云之捷header
 
 //leftMenu
 import LeftMenu from './leftMenu-modules/leftMenu';
@@ -94,6 +96,7 @@ import footerHDB from './footer-modules/footerHDB';
 import footerNew from './footer-modules/footerNew';
 import footerAYD from './footer-modules/footerayd'; //爱婴岛底部
 import footerMh from './footer-modules/footerMh'; //麦和底部
+import footerYzj from './footer-modules/footer_yzj';//云之捷底部
 //nav
 import VNav from './nav-modules/nav';
 //theme
@@ -172,6 +175,10 @@ export default {
     topNew,
     topA,
     headerA,
+
+    topYzj,
+    headerYzj,
+    footerYzj,
   },
   data() {
     return {
@@ -203,6 +210,7 @@ export default {
         topAYD: topAYD,
         topMh:topMh ,
         topFLPT:topFLPT,         //福利平台top
+        topYzj,//云之捷top
       },
       header: null, //头部组件 默认为VHeader
       headerObject: {
@@ -227,6 +235,7 @@ export default {
         headerNew: headerNew,
         zgl: zgl,
         headerFLPT:headerFLPT,   //福利平台header
+        headerYzj,//云之捷header
       },
       leftMenu: LeftMenu, // 左侧菜单 默认为LeftMenu
       leftMenuObject: {
@@ -260,6 +269,7 @@ export default {
         footerSDX: footerSDX,
         footerAYD: footerAYD,
         footerMh:footerMh
+        footerYzj, // footer云之捷
       },
       leftMenuList: [],
     };

package/src/views/pc/default/footer-modules/footer_yzj.vue

@@ -0,0 +1,170 @@
+<template>
+  <footer class="ans-footer">
+    <div class="auto flex-between">
+      <div class="ans-footer--left flex">
+        <dl v-for="(item,index) in footerData" :key="index">
+          <dt>{{item.tginfoMenuName}}</dt>
+          <dd v-for="(childItem,childIndex) in item.children" :key="childIndex">
+            <!-- <a @click="hrefHandler(childItem.menuOpcode)">{{childItem.tginfoMenuName}}</a> -->
+            <a v-if="childItem.flag" :href="childItem.url">{{childItem.tginfoMenuName}}</a>
+            <a @click="hrefHandler(childItem.menuOpcode)" v-else>{{childItem.tginfoMenuName}}</a>
+          </dd>
+        </dl>
+      </div>
+      <div class="ans-footer--mini">
+        <img src="../assets/dllgwap.png" alt />
+        <p>{{th('erTitle')}}</p>
+      </div>
+    </div>
+    <div class="ans-footer__record flex-between">
+      <p>© 2018 All rights reserved.</p>
+      <p>{{th('record')}}</p>
+    </div>
+  </footer>
+</template>
+
+
+<script>
+import api from "#/api/common/index";
+export default {
+  data() {
+    return {
+      footerData: [],
+      // domion:process.env.API_ROOT,
+    };
+  },
+  updated() {},
+  mounted() {
+    this.getFooter();
+  },
+  methods: {
+    th(key) {
+      return this.$th("common.pc.default.footerModules.footer.footerAns.", key);
+    },
+   getFooter() {
+				setTimeout(() => {
+					api.queryTginfoPageForCm().then(reg => {
+						if(reg&&reg.rows && reg.rows.length > 0) {
+							let setVal = window.localStorage.getItem('saas-proappcode')
+							this.tginfoCode = reg.list && reg.list.filter(els => {
+								return els.proappCode == setVal
+							})
+//							console.log(this.tginfoCode, 'this.tginfoCode')
+							if(this.tginfoCode && this.tginfoCode.length == 1) {
+								this.getNew()
+							}else{
+								this.$message.error('底部配置失败')
+							}
+						}
+					})
+				}, 100)
+			},
+			getNew() {
+				api.queryTginfoMenuForAt({
+					tginfoCode: this.tginfoCode[0].tginfoCode
+				}).then(res => {
+					this.footerData =
+						res &&
+						res.rows &&
+						res.rows.filter(el => {
+							return el.menuOpcode != "indexpcA";
+						});
+          this.footerData.forEach(r=>{
+            if(r.menuOpcode === 'commonProblems'){
+              r.children.push({
+                tginfoMenuName:'授权委托书下载',
+                url:'https://qjstatic.oss-cn-shanghai.aliyuncs.com/excel/powerOfAttorneyNew.docx',
+                flag:true
+              },{
+                tginfoMenuName:'变更函下载',
+                url:process.env.API_ROOT +'/电商平台变更申请审批表.doc',
+                flag:true
+              })
+              console.log(process.env.API_ROOT,'domiondomion')
+            }
+          })
+				});
+			},
+    hrefHandler(id) {
+      location.href = `/paas/pc-mall/index.html#/publicDetails?id=${id}`;
+    }
+  }
+};
+</script>
+
+<style  rel="stylesheet/scss" lang="scss" scoped >
+.ans-footer {
+  height: 320px;
+  width: 100%;
+  background: #495770;
+  .auto {
+    margin: 0 auto 22px;
+    width: 1200px;
+    height: 225px;
+  }
+
+  a {
+    color: #fff;
+  }
+
+  dl {
+    margin: 0 128px 0 0;
+
+    dt {
+      font-size: 18px;
+      color: #fff;
+      height: 26px;
+      width: 88px;
+     padding-bottom: 6px;
+    }
+
+    dd {
+      font-size: 14px;
+      line-height: 22px;
+      margin-top:14px;
+      &:hover a {
+        text-decoration: underline;
+      }
+    }
+  }
+  &--left{
+       border-right: 1px solid #fff;
+    margin-top: 44px;
+  }
+  &--mini {
+    color: #fff;
+    width: 140px;
+    text-align: center;
+    margin-top: 40px;
+    margin-left: 130px;
+    img {
+      width: 140px;
+      height: 140px;
+    }
+
+    p {
+      font-size: 18px;
+      text-align: center;
+      margin-top: 15px;
+      font-weight: 500;
+    }
+  }
+
+  &__record {
+   width: 1200px;
+   margin: 0 auto;
+    border-top: 1px solid #98A3B7;
+    line-height: 70px;
+    p {
+      text-align: center;
+      font-size: 12px;
+      color: #fff;
+  
+    }
+  }
+}
+.flex-between{
+     display: flex;
+    justify-content: space-between;
+}
+</style>

package/src/views/pc/default/header-modules/headerStyle_yzj.vue

@@ -0,0 +1,428 @@
+<template>
+  <header class="ans-header">
+    <div class="ans-header__head">
+      <div class="auto flex align-items--center">
+        <div class="ans-header__head--logo">
+          <a href="/">
+            <img :src="proappEnvLogo && proappEnvLogo.proappEnvLogo" alt />
+          </a>
+        </div>
+        <div class="flex flex-item1 justify-content--flex-end">
+          <div class="ans-header__head--search flex border-theme">
+            <el-select v-model="selects" placeholder="" class="selects">
+              <el-option label="竞价" value="0"></el-option>
+              <el-option label="现货" value="1"></el-option>
+            </el-select>
+            <input type="text" v-model="searchValue" placeholder="商品名称、编号搜索"/>
+            
+            <button type="button" class="flex-item1 bg-theme" @click="searchBtn"><i class="el-icon-search"></i></button>
+          </div>
+          <div
+            class="ans-header__head--car flex justify-content--center align-items--center border-theme c-theme"
+            @click="auctionHandler"
+          >
+           <i style="padding-right:5px"><img src="../../../../assets/chuizi.png" alt="" width="24" height="24"></i> 我的竞价
+            <span v-if="auctionNum">{{auctionNum}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="ans-header__nav">
+      <div class="auto flex">
+        <div   class="ans-header__nav--class">
+         
+        </div>
+        <div class="ans-header__nav--list flex-item1">
+
+          <v-nav-ans v-if="navChildren" :navChildren="navChildren"></v-nav-ans>
+        </div>
+      </div>
+    </div>
+  </header>
+</template>
+
+<script>
+import api from "#/api/common/index";
+import VNavAns from "#/views/pc/default/nav-modules/navAns";
+export default {
+  components: {
+    VNavAns
+  },
+  data() {
+    return {
+      keywords: "",
+      navChildren: null,
+      searchValue: this.$route.query.searchParam
+        ? this.$route.query.searchParam
+        : "",
+      menuList: JSON.parse(window.sessionStorage.getItem("menuList"))
+        ? JSON.parse(window.sessionStorage.getItem("menuList")).menuList
+        : [],
+      cate: [], // 二级分类
+      cateCode: null, //二级选中code
+      cateThree: [], //三级分类
+      cateThreeCode: null, //三级选中code,暂时没有用
+      cateState: false, // 二级菜单默认false
+      navChildren: null,
+      auctionNum: null,
+      selects:'1'
+    };
+  },
+  created() {
+    localStorage.getItem("searchParam")
+      ? (this.searchValue = localStorage.getItem("searchParam"))
+      : "";
+  },
+  mounted() {
+    // 获取分类
+    if (this.getUserCookie) {
+      this.getauctionNum();
+    }
+    this.queryGoodsClassTree();
+    //对nav导航进行操作
+    this.menuList.forEach(el => {
+      if (el.menuDefaultClass === "nav") {
+        //表示是导航
+        this.navChildren = JSON.parse(JSON.stringify(el.children));
+      }
+    });
+  },
+
+  computed: {
+    proappEnvLogo() {
+      let proappEnvLogo = sessionStorage.getItem("proappEnvLayout")
+        ? JSON.parse(sessionStorage.getItem("proappEnvLayout"))
+        : null;
+      return proappEnvLogo;
+    },
+    searchValue() {
+      return this.$route.query.searchParam ? this.$route.query.searchParam : "";
+    },
+    carName() {
+      return sessionStorage.getItem("carName")
+        ? sessionStorage.getItem("carName")
+        : "购物车";
+    }
+  },
+  methods: {
+    cateShow() {
+      this.cateState = true;
+    },
+    getauctionNum() {
+      api.getauctionNum().then(res => {
+        if (res.success) {
+          this.auctionNum = res.dataObj;
+        }
+      });
+    },
+    cateHide() {
+      this.cateState = false;
+    },
+    auctionHandler() {
+      location.href = "/paas/order-manager/index.html#/auction";
+    },
+    queryGoodsClassTree() {
+      api.queryGoodsClassTree().then(res => {
+        console.log(res);
+        this.cate = res; // 二级分类
+        this.cateThree = res && res[0] && res[0].childList; //默认选中第一个二级分类
+        this.cateCode = res && res[0] && res[0].goodsClassCode; //二级选中的code
+      });
+    },
+    searchBtn() {
+      localStorage.removeItem("searchParam");
+
+      if(this.selects == 0){
+        if (this.$route.path == "/forecastList") {
+          location.href =
+            "/paas/pc-mall/index.html#/forecastList?searchParam=" +
+            this.searchValue;
+        } else {
+          // 默认是公共搜索
+          location.href =
+            "/paas/pc-mall/index.html#/noticeList?searchParam=" +
+            this.searchValue;
+        }
+      }else{
+        location.href =
+            "/paas/pc-mall/index.html#/searchResult?searchParam=" +
+            this.searchValue;
+      }
+    },
+    cateHandler(item) {
+      this.cateThree = item.childList;
+      this.cateCode = item.goodsClassCode; //二级选中的code
+    },
+    cateHref(item) {
+      if (this.$route.path == "/noticeList") {
+        if (location.href.indexOf("localhost") > 0) {
+          this.$router.push({
+            path: "/noticeList",
+            query: {
+              classtreeCode: item.classtreeCode,
+              goodsClassName: item.goodsClassName
+            }
+          });
+        } else {
+          location.href =
+            "/paas/pc-mall/index.html#/noticeList?classtreeCode=" +
+            item.classtreeCode +
+            "&&goodsClassName=" +
+            item.goodsClassName;
+        }
+      } else if (this.$route.path == "/forecastList") {
+        if (location.href.indexOf("localhost") > 0) {
+          this.$router.push({
+            path: "/forecastList",
+            query: {
+              classtreeCode: item.classtreeCode,
+              goodsClassName: item.goodsClassName
+            }
+          });
+        } else {
+          location.href =
+            "/paas/pc-mall/index.html#/forecastList?classtreeCode=" +
+            item.classtreeCode +
+            "&&goodsClassName=" +
+            item.goodsClassName;
+        }
+      } else {
+        if (location.href.indexOf("localhost") > 0) {
+          this.$router.push({
+            path: "/noticeList",
+            query: {
+              classtreeCode: item.classtreeCode,
+              goodsClassName: item.goodsClassName
+            }
+          });
+        } else {
+          location.href =
+            "/paas/pc-mall/index.html#/noticeList?classtreeCode=" +
+            item.classtreeCode +
+            "&&goodsClassName=" +
+            item.goodsClassName;
+        }
+      }
+    },
+    getUserCookie() {
+      let cookie = document.cookie;
+      let start = cookie.indexOf("saas-user-");
+      if (start > -1) {
+        let end = cookie.indexOf("=", start);
+        return cookie.substring(start, end);
+      } else {
+        return null;
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.ans-header {
+  &__head {
+    height: 126px;
+    line-height: 126px;
+    background: #fff;
+
+    .auto {
+      height: inherit;
+    }
+
+    &--logo {
+      width: 240px;
+
+      img {
+        display: block;
+      }
+    }
+
+    &--search {
+      width: 654px;
+      height:48px;
+      line-height: 48px;
+      border: 1px solid;
+      margin-right: 24px;
+			box-sizing: content-box;
+			border-right: 0;
+      display: flex;
+    align-items: center;
+    justify-content: space-between;
+      .selects{
+        width: 60px;
+        height: 100%;
+        border: none;
+        border-right: 1px solid #54b2d3;
+        /deep/ .el-input{
+          .el-input__inner{
+            padding-left: 10px;
+            padding-right: 20px;
+            border: none;
+          }
+          .el-input__suffix{
+            right: 0;
+          }
+        }
+      }
+      input {
+        height: 48px;
+        line-height: 48px;
+        width: 500px;
+        display: block;
+        padding-left: 16px;
+        font-size: 13px;
+      }
+
+      button {
+        // background: #00c0dc;
+        width: 100px;
+         height: 48px;
+        line-height: 48px;
+        font-size: 22px;
+        color: #fff;
+        cursor: pointer;
+        display: block;
+        line-height: inherit;
+      }
+    }
+
+    &--car {
+      width: 188px;
+      height: 48px;
+       border: 1px solid;
+      font-size: 14px;
+      line-height: 48px;
+      cursor: pointer;
+      span {
+        display: inline-block;
+        width: 20px;
+        height: 20px;
+        text-align: center;
+        line-height: 20px;
+        background: #f23a3a;
+        border-radius: 50%;
+        font-size: 12px;
+        color: #fff;
+        margin-left: 10px;
+      }
+    }
+  }
+
+  &__nav {
+    background: #fff;
+    height: 40px;
+    line-height: 40px;
+    border-bottom: 1px solid #383838;
+
+    &--class {
+      margin-right: 8px;
+      position: relative;
+      width: 180px;
+      // &:hover .ans-class {
+      //   display: flex;
+      //   display: -webkit-flex;
+      // }
+
+      h3 {
+        width: 170px;
+        font-size: 14px;
+        color: #fff;
+        // background: #00c0dc;
+        text-align: center;
+      }
+    }
+  }
+}
+.ans-class {
+  position: absolute;
+  width: 1200px;
+  height: 440px;
+  top: 40px;
+  left: 0;
+  z-index: 10;
+  overflow: hidden;
+  border-top: 1px solid #383838;
+  box-shadow: 3px 3px 6px #e0dcdc;
+
+  &__tab {
+    width: 170px;
+    background: #333;
+
+    ul {
+      li {
+        height: 40px;
+        line-height: 40px;
+        color: #fff;
+        font-size: 14px;
+        cursor: pointer;
+
+        p {
+          width: 100px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        span {
+          display: block;
+          width: 4px;
+          height: 4px;
+          background: rgba(153, 153, 153, 1);
+          margin-right: 10px;
+        }
+
+        &:hover,
+        &.active {
+          background: #fff;
+          color: #333;
+        }
+      }
+    }
+  }
+
+  &__content {
+    width: 100%;
+    background: #fff;
+    padding: 12px 30px;
+
+    dl {
+      line-height: 14px;
+      margin: 12px 0;
+
+      dt {
+        font-size: 14px;
+        font-weight: bold;
+        color: rgba(51, 51, 51, 1);
+        width: 76px;
+        margin-right: 10px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        margin: 10px 0;
+      }
+
+      dd {
+        a {
+          font-size: 14px;
+          color: #999999;
+          padding: 0 10px;
+          border-left: 1px solid #f5f5f5;
+          margin: 10px 0;
+
+          &:hover,
+          &.active {
+            color: #f33415;
+          }
+        }
+      }
+    }
+  }
+}
+.ans-none {
+  display: none;
+}
+.auto {
+  margin: 0 auto;
+  width: 1200px;
+}
+</style>

package/src/views/pc/default/top-modules/topAns_yzj.vue

@@ -0,0 +1,283 @@
+<template>
+  <!-- 鞍钢的顶部 -->
+  <div class="ans-header">
+    <div class="ans-header__top">
+      <div class="auto flex">
+        <div class="ans-header__top--login flex flex-item1">
+          <div v-if="personalInfo" class="ans-header__top--user flex">
+            <p
+              @click="userHandler"
+            >你好,{{personalInfo.merberCompname}}</p>
+            <p class="quit" @click="logout">退出登录</p>
+          </div>
+          <div v-else class="ans-header__top--noLogin flex">
+            <a class="reg-href"  >您好，欢迎来到大宗交易平台！</a>
+           
+            <a class="login-href c-theme" href="/paas/index/index.html#/loginPcA">请登录</a>
+            <span>|</span>
+             <a class="reg-href" href="/paas/index/index.html#/choice" style="padding-left:10px;color:red">注册</a>
+          </div>
+        </div>
+        <div class="ans-header__top--list">
+          <ul class="flex">
+            <li>
+              <a href="/">首页</a>
+              <span>|</span>
+            </li>
+            <li>
+              <a href="/paas/user-manager/index.html#/user">买家中心</a>
+              <span>|</span>
+            </li>
+            <li>
+              <!-- <a href='http://mem.xh.dllg56.com'>卖家中心</a> -->
+              <!-- <a href='http://ctpmerchant.qjdemo.qjclouds.com/paas/index/index.html#/login'>卖家中心</a> -->
+              <a href='https://merchant.tianhemall.com/paas/index/index.html#/login'>卖家中心</a>
+              <span>|</span>
+            </li>
+            <li>
+              <a href='/paas/pc-mall/index.html#/publicDetails?id=suggestedBrowser'>帮助中心</a>
+              <span>|</span>
+            </li>
+            <li>
+              <!-- <a href>客服热线：<span style='color:#f23a3a'> 400-9855-888</span>   </a> -->
+              <a href>客服热线：<span style='color:#f23a3a'> 18936883562</span>   </a>
+              <span>|</span>
+            </li>
+            <li>
+              <a>
+                <i class="iconfont icon-weixin"></i>
+                微信
+              </a>
+              <!-- <span>|</span> -->
+              <div class="er-box">
+                <!-- <img src="../assets/dllgwap.png" alt /> -->
+              </div>
+            </li>
+            <!-- <li>
+              <a href="http://wpa.qq.com/msgrd?v=3&uin=631502245&site=qq&menu=yes">
+                <i class="iconfont icon-QQ "></i>
+                QQ
+              </a>
+              <div class="er-box">
+                <img src="../../../../assets/WeChat.png" alt />
+              </div>
+            </li> -->
+          </ul>
+        </div>
+      </div>
+    </div>
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+import { logout } from "#/api/login";
+import { getToken, removeToken } from "#/utils/auth";
+import API from "#/api/common/index.js";
+import erwm from "#/assets/newerwei.png";
+
+export default {
+  data() {
+    return {
+      gw: "暂无顾问",
+      flaggw: false,
+      myerwm: erwm,
+      show: false,
+      userInfor: {},
+      personalInfo:"",
+      name: ""
+    };
+  },
+  computed: {
+    isLogin() {
+      return this.getUserCookie() ? true : false;
+    }
+  },
+  mounted() {
+    window.addEventListener("click", this.gwhide);
+    this.personalInfo = JSON.parse(this.getCookie('personalInfo'))
+      ? JSON.parse(this.getCookie('personalInfo'))
+      : '';
+    console.log("=====personalInfo=====", this.personalInfo)
+    this.userInfor =
+      this.getUserCookie() && this.getCookieDecodeURI(this.getUserCookie())
+        ? JSON.parse(this.getCookieDecodeURI(this.getUserCookie()))
+        : {};
+        console.log("=====userInfor=====", this.userInfor)
+  },
+  methods: {
+    gwopen() {
+      API.getCustrelByEmployee().then(res => {
+        if (res) {
+          if (res.employeePhone) {
+            this.gw = res.employeePhone;
+          } else {
+            this.gw = "暂无顾问";
+          }
+        } else {
+          this.gw = "暂无顾问";
+        }
+      });
+      this.flaggw = true;
+    },
+    getCookie(name) {
+      // 拆分 cookie 字符串
+      var cookieArr = document.cookie.split(';')
+      // 循环遍历数组元素
+      for (var i = 0; i < cookieArr.length; i++) {
+        var cookiePair = cookieArr[i].split('=')
+        /* 删除 cookie 名称开头的空白并将其与给定字符串进行比较 */
+        if (name == cookiePair[0].trim()) {
+          // 解码cookie值并返回
+          return decodeURIComponent(cookiePair[1])
+        }
+      }
+      // 如果未找到，则返回null
+      return null
+    },
+    // 获取用户登录信息
+    getCookieDecodeURI(name) {
+      let arr,
+        reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
+      if ((arr = document.cookie.match(reg))) {
+        return decodeURIComponent(arr[2]);
+      } else {
+        return null;
+      }
+    },
+    gwhide() {
+      this.flaggw = false;
+    },
+    enter() {
+      this.show = true;
+    },
+    leave() {
+      this.show = false;
+    },
+    login() {
+      location.href = "/paas/pc-mall/index.html#/loginPc";
+    },
+    register() {
+      location.href = "/paas/pc-mall/index.html#/regPc";
+    },
+    userHandler() {
+      location.href = "/paas/user-manager/index.html#/user";
+    },
+    indexHandler() {
+      location.href = location.origin;
+    },
+    logout() {
+      // 退出
+      logout({}).then((res) => {
+        const newDomain = document.domain.split('.').splice(-2).join('.')
+        removeToken('LOGININFO', newDomain, '/')
+        removeToken('personalInfo', newDomain, '/')
+        removeToken('saas-user-pc', newDomain, '/')
+        location.reload()
+      })
+    },
+    getUserCookie() {
+      let cookie = document.cookie;
+      let start = cookie.indexOf("saas-user-");
+      if (start > -1) {
+        let end = cookie.indexOf("=", start);
+        return cookie.substring(start, end);
+      } else {
+        return null;
+      }
+    }
+  }
+};
+</script>
+
+<style  rel="stylesheet/scss" lang="scss" scoped>
+@import "../assets/flex";
+
+.ans-header {
+  position: relative;
+  &__top {
+    border-bottom: 1px solid #eee;
+    height: 36px;
+    line-height: 36px;
+    background: #fff;
+    font-size: 14px;
+    color: #253554;
+    &--user {
+      p {
+        margin-right: 12px;
+        cursor: pointer;
+        &:hover {
+          color: #f23a3a;
+        }
+      }
+    }
+    &--noLogin {
+      a {
+        margin-right: 12px;
+      }
+    }
+    &--login {
+      a {
+        margin-right: 12px;
+        cursor: pointer;
+        display: block;
+
+        &:hover {
+          color: #ee4b3f;
+        }
+      }
+    }
+
+    &--list {
+      li {
+        position: relative;
+
+        &:hover {
+          a {
+            color: #ee4b3f;
+          }
+
+          .er-box {
+            display: block;
+          }
+        }
+
+        .er-box {
+          background: url("../../../../assets/er_bg.png");
+          width: 56px;
+          height: 64px;
+          position: absolute;
+          top: 44px;
+          left: 0px;
+          display: none;
+          z-index: 10;
+
+          img {
+            width: 52px;
+            height: 52px;
+            display: block;
+            margin: 10px 2px 2px 2px;
+          }
+        }
+      }
+
+      a {
+        color: #253554;
+
+        i {
+          color: #253554;
+        }
+      }
+
+      span {
+        color: #d8d8d8;
+        margin: 0 12px;
+      }
+    }
+  }
+}
+.auto {
+  margin: 0 auto;
+  width: 1200px;
+}
+</style>

package/src/views/templates/templateInput.vue

@@ -3,9 +3,9 @@
     <h3 class="template-title" v-if="title">
       <p>{{ title }}</p>
     </h3>
-    <el-form v-if="temInputPack" :model="ruleForm" :rules="rules ? rules : {}" ref="ruleForm" :label-width="labelWidth ? labelWidth : '10rem'" class="demo-ruleForm">
+    <el-form v-if="temInput" :model="ruleForm" :rules="rules ? rules : {}" ref="ruleForm" :label-width="labelWidth ? labelWidth : '10rem'" class="demo-ruleForm">
       <el-form-item
-        v-for="(item, index) in temInputPack"
+        v-for="(item, index) in temInput"
         :key="index"
         v-if="('state' in item ? item.state : true) && ('btnArray' in item ? true : 'label' in item)"
         :label="'label' in item && ('state' in item ? item.state : true) ? item.label + '：' : ''"
@@ -121,7 +121,7 @@ import tempSelect from './components/temp-select';
 import tempUpload from './components/temp-upload';
 const querystring = require('querystring');
 export default {
-  props: ['temInputPack', 'rules', 'labelWidth', 'tabState', 'title'],
+  props: ['temInput', 'rules', 'labelWidth', 'tabState', 'title'],
   components: {
     tempSelect,
     tempUpload,
@@ -194,7 +194,7 @@ export default {
     setReset() {
       //数据重置
       this.$refs['ruleForm'].resetFields();
-      this.temInputPack.forEach((el) => {
+      this.temInput.forEach((el) => {
         if ('label' in el) {
           if (el.type === 'cascader') {
             el.value = [];
@@ -220,7 +220,7 @@ export default {
         this.tabState.value = this.ruleForm[this.tabState.name];
         for (let i in this.tabState.dataTemplate) {
           if (i === this.tabState.value) {
-            this.temInputPack.forEach((el) => {
+            this.temInput.forEach((el) => {
               if ('state' in el) {
                 if (this.tabState.dataTemplate[i].includes(el.name)) {
                   el.state = true; //是否显示
@@ -248,7 +248,7 @@ export default {
         if (valid) {
           if (url) {
             let data = JSON.parse(JSON.stringify(this.ruleForm)); //去除数据的双向绑定
-            this.temInputPack.forEach((el) => {
+            this.temInput.forEach((el) => {
               if ('label' in el) {
                 if (el.type === 'cascader') {
                   if (el.value.length > 0) {
@@ -316,7 +316,7 @@ export default {
     selChange(val, item) {
       //select选中的事件
       console.log(item, '目前选中的值');
-      console.log(this.temInputPack);
+      console.log(this.temInput);
       this.$emit('selChange', val, item);
     },
   },
@@ -324,8 +324,8 @@ export default {
     ruleForm: {
       get() {
         let ruleForm = {};
-        // console.log(this.temInputPack, "ccccccccccccccc");
-        this.temInputPack.forEach((el) => {
+        // console.log(this.temInput, "ccccccccccccccc");
+        this.temInput.forEach((el) => {
           if ('state' in el) {
             el.state && el.name ? this.$set(ruleForm, el.name, el.value) : '';
           } else {

package/src/views/templates/templateTable.vue

@@ -549,7 +549,7 @@
         <template-input
           :labelWidth="dialogData.template.labelWidth"
           :rules="dialogData.template.rules"
-          :temInputPack="dialogData.template.html"
+          :temInput="dialogData.template.html"
           @cancel="dialogCancel"
           @getData="getDataList"
           @handleSelect="handleSelect"