21 changed files with 1932 additions and 3038 deletions
@ -1,192 +0,0 @@
|
||||
{ |
||||
root: 'F:\\物流\\logpm_page', |
||||
registry: 'https://registry.npmmirror.com', |
||||
pkgs: [], |
||||
production: false, |
||||
cacheStrict: false, |
||||
cacheDir: null, |
||||
env: { |
||||
npm_config_registry: 'https://registry.npmmirror.com', |
||||
npm_config_argv: '{"remain":[],"cooked":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\筱峰\\\\.cnpmrc","--disturl=https://npmmirror.com/mirrors/node","--registry=https://registry.npmmirror.com"],"original":["--fix-bug-versions","--china","--userconfig=C:\\\\Users\\\\筱峰\\\\.cnpmrc","--disturl=https://npmmirror.com/mirrors/node","--registry=https://registry.npmmirror.com"]}', |
||||
npm_config_user_agent: 'npminstall/7.5.2 npm/? node/v18.16.0 win32 x64', |
||||
NODE: 'D:\\nodejs\\node.exe', |
||||
npm_node_execpath: 'D:\\nodejs\\node.exe', |
||||
npm_execpath: 'C:\\Users\\筱峰\\AppData\\Roaming\\npm\\node_modules\\cnpm\\node_modules\\npminstall\\bin\\install.js', |
||||
npm_config_userconfig: 'C:\\Users\\筱峰\\.cnpmrc', |
||||
npm_config_disturl: 'https://npmmirror.com/mirrors/node', |
||||
npm_config_r: 'https://registry.npmmirror.com', |
||||
COREPACK_NPM_REGISTRY: 'https://registry.npmmirror.com', |
||||
NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', |
||||
NVM_NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', |
||||
PHANTOMJS_CDNURL: 'https://cdn.npmmirror.com/binaries/phantomjs', |
||||
CHROMEDRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/chromedriver', |
||||
OPERADRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/operadriver', |
||||
CYPRESS_DOWNLOAD_PATH_TEMPLATE: 'https://cdn.npmmirror.com/binaries/cypress/${version}/${platform}-${arch}/cypress.zip', |
||||
ELECTRON_MIRROR: 'https://cdn.npmmirror.com/binaries/electron/', |
||||
ELECTRON_BUILDER_BINARIES_MIRROR: 'https://cdn.npmmirror.com/binaries/electron-builder-binaries/', |
||||
SASS_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-sass', |
||||
SWC_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-swc', |
||||
NWJS_URLBASE: 'https://cdn.npmmirror.com/binaries/nwjs/v', |
||||
PUPPETEER_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/chrome-for-testing', |
||||
PUPPETEER_DOWNLOAD_BASE_URL: 'https://cdn.npmmirror.com/binaries/chrome-for-testing', |
||||
PLAYWRIGHT_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/playwright', |
||||
SENTRYCLI_CDNURL: 'https://cdn.npmmirror.com/binaries/sentry-cli', |
||||
SAUCECTL_INSTALL_BINARY_MIRROR: 'https://cdn.npmmirror.com/binaries/saucectl', |
||||
RE2_DOWNLOAD_MIRROR: 'https://cdn.npmmirror.com/binaries/node-re2', |
||||
RE2_DOWNLOAD_SKIP_PATH: 'true', |
||||
PRISMA_ENGINES_MIRROR: 'https://cdn.npmmirror.com/binaries/prisma', |
||||
npm_config_better_sqlite3_binary_host: 'https://cdn.npmmirror.com/binaries/better-sqlite3', |
||||
npm_config_keytar_binary_host: 'https://cdn.npmmirror.com/binaries/keytar', |
||||
npm_config_sharp_binary_host: 'https://cdn.npmmirror.com/binaries/sharp', |
||||
npm_config_sharp_libvips_binary_host: 'https://cdn.npmmirror.com/binaries/sharp-libvips', |
||||
npm_config_robotjs_binary_host: 'https://cdn.npmmirror.com/binaries/robotjs', |
||||
npm_rootpath: 'F:\\物流\\logpm_page', |
||||
INIT_CWD: 'F:\\物流\\logpm_page', |
||||
npm_config_cache: 'C:\\Users\\筱峰\\.npminstall_tarball' |
||||
}, |
||||
binaryMirrors: { |
||||
ENVS: { |
||||
COREPACK_NPM_REGISTRY: 'https://registry.npmmirror.com', |
||||
NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', |
||||
NVM_NODEJS_ORG_MIRROR: 'https://cdn.npmmirror.com/binaries/node', |
||||
PHANTOMJS_CDNURL: 'https://cdn.npmmirror.com/binaries/phantomjs', |
||||
CHROMEDRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/chromedriver', |
||||
OPERADRIVER_CDNURL: 'https://cdn.npmmirror.com/binaries/operadriver', |
||||
CYPRESS_DOWNLOAD_PATH_TEMPLATE: 'https://cdn.npmmirror.com/binaries/cypress/${version}/${platform}-${arch}/cypress.zip', |
||||
ELECTRON_MIRROR: 'https://cdn.npmmirror.com/binaries/electron/', |
||||
ELECTRON_BUILDER_BINARIES_MIRROR: 'https://cdn.npmmirror.com/binaries/electron-builder-binaries/', |
||||
SASS_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-sass', |
||||
SWC_BINARY_SITE: 'https://cdn.npmmirror.com/binaries/node-swc', |
||||
NWJS_URLBASE: 'https://cdn.npmmirror.com/binaries/nwjs/v', |
||||
PUPPETEER_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/chrome-for-testing', |
||||
PUPPETEER_DOWNLOAD_BASE_URL: 'https://cdn.npmmirror.com/binaries/chrome-for-testing', |
||||
PLAYWRIGHT_DOWNLOAD_HOST: 'https://cdn.npmmirror.com/binaries/playwright', |
||||
SENTRYCLI_CDNURL: 'https://cdn.npmmirror.com/binaries/sentry-cli', |
||||
SAUCECTL_INSTALL_BINARY_MIRROR: 'https://cdn.npmmirror.com/binaries/saucectl', |
||||
RE2_DOWNLOAD_MIRROR: 'https://cdn.npmmirror.com/binaries/node-re2', |
||||
RE2_DOWNLOAD_SKIP_PATH: 'true', |
||||
PRISMA_ENGINES_MIRROR: 'https://cdn.npmmirror.com/binaries/prisma', |
||||
npm_config_better_sqlite3_binary_host: 'https://cdn.npmmirror.com/binaries/better-sqlite3', |
||||
npm_config_keytar_binary_host: 'https://cdn.npmmirror.com/binaries/keytar', |
||||
npm_config_sharp_binary_host: 'https://cdn.npmmirror.com/binaries/sharp', |
||||
npm_config_sharp_libvips_binary_host: 'https://cdn.npmmirror.com/binaries/sharp-libvips', |
||||
npm_config_robotjs_binary_host: 'https://cdn.npmmirror.com/binaries/robotjs' |
||||
}, |
||||
'@ali/s2': { host: 'https://cdn.npmmirror.com/binaries/looksgood-s2' }, |
||||
sharp: { replaceHostFiles: [Array], replaceHostMap: [Object] }, |
||||
'@tensorflow/tfjs-node': { |
||||
replaceHostFiles: [Array], |
||||
replaceHostRegExpMap: [Object], |
||||
replaceHostMap: [Object] |
||||
}, |
||||
cypress: { |
||||
host: 'https://cdn.npmmirror.com/binaries/cypress', |
||||
newPlatforms: [Object] |
||||
}, |
||||
'utf-8-validate': { |
||||
host: 'https://cdn.npmmirror.com/binaries/utf-8-validate/v{version}' |
||||
}, |
||||
xprofiler: { |
||||
remote_path: './xprofiler/v{version}/', |
||||
host: 'https://cdn.npmmirror.com/binaries' |
||||
}, |
||||
leveldown: { host: 'https://cdn.npmmirror.com/binaries/leveldown/v{version}' }, |
||||
couchbase: { host: 'https://cdn.npmmirror.com/binaries/couchbase/v{version}' }, |
||||
gl: { host: 'https://cdn.npmmirror.com/binaries/gl/v{version}' }, |
||||
sqlite3: { |
||||
host: 'https://cdn.npmmirror.com/binaries/sqlite3', |
||||
remote_path: 'v{version}' |
||||
}, |
||||
'@journeyapps/sqlcipher': { host: 'https://cdn.npmmirror.com/binaries' }, |
||||
grpc: { |
||||
host: 'https://cdn.npmmirror.com/binaries', |
||||
remote_path: '{name}/v{version}' |
||||
}, |
||||
'grpc-tools': { host: 'https://cdn.npmmirror.com/binaries' }, |
||||
wrtc: { |
||||
host: 'https://cdn.npmmirror.com/binaries', |
||||
remote_path: '{name}/v{version}' |
||||
}, |
||||
fsevents: { host: 'https://cdn.npmmirror.com/binaries/fsevents' }, |
||||
nodejieba: { host: 'https://cdn.npmmirror.com/binaries/nodejieba' }, |
||||
canvas: { host: 'https://cdn.npmmirror.com/binaries/canvas' }, |
||||
'skia-canvas': { host: 'https://cdn.npmmirror.com/binaries/skia-canvas' }, |
||||
'flow-bin': { |
||||
replaceHost: 'https://github.com/facebook/flow/releases/download/v', |
||||
host: 'https://cdn.npmmirror.com/binaries/flow/v' |
||||
}, |
||||
'jpegtran-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/jpegtran-bin' |
||||
}, |
||||
'cwebp-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/cwebp-bin' |
||||
}, |
||||
'zopflipng-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/zopflipng-bin' |
||||
}, |
||||
'optipng-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/optipng-bin' |
||||
}, |
||||
mozjpeg: { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/mozjpeg-bin' |
||||
}, |
||||
gifsicle: { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/gifsicle-bin' |
||||
}, |
||||
'pngquant-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/pngquant-bin', |
||||
replaceHostMap: [Object] |
||||
}, |
||||
'pngcrush-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/pngcrush-bin' |
||||
}, |
||||
'jpeg-recompress-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/jpeg-recompress-bin' |
||||
}, |
||||
'advpng-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/advpng-bin' |
||||
}, |
||||
'pngout-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/pngout-bin' |
||||
}, |
||||
'jpegoptim-bin': { |
||||
replaceHost: [Array], |
||||
host: 'https://cdn.npmmirror.com/binaries/jpegoptim-bin' |
||||
}, |
||||
argon2: { host: 'https://cdn.npmmirror.com/binaries/argon2' }, |
||||
'ali-zeromq': { host: 'https://cdn.npmmirror.com/binaries/ali-zeromq' }, |
||||
'ali-usb_ctl': { host: 'https://cdn.npmmirror.com/binaries/ali-usb_ctl' }, |
||||
'gdal-async': { host: 'https://cdn.npmmirror.com/binaries/node-gdal-async' } |
||||
}, |
||||
forbiddenLicenses: null, |
||||
flatten: false, |
||||
proxy: undefined, |
||||
prune: false, |
||||
disableFallbackStore: false, |
||||
workspacesMap: Map(0) {}, |
||||
enableWorkspace: false, |
||||
workspaceRoot: 'F:\\物流\\logpm_page', |
||||
isWorkspaceRoot: true, |
||||
isWorkspacePackage: false, |
||||
strictSSL: true, |
||||
ignoreScripts: false, |
||||
ignoreOptionalDependencies: false, |
||||
detail: false, |
||||
forceLinkLatest: false, |
||||
trace: false, |
||||
engineStrict: false, |
||||
registryOnly: false, |
||||
client: false, |
||||
autoFixVersion: [Function: autoFixVersion] |
||||
} |
||||
@ -0,0 +1,163 @@
|
||||
export const columnList = [ |
||||
// {
|
||||
// prop: '',
|
||||
// label: '复选框',
|
||||
// type: 0,
|
||||
// width: 55,
|
||||
// fixed: true,
|
||||
// },
|
||||
{ |
||||
prop: '', |
||||
label: '序号', |
||||
type: 12, |
||||
values: '',
|
||||
width: 55, |
||||
fixed: true, |
||||
}, |
||||
{ |
||||
prop: 'warehouseName', |
||||
label: '仓库名称', |
||||
type: 1, |
||||
values: '', |
||||
width: '100', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'waybillNumber', |
||||
label: '运单号', |
||||
type: 1, |
||||
values: '', |
||||
width: '150', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'orderCode', |
||||
label: '订单自编号', |
||||
type: 1, |
||||
values: '', |
||||
width: '150', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'orderPackageCode', |
||||
label: '包条码', |
||||
type: 1, |
||||
values: '', |
||||
width: '180', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'nodeName', |
||||
label: '操作名称', |
||||
type: 1, |
||||
values: '', |
||||
width: '100', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'allocationName', |
||||
label: '所在库位', |
||||
type: 1, |
||||
values: '', |
||||
width: '100', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'trayName', |
||||
label: '托盘名称', |
||||
type: 1, |
||||
values: '', |
||||
width: '100', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
|
||||
|
||||
{ |
||||
prop: 'tranNumber', |
||||
label: '车次号', |
||||
type: 1, |
||||
values: '', |
||||
width: '140', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'quantity', |
||||
label: '数量', |
||||
type: 1, |
||||
values: '', |
||||
width: '100', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'nodeControlsUserName', |
||||
label: '操作人名称', |
||||
type: 1, |
||||
values: '', |
||||
width: '100', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'nodeTime', |
||||
label: '操作时间', |
||||
type: 1, |
||||
values: '', |
||||
width: '150', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
{ |
||||
prop: 'description', |
||||
label: '操作描述', |
||||
type: 1, |
||||
values: '', |
||||
width: '200', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
head: false, |
||||
}, |
||||
|
||||
|
||||
// {
|
||||
// prop: 'createUserName',
|
||||
// label: '操作',
|
||||
// type: 6,
|
||||
// values: '',
|
||||
// width: '100',
|
||||
// checkarr: [],
|
||||
// fixed: 'right',
|
||||
// sortable: false,
|
||||
// },
|
||||
] |
||||
File diff suppressed because it is too large
Load Diff
@ -1,107 +1,301 @@
|
||||
<template> |
||||
<basic-container> |
||||
<div class="avue-crud"> |
||||
<el-row v-if="!search" class="el_row_top"> |
||||
<!-- 查询模块 --> |
||||
<el-form :inline="true" :model="query" class="fr-fm el_from_top" > |
||||
<div class="fr-fo"> |
||||
|
||||
<!-- <el-form-item label="类型:">--> |
||||
<!-- <el-select v-model="searchType" placeholder="请选择搜索类型" @change="changetypesof">--> |
||||
<!-- <el-option--> |
||||
<!-- v-for="item in searchTypeDate"--> |
||||
<!-- :key="item.value"--> |
||||
<!-- :label="item.label"--> |
||||
<!-- :value="item.value">--> |
||||
<!-- </el-option>--> |
||||
<!-- </el-select>--> |
||||
<!-- </el-form-item>--> |
||||
<el-form-item :label="title+':'"> |
||||
<el-input v-model="query.searchCode" :placeholder="'请输入'+title"></el-input> |
||||
<div> |
||||
<el-row v-if="!search" class="el_row_top"> |
||||
<!-- 查询模块 --> |
||||
<el-form :inline="true" :model="query" class="fr-fm el_from_top"> |
||||
<div class="fr-fo"> |
||||
<!-- <el-form-item label="类型:">--> |
||||
<!-- <el-select v-model="searchType" placeholder="请选择搜索类型" @change="changetypesof">--> |
||||
<!-- <el-option--> |
||||
<!-- v-for="item in searchTypeDate"--> |
||||
<!-- :key="item.value"--> |
||||
<!-- :label="item.label"--> |
||||
<!-- :value="item.value">--> |
||||
<!-- </el-option>--> |
||||
<!-- </el-select>--> |
||||
<!-- </el-form-item>--> |
||||
<el-form-item :label="title + ':'"> |
||||
<el-input v-model="query.packageCode" :placeholder="'请输入' + title"></el-input> |
||||
</el-form-item> |
||||
<el-form-item :label="title + ':'" v-show="show"> |
||||
<el-input v-model="query.packageCode" :placeholder="'请输入' + title"></el-input> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
|
||||
</el-form-item> |
||||
</div> |
||||
<!-- 查询按钮 --> |
||||
<el-form-item class="el-btn"> |
||||
<el-button type="primary" icon="el-icon-search" @click="searchChange" |
||||
>搜 索</el-button |
||||
> |
||||
<el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</el-row> |
||||
<el-row> |
||||
<div class="avue-crud__header"> |
||||
<!-- 头部左侧按钮模块 --> |
||||
<!-- <div class="avue-crud__left">--> |
||||
<!-- <el-button type="danger" icon="el-icon-download" @click="handleExportInfo" plain--> |
||||
<!-- >导出--> |
||||
<!-- </el-button>--> |
||||
<!-- <!– v-loading.fullscreen.lock="fullscreenLoading"–>--> |
||||
<!-- <el-button type="danger" icon="el-icon-picture" @click="handlePictureInfo" plain--> |
||||
<!-- >导出图片--> |
||||
<!-- </el-button>--> |
||||
<!-- </div>--> |
||||
<!-- 头部右侧按钮模块 --> |
||||
<div></div> |
||||
<div class="avue-crud__right"> |
||||
<el-button icon="el-icon-refresh" @click="searchChange" circle></el-button> |
||||
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
||||
<el-button icon="el-icon-search" @click="searchHide" circle></el-button> |
||||
</div> |
||||
</div> |
||||
<!-- 查询按钮 --> |
||||
<el-form-item class="el-btn"> |
||||
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button> |
||||
<el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</el-row> |
||||
<el-row> |
||||
<div class="avue-crud__header"> |
||||
<!-- 头部左侧按钮模块 --> |
||||
<!-- <div class="avue-crud__left">--> |
||||
<!-- <el-button type="danger" icon="el-icon-download" @click="handleExportInfo" plain--> |
||||
<!-- >导出--> |
||||
<!-- </el-button>--> |
||||
<!-- <!– v-loading.fullscreen.lock="fullscreenLoading"–>--> |
||||
<!-- <el-button type="danger" icon="el-icon-picture" @click="handlePictureInfo" plain--> |
||||
<!-- >导出图片--> |
||||
<!-- </el-button>--> |
||||
<!-- </div>--> |
||||
<!-- 头部右侧按钮模块 --> |
||||
<div class="avue-crud__right"> |
||||
<el-button icon="el-icon-refresh" @click="searchChange" circle></el-button> |
||||
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button> |
||||
<el-button icon="el-icon-search" @click="searchHide" circle></el-button> |
||||
</div> |
||||
</div> |
||||
</el-row> |
||||
</div> |
||||
<el-row class="el_list"> |
||||
<!-- 列表模块 --> |
||||
<tablecmt |
||||
:columnList="columnList" |
||||
:tableData="details.data" |
||||
:loading="loadingObj.list" |
||||
@inputTxt="inputsc" |
||||
@timeCheck="timesc" |
||||
@btnCheck="btnsc" |
||||
@selectCheck="selectsc" |
||||
@selection="selectionChange" |
||||
> |
||||
<template #default="slotProps"> </template> |
||||
</tablecmt> |
||||
</el-row> |
||||
</div> |
||||
</basic-container> |
||||
<!-- 列表配置显示 --> |
||||
<edittablehead |
||||
@setcolum="setnewcolum" |
||||
@closce="showdrawer" |
||||
:drawerShow="drawerShow" |
||||
:columnList="details.columnList" |
||||
></edittablehead> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
searchNode |
||||
} from '@/api/distribution/distributionParcelList'; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
search:false, |
||||
reverse: true, |
||||
query:{}, |
||||
title:'请选择类型', |
||||
searchType:'', |
||||
activities: [] |
||||
}; |
||||
}, |
||||
mounted() {}, |
||||
computed: {}, |
||||
methods: { |
||||
<script setup> |
||||
import { $_searchNode } from '@/api/distribution/distributionParcelList'; |
||||
import { columnList } from '@/api/distribution/packageNodeSearch'; |
||||
import { |
||||
ref, |
||||
reactive, |
||||
toRefs, |
||||
computed, |
||||
onMounted, |
||||
nextTick, |
||||
watch, |
||||
getCurrentInstance, |
||||
} from 'vue'; |
||||
import functions from '@/utils/functions.js'; |
||||
import { useRoute } from 'vue-router'; |
||||
const $route = useRoute(); |
||||
const show=ref(false) |
||||
const title = ref('包条码'); |
||||
const searchType = ref(''); |
||||
|
||||
searchHide() { |
||||
this.search = !this.search; |
||||
}, |
||||
changetypesof(val){ |
||||
console.log(val); |
||||
this.title= this.searchTypeDate.find(res=>res.value==val).label |
||||
const details = reactive({ |
||||
/** 是否开启搜索 */ |
||||
search: false, |
||||
/** 表格搜索条件 */ |
||||
query: {}, |
||||
/** 时间快捷选择设置 */ |
||||
shortcuts: [ |
||||
{ |
||||
text: '最近一周', |
||||
value: () => { |
||||
const end = new Date(); |
||||
const start = new Date(); |
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
||||
return [start, end]; |
||||
}, |
||||
}, |
||||
searchChange() { |
||||
searchNode(1,this.query.searchCode).then(res=>{ |
||||
const data = res.data.data; |
||||
|
||||
}) |
||||
{ |
||||
text: '最近一个月', |
||||
value: () => { |
||||
const end = new Date(); |
||||
const start = new Date(); |
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
||||
return [start, end]; |
||||
}, |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.searchType = ''; |
||||
{ |
||||
text: '最近三个月', |
||||
value: () => { |
||||
const end = new Date(); |
||||
const start = new Date(); |
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
||||
return [start, end]; |
||||
}, |
||||
}, |
||||
], |
||||
/** 时间选择器数据 */ |
||||
stockupDate: [], |
||||
/** 列表 */ |
||||
columnList, |
||||
|
||||
/** 列表数据 */ |
||||
data: [], |
||||
/** 页面loading */ |
||||
loadingObj: { |
||||
/** 列表加载loading */ |
||||
list: false, |
||||
}, |
||||
/** 列表复选框选中的数据 */ |
||||
selectionList: [], |
||||
/** 是否显示设置表格 */ |
||||
drawerShow: false, |
||||
/** 分页参数 */ |
||||
page: { |
||||
currentPage: 1, |
||||
pageSize: 50, |
||||
total: 0, |
||||
}, |
||||
|
||||
/** 弹出层显示 */ |
||||
popUpShow: { |
||||
/** 包件明细 */ |
||||
packageOrderListlVisited: false, |
||||
/** 二维码 */ |
||||
QRCodeVisible: false, |
||||
/** 修改客户信息 */ |
||||
editClientInfoVisible: false, |
||||
}, |
||||
/** 列表Dom节点 */ |
||||
listNode: '', |
||||
form: {}, |
||||
/** 全屏 */ |
||||
fullscreenObj: { |
||||
/** 包明细 */ |
||||
packageOrderListlVisited: false, |
||||
}, |
||||
}); |
||||
|
||||
const { |
||||
search, |
||||
query, |
||||
shortcuts, |
||||
stockupDate, |
||||
data, |
||||
loadingObj, |
||||
selectionList, |
||||
drawerShow, |
||||
page, |
||||
trickleLoadingPage, |
||||
zeroAdditionalRecordingInfo, |
||||
popUpShow, |
||||
recorddata, |
||||
} = toRefs(details); |
||||
|
||||
const onLoad = () => { |
||||
details.columnList = columnList; |
||||
}; |
||||
|
||||
|
||||
/** 展开列表控件 */ |
||||
const showdrawer = _flag => { |
||||
details.drawerShow = _flag; |
||||
}; |
||||
const onload = () => { |
||||
details.loadingObj.list=true |
||||
console.log(details.query); |
||||
let data = { |
||||
searchType: '1', |
||||
...details.query, |
||||
}; |
||||
$_searchNode(data).then(res => { |
||||
|
||||
console.log(res, 'res'); |
||||
if (res.data.data) { |
||||
details.data = res.data.data; |
||||
} |
||||
}).catch(res=>{ |
||||
|
||||
}).finally(()=>{ |
||||
details.loadingObj.list=false |
||||
}); |
||||
}; |
||||
|
||||
onLoad(); |
||||
const searchChange = () => { |
||||
onload(); |
||||
}; |
||||
const searchHide = () => { |
||||
details.search = !details.search; |
||||
}; |
||||
console.log($route.query.orderPackageCode,'路由参数'); |
||||
// 响应路由参数变化 |
||||
details.query.packageCode = $route.query.orderPackageCode |
||||
searchChange() |
||||
watch($route, (newValue, oldValue) => { |
||||
// 确保用户ID确实发生了变化 |
||||
details.query.packageCode = $route.query.orderPackageCode |
||||
searchChange() |
||||
}); |
||||
|
||||
|
||||
|
||||
/** |
||||
* 设置列表 -- 固定函数 |
||||
* 弹窗的勾选回调，用于更改头部数组 |
||||
* 固定搭配，只需要更换 columnList |
||||
* */ |
||||
const setnewcolum = (newarr, headarr, type) => { |
||||
if (type == 1) { |
||||
details.columnList = newarr; |
||||
functions.setStorage(window.location.pathname + 'checkList', headarr); |
||||
} else if (type == 2) { |
||||
details.columnList = newarr; |
||||
functions.setStorage(window.location.pathname + 'flexList', headarr); |
||||
} else if (type == 3) { |
||||
details.columnList = newarr; |
||||
functions.setStorage(window.location.pathname + 'sortlist', headarr); |
||||
} |
||||
}; |
||||
|
||||
const inputsc = () => {}; |
||||
const timesc = () => {}; |
||||
const btnsc = () => {}; |
||||
const selectsc = () => {}; |
||||
const selectionChange = () => {}; |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.el_row_top{ |
||||
.el-form{ |
||||
<style scoped lang="scss"> |
||||
.el_row_top { |
||||
.el-form { |
||||
width: 100%; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
.el-btn{ |
||||
.el-btn { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
</style> |
||||
} |
||||
.avue-crud__right { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
|
||||
:deep(.el-card__body) { |
||||
height: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
.avue-crud { |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
:deep(.is-always-shadow){ |
||||
box-shadow: none; |
||||
} |
||||
</style> |
||||
|
||||
Loading…
Reference in new issue