cloud-web-corejs 1.0.28 → 1.0.29

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

@@ -1,849 +0,0 @@
-<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={ this.$t1('查看') } 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>