|
|
@@ -1,280 +1,350 @@
|
|
|
<template>
|
|
|
<popu>
|
|
|
<div class="app-container">
|
|
|
- <div class="menu-list">
|
|
|
- <div>
|
|
|
- <div class="main-title">
|
|
|
- <div class="title">常用菜单</div>
|
|
|
- <div class="el-icon-setting" @click="dialogVisible = !dialogVisible" />
|
|
|
- </div>
|
|
|
- <div class="child">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col
|
|
|
- v-for="(it, idx) in normsMenuList"
|
|
|
- :key="idx"
|
|
|
- class="item"
|
|
|
- :span="4"
|
|
|
- style="margin-top: 16px; padding: 3px 20px"
|
|
|
- >
|
|
|
- <el-link class="link" :underline="false" @click="clickMenu(it.curUrl)">{{ it.moduleName }}</el-link>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-for="(item, index) in menuList" :key="index" class="group">
|
|
|
- <div v-if="item.moduleName != '首页'">
|
|
|
+ <div class="menu-list">
|
|
|
+ <div>
|
|
|
<div class="main-title">
|
|
|
- <div class="title">{{ item.moduleName }}</div>
|
|
|
+ <div class="title">常用菜单</div>
|
|
|
+ <div class="el-icon-setting" @click="dialogVisible = !dialogVisible" />
|
|
|
</div>
|
|
|
- <div v-if="item.children && item.children.length" class="child">
|
|
|
+ <div class="child">
|
|
|
<el-row :gutter="20">
|
|
|
- <el-col v-for="(it, idx) in item.children" :key="idx" class="item" :span="4">
|
|
|
+ <el-col
|
|
|
+ v-for="(it, idx) in normsMenuList"
|
|
|
+ :key="idx"
|
|
|
+ class="item"
|
|
|
+ :span="4"
|
|
|
+ style="margin-top: 16px; padding: 3px 20px"
|
|
|
+ >
|
|
|
<el-link class="link" :underline="false" @click="clickMenu(it.curUrl)">{{ it.moduleName }}</el-link>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <div v-else class="child">
|
|
|
- <div class="item">
|
|
|
- <el-link class="link" :underline="false" @click="clickMenu(item.curUrl)">{{ item.moduleName }}</el-link>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 弹窗 -->
|
|
|
- <el-dialog title="菜单配置" :visible.sync="dialogVisible" width="70%">
|
|
|
- <el-checkbox-group v-model="checkList" :max="10">
|
|
|
<div v-for="(item, index) in menuList" :key="index" class="group">
|
|
|
<div v-if="item.moduleName != '首页'">
|
|
|
- <div v-if="item.children && item.children.length" class="dia-child">
|
|
|
- <el-checkbox v-for="(it, idx) in item.children" :key="idx" :label="it.moduleId" class="dia-item">{{
|
|
|
- it.moduleName
|
|
|
- }}</el-checkbox>
|
|
|
+ <div class="main-title">
|
|
|
+ <div class="title">{{ item.moduleName }}</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="item.children && item.children.length" class="child">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col v-for="(it, idx) in item.children" :key="idx" class="item" :span="4">
|
|
|
+ <el-link class="link" :underline="false" @click="clickMenu(it.curUrl)">{{ it.moduleName }}</el-link>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
<div v-else class="child">
|
|
|
- <el-checkbox class="dia-item" :label="item.moduleId">{{ item.moduleName }}</el-checkbox>
|
|
|
+ <div class="item">
|
|
|
+ <el-link class="link" :underline="false" @click="clickMenu(item.curUrl)">{{ item.moduleName }}</el-link>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </el-checkbox-group>
|
|
|
- <div class="dia-tip">（ {{ checkList.length }} / 10 ）注：最多选10个导航菜单</div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button
|
|
|
- @click="
|
|
|
- dialogVisible = false
|
|
|
- checkList = []
|
|
|
- "
|
|
|
- >取 消</el-button
|
|
|
- >
|
|
|
- <el-button type="primary" @click="handleSaveMenu">确 定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
- <el-dialog title="消息" :visible.sync="showMessages" width="50%" :show-close="false" :close-on-click-modal="false">
|
|
|
- <el-radio-group v-model="type" size="mini" @change="checkFn">
|
|
|
- <el-radio-button label="1">系统通知</el-radio-button>
|
|
|
- <el-radio-button label="2">文件下发</el-radio-button>
|
|
|
- <el-radio-button label="3">返利确认单</el-radio-button>
|
|
|
- <el-radio-button label="4">物流通知</el-radio-button>
|
|
|
- </el-radio-group>
|
|
|
- <br />
|
|
|
- <br />
|
|
|
- <!-- 系统通知 -->
|
|
|
- <div v-show="type == '1'" class="table">
|
|
|
- <el-table
|
|
|
- ref="table"
|
|
|
- v-loading="listLoading"
|
|
|
- class="cql"
|
|
|
- :data="dataList"
|
|
|
- element-loading-text="Loading"
|
|
|
- border
|
|
|
- fit
|
|
|
- highlight-current-row
|
|
|
- stripe
|
|
|
- >
|
|
|
- <el-table-column align="center" type="index" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="标题" prop="title" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="来源" prop="source" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="时间" prop="issueTime" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" class="textColor" @click="lookInDialog(scope.row.id)">查看</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <!-- 文件下发 -->
|
|
|
- <div v-show="type == '2'" class="table">
|
|
|
- <el-table
|
|
|
- ref="table"
|
|
|
- v-loading="listLoading"
|
|
|
- :data="fileList"
|
|
|
- element-loading-text="Loading"
|
|
|
- border
|
|
|
- fit
|
|
|
- highlight-current-row
|
|
|
- stripe
|
|
|
- >
|
|
|
- <el-table-column align="center" type="index" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="标题" prop="title" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="来源" prop="operatorNickName" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="时间" prop="createTime" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" class="textColor" @click="downloadFn(scope.row.id)">下载</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <!-- 返利确认单 -->
|
|
|
- <div v-show="type == '3'" class="table">
|
|
|
- <el-table
|
|
|
- ref="table"
|
|
|
- v-loading="listLoading"
|
|
|
- :data="rebateList"
|
|
|
- element-loading-text="Loading"
|
|
|
- border
|
|
|
- fit
|
|
|
- highlight-current-row
|
|
|
- stripe
|
|
|
- >
|
|
|
- <el-table-column align="center" type="index" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column
|
|
|
- align="center"
|
|
|
- label="经销商名称"
|
|
|
- prop="customerName"
|
|
|
- min-width="160"
|
|
|
- show-overflow-tooltip
|
|
|
- />
|
|
|
- <el-table-column align="center" label="确认人" prop="examineBy" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="确认时间" prop="examineTime" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" class="textColor" @click="secondFn(scope.row.rebateOrderId)">{{
|
|
|
- isCustomer ? '确认' : '复核'
|
|
|
- }}</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <!-- 物流通知 -->
|
|
|
- <div v-show="type == '4'" class="table">
|
|
|
- <el-table
|
|
|
- ref="table"
|
|
|
- v-loading="listLoading"
|
|
|
- :data="invoiceOrderList"
|
|
|
- element-loading-text="Loading"
|
|
|
- border
|
|
|
- fit
|
|
|
- highlight-current-row
|
|
|
- stripe
|
|
|
- >
|
|
|
- <el-table-column align="center" type="index" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="发货单" prop="id" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-link v-if="!isCustomer" type="primary" :underline="false" @click="handleJump(scope.row.id)">{{
|
|
|
- scope.row.id
|
|
|
- }}</el-link>
|
|
|
- <template v-else>{{ scope.row.id }}</template>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="内容" prop="orderTrackStatus" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="时间" prop="orderTrackTime" min-width="160" show-overflow-tooltip />
|
|
|
- <el-table-column align="center" label="收货地址" prop="address" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.address ? scope.row.address : '——' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="收货客户" prop="receivingName" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">{{ scope.row.receivingName ? scope.row.receivingName : '——' }}</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="" min-width="80" show-overflow-tooltip fixed="right">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" class="textColor" @click="handLogistics(scope.row)">查看</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
</div>
|
|
|
- <br />
|
|
|
- <br />
|
|
|
- <!-- 分页 -->
|
|
|
- <div class="fr">
|
|
|
- <el-pagination
|
|
|
- :current-page="currentPage"
|
|
|
- :page-sizes="[10, 20, 30, 50]"
|
|
|
- :page-size="10"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="listTotal"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <br /><br />
|
|
|
- <!-- 内层弹窗 -->
|
|
|
- <el-dialog width="40%" title="消息标题" :visible.sync="inDialog" append-to-body>
|
|
|
- <div class="detail-container">
|
|
|
- <div class="title">{{ detailData.title }}</div>
|
|
|
- <div class="text">
|
|
|
- 发布人：{{ detailData.issueNickName }}<el-divider direction="vertical" />发布时间：{{
|
|
|
- detailData.issueTime
|
|
|
- }}
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <el-dialog title="菜单配置" :visible.sync="dialogVisible" width="70%">
|
|
|
+ <el-checkbox-group v-model="checkList" :max="10">
|
|
|
+ <div v-for="(item, index) in menuList" :key="index" class="group">
|
|
|
+ <div v-if="item.moduleName != '首页'">
|
|
|
+ <div v-if="item.children && item.children.length" class="dia-child">
|
|
|
+ <el-checkbox v-for="(it, idx) in item.children" :key="idx" :label="it.moduleId" class="dia-item">{{
|
|
|
+ it.moduleName
|
|
|
+ }}</el-checkbox>
|
|
|
+ </div>
|
|
|
+ <div v-else class="child">
|
|
|
+ <el-checkbox class="dia-item" :label="item.moduleId">{{ item.moduleName }}</el-checkbox>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <el-divider />
|
|
|
- <div class="content">{{ detailData.content }}</div>
|
|
|
- <el-divider v-if="detailData.files && detailData.files.length > 0" />
|
|
|
- <div v-if="detailData.files && detailData.files.length > 0" class="file">
|
|
|
- <div>附件：</div>
|
|
|
- <div class="file-list">
|
|
|
- <div v-for="(item, index) in detailData.files" :key="index" class="item">
|
|
|
- <el-image
|
|
|
- v-if="checkFileType(item.url) == 'image'"
|
|
|
- class="img"
|
|
|
- :src="imageURL + item.url"
|
|
|
- :preview-src-list="[imageURL + item.url]"
|
|
|
- />
|
|
|
- <div v-else class="box2" @click="openLink(item.url)">
|
|
|
- <img v-if="checkFileType(item.url) == 'word'" src="@/assets/common/word.png" />
|
|
|
- <img v-if="checkFileType(item.url) == 'excel'" src="@/assets/common/excel.png" />
|
|
|
- <img v-if="checkFileType(item.url) == 'ppt'" src="@/assets/common/ppt.png" />
|
|
|
- <img v-if="checkFileType(item.url) == 'pdf'" src="@/assets/common/pdf.png" />
|
|
|
- <div class="name ellipsis-3">{{ item.name }}</div>
|
|
|
+ </el-checkbox-group>
|
|
|
+ <div class="dia-tip">（ {{ checkList.length }} / 10 ）注：最多选10个导航菜单</div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button
|
|
|
+ @click="
|
|
|
+ dialogVisible = false
|
|
|
+ checkList = []
|
|
|
+ "
|
|
|
+ >取 消</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" @click="handleSaveMenu">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ title="消息"
|
|
|
+ :visible.sync="showMessages"
|
|
|
+ :append-to-body="true"
|
|
|
+ width="50%"
|
|
|
+ :show-close="false"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ >
|
|
|
+ <el-radio-group v-model="type" size="mini" @change="checkFn">
|
|
|
+ <el-radio-button label="1">系统通知</el-radio-button>
|
|
|
+ <el-radio-button label="2">文件下发</el-radio-button>
|
|
|
+ <el-radio-button label="3">返利确认单</el-radio-button>
|
|
|
+ <el-radio-button label="4">物流通知</el-radio-button>
|
|
|
+ <el-radio-button label="5">到货通知</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
+ <!-- 系统通知 -->
|
|
|
+ <div v-show="type == '1'" class="table">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ v-loading="listLoading"
|
|
|
+ class="cql"
|
|
|
+ :data="dataList"
|
|
|
+ element-loading-text="Loading"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ highlight-current-row
|
|
|
+ stripe
|
|
|
+ >
|
|
|
+ <el-table-column align="center" type="index" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="标题" prop="title" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="来源" prop="source" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="时间" prop="issueTime" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="" min-width="160" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" class="textColor" @click="lookInDialog(scope.row.id)">查看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <!-- 文件下发 -->
|
|
|
+ <div v-show="type == '2'" class="table">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ v-loading="listLoading"
|
|
|
+ :data="fileList"
|
|
|
+ element-loading-text="Loading"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ highlight-current-row
|
|
|
+ stripe
|
|
|
+ >
|
|
|
+ <el-table-column align="center" type="index" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="标题" prop="title" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="来源"
|
|
|
+ prop="operatorNickName"
|
|
|
+ min-width="160"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column align="center" label="时间" prop="createTime" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" class="textColor" @click="downloadFn(scope.row.id)">下载</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <!-- 返利确认单 -->
|
|
|
+ <div v-show="type == '3'" class="table">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ v-loading="listLoading"
|
|
|
+ :data="rebateList"
|
|
|
+ element-loading-text="Loading"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ highlight-current-row
|
|
|
+ stripe
|
|
|
+ >
|
|
|
+ <el-table-column align="center" type="index" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="经销商名称"
|
|
|
+ prop="customerName"
|
|
|
+ min-width="160"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column align="center" label="确认人" prop="examineBy" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="确认时间" prop="examineTime" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="" min-width="160" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" class="textColor" @click="secondFn(scope.row.rebateOrderId)">{{
|
|
|
+ isCustomer ? '确认' : '复核'
|
|
|
+ }}</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <!-- 物流通知 -->
|
|
|
+ <div v-show="type == '4'" class="table">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ v-loading="listLoading"
|
|
|
+ :data="invoiceOrderList"
|
|
|
+ element-loading-text="Loading"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ highlight-current-row
|
|
|
+ stripe
|
|
|
+ >
|
|
|
+ <el-table-column align="center" type="index" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="发货单" prop="id" min-width="160" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-link v-if="!isCustomer" type="primary" :underline="false" @click="handleJump(scope.row.id)">{{
|
|
|
+ scope.row.id
|
|
|
+ }}</el-link>
|
|
|
+ <template v-else>{{ scope.row.id }}</template>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="内容"
|
|
|
+ prop="orderTrackStatus"
|
|
|
+ min-width="160"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column align="center" label="时间" prop="orderTrackTime" min-width="160" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="收货地址" prop="address" min-width="160" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.address ? scope.row.address : '——' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="收货客户" prop="receivingName" min-width="160" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">{{ scope.row.receivingName ? scope.row.receivingName : '——' }}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="" min-width="80" show-overflow-tooltip fixed="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="text" class="textColor" @click="handLogistics(scope.row)">查看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <!-- 到货通知 -->
|
|
|
+ <div v-show="type == '5'" class="table">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ v-loading="listLoading"
|
|
|
+ :data="arrivalNoticeList"
|
|
|
+ element-loading-text="Loading"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ highlight-current-row
|
|
|
+ stripe
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ property="materialOldNumber"
|
|
|
+ align="left"
|
|
|
+ min-width="120"
|
|
|
+ label="产品编号"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ property="materialNumber"
|
|
|
+ align="left"
|
|
|
+ min-width="100"
|
|
|
+ label="物料编码"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ property="materialName"
|
|
|
+ align="left"
|
|
|
+ min-width="250"
|
|
|
+ label="产品名称"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ property="specification"
|
|
|
+ align="left"
|
|
|
+ min-width="350"
|
|
|
+ label="规格型号"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ <el-table-column property="stockName" align="left" min-width="100" label="到货仓库" show-overflow-tooltip />
|
|
|
+ <el-table-column
|
|
|
+ property="updateTime"
|
|
|
+ align="left"
|
|
|
+ min-width="200"
|
|
|
+ label="到货通知时间"
|
|
|
+ show-overflow-tooltip
|
|
|
+ />
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
+ <!-- 分页 -->
|
|
|
+ <div class="fr">
|
|
|
+ <el-pagination
|
|
|
+ :current-page="currentPage"
|
|
|
+ :page-sizes="[10, 20, 30, 50]"
|
|
|
+ :page-size="10"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="listTotal"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <br /><br />
|
|
|
+ <!-- 内层弹窗 -->
|
|
|
+ <el-dialog width="40%" title="消息标题" :visible.sync="inDialog" append-to-body>
|
|
|
+ <div class="detail-container">
|
|
|
+ <div class="title">{{ detailData.title }}</div>
|
|
|
+ <div class="text">
|
|
|
+ 发布人：{{ detailData.issueNickName }}<el-divider direction="vertical" />发布时间：{{
|
|
|
+ detailData.issueTime
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ <el-divider />
|
|
|
+ <div class="content">{{ detailData.content }}</div>
|
|
|
+ <el-divider v-if="detailData.files && detailData.files.length > 0" />
|
|
|
+ <div v-if="detailData.files && detailData.files.length > 0" class="file">
|
|
|
+ <div>附件：</div>
|
|
|
+ <div class="file-list">
|
|
|
+ <div v-for="(item, index) in detailData.files" :key="index" class="item">
|
|
|
+ <el-image
|
|
|
+ v-if="checkFileType(item.url) == 'image'"
|
|
|
+ class="img"
|
|
|
+ :src="imageURL + item.url"
|
|
|
+ :preview-src-list="[imageURL + item.url]"
|
|
|
+ />
|
|
|
+ <div v-else class="box2" @click="openLink(item.url)">
|
|
|
+ <img v-if="checkFileType(item.url) == 'word'" src="@/assets/common/word.png" />
|
|
|
+ <img v-if="checkFileType(item.url) == 'excel'" src="@/assets/common/excel.png" />
|
|
|
+ <img v-if="checkFileType(item.url) == 'ppt'" src="@/assets/common/ppt.png" />
|
|
|
+ <img v-if="checkFileType(item.url) == 'pdf'" src="@/assets/common/pdf.png" />
|
|
|
+ <div class="name ellipsis-3">{{ item.name }}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="mini" type="primary" @click="confirmCheck(detailData.noticeId)">确认接收</el-button>
|
|
|
+ <el-button size="mini" @click="inDialog = false">关 闭</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
- <el-button size="mini" type="primary" @click="confirmCheck(detailData.noticeId)">确认接收</el-button>
|
|
|
- <el-button size="mini" @click="inDialog = false">关 闭</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="closeFn">关闭</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" size="mini" @click="closeFn">关闭</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- <el-dialog title="物流信息" :visible.sync="visible" width="60%" @close="onClose" :close-on-click-modal="false">
|
|
|
- <el-timeline class="logistics" :reverse="false" v-if="logisticsDetail.length">
|
|
|
- <el-timeline-item
|
|
|
- placement="top"
|
|
|
- type="success"
|
|
|
- v-for="(item, index) in logisticsDetail"
|
|
|
- :key="index"
|
|
|
- :timestamp="item.time"
|
|
|
- >
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col class="logistics-title"> {{ item.status }} </el-col>
|
|
|
- <el-col>
|
|
|
- <div class="flex">
|
|
|
- <div>{{ item.context }}</div>
|
|
|
- <!-- <div>{{ item.createTime }}</div> -->
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-timeline-item>
|
|
|
- </el-timeline>
|
|
|
- <div v-else class="tip">暂无物流信息</div>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ <el-dialog title="物流信息" :visible.sync="visible" width="60%" @close="onClose" :close-on-click-modal="false">
|
|
|
+ <el-timeline class="logistics" :reverse="false" v-if="logisticsDetail.length">
|
|
|
+ <el-timeline-item
|
|
|
+ placement="top"
|
|
|
+ type="success"
|
|
|
+ v-for="(item, index) in logisticsDetail"
|
|
|
+ :key="index"
|
|
|
+ :timestamp="item.time"
|
|
|
+ >
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col class="logistics-title"> {{ item.status }} </el-col>
|
|
|
+ <el-col>
|
|
|
+ <div class="flex">
|
|
|
+ <div>{{ item.context }}</div>
|
|
|
+ <!-- <div>{{ item.createTime }}</div> -->
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-timeline-item>
|
|
|
+ </el-timeline>
|
|
|
+ <div v-else class="tip">暂无物流信息</div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</popu>
|
|
|
</template>
|
|
|
|
|
|
@@ -291,14 +361,16 @@ import {
|
|
|
setMenuList,
|
|
|
getListInvoiceOrder
|
|
|
} from '@/api/dashboard'
|
|
|
+import { getArrivalNotice } from '@/api/stock'
|
|
|
+
|
|
|
import { getListOrderTrack } from '@/api/supply/pickup'
|
|
|
import { getFileUrl } from '@/api/common'
|
|
|
import { mapGetters } from 'vuex'
|
|
|
-import popu from '@/components/template/popu.vue';
|
|
|
+import popu from '@/components/template/popu.vue'
|
|
|
export default {
|
|
|
name: 'Dashboard',
|
|
|
components: {
|
|
|
- popu,
|
|
|
+ popu
|
|
|
},
|
|
|
created() {
|
|
|
this.getDataList({
|
|
|
@@ -465,6 +537,12 @@ export default {
|
|
|
pageNum: this.currentPage
|
|
|
})
|
|
|
}
|
|
|
+ if (this.type == 5) {
|
|
|
+ this.getArrivalNotice({
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ pageNum: this.currentPage
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
// 更改当前页
|
|
|
handleCurrentChange(val) {
|
|
|
@@ -496,6 +574,12 @@ export default {
|
|
|
pageNum: this.currentPage
|
|
|
})
|
|
|
}
|
|
|
+ if (this.type == 5) {
|
|
|
+ this.getArrivalNotice({
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ pageNum: this.currentPage
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
// 获取返利确认单数据
|
|
|
async getRebateList(data) {
|
|
|
@@ -516,6 +600,11 @@ export default {
|
|
|
this.invoiceOrderList = res.data.records
|
|
|
this.listTotal = res.data.total
|
|
|
},
|
|
|
+ async getArrivalNotice(data) {
|
|
|
+ const res = await getArrivalNotice(data)
|
|
|
+ this.arrivalNoticeList = res.data.records
|
|
|
+ this.listTotal = res.data.total
|
|
|
+ },
|
|
|
// 选择
|
|
|
checkFn(v) {
|
|
|
this.$refs.table.doLayout()
|
|
|
@@ -547,6 +636,12 @@ export default {
|
|
|
pageNum: this.currentPage
|
|
|
})
|
|
|
}
|
|
|
+ if (this.type == 5) {
|
|
|
+ this.getArrivalNotice({
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ pageNum: this.currentPage
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
// 关闭
|
|
|
closeFn() {
|
zh