cloud-web-corejs-haier 1.0.43 → 1.0.44

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

@@ -3,88 +3,141 @@
     <el-row>
       <el-col :span="8">
         <div class="i-user-info">
-          <img class="img" v-if="headPhotoUrl" :src="headPhotoUrl"/>
-          <p class="name">{{ $t1('您好') }}，{{ userInfo.nickName }}</p>
+          <img class="img" v-if="headPhotoUrl" :src="headPhotoUrl" />
+          <p class="name">{{ $t1("您好") }}，{{ userInfo.nickName }}</p>
           <p>{{ companyInfo.companyName }}</p>
         </div>
         <div class="notice-box">
           <div class="txt" @click="openMoreNotifyMessage()">
             <i class="iconfont icon-xiaoxitongzhi"></i>
-            <span v-if="unreadMessageNum>0"
-                  v-html="$t1('您 有{number}条 未读消息，请及时查看。',{number: `<b>${(unreadMessageNum > 99 ? '99+' : unreadMessageNum)}</b>`})">
+            <span
+              v-if="unreadMessageNum > 0"
+              v-html="
+                $t1('您 有{number}条 未读消息，请及时查看。', {
+                  number: `<b>${
+                    unreadMessageNum > 99 ? '99+' : unreadMessageNum
+                  }</b>`,
+                })
+              "
+            >
             </span>
-            <span v-else-if="unreadMessageNum==0">
-            {{ $t1('您 暂无 未读消息。') }}
+            <span v-else-if="unreadMessageNum == 0">
+              {{ $t1("您 暂无 未读消息。") }}
             </span>
           </div>
-          <el-tooltip class="item" effect="dark" :content="$t1('刷新')" placement="top">
-            <el-button type="text" @click="getUnreadMessageNum(true)"><i class="el-icon-refresh"></i></el-button>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="$t1('刷新')"
+            placement="top"
+          >
+            <el-button type="text" @click="getUnreadMessageNum(true)"
+              ><i class="el-icon-refresh"></i
+            ></el-button>
           </el-tooltip>
-          <el-tooltip class="item" effect="dark" :content="$t1('查看更多')" placement="top">
-            <el-button type="text" @click="openMoreNotifyMessage()" class="more">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            :content="$t1('查看更多')"
+            placement="top"
+          >
+            <el-button
+              type="text"
+              @click="openMoreNotifyMessage()"
+              class="more"
+            >
               <i class="el-icon-news"></i>
             </el-button>
           </el-tooltip>
         </div>
         <el-card class="box-card">
           <div slot="header" class="clearfix">
-            <span style="float:left">
+            <span style="float: left">
               <i class="el-icon-chat-line-round ico"></i>
-              {{ $t1('公告') }}
+              {{ $t1("公告") }}
             </span>
-            <el-button type="text" @click="openSystemNoticeDialog()"><span class="more">MORE+</span></el-button>
+            <el-button type="text" @click="openSystemNoticeDialog()"
+              ><span class="more">MORE+</span></el-button
+            >
           </div>
           <div class="home-notice-list">
-            <div v-for="(systemNotice,index) in systemNotices" :key="index" class="item"
-                 @click="openSystemNoticeDialog(systemNotice)"
-                 :title="systemNotice.title">
+            <div
+              v-for="(systemNotice, index) in systemNotices"
+              :key="index"
+              class="item"
+              @click="openSystemNoticeDialog(systemNotice)"
+              :title="systemNotice.title"
+            >
               {{ systemNotice.title }}
-              <span class="time">{{ systemNotice.modifyDate.substring(0, 10) }}</span>
+              <span class="time">{{
+                systemNotice.modifyDate.substring(0, 10)
+              }}</span>
             </div>
           </div>
         </el-card>
       </el-col>
-      <el-col :span="homeConfig.toDoSpan || 16" style="padding-left:6px;">
+      <el-col :span="homeConfig.toDoSpan || 16" style="padding-left: 6px">
         <el-card class="box-card">
           <div slot="header" class="clearfix">
-            <span style="float:left">
+            <span style="float: left">
               <i class="el-icon-chat-line-round ico"></i>
-              {{ $t1('待办事项') }}
+              {{ $t1("待办事项") }}
             </span>
