cloud-web-corejs 1.0.0

package/src/views/user/home/distributor.vue

@@ -0,0 +1,593 @@
+<template>
+  <div class="dealer-home">
+    <el-row>
+      <el-col :span="7">
+        <div class="user-info">
+          <div class="head-img"><img src="~@/resources/images/default-header.png" /></div>
+          <div class="id">ID:{{ userInfo.id }}</div>
+          <div class="txt">
+            <p class="name">{{ userInfo.loginAccount }}<i class="w iconfont icon-nv"></i><i class="m iconfont icon-nan"></i></p>
+            <p>电话：{{ userInfo.mobile }}</p>
+            <p>机构：{{userInfo.companyName }}</p>
+          </div>
+        </div>
+        <el-card class="box-card" shadow="never">
+          <div slot="header" class="clearfix head">
+            <span>待办事项</span>
+<!--            <el-button class="more" type="text">更多+</el-button>-->
+            <el-button type="text" @click="$router.push('/basic/wf/wf_manage/list')" class="more">
+              <i class="el-icon-news"></i>
+              <span>更多+</span>
+            </el-button>
+          </div>
+          <div class="need-to">
+            <div class="item" v-for="(unDoWfRow,index) in unDoWfRows" :key="index"   @click="openWfDialog(unDoWfRow)">
+<!--              <a-->
+<!--                href="javascript:void(0);"-->
+<!--                class="a-link"-->
+<!--               -->
+<!--              >-->
+                  <i class="ico"></i>
+                  <div class="status"><el-tag >审核中</el-tag></div>
+                  <p class="name">{{ unDoWfRow.name }}</p>
+                  <p>当前任务：{{ unDoWfRow.taskName }}</p>
+                  <p>申请人：{{ unDoWfRow.createBy }} {{unDoWfRow.createDate }}</p>
+<!--              </a>-->
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="17">
+        <el-row>
+          <el-col :span="24">
+            <div class="banner"><img src="~@/resources/images/banner-test.png"/></div>
+          </el-col>
+          <el-col :span="24" class="real-time">
+<!--            <div class="item" v-for="index in 8" :key="index"><p>补差金额（元）</p><b>4800</b></div>-->
+            <div class="item" ><p>可发货余额（元）</p><b>{{ balances.balance }}</b></div>
+            <div class="item" ><p>使用金额（元）</p><b>{{ balances.usageAmount }}</b></div>
+            <div class="item" ><p>回款总额（元）</p><b>{{ balances.depositAmount }}</b></div>
+            <div class="item" ><p>退货总额（元）</p><b>{{ balances.returnAmount }}</b></div>
+            <div class="item" ><p>返利余额（元）</p><b>{{ balances.policyBalance }}</b></div>
+            <div class="item" ><p>返利上账（元）</p><b>{{ balances.policyAmount }}</b></div>
+            <div class="item" ><p>返利使用（元）</p><b>{{ balances.policyUsage }}</b></div>
+            <div class="item" ><p>授信总额（元）</p><b>{{ balances.creditAmount }}</b></div>
+          </el-col>
+          <el-col :span="7">
+            <el-card class="box-card"  shadow="never">
+              <div slot="header" class="clearfix head">
+                <span>快捷通道</span>
+                <el-button type="text" class="more f-blue" @click="showCommMenuDialog = true">
+                  <i class="iconfont icon-guanli"></i>管理
+                </el-button>
+              </div>
+              <div class="fast-box">
+                <div class="item" v-for="commMenu in commMenus" :key="commMenu.id">
+                  <a href="javascript:void(0);" @click="rourteTo(commMenu)">
+                    <p>{{ commMenu.menuName }}</p>
+                  </a>
+                </div>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="8">
+            <div class="order-status_box">
+              <div class="item">
+                <i><img src="~@/resources/images/ico-os-1.png"/></i>
+                <span>待审核</span>
+                <span class="count">{{ quantity }}</span>
+              </div>
+<!--              <div class="item">-->
+<!--                <i><img src="~@/resources/images/ico-os-2.png"/></i>-->
+<!--                <span>待发货</span>-->
+<!--                <span class="count">16</span>-->
+<!--              </div>-->
+<!--              <div class="item">-->
+<!--                <i><img src="~@/resources/images/ico-os-3.png"/></i>-->
+<!--                <span>待签收</span>-->
+<!--                <span class="count">16</span>-->
+<!--              </div>-->
+<!--              <div class="item">-->
+<!--                <i><img src="~@/resources/images/ico-os-4.png"/></i>-->
+<!--                <span>已签收</span>-->
+<!--                <span class="count">16</span>-->
+<!--              </div>-->
+<!--              <div class="item">-->
+<!--                <i><img src="~@/resources/images/ico-os-5.png"/></i>-->
+<!--                <span>已退货</span>-->
+<!--                <span class="count">16</span>-->
+<!--              </div>-->
+<!--              <div class="item">-->
+<!--                <i><img src="~@/resources/images/ico-os-6.png"/></i>-->
+<!--                <span>待入库</span>-->
+<!--                <span class="count">16</span>-->
+<!--              </div>-->
+            </div>
+          </el-col>
+          <el-col :span="9">
+            <el-card class="box-card"  shadow="never">
+              <div slot="header" class="clearfix head">
+                <span>通知公告</span>
+                <el-button type="text" @click="openSystemNoticeDialog()"><span class="more">更多</span></el-button>
+              </div>
+              <div class="news-box">
+                <div class="item" v-for="(systemNotice,index) in systemNotices" :key="index"
+                     @click="openSystemNoticeDialog(systemNotice)">
+                  <div class="date">
+                    <p class="year">{{systemNotice.createDate.substring(0, 4)}}</p>
+                    <p>{{ systemNotice.createDate.substring(5, 10) }}</p>
+                  </div>
+                  <!--                  <div class="status">已读</div>-->
+                  <p class="name">{{systemNotice.title}}</p>
+                  <p>{{ systemNotice.content }}</p>
+                </div>
+              </div>
+            </el-card>
+          </el-col>
+        </el-row>
+
+
+      </el-col>
+    </el-row>
+    <systemNoticeInfoDialog v-if="showSystemNoticeInfoDialog" :visiable.sync="showSystemNoticeInfoDialog"
+                            :param="csnRow" :appendToTop="true"></systemNoticeInfoDialog>
+    <commMenuDialog v-if="showCommMenuDialog" :visiable.sync="showCommMenuDialog"
+                    @confirm="commMenuCallBack"></commMenuDialog>
+    <notifyMessageDialog ref="notifyMessageDialog"></notifyMessageDialog>
+    <notifyMessageInfoDialog v-if="showNoticeDialog" :visiable.sync="showNoticeDialog"
+                             :dataId.sync="notifyMessageInfoId"
+                             @readHanlde="notifyMessageReadHanlde"></notifyMessageInfoDialog>
+    <el-dialog
+      title="查看单据流程"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="false"
+      v-if="showWfDialog"
+      :visible.sync="showWfDialog"
+      :modal="false"
+      custom-class="el-dialog dialog-style designer-dialog indexUse"
+      width="100%"
+      height="100%"
+      top="0px"
+      bottom="0px"
+      :destroy-on-close="true"
+    >
+      <div id="containt">
+        <component
+          v-if="showWfContent && wfContent"
+          :is="wfContent"
+          visible-key="showWfContent"
+          :_dataId.sync="wfDataId"
+          :parent-target="_self"
+          :defaultShowWfContent="true"
+          :_viewType="1"
+          @reload="$reloadHandle"
+        ></component>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {getToken} from "@base/utils/auth";
+import systemNoticeInfoDialog from '../../../views/user/system_notice/infoDialog.vue';
+import commMenuDialog from '../../../views/user/commMenu/index.vue';
+import notifyMessageDialog from '../../../views/user/notify_message/dialog.vue';
+import notifyMessageInfoDialog from '../../../views/user/notify_message/infoDialog';
+export default {
+  name: 'test1',
+  props: {
+    _dataId: [String, Number]
+  },
+  components: {
+    systemNoticeInfoDialog,
+    commMenuDialog,
+    notifyMessageDialog,
+    notifyMessageInfoDialog
+  },
+  data() {
+    return {
+      showNoticeDialog: false,
+      showGroupDialog: false,
+      notifyTemplates: [],
+      userInfo: {},
+      companyInfo: {},
+      balances: {},
+      quantity: 0,
+      systemNotices: [],
+      showSystemNoticeInfoDialog: false,
+      csnRow: null,
+      headPhotoUrl: '',
+      dialogVisible: true,
+      unDoWfRows: [],
+      wfOption: {},
+      showWfDialog: false,
+      showWfContent: true,
+      wfContent: null,
+      wfDataId: '',
+      showCommMenuDialog: false,
+      commMenus: [],
+      notifyMessages: [],
+      notifyMessageInfoIndex: null,
+      notifyMessageInfoId: null,
+      unreadMessageNum: 0
+    };
+  },
+  created() {
+    this.getUserInfo();
+    this.initSystemNotice();
+    this.initCommMenu();
+    this.initNotifyMessage();
+    this.initWfParam();
+    this.getUnreadMessageNum();
+    this.initBalance();
+    this.initQuantity();
+  },
+  methods: {
+    getUserInfo() {
+      this.$http({
+        url: USER_PREFIX + '/user/currentUser',
+        method: 'post',
+        success: res => {
+          let userInfo = res.objx;
+          this.headPhotoUrl = userInfo.headPhotoUrl ? userInfo.headPhotoUrl : require('@/resources/images' + '/default-header.png');
+
+          this.userInfo = userInfo;
+        }
+      });
+      this.$http({
+        url: USER_PREFIX + '/company_info/getCurrent',
+        method: `post`,
+        success: res => {
+          this.companyInfo = res.objx || {};
+        }
+      });
+    },
+    initBalance(){
+      this.$http({
+        url: YX_PREFIX + '/balance/listPage',
+        data: {"size":"200","current":"1"},
+        method: 'post',
+        success: res => {
+          var balancesArr = res.objx && res.objx.records ? res.objx.records : [];
+          this.balances = balancesArr[0];
+        }
+      });
+    },
+    initQuantity(){
+      this.$http({
+        url: YX_PREFIX + '/orderAgreement/listPage',
+        data: {"orderType":"orderAgreement","statuses":[1],"size":"200","current":"1"},
+        method: 'post',
+        success: res => {
+          var balancesArr = res.objx && res.objx.records ? res.objx.records : [];
+          this.quantity = balancesArr.length;
+        }
+      });
+    },
+    initSystemNotice() {
+      this.$http({
+        url: USER_PREFIX + '/system_notice/listPage',
+        data: {publish: true},
+        method: 'post',
+        success: res => {
+          this.systemNotices = res.objx && res.objx.records ? res.objx.records : [];
+        }
+      });
+    },
+    openSystemNoticeDialog(row) {
+      this.csnRow = row || null;
+      this.showSystemNoticeInfoDialog = true;
+    },
+    initUnDoWfInfo() {
+      this.$http({
+        url: AGILEBPM_PREFIX + '/wf_manage/listPage',
+        data: {type: 0},
+        method: 'post',
+        success: res => {
+          this.unDoWfRows = res.objx.records || [];
+        }
+      });
+    },
+    initWfTableList() {
+      let that = this;
+      let paramColumns = this.wfParamDTOs.map(item => {
+        return {
+          title: item.paramName,
+          field: item.paramKey,
+          width: 150
+        };
+      })
+      var statuses = {running: '审核中', back: '已驳回', end: '已完成'};
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-wf',
+        tableName: 'home-table-wf',
+        config: {
+          height: 'auto'
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: '单据类型',
+            field: 'objTypeName',
+            width: 150,
+            fixed: 'left'
+          },
+          {
+            title: '流程主题',
+            field: 'name',
+            width: 150
+          },
+          {
+            title: '启动人',
+            field: 'starterName',
+            width: 150
+          },
+          {
+            title: '当前任务',
+            field: 'taskName',
+            width: 150
+          },
+          {
+            title: '当前任务用户',
+            field: 'candidateNames',
+            width: 150
+          },
+          {
+            title: '启动时间',
+            field: 'createDate',
+            width: 150
+          },
+          ...paramColumns,
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row}) => {
+                return [
+                  <a
+                    href="javascript:void(0);"
+                    class="a-link"
+                    onclick={() => {
+                      this.openWfDialog(row);
+                    }}
+                  >
+                    <el-tooltip enterable={false} effect="dark" content="查看" placement="top"
+                                popper-class="tooltip-skin">
+                      <i class="el-icon-edit"/>
+                    </el-tooltip>
+                  </a>
+                ];
+              }
+            }
+          }
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.wfOption = opts;
+      });
+      this.getWfInfoList(false);
+    },
+    getWfInfoList(isLoading) {
+      this.$http({
+        url: USER_PREFIX + '/wf_info/listPage',
+        data: {type: 0},
+        method: 'post',
+        isLoading: isLoading,
+        success: res => {
+          this.unDoWfRows = res.objx && res.objx.records ? res.objx.records : [];
+        }
+      });
+    },
+    openWfDialog(row) {
+      let url = row.url + '.vue';
+      let id = row.objId;
+      console.log("url==" + url);
+      this.wfDataId = !id || typeof id == 'object' ? 0 : id;
+      this.showWfDialog = true;
+      this.showWfContent = true;
+      this.wfContent = require('@/views' + url).default;
+    },
+    commMenuCallBack(datas) {
+      this.commMenus = datas || [];
+    },
+    initCommMenu() {
+      this.$http({
+        url: USER_PREFIX + '/comm_menu/currentList',
+        data: {longOne: 0},
+        method: 'POST'
+      }).then(resultMsg => {
+        this.commMenus = resultMsg.objx || [];
+      });
+    },
+    initNotifyMessage() {
+      this.$http({
+        url: USER_PREFIX + '/notify_message/listPage',
+        data: {},
+        method: 'post',
+        success: res => {
+          this.notifyMessages = res.objx && res.objx.records ? res.objx.records : [];
+        }
+      });
+    },
+    openNotifyMessageDialog(row) {
+      if (row.jumpContent) {
+        this.$refs.notifyMessageDialog.open(row, () => {
+          row.readed = 1;
+        });
+      }
+    },
+    openMoreNotifyMessage(notifyType) {
+      let data = {notifyType: (notifyType || '')};
+      let view = {
+        name: 'notify_message:list',
+        query: data
+      };
+      this.$store.dispatch('tagsView/delCachedView', view).then(() => {
+        this.$router.replace(view);
+      });
+
+      if (notifyType) {
+        this.showGroupDialog = false;
+      }
+    },
+    checkNotifyMessage(row, index) {
+      this.showNoticeDialog = true;
+      this.notifyMessageInfoIndex = index;
+      this.notifyMessageInfoId = row.id;
+    },
+    notifyMessageReadHanlde() {
+      this.notifyMessages[this.notifyMessageInfoIndex].readed = 1;
+    },
+    openNotifyTemplateGroupDialog() {
+      this.$http({
+        url: USER_PREFIX + `/notify_template/listPage`,
+        method: `post`,
+        data: {},
+        isLoading: true,
+        success: res => {
+          this.notifyTemplates = res.objx && res.objx.records ? res.objx.records : [];
+          this.showGroupDialog = true;
+        }
+      });
+    },
+    rourteTo(route) {
+      if (route.type == 4) {
+        this.jumpOutLink(route)
+      } else if (route.type == 3) {
+        let menuCode = route.menuCode;
+        let path = "/user/outLink/index/" + menuCode;
+        this.$router.push({path: path, query: {url: route.url}});
+      } else {
+        this.$router.push(route.url);
+      }
+    },
+    jumpOutLink(route) {
+      let path = route.url;
+      if (route.type == 4 && path) {
+        if (path.indexOf('token={token}') >= 0) {
+          path = path.replace('token={token}', 'token=' + getToken())
+        }
+        window.open(path);
+      }
+    },
+    initWfParam() {
+      return this.$http({
+        url: USER_PREFIX + '/wf_param/list',
+        method: `post`,
+        data: {},
+        isLoading: true,
+        modalStrictly: true,
+        success: res => {
+          this.wfParamDTOs = res.objx || [];
+          this.initWfTableList();
+        }
+      });
+    },
+    getUnreadMessageNum() {
+      return this.$http({
+        url: USER_PREFIX + '/notify_message/countMessage',
+        method: `post`,
+        data: {},
+        isLoading: true,
+        success: res => {
+          this.unreadMessageNum = res.objx || 0;
+        }
+      });
+    }
+  }
+};
+</script>
+<style scoped lang="scss">
+.el-card{margin:0 8px;border:none;border-radius: 8px;
+  .head{padding:4px;
+    > span{color:#000;font-weight: 600;}
+    .more i{font-size: 12px;vertical-align: middle;margin-right: 3px;}
+  }
+}
+.dealer-home{
+  padding:10px 2px 0;
+  .user-info{
+    background-color: #FFF;position: relative;border-radius: 8px;margin:0 8px 12px;overflow: hidden;padding:16px 12px 16px 146px;color:#B3B3B3;height: 140px;font-size: 13px;
+    .head-img{width: 100px;height: 100px;border-radius: 50%;position: absolute;left:24px;top:50%;margin-top:-50px;
+      img{width: 100%;height: 100%;}
+    }
+    .id{position:absolute ;background-color: #608DEB;color:#FFF;height: 24px;position: absolute;right:12px;top:12px;border-radius: 26px;line-height: 24px;padding:0 12px;}
+    .name{color:#212121;font-weight: 600;font-size: 24px;margin-top:10px;
+      i{width: 22px;height: 22px;color:#FFF;border-radius: 12px;margin-left:6px;display: inline-block;text-align: center;font-size:12px;line-height: 22px;vertical-align: middle;margin-bottom: 4px;font-weight: 400;
+        &.w{background-color: #FF9CC7;}
+        &.m{background-color: #80c4ff;}
+      }
+    }
+    p{margin-bottom: 8px;}
+  }
+  .need-to{height: calc(100vh - 262px);overflow:auto;
+    .item{
+      position: relative;padding:0 24px 0 64px;font-size: 12px;color:#999999;margin:12.5px 0;cursor: pointer;
+      p{margin-bottom:3px;}
+      &:hover{color:#225076;
+        .name{color:#225076}
+      }
+      .ico{width: 52px;height: 52px;display:inline-block;background: url(~@/resources/images/ico-1.png) no-repeat center;background-size: cover;left:0;top:50%;margin-top:-30px;position: absolute;}
+      .name{font-size: 14px;color:#212121;margin-bottom: 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+      .status{position: absolute;right:12px;bottom:0;zoom: 0.9;}
+    }
+
+  }
+  .banner{border-radius: 8px;overflow: hidden;height:140px;margin:0 8px 12px;
+    img{width: 100%;height: 100%;}
+  }
+  .real-time{
+    .item{
+      margin:0 8px 12px;background-color: #FFF;border-radius:8px;padding:16px 16px 12px;width: calc(25% - 16px);float: left;line-height: 1.2;
+      b{font-size: 24px;color:#1472FF}
+    }
+  }
+  .order-status_box{margin:0 8px;background-color: #FFF;border-radius: 8px;padding:18px 8px 0;overflow: hidden;height: calc(100vh - 395px);
+    .item{
+      background-color: #F6F9FF;border-radius: 8px;float: left;width: calc(50% - 16px);margin: 8px;display: inline-block;height: 78px;line-height: 78px;padding: 0 14px;cursor: pointer;overflow: hidden;
+      .count{float: right;font-size: 18px;font-weight: 600;}
+      i{width: 17px;height:auto;display: inline-block;background-size: cover;vertical-align: middle;margin-right: 4px;line-height: 1;
+        img{width:100%;height: 100%;}
+      }
+    }
+  }
+  .news-box,.fast-box{
+    height: calc(100vh - 455px);overflow: auto;
+  }
+  .fast-box{
+    .item{width: 33.3%;text-align: center;float: left;margin:15px 0;cursor: pointer;
+      p{margin-bottom: 0;}
+      i{width:62px;height: 62px;background-size: cover;background-repeat: no-repeat;margin:0 auto 12px;display: block;line-height: 1;
+        img{width:100%;height: 100%;}
+      }
+    }
+  }
+  .news-box{
+    .item{
+      padding:0 60px;position: relative;font-size: 12px;color:#808080;margin:3px 0 11px;cursor: pointer;
+      p{margin-bottom: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+      &:hover{color:#225076;
+        .name{color:#225076}
+      }
+      &:after{content: "\e612";position: absolute;right:0;top:2px;font-family: "iconfont";}
+      .date{background-color: #F6F9FF;color:#7BB2F2;display: inline-block;border-radius: 8px;padding:4px 6px;position: absolute;left:0;top:0;line-height: 1.2;text-align: center;
+        .year{color:#3088EB;font-size: 16px;}
+        p{color:#7BB2F2}
+      }
+      .status{
+        position: absolute;right:0;bottom:-2px;background-color: #E8F3FF;color:#4FA8FF;border-radius: 4px;padding:2px 8px;
+      }
+      .name{color:#424242;font-size: 13px;margin-bottom: 6px;display: block;}
+      &.no-read{
+        .status{
+          background-color: #fef0f0;color: #f56c6c;
+        }
+      }
+    }
+  }
+}
+</style>

package/src/views/user/home/index.vue

@@ -0,0 +1,75 @@
+<template>
+  <div>
+    <component
+      v-if="homeContent && showHomeContent"
+      :is="homeContent"
+      visible-key="showHomeContent"
+      :parent-target="_self"
+      @reload="$reloadHandle"
+    ></component>
+  </div>
+</template>
+
+<script>
+/*import distributorView from './distributor'*/
+
+export default {
+  name: 'home',
+  components: {/*, distributorView*/},
+  data() {
+    return {
+      flag: 0,
+      homeContent: null,
+      showHomeContent: false,
+    };
+  },
+  created() {
+    this.initHome();
+  },
+  methods: {
+    init() {
+      this.$http({
+        url: USER_PREFIX + '/user/currentUser',
+        method: 'post',
+        success: res => {
+          let userInfo = res.objx;
+          this.getIsDistributor(userInfo);
+        }
+      });
+    },
+    getIsDistributor(userInfo) {
+      this.$http({
+        url: USER_PREFIX + '/userb/getUserRole',
+        method: `post`,
+        data: {id: userInfo.id},
+        success: res2 => {
+          let rows = res2.objx || [];
+          let codes = rows.map(row => row.roleCode);
+          if (codes.includes('distributor')) {
+            this.flag = 2;
+          } else {
+            this.initHome();
+          }
+        }
+      });
+    },
+    initHome() {
+      this.$http({
+        url: USER_PREFIX + '/menu/currentList',
+        data: {},
+        method: 'post',
+        success: res => {
+          let menus = res.objx || [];
+          let homeMenu = menus.find(menu => menu.type == 2 && menu.enabled);
+          let path = homeMenu && homeMenu.url ? homeMenu.url : '/user/home/default'
+          let url = path + '.vue';
+          this.homeContent = require('@/views' + url).default;
+          this.showHomeContent = true;
+          this.flag = 1;
+        }
+      });
+    }
+
+  }
+};
+</script>