-            <el-tooltip class="item" effect="dark" :content="$t1('刷新')" placement="top">
-              <el-button type="text" @click="getWfInfoList(true)" class="more" style="right:107px">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="$t1('刷新')"
+              placement="top"
+            >
+              <el-button
+                type="text"
+                @click="getWfInfoList(true)"
+                class="more"
+                style="right: 107px"
+              >
                 <i class="el-icon-refresh"></i>
               </el-button>
             </el-tooltip>
-            <el-button type="text" @click="toWfManageList" class="more">
+            <el-button type="text" @click="toWorkflowManage()" class="more">
               <i class="el-icon-news"></i>
-              <span>{{ $t1('查看更多+') }}</span>
+              <span>{{ $t1("查看更多+") }}</span>
             </el-button>
           </div>
           <div class="need-to">
-            <vxe-grid :data="unDoWfRows" ref="table-wf" v-bind="wfOption"
-                      @resizable-change="$vxeTableUtil.onColumnWitchChange"
-                      @custom="$vxeTableUtil.customHandle"></vxe-grid>
+            <vxe-grid
+              :data="unDoWfRows"
+              ref="table-wf"
+              v-bind="wfOption"
+              @resizable-change="$vxeTableUtil.onColumnWitchChange"
+              @custom="$vxeTableUtil.customHandle"
+            ></vxe-grid>
           </div>
         </el-card>
       </el-col>
     </el-row>
     <el-row>
-      <el-col :span="24" v-show="homeConfig.showFastTrack!==false">
+      <el-col :span="24" v-show="homeConfig.showFastTrack !== false">
         <el-card class="box-card">
           <div slot="header" class="clearfix">
-                  <span style="float:left">
-                    <i class="el-icon-star-off ico"></i>
-                    {{ $t1('快捷通道') }}
-                  </span>
-            <el-button type="text" @click="showCommMenuDialog = true"><span class="more">MORE+</span></el-button>
+            <span style="float: left">
+              <i class="el-icon-star-off ico"></i>
+              {{ $t1("快捷通道") }}
+            </span>
+            <el-button type="text" @click="showCommMenuDialog = true"
+              ><span class="more">MORE+</span></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><i :class="!!commMenu.menuImg?('iconfont '+commMenu.menuImg):null"></i><span>{{
-                    commMenu.menuName
-                  }}</span></p>
+                <p>
+                  <i
+                    :class="
+                      !!commMenu.menuImg ? 'iconfont ' + commMenu.menuImg : null
+                    "
+                  ></i
+                  ><span>{{ commMenu.menuName }}</span>
+                </p>
               </a>
             </div>
           </div>
@@ -131,20 +184,33 @@
       </el-col> -->
     </el-row>
     <slot></slot>
-    <systemNoticeInfoDialog v-if="showSystemNoticeInfoDialog" :visiable.sync="showSystemNoticeInfoDialog"
-                            :param="csnRow" :appendToTop="true"></systemNoticeInfoDialog>
-
-    <commMenuDialog v-if="showCommMenuDialog" :visiable.sync="showCommMenuDialog"
-                    @confirm="commMenuCallBack"></commMenuDialog>
-    <wfContentDialog v-if="showWfDialog" :visible.sync="showWfDialog" @close="wfClose"
-                     :option.sync="wfContentOption"></wfContentDialog>
+    <systemNoticeInfoDialog
+      v-if="showSystemNoticeInfoDialog"
+      :visiable.sync="showSystemNoticeInfoDialog"
+      :param="csnRow"
+      :appendToTop="true"
+    ></systemNoticeInfoDialog>
+
+    <commMenuDialog
+      v-if="showCommMenuDialog"
+      :visiable.sync="showCommMenuDialog"
+      @confirm="commMenuCallBack"
+    ></commMenuDialog>
+    <wfContentDialog
+      v-if="showWfDialog"
+      :visible.sync="showWfDialog"
+      @close="wfClose"
+      :option.sync="wfContentOption"
+    ></wfContentDialog>
 
     <notifyMessageDialog ref="notifyMessageDialog"></notifyMessageDialog>
 
-    <notifyMessageInfoDialog v-if="showNoticeDialog" :visiable.sync="showNoticeDialog"
-                             :dataId.sync="notifyMessageInfoId"
-                             @readHanlde="notifyMessageReadHanlde"></notifyMessageInfoDialog>
-
+    <notifyMessageInfoDialog
+      v-if="showNoticeDialog"
+      :visiable.sync="showNoticeDialog"
+      :dataId.sync="notifyMessageInfoId"
+      @readHanlde="notifyMessageReadHanlde"
+    ></notifyMessageInfoDialog>
 
     <el-dialog
       :title="$t1('选择分组')"
@@ -159,39 +225,40 @@
       :destroy-on-close="true"
     >
       <div class="cont group-list">
-        <div class="item" v-for="(notifyTemplate,index) in notifyTemplates" :key="index"
-             @click="openMoreNotifyMessage(notifyTemplate.notifyType)">
+        <div
+          class="item"
+          v-for="(notifyTemplate, index) in notifyTemplates"
+          :key="index"
+          @click="openMoreNotifyMessage(notifyTemplate.notifyType)"
+        >
           <i class="iconfont icon-fenzu"></i>
           <span class="name">{{ notifyTemplate.ntName }}</span>
           <!--          <span class="nums">99+</span>-->
         </div>
       </div>
     </el-dialog>
-
   </div>
 </template>
 
 <script>
-import systemNoticeInfoDialog from '@base/views/user/system_notice/infoDialog.vue';
-import commMenuDialog from '@base/views/user/commMenu/index.vue';
-import notifyMessageDialog from '@base/views/user/notify_message/dialog.vue';
-import notifyMessageInfoDialog from '@base/views/user/notify_message/infoDialog';
+import systemNoticeInfoDialog from "@base/views/user/system_notice/infoDialog.vue";
+import commMenuDialog from "@base/views/user/commMenu/index.vue";
+import notifyMessageDialog from "@base/views/user/notify_message/dialog.vue";
+import notifyMessageInfoDialog from "@base/views/user/notify_message/infoDialog";
 
-import {getToken} from "@base/utils/auth";
+import { getToken } from "@base/utils/auth";
 import wfContentDialog from "@base/views/user/wf/wf_manage/wfContentDialog";
 import corejsConfig from "@/corejsConfig";
+import { getLogicParamValue } from "@base/api/user";
 
 export default {
-  name: 'home',
-  props: {
-    wf_manage_url: String
-  },
+  name: "home",
   components: {
     systemNoticeInfoDialog,
     commMenuDialog,
     notifyMessageDialog,
     notifyMessageInfoDialog,
-    wfContentDialog
+    wfContentDialog,
   },
   data() {
     return {
@@ -203,7 +270,7 @@ export default {
       systemNotices: [],
       showSystemNoticeInfoDialog: false,
       csnRow: null,
-      headPhotoUrl: '',
+      headPhotoUrl: "",
       dialogVisible: true,
       unDoWfRows: [],
       wfOption: {},
@@ -211,7 +278,7 @@ export default {
       wfContentOption: {},
       showWfContent: true,
       wfContent: null,
-      wfDataId: '',
+      wfDataId: "",
       showCommMenuDialog: false,
       commMenus: [],
       notifyMessages: [],
@@ -220,7 +287,7 @@ export default {
       unreadMessageNum: 0,
       activating: true,
       wfTimer: null,
-      homeConfig: corejsConfig.homeConfig || {}
+      homeConfig: corejsConfig.homeConfig || {},
     };
   },
   activated() {
@@ -242,8 +309,23 @@ export default {
     this.initNotifyMessage();
     this.initWfParam();
     this.initWfTimer();
+    //初始化流程待办路由
+    this.initWorkflowManageRoute();
   },
   methods: {
+    initWorkflowManageRoute() {
+      //初始化流程待办路由
+      getLogicParamValue({
+        data: { paramCode: "workflowManageRoute" },
+        success: (res) => {
+          let value = res?.objx;
+          this.workflowManageRoute = value || "/basic/wf/wf_manage/list";
+        },
+      });
+    },
+    toWorkflowManage() {
+      this.$router.push(this.workflowManageRoute);
+    },
     wfClose() {
       this.timerExcFun(true);
     },
@@ -259,7 +341,7 @@ export default {
       }
       this.getWfInfoList(isLoading);
       this.getUnreadMessageNum(isLoading);
-      this.$emit('timerHandle')
+      this.$emit("timerHandle");
     },
     clearTimer() {
       clearInterval(this.wfTimer);
@@ -267,31 +349,34 @@ export default {
     },
     getUserInfo() {
       this.$http({
-        url: USER_PREFIX + '/user/currentUser',
-        method: 'post',
-        success: res => {
+        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.headPhotoUrl = userInfo.headPhotoUrl
+            ? userInfo.headPhotoUrl
+            : require("@/resources/images" + "/default-header.png");
 
           this.userInfo = userInfo;
-        }
+        },
       });
       this.$http({
-        url: USER_PREFIX + '/company_info/getCurrent',
+        url: USER_PREFIX + "/company_info/getCurrent",
         method: `post`,
-        success: res => {
+        success: (res) => {
           this.companyInfo = res.objx || {};
-        }
+        },
       });
     },
     initSystemNotice() {
       this.$http({
-        url: USER_PREFIX + '/system_notice/listPage',
-        data: {publish: true, searchCount: false},
-        method: 'post',
-        success: res => {
-          this.systemNotices = res.objx && res.objx.records ? res.objx.records : [];
-        }
+        url: USER_PREFIX + "/system_notice/listPage",
+        data: { publish: true, searchCount: false },
+        method: "post",
+        success: (res) => {
+          this.systemNotices =
+            res.objx && res.objx.records ? res.objx.records : [];
+        },
       });
     },
     openSystemNoticeDialog(row) {
@@ -300,72 +385,76 @@ export default {
     },
     initUnDoWfInfo() {
       this.$http({
-        url: AGILEBPM_PREFIX + '/wf_manage/listPage',
-        data: {type: 0, searchCount: false},
-        method: 'post',
-        success: res => {
+        url: AGILEBPM_PREFIX + "/wf_manage/listPage",
+        data: { type: 0, searchCount: false },
+        method: "post",
+        success: (res) => {
           this.unDoWfRows = res.objx.records || [];
-        }
+        },
       });
     },
     initWfTableList() {
       let that = this;
-      let paramColumns = this.wfParamDTOs.map(item => {
+      let paramColumns = this.wfParamDTOs.map((item) => {
         return {
           title: this.$t1(item.paramName),
           field: item.paramKey,
-          width: 150
+          width: 150,
         };
-      })
-      var statuses = {running: this.$t1('审核中'), back: this.$t1('已驳回'), end: this.$t1('已完成')};
+      });
+      var statuses = {
+        running: this.$t1("审核中"),
+        back: this.$t1("已驳回"),
+        end: this.$t1("已完成"),
+      };
       let tableOption = {
         vue: this,
-        tableRef: 'table-wf',
-        tableName: 'home-table-wf',
+        tableRef: "table-wf",
+        tableName: "home-table-wf",
         config: {
-          height: 'auto'
+          height: "auto",
         },
         columns: [
-          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
           {
-            title: this.$t1('单据类型'),
-            field: 'objTypeName',
+            title: this.$t1("单据类型"),
+            field: "objTypeName",
             width: 150,
-            fixed: 'left'
+            fixed: "left",
           },
           {
-            title: this.$t1('流程主题'),
-            field: 'name',
-            width: 150
+            title: this.$t1("流程主题"),
+            field: "name",
+            width: 150,
           },
           {
-            title: this.$t1('启动人'),
-            field: 'starterName',
-            width: 150
+            title: this.$t1("启动人"),
+            field: "starterName",
+            width: 150,
           },
           {
-            title: this.$t1('当前任务'),
-            field: 'taskName',
-            width: 150
+            title: this.$t1("当前任务"),
+            field: "taskName",
+            width: 150,
           },
           {
-            title: this.$t1('当前任务用户'),
-            field: 'candidateNames',
-            width: 150
+            title: this.$t1("当前任务用户"),
+            field: "candidateNames",
+            width: 150,
           },
           {
-            title: this.$t1('启动时间'),
-            field: 'createDate',
-            width: 150
+            title: this.$t1("启动时间"),
+            field: "createDate",
+            width: 150,
           },
           ...paramColumns,
           {
             width: 47,
-            fixed: 'right',
-            title: '',
+            fixed: "right",
+            title: "",
             sortable: false,
             slots: {
-              default: ({row}) => {
+              default: ({ row }) => {
                 return [
                   <a
                     href="javascript:void(0);"
@@ -374,18 +463,23 @@ export default {
                       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
+                      enterable={false}
+                      effect="dark"
+                      content={this.$t1("查看")}
+                      placement="top"
+                      popper-class="tooltip-skin"
+                    >
+                      <i class="el-icon-edit" />
                     </el-tooltip>
-                  </a>
+                  </a>,
                 ];
-              }
-            }
-          }
-        ]
+              },
+            },
+          },
+        ],
       };
-      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
         this.wfOption = opts;
       });
     },
@@ -393,7 +487,8 @@ export default {
       this.wfContentOption = {
         objId: row.objId,
         url: row.url,
-        objTypeCode: row.objTypeCode
+        objTypeCode: row.objTypeCode,
+        formCode: row.formCode,
       };
       this.showWfDialog = true;
     },
@@ -402,22 +497,23 @@ export default {
     },
     initCommMenu() {
       this.$http({
-        url: USER_PREFIX + '/comm_menu/currentList',
-        data: {longOne: 0},
-        method: 'POST'
-      }).then(resultMsg => {
+        url: USER_PREFIX + "/comm_menu/currentList",
+        data: { longOne: 0 },
+        method: "POST",
+      }).then((resultMsg) => {
         this.commMenus = resultMsg.objx || [];
       });
     },
     initNotifyMessage() {
-      return
+      return;
       this.$http({
-        url: USER_PREFIX + '/notify_message/listPage',
-        data: {searchCount: false},
-        method: 'post',
-        success: res => {
-          this.notifyMessages = res.objx && res.objx.records ? res.objx.records : [];
-        }
+        url: USER_PREFIX + "/notify_message/listPage",
+        data: { searchCount: false },
+        method: "post",
+        success: (res) => {
+          this.notifyMessages =
+            res.objx && res.objx.records ? res.objx.records : [];
+        },
       });
     },
     openNotifyMessageDialog(row) {
@@ -428,12 +524,12 @@ export default {
       }
     },
     openMoreNotifyMessage(notifyType) {
-      let data = {notifyType: (notifyType || '')};
+      let data = { notifyType: notifyType || "" };
       let view = {
-        name: 'notify_message:list',
-        query: data
+        name: "notify_message:list",
+        query: data,
       };
-      this.$store.dispatch('tagsView/delCachedView', view).then(() => {
+      this.$store.dispatch("tagsView/delCachedView", view).then(() => {
         this.$router.replace(view);
       });
 
@@ -453,31 +549,32 @@ export default {
       this.$http({
         url: USER_PREFIX + `/notify_template/listPage`,
         method: `post`,
-        data: {searchCount: false},
+        data: { searchCount: false },
         isLoading: true,
         // loadingTarget: document.body,
-        success: res => {
-          this.notifyTemplates = res.objx && res.objx.records ? res.objx.records : [];
+        success: (res) => {
+          this.notifyTemplates =
+            res.objx && res.objx.records ? res.objx.records : [];
           this.showGroupDialog = true;
-        }
+        },
       });
     },
     rourteTo(route) {
       if (route.type == 4) {
-        this.jumpOutLink(route)
+        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}});
+        this.$router.push({ path: path, query: { url: route.url } });
       } else {
-        let path = this.getPath(route)
-        if (!path) return
+        let path = this.getPath(route);
+        if (!path) return;
         this.$router.push(path);
       }
     },
     getPath(route3) {
       let item = null;
-      let path = null
+      let path = null;
       if (route3.type == 0) {
         //普通菜单
         if (route3.url) {
@@ -485,7 +582,7 @@ export default {
           let str = "/report/vform/render/";
           if (path.indexOf(str) == 0) {
           } else {
-            let pIndex = path.indexOf('?');
+            let pIndex = path.indexOf("?");
             if (pIndex > 0) {
               path = path.substring(0, pIndex);
             }
@@ -497,31 +594,31 @@ export default {
         path = url;
       }
       if (path && path.startsWith("@")) {
-        path = null
+        path = null;
       }
       return path;
     },
     jumpOutLink(route) {
       let path = route.url;
       if (route.type == 4 && path) {
-        if (path.indexOf('token={token}') >= 0) {
-          path = path.replace('token={token}', 'token=' + getToken())
+        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',
+        url: USER_PREFIX + "/wf_param/list",
         method: `post`,
         data: {},
         isLoading: true,
         // loadingTarget: document.body,
         modalStrictly: true,
-        success: res => {
+        success: (res) => {
           this.wfParamDTOs = res.objx || [];
           this.initWfTableList();
-        }
+        },
       });
     },
     getWfInfoList(isLoading) {
@@ -529,14 +626,15 @@ export default {
         return;
       }
       this.$http({
-        url: USER_PREFIX + '/wf_info/listPage',
-        data: {type: 0, size: 20, searchCount: false},
-        method: 'post',
+        url: USER_PREFIX + "/wf_info/listPage",
+        data: { type: 0, size: 20, searchCount: false },
+        method: "post",
         isLoading: isLoading,
         modal: isLoading || false,
         // loadingTarget: document.body,
-        success: res => {
-          this.unDoWfRows = res.objx && res.objx.records ? res.objx.records : [];
+        success: (res) => {
+          this.unDoWfRows =
+            res.objx && res.objx.records ? res.objx.records : [];
         },
         failMsg: false,
         errorMsg: false,
@@ -544,7 +642,7 @@ export default {
           if (response && response.status == 200) {
             this.$errorMsg(res);
           }
-        }
+        },
       });
     },
     getUnreadMessageNum(isLoading) {
@@ -552,13 +650,13 @@ export default {
         return;
       }
       return this.$http({
-        url: USER_PREFIX + '/notify_message/countMessage',
+        url: USER_PREFIX + "/notify_message/countMessage",
         method: `post`,
         data: {},
         isLoading: isLoading,
         modal: isLoading || false,
         // loadingTarget: document.body,
-        success: res => {
+        success: (res) => {
           this.unreadMessageNum = res.objx || 0;
         },
         failMsg: false,
@@ -567,7 +665,7 @@ export default {
           if (response && response.status == 200) {
             this.$errorMsg(res);
           }
-        }
+        },
       });
     },
     wfhandleCallback(flag) {
@@ -576,15 +674,11 @@ export default {
         this.wfClose();
       }
     },
-    toWfManageList() {
-      let url = this.wf_manage_url || '/basic/wf/wf_manage/list'
-      this.$router.push(url)
-    }
-  }
+  },
 };
 </script>
 <style lang="scss" scoped>
-@import '~@/styles/variables.scss';
+@import "~@/styles/variables.scss";
 
 body #app .index-home {
   margin: 3px 10px;
@@ -599,7 +693,8 @@ body #app .index-home {
   }
 
   .i-user-info {
-    background: url(~@/resources/images/home-img.png) #2a6494 no-repeat 116% 45px;
+    background: url(~@/resources/images/home-img.png) #2a6494 no-repeat 116%
+      45px;
     margin-bottom: 6px;
     background-size: 181px;
     padding: 14px 38px 11px 16px;
@@ -650,7 +745,7 @@ body #app .index-home {
         background-color: transparentize($baseColor, 0.97);
 
         .time {
-          color: $baseColor
+          color: $baseColor;
         }
       }
 
@@ -671,7 +766,6 @@ body #app .index-home {
       overflow: auto;
       margin: -8px -12px;
 
-
       .item {
         white-space: initial;
         padding: 8px 22px 2px;
@@ -744,11 +838,11 @@ body #app .index-home {
         }
 
         &:hover .name {
-          color: $baseColor
+          color: $baseColor;
         }
 
         &:first-child:before {
-          border-top: none
+          border-top: none;
         }
 
         .btns {
@@ -766,7 +860,6 @@ body #app .index-home {
           }
         }
       }
-
     }
   }
 
@@ -804,7 +897,7 @@ body #app .index-home {
         }
 
         &:before {
-          content: '';
+          content: "";
           width: 4px;
           height: 24px;
           display: inline-block;
@@ -893,7 +986,7 @@ body #app .index-home {
       &:before {
         content: "";
         background-color: $baseColor;
-        border-color: $baseColor
+        border-color: $baseColor;
       }
 
       background-color: transparentize($baseColor, 0.9);
@@ -920,7 +1013,7 @@ body #app .index-home {
       position: absolute;
       right: 5px;
       top: 6px;
-      color: #FFF;
+      color: #fff;
       font-size: 12px;
       background-color: $red;
       line-height: 22px;
@@ -972,11 +1065,11 @@ body #app .index-home {
       display: inline-block;
 
       b {
-        color: #FFF;
+        color: #fff;
         margin: 0 4px;
         font-size: 16px;
         vertical-align: middle;
-        background: #FF5615;
+        background: #ff5615;
         border-radius: 50%;
         display: inline-block;
         padding: 4px;
@@ -984,7 +1077,6 @@ body #app .index-home {
         line-height: 1;
       }
     }
-
   }
 
   .el-button {
@@ -1005,7 +1097,7 @@ body #app .index-home {
 
     &:hover {
       background-color: $baseColor;
-      color: #FFF;
+      color: #fff;
     }
 
     &.more {
@@ -1013,7 +1105,7 @@ body #app .index-home {
       background: #f7f7f7;
 
       &:hover {
-        color: $baseColor
+        color: $baseColor;
       }
     }
   }